html{
width: 100%;
height: 100%;
position: relative;
overflow: visible;
}
::selection{
color: #fff;
background-color: var(--colorMain);
}
::-moz-selection{
color: #fff;
background-color: var(--colorMain);
}
body{
font-family: "Lato",sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
background-color: #fff;
overflow: visible;
overflow-x: hidden;
overflow-y: scroll;
position: relative;
}
@media (max-width: 1199px) {
body.overflow-hidden-lg{
overflow: hidden;
}
}
@media (min-width: 1200px) {
body .boxed2{
margin: 20px;
}
}
@media (min-width: 1200px) {
body.page-template-full-page{
overflow: hidden;
height: 100%;
}
body.page-template-full-page .boxed2{
margin: 0;
}
}
h1,
h2,
h3,
h4,
h5,
h6{
font-family: "Montserrat",sans-serif;
font-weight: 700;
line-height: 1.4;
word-break: break-word;
margin-top: .65em;
margin-bottom: .65em;
letter-spacing: -0.06em;
font-variant-numeric: lining-nums;
-webkit-font-feature-settings: "lnum" 1;
font-feature-settings: "lnum" 1;
}
h1{
font-size: 80px;
margin-top: .8em;
margin-bottom: .1em;
}
h2{
font-size: 60px;
margin-top: .75em;
margin-bottom: .2em;
}
h3{
font-size: 50px;
margin-top: 1.1em;
margin-bottom: .3em;
}
h4{
font-size: 40px;
margin-top: 1.4em;
margin-bottom: .5em;
}
h5{
font-size: 30px;
margin-top: 2em;
margin-bottom: .7em;
}
h6{
font-size: 20px;
margin-top: 3.3em;
margin-bottom: 1.3em;
}
@media (max-width: 575px) {
h1{
font-size: 1.8rem;
}
h2{
font-size: 1.6rem;
}
h3{
font-size: 1.4rem;
}
h4{
font-size: 1.3rem;
}
h5{
font-size: 1.2rem;
}
h6{
font-size: 1.1rem;
}
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child{
margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child{
margin-bottom: 0;
}
p{
margin-bottom: 1.2em;
}
ul:last-child,
ol:last-child,
p:last-child{
margin-bottom: 0;
}
p:last-child:after{
content: "";
display: block;
clear: both;
}
img,
figure{
max-width: 100%;
height: auto;
}
figcaption{
font-size: .95em;
line-height: 1.4;
padding: 10px 0 7px;
}
figcaption p{
margin-bottom: 0;
}
b,
strong{
font-weight: 700;
}
label{
color: var(--colorDarkGrey);
}
label sup{
display: none;
}
a{
text-decoration: none;
transition: all .2s ease-in-out 0s;
color: var(--colorDarkGrey);
}
a:hover{
color: var(--colorMain);
text-decoration: none;
transition: all .15s linear 0s;
}
blockquote{
border-left: 0;
padding: .4em 0 .4em 30px;
max-width: 560px;
color: #031521;
font-family: "Playfair Display",serif;
font-style: italic;
font-size: 20px;
line-height: 30px;
margin: 30px 0 30px 60px;
position: relative;
border-left: 1px solid #e1e1e1;
}
@media (max-width: 576px) {
blockquote{
margin: 30px 0 30px 0;
position: relative;
border-left: 1px solid #e1e1e1;
}
}
blockquote:before{
font-style: normal;
text-align: center;
font-size: 100px;
line-height: 90px;
font-family: "Playfair Display",serif;
content: "“";
position: absolute;
top: 0;
left: -70px;
width: 60px;
height: 60px;
color: var(--colorMain);
}
@media (max-width: 576px) {
blockquote:before{
display: none;
}
}
blockquote.color-main-2:before{
color: var(--colorMain2);
}
blockquote header,
blockquote footer{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
font-style: normal;
}
blockquote header{
margin-bottom: 30px;
}
@media (max-width: 576px) {
blockquote header{
margin-bottom: 20px;
}
}
blockquote footer{
margin-top: 30px;
}
@media (max-width: 576px) {
blockquote footer{
margin-top: 20px;
}
}
blockquote .media{
margin: 15px 0;
}
blockquote .media img{
max-width: 60px;
border-radius: 50%;
}
blockquote h3,
blockquote h4,
blockquote .text-small{
font-style: normal;
}
blockquote.wp-block-quote{
margin: 0 0 30px 0;
padding: .2em 0 .2em 15px;
}
blockquote.wp-block-quote:before{
display: none;
}
input:focus,
button:focus,
select:focus,
textarea:focus,
a:focus{
outline: medium none;
text-decoration: none;
}
a > img{
transition: all .15s ease-in-out 0s;
}
a:hover > img{
opacity: .8;
}
a.btn:active,
a.button:active,
button:active,
input[type=submit]:active{
position: relative;
top: 1px !important;
}
hr{
border-color: #e1e1e1;
margin-left: 0;
margin-right: 0;
margin-top: 30px;
margin-bottom: 30px;
}
iframe{
border: none;
max-width: 100%;
}
table{
width: 100%;
max-width: 100%;
margin: 10px 0;
font-size: 14px;
}
table td,
table th{
padding: 10px 12px;
line-height: 1.42857143;
vertical-align: top;
border: 1px solid rgba(0, 0, 0, .1);
color: var(--colorDarkGrey);
font-family: "Montserrat",sans-serif;
}
table th{
color: var(--colorDarkGrey);
font-weight: normal;
vertical-align: middle;
}
canvas{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
pre{
line-height: 1.5;
background-color: rgba(150, 150, 150, .05);
padding: .5em 1em;
}
.big{
margin: .85em 0 1.2em;
font-size: 20px;
line-height: 1.5em;
font-weight: 300;
color: #031521;
}
.big em{
display: inline-block;
margin: .3em 0 0;
}
@media (min-width: 768px) {
.big em{
margin: 1em 0 .5em;
}
}
.media h3{
text-transform: uppercase;
}
.media .dropcap{
margin-right: 0;
}
.small-text{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
@media (min-width: 768px) {
.small-text.extra-letter-spacing{
letter-spacing: 1em;
}
}
ul,
ol{
padding-left: 1.15rem;
}
dt{
font-weight: 700;
}
dd{
margin: 0 1.5em 1.5em;
}
.list-bordered{
padding: 0;
list-style: none;
overflow: hidden;
}
.list-bordered li{
padding-top: 14px;
padding-bottom: 15px;
border-top: 1px solid rgba(var(--colorDarkGreyRGB), 0.1);
border-bottom: 1px solid rgba(var(--colorDarkGreyRGB), 0.1);
}
.list-bordered li + li{
border-top: none;
}
.list-bordered.no-top-border > li:first-child{
border-top: none;
}
.list-bordered.no-bottom-border > li:last-child{
border-bottom: none;
}
.list1 ol,
ol.list1{
counter-reset: li;
list-style: none outside none;
padding: 0;
margin-bottom: 0;
}
.list1 ol li,
ol.list1 li{
position: relative;
padding: 4px 0 4px 40px;
font-size: 16px;
line-height: 28px;
color: #031521;
font-weight: bold;
}
.list1 ol li:after,
ol.list1 li:after{
content: counter(li, decimal-leading-zero) ".";
counter-increment: li;
position: absolute;
left: 2px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 700;
color: var(--colorMain);
}
.ds .list1 ol li,
.ds ol.list1 li{
color: #fff;
}
.list1 ul,
ul.list5,
ul.list1{
list-style: none;
padding-left: 10px;
margin-bottom: 20px;
}
.list1 ul li,
ul.list5 li,
ul.list1 li{
position: relative;
padding: 5px 0 5px 25px;
font-size: 16px;
line-height: 25px;
font-weight: bold;
color: #031521;
}
.ds .list1 ul li,
.ds ul.list5 li,
.ds ul.list1 li{
color: #fff;
}
.list1 ul li:before,
ul.list5 li:before,
ul.list1 li:before{
content: "";
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/list_arrow.png);
width: 20px;
height: 7px;
position: absolute;
left: -10px;
top: 50%;
-webkit-transform: translateY(-43%);
transform: translateY(-43%);
background-color: var(--colorMain);
}
.list2 ul,
ul.list2{
list-style: none;
padding-left: 10px;
margin-bottom: 20px;
}
.list2 ul li,
ul.list2 li{
position: relative;
padding: 5px 0 5px 5px;
font-size: 16px;
line-height: 30px;
color: #031521;
}
.ds .list2 ul li,
.ds ul.list2 li{
color: #fff;
}
.list2 ul li:before,
ul.list2 li:before{
font-family: "FontAwesome";
font-size: 14px;
content: "";
position: absolute;
left: -10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--colorMain);
}
.list3 ul,
ul.list3{
list-style: none;
padding-left: 10px;
margin-bottom: 20px;
}
.list3 ul li,
ul.list3 li{
position: relative;
padding: 5px 0 5px 25px;
font-size: 16px;
line-height: 25px;
font-weight: bold;
color: #031521;
}
.ds .list3 ul li,
.ds ul.list3 li{
color: #fff;
}
.list3 ul li:before,
ul.list3 li:before{
content: "";
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/list_arrow2.png);
width: 20px;
height: 7px;
position: absolute;
left: -10px;
top: 50%;
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
background-color: var(--colorMain2);
}
@media (min-width: 768px) {
ul.list5{
-webkit-column-count: 2;
column-count: 2;
}
}
ul.list5 li.list-item{
color: gray;
font-weight: 400;
padding: 5px 0 5px 30px;
}
ul.list5 li.list-item:before{
background-image: none;
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/list_arrow2.png);
background-color: var(--colorMain);
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
}
.breadcrumb{
margin: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
text-transform: uppercase;
color: inherit;
font-weight: bold;
font-family: "Montserrat",sans-serif;
font-size: 12px;
letter-spacing: .2em;
}
.breadcrumb > li{
display: inline-block;
padding: 0;
float: none;
padding-bottom: 10px;
}
.breadcrumb .breadcrumb-item span{
background: var(--colorMain2);
color: #031521;
padding: 5px 8px;
margin: 0 10px;
}
.white-text .breadcrumb .breadcrumb-item span{
color: #fff;
}
.text-center .breadcrumb{
justify-content: center;
}
@media (min-width: 992px) {
.text-lg-right .breadcrumb{
justify-content: flex-end;
}
}
.breadcrumb > .active{
color: inherit;
opacity: .9;
}
.breadcrumb-item + .breadcrumb-item::before{
color: inherit;
padding: 0;
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/white_arrow.png);
content: "";
margin-left: -6px;
width: 20px;
height: 7px;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=tel],
input[type=number],
textarea,
select,
.form-control{
height: 57px;
border: 0;
border-bottom: 1px solid rgba(var(--colorDarkGreyRGB), 0.1);
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
color: var(--colorDark);
padding-left: 0;
padding-right: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
font-family: "Lato",sans-serif;
width: 100%;
}
.form-group{
position: relative;
}
.form-group::before{
content: "";
height: 1px;
width: 30px;
bottom: 0;
left: 0;
position: absolute;
background: var(--colorDarkGrey);
}
input[disabled]{
opacity: .4;
cursor: not-allowed;
}
[type=submit],
button{
cursor: pointer;
}
[type=submit],
button{
cursor: pointer;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
padding: 20px 30px;
background: var(--colorMain);
border: 1px solid var(--colorMain);
border-radius: 60px;
width: auto;
color: #fff;
transition: all .2s ease-in-out;
}
[type=submit]:hover,
button:hover{
background: rgba(0, 0, 0, 0);
color: var(--colorDarkGrey);
}
.ds [type=submit]:not([class]),
.cs [type=submit]:not([class]),
.ds button:not([class]),
.cs button:not([class]){
border-color: #fff;
color: #fff;
}
.wocommerce [type=submit],
.wocommerce button{
width: auto;
min-width: 180px;
}
@media (min-width: 1200px) {
.wocommerce [type=submit],
.wocommerce button{
min-width: 240px;
}
}
textarea,
textarea.form-control{
padding-top: 20px;
height: auto;
}
.input:focus,
.input:active{
display: none;
}
.line-textarea.form-group textarea{
padding-top: 0;
margin-top: 8px;
border-bottom: 0;
background-image: linear-gradient(transparent, transparent 39px, #d0d2d3 39px, #d0d2d3 40px, white 40px) !important;
background-size: 100% 40px !important;
line-height: 2.5 !important;
background-position-y: 40px;
}
.form-group{
position: relative;
}
[class*=col-]>.form-group{
margin-bottom: 0;
}
[class*=col-]>.form-group+.form-group{
margin-top: 10px;
}
.has-placeholder label{
display: none;
}
select[multiple]{
height: auto;
}
select option,
.form-control option{
color: var(--colorDarkGrey);
background-color: #fff;
}
.form-control-unstyled{
border: none;
background-color: rgba(0, 0, 0, 0);
}
.form-control,
.form-control:focus{
box-shadow: none;
}
.form-control.invalid{
box-shadow: 0 0 0 2px var(--colorMain);
}
.form-control:focus{
border-color: #bbb;
background-color: rgba(0, 0, 0, 0);
}
.form-control:-moz-placeholder{
color: gray;
opacity: 1;
}
.form-control::-moz-placeholder{
font-style: italic;
color: gray;
opacity: 1;
}
.form-control:-ms-input-placeholder{
font-style: italic;
color: gray;
}
.form-control::-webkit-input-placeholder{
font-style: italic;
color: gray;
}
.form-control:focus:-moz-placeholder{
color: rgba(0, 0, 0, 0);
}
.form-control:focus::-moz-placeholder{
color: rgba(0, 0, 0, 0);
}
.form-control:focus:-ms-input-placeholder{
color: rgba(0, 0, 0, 0);
}
.form-control:focus::-webkit-input-placeholder{
color: rgba(0, 0, 0, 0);
}
form label+[class*=fa-]{
position: absolute;
font-size: 16px;
left: 28px;
top: 60px;
width: 1em;
text-align: center;
}
form .has-placeholder label+[class*=fa-]{
top: 22px;
}
form label+[class*=fa-]+.form-control{
padding-left: 60px;
}
label{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.checkbox label,
.radio label{
font-weight: inherit;
}
.checkbox label[for],
.radio label[for]{
font-weight: inherit;
cursor: pointer;
}
label[for]{
cursor: pointer;
}
.checkbox label[for]+input[type=checkbox],
.checkbox label[for]+input[type=radio],
.radio label[for]+input[type=checkbox],
.radio label[for]+input[type=radio]{
left: 20px;
}
.checkbox .form-check,
.radio .form-check{
padding: 0;
}
input[type=checkbox],
input[type=radio]{
margin-top: 8px;
}
.form-wrapper.hero-bg,
.form-wrapper.muted-bg,
.form-wrapper.cs,
.form-wrapper.ds,
.form-wrapper.ls{
padding: 35px;
}
@media (min-width: 1200px) {
.form-wrapper.hero-bg,
.form-wrapper.muted-bg,
.form-wrapper.cs,
.form-wrapper.ds,
.form-wrapper.ls{
padding: 60px;
}
}
.has-error .form-control{
border-color: var(--colorMain);
}
.has-error label,
.has-error .help-block{
color: var(--colorMain);
}
.checkbox input[type=checkbox]{
display: none;
}
.checkbox label+input[type=checkbox],
.checkbox label>input[type=checkbox]{
display: inline-block;
}
input[type=checkbox]+label{
padding-left: 0;
}
input[type=checkbox]+label>a{
color: var(--colorDarkGrey);
}
input[type=checkbox]+label:before{
content: "";
display: inline-block;
vertical-align: middle;
margin: 1px 10px 4px 0;
text-align: center;
padding-right: .1em;
width: 16px;
height: 16px;
line-height: 14px;
font-size: 15px;
border: 1px solid #e1e1e1;
font-family: "FontAwesome";
}
input[type=checkbox]:checked+label:before{
content: "";
color: var(--colorDarkGrey);
}
input[type=checkbox]:disabled+label:before{
background-color: #e1e1e1;
}
.radio input[type=radio]{
display: none;
}
.radio label+input[type=radio],
.radio label>input[type=radio]{
display: inline-block;
}
input[type=radio]+label{
padding-left: 0;
}
input[type=radio]+label>a{
color: #999;
}
input[type=radio]+label:before{
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 2px;
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid #e1e1e1;
}
input[type=radio]:checked+label:before{
padding: 3px;
background-color: var(--colorDarkGrey);
background-clip: content-box;
}
input[type=radio]:disabled+label:before{
background-color: #e1e1e1;
}
.wrap-forms .fw-messages-wrap ul.fw-flash-type-error{
padding: 0;
margin-top: 20px;
list-style: none;
color: #cc4b67;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev{
display: block;
}
.carousel-indicators li{
max-width: 10px;
height: 10px;
border-radius: 50%;
}
.nav-tabs{
border-bottom: none;
z-index: 3;
position: relative;
}
@media (max-width: 576px) {
.nav-tabs{
width: 100%;
display: block;
}
}
.nav-tabs .nav-link{
border: 0;
border-radius: 0;
margin-right: 1px;
background: var(--colorMain2);
}
.nav-tabs .nav-link:hover{
border: 0;
color: rgba(var(--colorDarkGreyRGB), 0.7) !important;
}
@media (max-width: 576px) {
.nav-tabs .nav-link{
width: 100%;
display: block;
}
}
.nav-tabs .nav-item{
margin-bottom: -2px;
z-index: 2;
}
@media (max-width: 576px) {
.nav-tabs .nav-item{
border-bottom: 1px solid #fff;
margin-bottom: 0;
}
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
border: 0;
border-bottom: 0 !important;
background: #fff;
color: var(--colorDarkGrey);
}
.nav-link{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
padding: 30px 38px;
color: var(--colorDarkGrey);
}
.small-tabs .nav-link{
padding: 10px 15px;
}
.tab-content{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
padding: 53px 60px;
position: relative;
background-color: #fff;
}
@media (max-width: 576px) {
.tab-content{
padding: 43px 30px;
}
}
.tab-content::before{
content: "";
top: 0;
left: 0;
right: 0;
height: 15px;
display: inline-block;
position: absolute;
z-index: 3;
background-color: #fff;
}
.tab-pane .media img{
max-width: 40%;
}
.tab-pane .media img:first-child{
margin-right: 10px;
}
.tab-pane .media h3,
.tab-pane .media h4,
.tab-pane .media h5,
.tab-pane .media h6{
font-weight: bold;
margin-top: 0;
margin-bottom: 17px;
}
[role=tablist] .card:last-child .card-header a{
margin-bottom: 0;
}
.vertical-tab.nav-tabs{
list-style: none;
}
.vertical-tab.nav-tabs .nav-item + .nav-item{
margin-top: 30px;
}
.vertical-tab.nav-tabs .nav-item .nav-link{
margin-right: 0;
border: 1px solid rgba(255, 255, 255, .1);
border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
}
.vertical-tab.nav-tabs .nav-item .nav-link.active{
background-color: var(--colorDarkGrey);
border-color: var(--colorDarkGrey) !important;
}
.vertical-tab.nav-tabs .nav-item .nav-link:before{
display: none;
}
.vertical-tab.nav-tabs .nav-item .nav-link .media .icon-styled{
position: relative;
top: -8px;
}
.vertical-tab.nav-tabs .nav-item .nav-link .media .media-body{
margin-left: 10px;
}
.vertical-tab.nav-tabs .nav-item .nav-link .media .media-body h6{
margin-bottom: 16px;
}
.vertical-tab.nav-tabs .nav-item .nav-link .media .media-body p{
color: gray;
font-weight: 400;
font-size: 16px;
letter-spacing: 0;
text-transform: none;
}
@media (max-width: 767px) {
.vertical-tab.nav-tabs .nav-item .nav-link{
padding: 10px;
}
.vertical-tab.nav-tabs .nav-item .nav-link .media{
align-items: center;
}
.vertical-tab.nav-tabs .nav-item .nav-link .media .icon-styled{
top: 0;
}
.vertical-tab.nav-tabs .nav-item .nav-link .media .media-body p{
display: none;
}
.vertical-tab.nav-tabs .nav-item .nav-link .media .media-body h6{
margin-bottom: 0;
}
}
.tab-content.vertical-tab-content{
box-shadow: none;
}
.tab-content.vertical-tab-content .accordion2[role=tablist] .card-body{
padding-bottom: 29px;
margin-top: 0;
}
[data-toggle=collapse]{
display: inline-block;
position: relative;
padding-right: 20px;
margin-bottom: 23px;
}
[data-toggle=collapse]:after{
position: absolute;
right: 0;
top: 50%;
margin-top: -7px;
font-size: 10px;
font-family: "FontAwesome";
content: "";
}
[data-toggle=collapse].collapsed:after{
content: "";
}
[role=tablist] .card{
border-radius: 0;
border: none;
background: none;
}
[role=tablist] .card-header{
padding: 0;
background: none;
border: none;
}
[role=tablist] .card-header a{
font-family: "Lato",sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
display: block;
position: relative;
padding: 19px 60px 19px 30px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
background-color: var(--colorMain2);
}
@media (min-width: 1200px) {
[role=tablist] .card-header a{
padding: 19px 60px 19px 40px;
}
}
[role=tablist] .card-header a:before,
[role=tablist] .card-header a:after{
text-align: left;
font-family: inherit;
font-size: 14px;
font-weight: 100;
content: "";
width: 46px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
color: var(--colorDarkGrey);
transition: opacity .3s ease-in-out;
}
[role=tablist] .card-header a:after{
height: 30px;
line-height: 30px;
margin-top: -15px;
vertical-align: top;
top: 50%;
bottom: auto;
font-family: FontAwesome;
content: "";
background: none;
}
[role=tablist] .card-header a:hover{
color: inherit;
opacity: .7;
}
[role=tablist] .card-header a.collapsed{
background-color: #fff;
color: var(--colorDarkGrey);
}
[role=tablist] .card-header a.collapsed:after{
content: "";
margin-top: -15px;
}
[role=tablist] .card-body{
padding: 0 28px 33px;
}
@media (min-width: 1200px) {
[role=tablist] .card-body{
padding: 0 38px 33px;
}
}
[role=tablist] .media img{
max-width: 80px;
}
.accordion2 [data-toggle=collapse]{
display: inline-block;
position: relative;
padding-right: 20px;
margin-bottom: 0;
}
.accordion2 [data-toggle=collapse]:after{
position: absolute;
right: 0;
top: 50%;
margin-top: -7px;
font-size: 10px;
font-family: "FontAwesome";
content: "";
}
.accordion2 [data-toggle=collapse].collapsed:after{
content: "";
}
.accordion2[role=tablist] .card{
border-radius: 0;
border: none;
border-top: 1px solid rgba(var(--colorDarkGreyRGB), 0.1);
background: none;
}
.accordion2[role=tablist] .card:last-child{
border-bottom: 1px solid rgba(var(--colorDarkGreyRGB), 0.1);
}
.accordion2[role=tablist] .card-header{
padding: 0;
background: none;
border: none;
}
.accordion2[role=tablist] .card-header a{
font-family: "Lato",sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
display: block;
position: relative;
padding: 19px 60px 19px 0;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
}
@media (min-width: 1200px) {
.accordion2[role=tablist] .card-header a{
padding: 19px 60px 19px 0;
}
}
.accordion2[role=tablist] .card-header a:before,
.accordion2[role=tablist] .card-header a:after{
text-align: left;
font-family: inherit;
font-size: 24px;
font-weight: 100;
content: "";
width: 46px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
color: var(--colorMain);
transition: opacity .3s ease-in-out;
}
.accordion2[role=tablist] .card-header a:after{
height: 30px;
line-height: 30px;
margin-top: -15px;
vertical-align: top;
top: 50%;
bottom: auto;
content: "+";
background: none;
}
.accordion2[role=tablist] .card-header a:hover{
color: inherit;
opacity: .7;
}
.accordion2[role=tablist] .card-header a.collapsed{
background-color: #fff;
color: var(--colorDarkGrey);
}
.accordion2[role=tablist] .card-header a.collapsed:after{
content: "+";
margin-top: -15px;
}
.accordion2[role=tablist] .card-body{
padding: 0 28px 16px 0;
margin-top: -10px;
}
@media (min-width: 1200px) {
.accordion2[role=tablist] .card-body{
padding: 0 38px 16px 0;
}
}
.accordion2[role=tablist] .media img{
max-width: 80px;
}
.dropdown-menu{
border: none;
border-top: 3px solid var(--colorMain);
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
border-radius: 0;
z-index: 1001;
margin-top: 0;
padding: 40px;
background-color: #fff;
font-size: inherit;
line-height: 1.5;
}
.dropdown-menu > a{
display: block;
white-space: nowrap;
}
.dropdown-menu > a > img{
max-width: none;
}
.dropdown-menu > a + a{
margin-top: 1.5em;
}
.dropdown .dropdown-menu label,
.dropdown .dropdown-menu h3,
.dropdown .dropdown-menu h4{
color: var(--colorDarkGrey);
}
.dropdown.show .dropdown-menu input{
border: 1px solid #e1e1e1;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover{
color: var(--colorDarkGrey);
background-color: rgba(0, 0, 0, 0);
}
.dropdwon-menu-title{
padding: 10px 30px;
}
p + .progress{
margin-top: -15px;
}
.progress{
overflow: visible;
height: 1px;
margin-bottom: 18px;
position: relative;
border-radius: 5px;
background-color: #f4f4f5;
color: #031521;
box-shadow: none;
border: none;
}
.progress:last-child{
margin-bottom: 10px;
}
.progress-bar{
background-color: var(--colorMain);
color: inherit;
box-shadow: none;
height: 1px;
}
.progress-bar span{
position: absolute;
right: 0;
top: -35px;
color: #031521;
}
@media (max-width: 576px) {
.progress-title,
.progress-percent{
font-size: 10px;
}
.progress-bar .progress-percent{
top: -31px;
}
}
.progress-level{
font-size: 14px;
font-weight: 400;
float: right;
position: relative;
top: 4px;
}
.progress-bar-success{
background-color: #a0ce4e;
}
.progress-bar-info{
background-color: #009cbe;
}
.progress-bar-warning{
background-color: #f6e700;
}
.progress-bar-danger{
background-color: #cc4b67;
}
.alert{
border-radius: 0;
border-width: 0 0 0 4px;
padding: 30px;
margin-bottom: 40px;
}
.media{
margin-top: 16px;
}
.media .media-object{
max-width: 100px;
}
.label-success{
color: #fff;
background-color: #a0ce4e;
}
.label-info{
color: #fff;
background-color: #009cbe;
}
.label-warning{
color: #fff;
background-color: #f6e700;
}
.label-danger{
color: #fff;
background-color: #cc4b67;
}
@media (min-width: 1300px) {
.container{
max-width: 1200px;
}
}
.modal-open{
padding-right: 0 !important;
}
.modal-backdrop{
background-size: 100% 200%;
background-image: linear-gradient(to bottom, transparent 50%, var(--colorDarkGrey) 50%);
transition: background-position .5s;
background-color: rgba(0, 0, 0, 0);
}
.modal-backdrop.show{
background-position: 0 -100%;
opacity: .9;
}
.modal-content{
border-radius: 1px;
}
.modal-content [class*=col-]:last-child{
margin-bottom: 0;
}
.btn{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
padding: 20px 42px;
border-radius: 60px;
margin-bottom: 4px;
}
.btn.large_height{
padding: 30px 35px 30px;
}
.btn.medium_height{
padding: 20px 30px 20px;
}
.btn.small_height{
padding: 10px 30px 10px;
}
.btn.round,
.btn.rounded{
padding: 23px;
line-height: 1;
}
@media (min-width: 1440px) {
.btn + .btn{
margin-left: 20px;
}
}
.single_add_to_cart_button,
.wide_button{
min-width: 200px;
}
@media (min-width: 1200px) {
.single_add_to_cart_button,
.wide_button{
min-width: 240px;
}
}
.media > img{
display: block;
}
.media-body h3,
.media-body h4{
line-height: 1;
margin-top: .3em;
margin-bottom: .2em;
}
* + .media-body,
.media-body + *{
margin-left: 20px;
}
td .media-body{
width: auto;
}
.embed-responsive-3by2{
height: 0;
padding-bottom: 66.666%;
background-color: #000;
}
.embed-responsive-21by9::before{
padding-top: 51.4%;
}
.embed-placeholder:after{
transition: all .3s ease-in-out;
content: "";
font-family: "FontAwesome";
position: absolute;
color: #fff;
font-size: 14px;
line-height: 56px;
width: 60px;
height: 60px;
text-align: center;
border: 2px solid #fff;
border-radius: 50%;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
}
.embed-placeholder:hover:after{
opacity: .4;
}
.alert{
border-radius: 0;
border-width: 0 0 0 4px;
padding: 30px;
margin-bottom: 40px;
}
.mark,
mark{
background-color: rgba(0, 0, 0, 0);
}
button.close{
min-width: 0;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small{
color: inherit;
font-weight: 300;
}
@media (max-width: 991px) {
aside.shortcode-widget-area{
margin: 0;
max-width: none;
}
}
.owl-carousel{
display: none;
width: 100%;
-webkit-tap-color-main-color: rgba(0, 0, 0, 0);
position: relative;
z-index: 1;
touch-action: manipulation;
}
.owl-carousel .owl-stage{
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel.owl-shadow-items .owl-stage{
padding-top: 11px;
padding-bottom: 11px;
}
.owl-carousel .owl-stage:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer{
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
margin-right: -10px;
margin-left: -10px;
padding-right: 10px;
padding-left: 10px;
}
.owl-carousel .owl-item{
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-color-main-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.owl-carousel .owl-item .box-shadow{
height: 100%;
}
.owl-carousel .owl-item img{
-webkit-transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled{
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot{
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all .3s ease-in-out;
}
.owl-carousel.owl-loaded{
display: block;
}
.owl-carousel.owl-loading{
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden{
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item{
display: none;
}
.owl-carousel.owl-drag .owl-item{
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab{
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl{
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item{
float: right;
}
.owl-carousel .owl-dots{
text-align: center;
-webkit-tap-color-main-color: rgba(0, 0, 0, 0);
line-height: 1;
}
.owl-carousel .owl-dots .owl-dot{
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-carousel .owl-dots .owl-dot span{
width: 8px;
height: 8px;
margin: 5px 12px;
border: 1px solid #fff;
background-color: #fff;
display: block;
opacity: .5;
-webkit-backface-visibility: visible;
transition: all 200ms ease;
border-radius: 50%;
}
.ls .owl-carousel .owl-dots .owl-dot span{
border: 1px solid var(--colorDarkGrey);
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span{
opacity: 1;
border-color: #fff;
}
.ls .owl-carousel .owl-dots .owl-dot.active span,
.ls .owl-carousel .owl-dots .owl-dot:hover span{
border: 1px solid var(--colorDarkGrey);
}
.owl-carousel .owl-nav{
transition: all .3s ease;
}
.owl-carousel .owl-nav > div{
text-transform: uppercase;
opacity: .5;
display: inline-block;
right: 10px;
}
.owl-carousel .owl-nav > div.disabled{
opacity: .2;
cursor: default;
}
.owl-carousel .owl-nav > div.disabled:hover{
cursor: default;
opacity: .2;
}
.owl-carousel .owl-nav > div:hover{
opacity: .3;
}
@media (min-width: 768px) {
.owl-carousel .owl-nav > div i{
font-size: 54px;
}
}
.owl-carousel .owl-nav > div:first-child{
left: 10px;
right: auto;
}
.no-js .owl-carousel{
display: block;
}
.owl-carousel .animated{
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in{
z-index: 0;
}
.owl-carousel .owl-animated-out{
z-index: 1;
}
.owl-carousel .fadeOut{
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@keyframes fadeOut {
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
.owl-height{
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy{
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy{
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper{
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon{
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//agmaritime.com/wp-content/themes/seajay/img/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease;
transition: transform 100ms ease, -webkit-transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover{
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon{
display: none;
}
.owl-carousel .owl-video-tn{
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame{
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.owl-theme:hover .owl-nav{
opacity: 1;
}
.owl-theme .owl-nav{
position: absolute;
top: 50%;
opacity: 1;
right: 0;
left: 0;
text-align: center;
-webkit-tap-color-main-color: rgba(0, 0, 0, 0);
}
.owl-theme .owl-nav > div{
position: absolute;
right: 10px;
text-align: center;
}
.owl-theme .owl-nav .disabled{
opacity: .5;
cursor: default;
}
.owl-theme .owl-dots{
margin-top: 40px;
}
.item-media .owl-theme .owl-dots{
position: absolute;
margin: 0;
left: 0;
right: 0;
bottom: 20px;
}
.owl-center .owl-nav{
top: 0;
bottom: 0;
position: static;
margin-top: 0;
opacity: 1;
}
.owl-center .owl-nav > div{
right: -15px;
width: 50px;
top: 0;
bottom: 0;
margin: 0;
height: auto;
background-color: rgba(var(--colorDarkGreyRGB), 0.6);
}
.owl-center .owl-nav > div:first-child{
left: -15px;
right: auto;
}
.owl-center .owl-nav > div:first-child:after{
left: 13px;
}
.owl-center .owl-nav > div:after{
position: absolute;
top: 50%;
margin-top: -10px;
color: #fff;
font-size: 20px;
left: 17px;
}
.top-right-nav .owl-nav{
position: absolute;
top: -55px;
right: -1em;
}
.top-right-nav .owl-nav > div{
background: rgba(0, 0, 0, 0);
min-width: 2em;
}
.top-right-nav .owl-nav > div:first-child{
left: auto;
right: 3em;
}
.top-right-nav .owl-nav > div i{
font-size: 1em;
}
.owl-text-nav .owl-nav{
display: none;
text-align: center;
-webkit-tap-color-main-color: rgba(0, 0, 0, 0);
}
@media (min-width: 1560px) {
.owl-text-nav .owl-nav{
display: block;
position: absolute;
top: 50%;
right: -13vw;
left: -13vw;
}
}
@media (min-width: 1800px) {
.owl-text-nav .owl-nav{
right: -15vw;
left: -15vw;
}
}
.owl-text-nav .owl-nav > div{
position: absolute;
right: 10px;
text-align: center;
margin-top: -30px;
}
.owl-text-nav .owl-nav > div > span{
font-weight: 900;
line-height: 1;
display: block;
}
@media (min-width: 1560px) {
.owl-text-nav .owl-nav > div > span{
line-height: 1;
font-size: 38px;
max-width: 5em;
}
}
.small-gallery-carousel a{
display: block;
overflow: hidden;
}
.small-gallery-carousel a img{
transition: all .3s ease-in-out;
opacity: .4;
}
.small-gallery-carousel a:hover img{
opacity: .2;
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}
.small-gallery-carousel .owl-nav > div{
opacity: 1;
}
@media (min-width: 768px) {
.small-gallery-carousel .owl-nav > div{
right: 100px;
margin-top: -8px;
}
.small-gallery-carousel .owl-nav > div:first-child{
left: 100px;
}
}
.small-gallery-carousel .owl-nav > div i{
font-size: 20px;
}
.owl-carousel .owl-item{
transition: opacity .2s ease .1s;
opacity: 0;
}
.owl-carousel .owl-item.active{
opacity: 1;
}
.owl-center .owl-item{
opacity: 1;
}
.col-lg-10 .post.format-gallery .item-media-wrap .item-media,
.single.single-post .col-lg-10 .item-media-wrap .item-media{
overflow: visible;
}
.col-lg-10 .post.format-gallery .owl-nav > div,
.single.single-post .col-lg-10 .owl-nav > div{
right: -145px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: .1;
}
.col-lg-10 .post.format-gallery .owl-nav > div:hover,
.single.single-post .col-lg-10 .owl-nav > div:hover{
opacity: .3;
-webkit-transform: translateY(-50%) scale(1.1);
transform: translateY(-50%) scale(1.1);
}
.col-lg-10 .post.format-gallery .owl-nav > div i,
.single.single-post .col-lg-10 .owl-nav > div i{
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/owl-next-small2.png);
width: 85px;
height: 113px;
background-color: #191919;
font-size: 0;
}
.col-lg-10 .post.format-gallery .owl-nav > div:first-child,
.single.single-post .col-lg-10 .owl-nav > div:first-child{
left: -145px;
right: auto;
}
.col-lg-10 .post.format-gallery .owl-nav > div:first-child i,
.single.single-post .col-lg-10 .owl-nav > div:first-child i{
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/owl-prev-small2.png);
}
.single.single-post .ds .col-lg-10 .owl-nav > div i,
.ds .col-lg-10 .post.format-gallery .owl-nav > div i{
background-color: #fff;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav{
margin: 0;
padding: 0;
list-style: none;
}
.flexslider{
margin: 0;
padding: 0;
}
.flexslider .slides > li{
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img{
width: 100%;
display: block;
}
.flex-pauseplay span{
text-transform: capitalize;
}
.slides:after{
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides{
display: block;
}
* html .slides{
height: 1%;
}
.no-js .slides > li:first-child{
display: block;
}
.flexslider{
margin: 0 0;
position: relative;
zoom: 1;
}
.flex-viewport{
max-height: 2000px;
transition: all 1s ease;
}
.loading .flex-viewport{
max-height: 300px;
}
.flexslider .slides{
zoom: 1;
}
.flex-direction-nav{
*height: 0;
}
.flex-direction-nav a{
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
font-size: 0;
color: rgba(0, 0, 0, 0);
text-align: center;
}
.flex-direction-nav .flex-prev{
left: 40px;
}
.flex-direction-nav .flex-next{
right: 40px;
text-align: right;
}
.flexslider:hover .flex-prev{
opacity: .7;
}
.flexslider:hover .flex-next{
opacity: .7;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover{
opacity: 1;
}
.flex-direction-nav .flex-disabled{
opacity: 0;
filter: alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a:before{
font-family: "FontAwesome";
font-size: 20px;
content: "";
color: #fff;
position: absolute;
top: 5px;
left: 12px;
}
.flex-direction-nav a.flex-next:before{
content: "";
left: 14px;
}
.flex-pauseplay a{
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: .8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before{
font-family: "FontAwesome";
font-size: 20px;
display: inline-block;
content: "";
}
.flex-pauseplay a:hover{
opacity: 1;
}
.flex-pauseplay a.flex-play:before{
content: "";
}
.flex-control-nav{
width: 100%;
position: absolute;
bottom: 20px;
text-align: center;
z-index: 10;
color: rgba(0, 0, 0, 0);
font-size: 0;
line-height: 0;
}
.flex-control-nav li{
text-align: center;
display: inline-block;
padding: 0 14px;
zoom: 1;
*display: inline;
}
.flex-control-paging li a{
width: 8px;
height: 8px;
display: block;
border: 1px solid #fff;
cursor: pointer;
border-radius: 50%;
opacity: .5;
}
.ds .flex-control-paging li a,
.cs .flex-control-paging li a{
border-color: #fff;
}
.flex-control-paging li a:hover{
background-color: #fff;
border-color: #fff;
opacity: 1;
}
.flex-control-paging li a.flex-active{
background-color: #fff;
border-color: #fff;
opacity: 1;
}
.flex-viewport{
margin: 0 5px;
}
.flex-control-thumbs{
margin: 5px 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li{
width: 20%;
float: left;
margin: 0 0 1px;
padding: 5px;
}
.flex-control-thumbs img{
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.flex-control-thumbs img:hover{
opacity: 1;
}
.flex-control-thumbs .flex-active{
opacity: 1;
cursor: default;
}
.flex-custom-nav{
text-align: center;
position: absolute;
bottom: 38px;
right: 0;
left: 0;
z-index: 3;
line-height: 1;
transition: all .3s ease-in-out;
}
.flex-custom-nav .flex-control-nav{
width: auto;
display: inline-block;
position: static;
}
.flex-custom-nav .flex-custom-link{
font-size: 12px;
position: relative;
bottom: 7px;
margin: 0 8px;
color: var(--colorDarkGrey);
}
.ds .flex-custom-nav .flex-custom-link,
.cs .flex-custom-nav .flex-custom-link{
color: #fff;
}
.flex-custom-nav .flex-custom-link:hover{
color: var(--colorMain);
}
.page_slider:hover .flex-custom-nav{
opacity: 1;
}
rs-progress{
top: 10px !important;
}
rs-progress.rs-bottom{
top: auto !important;
bottom: 50px !important;
}
@media (min-width: 1200px) {
.boxed2 rs-progress{
left: 20px !important;
}
.boxed2 rs-progress.rs-bottom{
left: 20px !important;
}
}
.scroll-bottom{
position: relative;
width: 40px;
height: 60px;
overflow: hidden;
display: block;
z-index: 10;
}
.scroll-bottom span{
position: absolute;
top: 0;
left: 50%;
z-index: 1;
width: 1px;
height: 20px;
background: #fff;
display: block;
-webkit-animation: moveto 1s ease-in-out infinite alternate;
animation: moveto 1s ease-in-out infinite alternate;
}
.scroll-bottom:after{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
background: rgba(255, 255, 255, .5);
width: 1px;
}
.wordpress-helpdesk{
margin-top: 10px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.wordpress-helpdesk-col-sm-6{
width: 100%;
}
.wordpress-helpdesk-pull-right{
float: none !important;
}
.wordpress-helpdesk-col-sm-4{
width: 100%;
}
.wordpress-helpdesk-sidebar{
margin-top: 40px;
}
}
@media (min-width: 992px) {
.wordpress-helpdesk-col-sm-6{
width: 50%;
}
.wordpress-helpdesk-pull-right{
float: right !important;
}
.wordpress-helpdesk-col-sm-4{
width: 33.33333333%;
}
.wordpress-helpdesk-sidebar{
margin-top: 0;
}
}
.wordpress-helpdesk .widget,
.tax-faq_topics .widget{
margin-bottom: 60px;
}
.wordpress-helpdesk .widget:last-child,
.tax-faq_topics .widget:last-child{
margin-bottom: 0;
}
.wordpress-helpdesk .widgettitle,
.tax-faq_topics .widgettitle{
font-size: 20px;
margin-bottom: 28px;
font-weight: bold;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-column,
.tax-faq_topics .wordpress-helpdesk-faq-column{
padding-left: 15px !important;
padding-right: 15px !important;
}
.wordpress-helpdesk .wordpress-helpdesk-pull-right .wordpress-helpdesk-faq-searchform-wrap,
.tax-faq_topics .wordpress-helpdesk-pull-right .wordpress-helpdesk-faq-searchform-wrap{
display: none;
}
.wordpress-helpdesk .wordpress-helpdesk-pull-right.wordpress-helpdesk-sidebar .wordpress-helpdesk-faq-searchform-wrap,
.tax-faq_topics .wordpress-helpdesk-pull-right.wordpress-helpdesk-sidebar .wordpress-helpdesk-faq-searchform-wrap{
display: block;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap{
padding-left: 15px !important;
padding-right: 15px !important;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform{
margin-top: 0;
margin-right: 80px;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform::before,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform::before{
content: "";
height: 1px;
width: 30px;
bottom: 0;
left: 0;
position: absolute;
background: var(--colorDarkGrey);
}
.ds .wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform::before,
.ds .tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform::before{
background: #fff;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .form-control,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .form-control{
border-radius: 5px;
border: 0;
border-bottom: 1px solid rgba(var(--colorDarkGreyRGB), 0.1);
box-shadow: none;
font-size: 16px;
text-transform: none;
font-style: italic;
letter-spacing: 0;
color: gray;
padding: 6px 12px 6px 0;
}
.ds .wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .form-control,
.ds .tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .form-control{
border-bottom: 1px solid rgba(255, 255, 255, .1);
color: #fff;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .form-control.wordpress-helpdesk-faq-searchterm,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .form-control.wordpress-helpdesk-faq-searchterm{
height: 60px;
background: rgba(0, 0, 0, 0);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit{
padding: 0;
background: var(--colorMain);
display: flex;
top: 14px;
right: -80px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
border: 0;
opacity: 1;
border-radius: 50%;
}
.ds .wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit,
.ds .tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit{
background: var(--colorMain2);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit .fa-search,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit .fa-search{
display: none;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:hover,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:hover{
opacity: .7;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:before,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:before{
color: #fff;
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/white_arrow_right.png);
width: 20px;
height: 7px;
display: block;
}
.ds .wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:before,
.ds .tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
}
.product-demo .wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:before,
.product-demo .tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/white_arrow_right.png);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed,
.tax-faq_topics .wordpress-helpdesk-faq-boxed{
margin-bottom: 30px;
background: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
border: 0;
border-radius: 0;
transition: all .2s ease-in-out 0s;
padding: 80px 40px;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed:hover,
.tax-faq_topics .wordpress-helpdesk-faq-boxed:hover{
background: var(--colorMain2);
}
.product-demo .wordpress-helpdesk .wordpress-helpdesk-faq-boxed:hover i,
.product-demo .tax-faq_topics .wordpress-helpdesk-faq-boxed:hover i{
color: #fff;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed .icon-wrap,
.tax-faq_topics .wordpress-helpdesk-faq-boxed .icon-wrap{
width: 100px;
height: 100px;
display: inline-block;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed .icon-wrap .icon-inner,
.tax-faq_topics .wordpress-helpdesk-faq-boxed .icon-wrap .icon-inner{
width: 100%;
height: 100%;
position: relative;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed i,
.tax-faq_topics .wordpress-helpdesk-faq-boxed i{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: var(--colorMain);
font-size: 65px !important;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed .wordpress-helpdesk-faq-boxed-title,
.tax-faq_topics .wordpress-helpdesk-faq-boxed .wordpress-helpdesk-faq-boxed-title{
font-family: "Montserrat",sans-serif;
font-size: 20px;
font-weight: bold;
margin-top: 12px;
margin-bottom: 14px;
color: #031521;
transition: all .2s ease-in-out 0s;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed .wordpress-helpdesk-faq-boxed-count,
.tax-faq_topics .wordpress-helpdesk-faq-boxed .wordpress-helpdesk-faq-boxed-count{
margin-bottom: 25px;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-row > *{
padding-left: 15px;
padding-right: 15px;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq{
margin-bottom: 30px;
}
@media (min-width: 1440px) {
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq{
padding-left: 40px;
position: relative;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-title:before{
content: "";
font-family: FontAwesome;
color: var(--colorMain);
position: absolute;
top: 6px;
left: 0;
font-size: 28px;
}
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-title{
font-weight: bold;
font-size: 20px;
padding: 10px 0 15px;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-title i{
display: none;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-divider{
display: none;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-link{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
margin-top: 20px;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-link a{
color: #031521;
position: relative;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-link a:after{
color: #fff;
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
width: 20px;
height: 7px;
display: inline-block;
margin-left: 10px;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-link a:hover{
opacity: .7;
}
.wordpress-helpdesk .wordpress-helpdesk-meta-information .wordpress-helpdesk-topics{
background-color: var(--colorMain2) !important;
}
.product-demo .wordpress-helpdesk .wordpress-helpdesk-meta-information .wordpress-helpdesk-topics{
color: #fff;
}
.wordpress-helpdesk .wordpress-helpdesk-meta-information .wordpress-helpdesk-viewed{
background-color: var(--colorMain4) !important;
}
.product-demo .wordpress-helpdesk .wordpress-helpdesk-meta-information .wordpress-helpdesk-viewed{
color: #fff;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-rating-dislike,
.wordpress-helpdesk .wordpress-helpdesk-faq-rating-dislike:hover,
.wordpress-helpdesk .wordpress-helpdesk-faq-rating-dislike i{
margin-left: 5px;
color: var(--colorMain);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-rating-like,
.wordpress-helpdesk .wordpress-helpdesk-faq-rating-like:hover,
.wordpress-helpdesk .wordpress-helpdesk-faq-rating-like i{
color: var(--colorMain4);
}
.wordpress-helpdesk .label{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
color: var(--colorDarkGrey);
display: inline;
padding: .3em .6em .3em;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0;
}
.wordpress-helpdesk .form-control{
background: rgba(0, 0, 0, 0) !important;
border: 0;
border-bottom: 1px solid #e1e1e1;
padding: 6px 0;
}
.wordpress-helpdesk .form-group input[type=submit]{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
color: #fff;
margin-top: 30px;
padding: 30px 35px 30px;
min-width: 200px;
}
@media (min-width: 1200px) {
.wordpress-helpdesk .form-group input[type=submit]{
min-width: 240px;
}
}
.wordpress-helpdesk .form-group input[type=submit]:hover{
color: var(--colorDarkGrey);
}
.wordpress-helpdesk .form-group:last-child:before{
display: none;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper{
margin-top: 15px;
}
.wordpress-helpdesk-my-tickets label{
display: inline-block;
font-size: 0;
width: 100%;
margin-bottom: 20px;
font-weight: 400 !important;
line-height: 0;
}
.wordpress-helpdesk-my-tickets label .select_container{
font-size: 16px !important;
color: gray !important;
line-height: 1;
}
.wordpress-helpdesk-my-tickets label .select_container > select{
border-radius: 5px;
font-size: 12px;
}
.wordpress-helpdesk-my-tickets table.dataTable.no-footer{
border-bottom: 1px solid #e1e1e1;
}
.wordpress-helpdesk-my-tickets table.dataTable thead th,
.wordpress-helpdesk-my-tickets table.dataTable thead td{
padding: 12px 18px;
border-bottom: 1px solid #e1e1e1;
}
.wordpress-helpdesk-my-tickets table.dataTable thead th,
.wordpress-helpdesk-my-tickets table.dataTable tfoot th{
font-weight: 400;
}
.wordpress-helpdesk-my-tickets table.dataTable tbody th,
.wordpress-helpdesk-my-tickets table.dataTable tbody td{
padding: 17px 14px;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_filter input{
margin-left: 0;
height: 60px;
font-size: 12px;
letter-spacing: .2em;
text-transform: uppercase;
border-radius: 5px;
}
.wordpress-helpdesk-my-tickets .wordpress-helpdesk-my-tickets-header{
background-color: #f5f5f5;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_info{
clear: both;
float: left;
padding-top: 2em;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate{
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button{
display: inline-block;
margin-right: 4px;
margin-left: 0;
margin-bottom: 7px;
padding: .75em 1.2em;
height: 50px;
min-width: 3em;
text-align: center;
line-height: 24px;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button,
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.current{
color: gray !important;
border: 1px solid gray;
border-radius: 5px !important;
background: rgba(0, 0, 0, 0) !important;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.current{
border: 1px solid gray;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button:active{
box-shadow: none !important;
border: 1px solid var(--colorMain);
color: var(--colorMain) !important;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.next{
font-size: 0;
width: 50px;
height: 50px;
line-height: 50px;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before,
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.next:before{
font-family: FontAwesome;
font-size: 18px;
content: "";
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.next:before{
content: "";
}
.wordpress-helpdesk-sidebar .widget-first .widgettitle{
margin-top: 0;
}
.wordpress-helpdesk-faq-list li,
.widget_faq_topics li{
padding: 8px 0 8px 0;
margin-bottom: .2em;
list-style: none;
border-bottom: 1px solid #e1e1e1;
}
.wordpress-helpdesk-faq-list li a,
.widget_faq_topics li a{
font-weight: bold;
}
.wordpress-helpdesk-faq-list li a:hover,
.widget_faq_topics li a:hover{
color: var(--colorMain);
}
.wordpress-helpdesk-faq-list li:first-child,
.widget_faq_topics li:first-child{
border-top: 1px solid #e1e1e1;
}
.wordpress-helpdesk-faq-list li i,
.widget_faq_topics li i{
color: var(--colorMain);
margin-right: 18px;
font-size: 16px;
}
.wordpress-helpdesk-faq-list li,
.widget_faq_topics li{
padding: 17px 0 17px 10px;
margin-bottom: 0;
list-style: none;
border-bottom: 1px solid #e1e1e1;
}
.single-page-article .wordpress-helpdesk .dataTables_length label{
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.single-ticket .wordpress-helpdesk-single-title{
font-size: 30px;
line-height: 1.2;
margin-top: 15px;
margin-bottom: 25px;
}
.single-ticket .wordpress-helpdesk-single-description-title{
font-size: 24px;
margin-top: 30px;
margin-bottom: 15px;
}
.single-ticket .wordpress-helpdesk-ticket-attachments-title{
font-size: 24px;
margin-top: 0;
margin-bottom: 15px;
}
.single-ticket .wordpress-helpdesk-agent-box,
.single-ticket .wordpress-helpdesk-reporter-box{
font-size: 12px;
color: #031521;
}
.single-ticket .wordpress-helpdesk-agent-box .wordpress-helpdesk-col-sm-3,
.single-ticket .wordpress-helpdesk-agent-box .wordpress-helpdesk-col-sm-9,
.single-ticket .wordpress-helpdesk-reporter-box .wordpress-helpdesk-col-sm-3,
.single-ticket .wordpress-helpdesk-reporter-box .wordpress-helpdesk-col-sm-9{
padding-right: 15px;
padding-left: 15px;
}
.single-ticket .wordpress-helpdesk-agent-box .wordpress-helpdesk-agent-box-title,
.single-ticket .wordpress-helpdesk-agent-box .wordpress-helpdesk-reporter-box-title,
.single-ticket .wordpress-helpdesk-reporter-box .wordpress-helpdesk-agent-box-title,
.single-ticket .wordpress-helpdesk-reporter-box .wordpress-helpdesk-reporter-box-title{
font-size: 20px;
margin-top: 0;
margin-bottom: .5em;
}
.wordpress-helpdesk-single-title{
font-size: 50px;
line-height: 1;
margin-bottom: 30px;
display: none;
}
.wordpress-helpdesk-comments .comments-area .comment-list{
margin-top: 0;
list-style: none;
padding: 0;
}
@media (min-width: 992px) {
.wordpress-helpdesk-comments .comments-area > .comment-respond{
margin-top: 70px;
}
}
.wordpress-helpdesk-comments .comments-area > .comment-respond h4{
font-size: 30px;
}
.wordpress-helpdesk-comments .comment-form p.form-submit{
margin-top: 34px;
margin-bottom: 0;
}
.wordpress-helpdesk-comments .comment-form p.form-submit .btn{
color: #fff !important;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.wordpress-helpdesk-comments .comment-form p.form-submit .btn span{
font-size: 12px;
line-height: 1.6em;
font-weight: 500;
text-transform: uppercase;
}
.wordpress-helpdesk-comments .comment-form p.form-submit .btn:hover,
.wordpress-helpdesk-comments .comment-form p.form-submit .btn:focus{
color: #031521 !important;
}
.wordpress-helpdesk-comments .wp-editor-wrap{
position: relative;
width: 100%;
}
.wordpress-helpdesk-comments .comments-area{
margin-top: 30px;
}
.wordpress-helpdesk-comments .comments-area .quicktags-toolbar .ed_button{
width: auto;
display: inline-block;
transition: all .2s ease-in-out 0s;
}
.wordpress-helpdesk-comments .comments-area .quicktags-toolbar .ed_button:hover{
background-color: var(--colorMain);
}
.wordpress-helpdesk-faq-live-search-result-title,
.wordpress-helpdesk-faq-live-search-result-content,
.wordpress-helpdesk-faq-live-search-results{
color: #031521;
}
.widget_faq_live_search.special{
padding: 40px;
}
.widget_faq_live_search.special .wordpress-helpdesk-faq-searchform{
margin-bottom: 5px !important;
} html.fp-enabled,
.fp-enabled body{
margin: 0;
padding: 0;
overflow: hidden;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fp-section{
position: relative;
box-sizing: border-box;
}
.fp-slide{
float: left;
}
.fp-slide,
.fp-slidesContainer{
height: 100%;
display: block;
}
.fp-slides{
z-index: 1;
height: 100%;
overflow: hidden;
position: relative;
transition: all, .3s, ease-in-out;
}
.fp-section.fp-table,
.fp-slide.fp-table{
display: table;
table-layout: fixed;
width: 100%;
background-position: center;
}
.fp-tableCell{
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer{
float: left;
position: relative;
}
.fp-controlArrow{
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fp-controlArrow.fp-prev{
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.fp-controlArrow.fp-next{
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
}
.fp-scrollable{
overflow: hidden;
position: relative;
}
.fp-scroller{
overflow: hidden;
}
.iScrollIndicator{
border: 0 !important;
}
.fp-notransition{
transition: none !important;
}
#fp-nav{
position: fixed;
z-index: 2;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
#fp-nav ul{
position: relative;
}
#fp-nav ul .mouse-icon{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/mouse_icon.png);
background-repeat: no-repeat;
display: block;
width: 40px;
height: 60px;
margin: 0;
z-index: 4;
position: absolute;
bottom: -100px;
left: -10px;
cursor: pointer;
transition: all .15s linear 0s;
}
#fp-nav ul .mouse-icon:hover{
opacity: .7;
}
@media (max-width: 576px) {
#fp-nav ul .mouse-icon{
display: none;
}
}
#fp-nav ul.ls .mouse-icon{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/mouse_icon_ds.png);
}
#fullpage .col-6{
flex: 0 0 50%;
max-width: 50%;
}
@media (min-width: 992px) {
#fullpage .col-6{
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
#fp-nav.fp-right{
right: 20px;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
@media (min-width: 480px) {
#fp-nav.fp-right{
right: 30px;
}
}
@media (min-width: 576px) {
#fp-nav.fp-right{
right: 35px;
}
}
@media (min-width: 1500px) {
#fp-nav.fp-right{
right: 75px;
}
}
#fp-nav.fp-left{
left: 0;
}
@media (min-width: 480px) {
#fp-nav.fp-left{
left: 20px;
}
}
@media (min-width: 1680px) {
#fp-nav.fp-left{
left: 80px;
}
}
.fp-slidesNav{
position: absolute;
z-index: 4;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0 !important;
right: 0;
margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom{
bottom: 17px;
}
@media (max-width: 1200px) {
.fp-slidesNav.fp-bottom{
bottom: 15%;
}
}
.fp-slidesNav.fp-top{
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul{
margin: 0;
padding: 0;
}
.fp-slidesNav ul{
text-align: center;
}
#fp-nav ul li,
.fp-slidesNav ul li{
display: block;
width: 14px;
height: 13px;
margin-bottom: 20px;
position: relative;
}
.fp-slidesNav ul li{
display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a{
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul{
background-color: rgba(0, 0, 0, 0);
}
#fp-nav ul li a span{
border-radius: 50%;
position: absolute;
z-index: 1;
height: 10px;
width: 10px;
border: 1px solid rgba(255, 255, 255, .1);
background: rgba(0, 0, 0, 0);
left: 50%;
top: 50%;
margin: -3px 0 0 -3px;
transition: all .1s ease-in-out;
}
#fp-nav ul li a span.fp-sr-only{
display: none;
}
#fp-nav ul.ls li a span{
border-color: rgba(var(--colorDarkGreyRGB), 0.3);
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span{
border-radius: 100%;
border: 1px solid #fff;
}
#fp-nav ul.ls li a.active span,
#fp-nav ul.ls li:hover a.active span{
border: 1px solid var(--colorDarkGrey);
}
#fp-nav ul li:hover a span{
width: 10px;
height: 10px;
border: 1px solid #fff;
}
#fp-nav ul.ls li:hover a span{
border: 1px solid var(--colorDarkGrey);
}
#fullpage-social-icons{
width: auto;
height: 100%;
position: fixed;
padding: 60px 20px;
display: block;
left: 5px;
background-color: rgba(0, 0, 0, 0);
}
@media (max-width: 1200px) {
#fullpage-social-icons{
display: none;
}
}
@media (min-width: 1500px) {
#fullpage-social-icons{
left: 45px;
}
}
#fullpage-social-icons .social-icons{
position: relative;
top: 50%;
display: block;
}
@media (min-width: 992px) {
#fullpage-social-icons .social-icons{
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
#fullpage-social-icons .social-icons a{
margin: 25px 0 0 0;
display: block;
}
#fullpage-social-icons .social-icons a:first-child{
margin: 0;
}
.fp-slidesNav ul{
text-align: center;
counter-reset: number;
list-style-type: none;
}
.fp-slidesNav ul li{
display: inline-block;
width: auto;
height: auto;
margin: 0;
}
.fp-slidesNav ul li span{
padding: 14px;
display: block;
line-height: 1;
color: #fff;
transition: all .2s ease-in-out 0s;
}
.fp-slidesNav ul li span::before{
content: counter(number, decimal-leading-zero);
counter-increment: number;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
z-index: 1;
}
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a span{
color: var(--colorMain);
}
#fp-nav ul li .fp-tooltip{
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial,helvetica,sans-serif;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip{
transition: opacity .2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right{
right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left{
left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell{
height: auto !important;
}
.pswp{
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp *{
box-sizing: border-box;
}
.pswp img{
max-width: none;
}
.pswp--animate_opacity{
opacity: .001;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open{
display: block;
}
.pswp--zoom-allowed .pswp__img{
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img{
cursor: grab;
}
.pswp--dragging .pswp__img{
cursor: grabbing;
}
.pswp__bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap{
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.pswp__container,
.pswp__img{
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.pswp__zoom-wrap{
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
transform-origin: left top;
transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg{
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap{
transition: none;
}
.pswp__container,
.pswp__zoom-wrap{
-webkit-backface-visibility: hidden;
}
.pswp__item{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img{
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
.pswp__img--placeholder{
-webkit-backface-visibility: hidden;
}
.pswp__img--placeholder--blank{
background: #222;
}
.pswp--ie .pswp__img{
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
.pswp__error-msg{
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc;
}
.pswp__error-msg a{
color: #ccc;
text-decoration: underline;
} .pswp__button{
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: .75;
transition: opacity .2s;
box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover{
opacity: 1;
}
.pswp__button:active{
outline: none;
opacity: .9;
}
.pswp__button::-moz-focus-inner{
padding: 0;
border: 0;
}
.pswp__ui--over-close .pswp__button--close{
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before{
background: url(//agmaritime.com/wp-content/themes/seajay/img/photoswipe/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/photoswipe/default-skin.svg);
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right{
background: none;
}
}
.pswp__button--close{
background-position: 0 -44px;
}
.pswp__button--share{
background-position: -44px -44px;
}
.pswp__button--fs{
display: none;
}
.pswp--supports-fs .pswp__button--fs{
display: block;
}
.pswp--fs .pswp__button--fs{
background-position: -44px 0;
}
.pswp__button--zoom{
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom{
display: block;
}
.pswp--zoomed-in .pswp__button--zoom{
background-position: -132px 0;
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right{
visibility: hidden;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right{
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left{
left: 0;
}
.pswp__button--arrow--right{
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before{
content: "";
top: 35px;
background-color: rgba(0, 0, 0, .3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before{
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before{
right: 6px;
background-position: -94px -44px;
}
.pswp__counter,
.pswp__share-modal{
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__share-modal{
display: block;
background: rgba(0, 0, 0, .5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
transition: opacity .25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden{
display: none;
}
.pswp__share-tooltip{
z-index: 1620;
position: absolute;
background: #fff;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
-webkit-transform: translateY(6px);
transform: translateY(6px);
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a{
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover{
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child{
border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child{
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in{
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip{
-webkit-transform: translateY(0);
transform: translateY(0);
}
.pswp--touch .pswp__share-tooltip a{
padding: 16px 12px;
}
a.pswp__share--facebook:before{
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #fff;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover{
background: #3e5c9a;
color: #fff;
}
a.pswp__share--facebook:hover:before{
border-bottom-color: #3e5c9a;
}
a.pswp__share--twitter:hover{
background: #55acee;
color: #fff;
}
a.pswp__share--pinterest:hover{
background: #ccc;
color: #ce272d;
}
a.pswp__share--download:hover{
background: #ddd;
}
.pswp__counter{
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #fff;
opacity: .75;
padding: 0 10px;
}
.pswp__caption{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small{
font-size: 11px;
color: #bbb;
}
.pswp__caption__center{
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #ccc;
}
.pswp__caption--empty{
display: none;
}
.pswp__caption--fake{
visibility: hidden;
}
.pswp__preloader{
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
transition: opacity .25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn{
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active{
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn{
background: url(//agmaritime.com/wp-content/themes/seajay/img/photoswipe/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active{
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn{
background: none;
opacity: .75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut{
position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut{
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #fff;
border-radius: 50%;
border-left-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader{
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@-webkit-keyframes clockwise {
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clockwise {
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0%{
-webkit-transform: rotate(0);
transform: rotate(0);
}
50%{
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100%{
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes donut-rotate {
0%{
-webkit-transform: rotate(0);
transform: rotate(0);
}
50%{
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100%{
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
.pswp__ui{
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
}
.pswp__top-bar{
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right{
-webkit-backface-visibility: hidden;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right{
visibility: visible;
}
.pswp__top-bar,
.pswp__caption{
background-color: rgba(0, 0, 0, .5);
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption{
background-color: rgba(0, 0, 0, .3);
}
.pswp__ui--idle .pswp__top-bar{
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right{
opacity: 0;
}
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right{
opacity: .001;
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter{
display: none;
}
.pswp__element--disabled{
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar{
background: none;
}
.pswp__zoom-wrap .embed-responsive{
max-width: 90%;
margin: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (min-width: 1200px) {
.pswp__zoom-wrap .embed-responsive{
max-width: 50%;
}
}
.chart{
position: relative;
display: inline-block;
min-height: 150px;
min-width: 150px;
margin-bottom: 10px;
text-align: center;
}
.chart .chart-meta{
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.chart .chart-meta h4{
font-size: 12px;
margin: 10px 0 0 0;
letter-spacing: .1em;
text-transform: uppercase;
}
.percent{
font-family: "Montserrat",sans-serif;
display: inline-block;
font-size: 60px;
font-weight: bold;
z-index: 2;
}
.percent:after{
content: "%";
font-family: "Playfair Display",serif;
font-style: italic;
font-weight: 400;
}
.angular{
margin-top: 100px;
}
.angular .chart{
margin-top: 0;
}
#timetable span{
display: block;
}
#timetable th,
#timetable td{
vertical-align: middle;
font-weight: normal;
text-align: center;
padding: 25px 5px;
}
#timetable thead{
color: #fff;
}
#timetable thead th{
border: 1px solid #fff;
border-width: 0 1px;
}
#timetable tbody th,
#timetable tbody td{
border: 1px solid #e1e1e1;
transition: all .3s ease-in-out;
}
#timetable tbody .current{
background-color: var(--colorMain);
border-color: var(--colorMain);
}
#timetable tbody .current a{
color: #fff;
}
#toTop{
bottom: 0;
right: 0;
display: none;
width: 60px;
height: 60px;
overflow: hidden;
position: fixed;
text-decoration: none;
z-index: 1000;
font-size: 0;
color: rgba(0, 0, 0, 0);
background-color: var(--colorMain);
opacity: .7;
}
#toTop:after{
color: #fff;
content: "";
font-size: 16px;
line-height: 60px;
font-family: "FontAwesome";
text-align: center;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all .2s linear;
}
#toTopHover,
#toTop:hover{
bottom: 3px;
opacity: 1;
}
#toTop:hover:after{
color: #fff;
}
#toTop:active,
#toTop:focus{
outline: medium none;
}
.modal-open #toTop{
visibility: hidden;
}
#comingsoon-countdown{
text-align: center;
}
#comingsoon-countdown:before,
#comingsoon-countdown:after{
clear: both;
display: table;
content: " ";
}
.countdown-rtl{
direction: rtl;
}
.countdown-row{
clear: both;
display: table;
margin: auto;
padding: 20px 0;
text-align: center;
}
.countdown-section{
display: table-cell;
padding: 10px 30px 20px;
text-align: center;
border-left: 1px solid #fff;
}
.countdown-section:first-child{
border-left-width: 0;
}
.countdown-amount{
font-size: 80px;
line-height: 1;
font-weight: 700;
color: var(--colorMain);
}
.countdown-period{
display: block;
color: var(--colorDarkGrey);
font-size: 12px;
text-transform: uppercase;
letter-spacing: .2em;
font-weight: 700;
min-width: 11em;
}
.countdown-descr{
display: block;
}
@media (max-width: 767px) {
.countdown-section{
padding: 20px 8px 0;
}
.countdown-amount{
font-size: 40px;
}
.countdown-period{
min-width: 4em;
letter-spacing: .1em;
}
}
.scroll-wrapper{
overflow: hidden;
padding: 0;
position: relative;
height: 100%;
}
.scroll-wrapper > .scroll-content{
border: none;
box-sizing: content-box;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none;
overflow: scroll;
padding: 0;
position: relative;
top: 0;
width: auto;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar{
height: 0;
width: 0;
}
.scroll-wrapper.scroll--rtl{
direction: rtl;
}
.scroll-element{
box-sizing: content-box;
display: none;
}
.scroll-element div{
box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow{
cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible{
display: block;
}
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div{
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-macosx > .scroll-element div{
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track{
display: none;
}
.scrollbar-macosx > .scroll-element .scroll-bar{
background-color: rgba(127, 127, 127, .4);
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border-radius: 1px;
transition: opacity .2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: .7;
}
.scrollbar-macosx > .scroll-element.scroll-x{
bottom: 0;
height: 0;
left: 0;
min-width: 100%;
overflow: visible;
width: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-y{
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 0;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar{
height: 7px;
min-width: 10px;
top: -9px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar{
left: -9px;
min-height: 10px;
width: 7px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer{
left: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size{
left: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer{
top: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size{
top: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{
left: -11px;
}
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{
top: -11px;
}
.firefox-on-macos{
overflow: scroll !important;
}
.firefox-on-macos.scroll-wrapper > .scroll-content{
overflow: auto;
}
.crypto-price .cryptonatorwidget{
margin-left: 0;
margin-right: 0;
}
.cryptonatorwidget{
border: 0 !important;
padding: 0 !important;
margin-left: -20px;
margin-right: -20px;
}
.cryptonatorwidget select,
.cryptonatorwidget input{
font-family: "Lato",sans-serif !important;
font-size: 16px !important;
font-style: italic;
text-transform: capitalize;
padding-top: 16px;
padding-bottom: 16px;
min-height: 55px;
}
.cryptonatorwidget select{
color: gray;
}
.cryptonatorwidget select:hover,
.cryptonatorwidget select:active,
.cryptonatorwidget select:focus{
color: gray;
}
.cryptonatorwidget select option{
font-style: normal;
}
.cryptonatorwidget > div:last-child{
display: none;
}
.cryptonatorwidget table{
font-family: "Lato",sans-serif;
}
.cryptonatorwidget table tr{
position: relative;
padding-left: 20px;
}
.cryptonatorwidget table tr:first-child{
padding-left: 0;
padding-right: 20px;
}
.cryptonatorwidget table td{
position: relative;
border: 0;
padding-left: 20px;
padding-right: 20px;
}
.cryptonatorwidget table td:hover:before{
width: 60px;
}
.cryptonatorwidget table td:before{
content: "";
height: 1px;
width: 30px;
bottom: 10px;
left: 20px;
position: absolute;
background: var(--colorDark);
transition: .3s all;
}
.cryptonatorwidget select{
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 10px;
}
.cryptonatorwidget .select_container{
position: relative;
}
.cryptonatorwidget .select_container:before{
content: "";
font-family: "FontAwesome";
font-size: 14px;
position: absolute;
right: 0;
top: 39%;
pointer-events: none;
}
@media (min-width: 1300px) {
.widget-inline .cryptonatorwidget{
margin-left: -5px;
margin-right: -5px;
}
.widget-inline .cryptonatorwidget table tbody{
display: flex;
}
.widget-inline .cryptonatorwidget table tbody tr:first-child:before{
content: "=";
font-size: 16px;
color: var(--colorMain);
position: absolute;
right: -5px;
top: 35%;
}
.widget-inline .cryptonatorwidget table td{
width: 50% !important;
padding-left: 5px;
padding-right: 5px;
}
.widget-inline .cryptonatorwidget table td:before{
left: 5px;
}
}
.c-gutter-100 [class*=col-],
.row.c-gutter-100>[class*=col-]{
padding-right: 50px;
padding-left: 50px;
}
.c-gutter-80 [class*=col-],
.row.c-gutter-80>[class*=col-]{
padding-right: 40px;
padding-left: 40px;
}
.c-gutter-75 [class*=col-],
.row.c-gutter-75>[class*=col-]{
padding-right: 37px;
padding-left: 38px;
}
.c-gutter-60 [class*=col-],
.row.c-gutter-60>[class*=col-]{
padding-right: 30px;
padding-left: 30px;
}
.c-gutter-50 [class*=col-],
.row.c-gutter-50>[class*=col-]{
padding-right: 25px;
padding-left: 25px;
}
.c-gutter-40 [class*=col-],
.row.c-gutter-40>[class*=col-]{
padding-right: 20px;
padding-left: 20px;
}
.c-gutter-30 [class*=col-],
.row.c-gutter-30>[class*=col-]{
padding-right: 15px;
padding-left: 15px;
}
.c-gutter-25 [class*=col-],
.row.c-gutter-25>[class*=col-]{
padding-right: 12px;
padding-left: 13px;
}
.c-gutter-20 [class*=col-],
.row.c-gutter-20>[class*=col-]{
padding-right: 10px;
padding-left: 10px;
}
.c-gutter-15 [class*=col-],
.row.c-gutter-15>[class*=col-]{
padding-right: 7px;
padding-left: 8px;
}
.c-gutter-10 [class*=col-],
.row.c-gutter-10>[class*=col-]{
padding-right: 5px;
padding-left: 5px;
}
.c-gutter-5 [class*=col-],
.row.c-gutter-5>[class*=col-]{
padding-right: 2px;
padding-left: 3px;
}
.c-gutter-2 [class*=col-],
.row.c-gutter-2>[class*=col-]{
padding-right: 1px;
padding-left: 1px;
}
.c-gutter-1 [class*=col-],
.row.c-gutter-1>[class*=col-]{
padding-right: 0;
padding-left: 1px;
}
.c-gutter-0 [class*=col-],
.row.c-gutter-0>[class*=col-]{
padding-right: 0;
padding-left: 0;
}
.c-gutter-100 .row,
div.row.c-gutter-100{
margin-left: -50px;
margin-right: -50px;
}
.c-gutter-80 .row,
div.row.c-gutter-80{
margin-left: -40px;
margin-right: -40px;
}
.c-gutter-75 .row,
div.row.c-gutter-75{
margin-left: -38px;
margin-right: -37px;
}
.c-gutter-60 .row,
div.row.c-gutter-60{
margin-left: -30px;
margin-right: -30px;
}
.c-gutter-50 .row,
div.row.c-gutter-50{
margin-left: -25px;
margin-right: -25px;
}
.c-gutter-40 .row,
div.row.c-gutter-40{
margin-left: -20px;
margin-right: -20px;
}
.c-gutter-30 .row,
div.row.c-gutter-30{
margin-left: -15px;
margin-right: -15px;
}
.c-gutter-25 .row,
div.row.c-gutter-25{
margin-left: -13px;
margin-right: -12px;
}
.c-gutter-20 .row,
div.row.c-gutter-20{
margin-left: -10px;
margin-right: -10px;
}
.c-gutter-15 .row,
div.row.c-gutter-15{
margin-left: -8px;
margin-right: -7px;
}
.c-gutter-10 .row,
div.row.c-gutter-10{
margin-left: -5px;
margin-right: -5px;
}
.c-gutter-5 .row,
div.row.c-gutter-5{
margin-left: -3px;
margin-right: -2px;
}
.c-gutter-2 .row,
div.row.c-gutter-2{
margin-left: -1px;
margin-right: -1px;
}
.c-gutter-1 .row,
div.row.c-gutter-1{
margin-left: -1px;
margin-right: 0;
}
.c-gutter-0 .row,
div.row.c-gutter-0{
margin-left: 0;
margin-right: 0;
}
.container-px-0 [class*=container]{
padding-left: 0;
padding-right: 0;
}
.container-px-1 [class*=container]{
padding-left: 1px;
padding-right: 1px;
}
.container-px-2 [class*=container]{
padding-left: 2px;
padding-right: 2px;
}
.container-px-5 [class*=container]{
padding-left: 5px;
padding-right: 5px;
}
.container-px-10 [class*=container]{
padding-left: 10px;
padding-right: 10px;
}
.container-px-20 [class*=container]{
padding-left: 20px;
padding-right: 20px;
}
.container-px-30 [class*=container]{
padding-left: 30px;
padding-right: 30px;
}
.container-px-60 [class*=container]{
padding-left: 60px;
padding-right: 60px;
}
@media (min-width: 1500px) {
.container-px-80 [class*=container]{
padding-left: 80px;
padding-right: 80px;
}
}
@media (min-width: 992px) {
.container-px-180 [class*=container]{
padding-left: 80px;
padding-right: 80px;
}
}
@media (min-width: 1500px) {
.container-px-180 [class*=container]{
padding-left: 180px;
padding-right: 180px;
}
}
.s-pt-0>[class*=container]{
padding-top: 0;
}
.s-pt-1>[class*=container]{
padding-top: 1px;
}
.s-pt-2>[class*=container]{
padding-top: 2px;
}
.s-pt-3>[class*=container]{
padding-top: 3px;
}
.s-pt-5>[class*=container]{
padding-top: 5px;
}
.s-pt-10>[class*=container]{
padding-top: 10px;
}
.s-pt-15>[class*=container]{
padding-top: 15px;
}
.s-pt-20>[class*=container]{
padding-top: 20px;
}
.s-pt-25>[class*=container]{
padding-top: 25px;
}
.s-pt-30>[class*=container]{
padding-top: 30px;
}
.s-pt-40>[class*=container]{
padding-top: 40px;
}
.s-pt-45>[class*=container]{
padding-top: 45px;
}
.s-pt-50>[class*=container]{
padding-top: 50px;
}
.s-pt-55>[class*=container]{
padding-top: 55px;
}
.s-pt-60>[class*=container]{
padding-top: 60px;
}
.s-pt-70>[class*=container]{
padding-top: 70px;
}
.s-pt-75>[class*=container]{
padding-top: 75px;
}
.s-pt-80>[class*=container]{
padding-top: 80px;
}
.s-pt-90>[class*=container]{
padding-top: 90px;
}
.s-pt-100>[class*=container]{
padding-top: 100px;
}
.s-pt-105>[class*=container]{
padding-top: 105px;
}
.s-pt-110>[class*=container]{
padding-top: 110px;
}
.s-pt-120>[class*=container]{
padding-top: 120px;
}
.s-pt-125>[class*=container]{
padding-top: 125px;
}
.s-pt-130>[class*=container]{
padding-top: 130px;
}
.s-pt-140>[class*=container]{
padding-top: 140px;
}
.s-pt-150>[class*=container]{
padding-top: 150px;
}
.s-pt-155>[class*=container]{
padding-top: 155px;
}
.s-pt-160>[class*=container]{
padding-top: 160px;
}
.s-pt-170>[class*=container]{
padding-top: 170px;
}
.s-pt-190>[class*=container]{
padding-top: 190px;
}
.s-pt-180>[class*=container]{
padding-top: 180px;
}
.s-pt-195>[class*=container]{
padding-top: 195px;
}
.s-pt-200>[class*=container]{
padding-top: 200px;
}
.s-pt-210>[class*=container]{
padding-top: 210px;
}
.s-pt-230>[class*=container]{
padding-top: 230px;
}
.s-pt-235>[class*=container]{
padding-top: 235px;
}
.s-pt-240>[class*=container]{
padding-top: 240px;
}
.s-pb-0>[class*=container]{
padding-bottom: 0;
}
.s-pb-1>[class*=container]{
padding-bottom: 1px;
}
.s-pb-2>[class*=container]{
padding-bottom: 2px;
}
.s-pb-3>[class*=container]{
padding-bottom: 3px;
}
.s-pb-5>[class*=container]{
padding-bottom: 5px;
}
.s-pb-10>[class*=container]{
padding-bottom: 10px;
}
.s-pb-15>[class*=container]{
padding-bottom: 15px;
}
.s-pb-20>[class*=container]{
padding-bottom: 20px;
}
.s-pb-25>[class*=container]{
padding-bottom: 25px;
}
.s-pb-30>[class*=container]{
padding-bottom: 30px;
}
.s-pb-40>[class*=container]{
padding-bottom: 40px;
}
.s-pb-45>[class*=container]{
padding-bottom: 45px;
}
.s-pb-50>[class*=container]{
padding-bottom: 50px;
}
.s-pb-55>[class*=container]{
padding-bottom: 55px;
}
.s-pb-60>[class*=container]{
padding-bottom: 60px;
}
.s-pb-70>[class*=container]{
padding-bottom: 70px;
}
.s-pb-75>[class*=container]{
padding-bottom: 75px;
}
.s-pb-80>[class*=container]{
padding-bottom: 80px;
}
.s-pb-90>[class*=container]{
padding-bottom: 90px;
}
.s-pb-100>[class*=container]{
padding-bottom: 100px;
}
.s-pb-105>[class*=container]{
padding-bottom: 105px;
}
.s-pb-110>[class*=container]{
padding-bottom: 110px;
}
.s-pb-120>[class*=container]{
padding-bottom: 120px;
}
.s-pb-125>[class*=container]{
padding-bottom: 125px;
}
.s-pb-130>[class*=container]{
padding-bottom: 130px;
}
.s-pb-140>[class*=container]{
padding-bottom: 140px;
}
.s-pb-150>[class*=container]{
padding-bottom: 150px;
}
.s-pb-155>[class*=container]{
padding-bottom: 155px;
}
.s-pb-160>[class*=container]{
padding-bottom: 160px;
}
.s-pb-170>[class*=container]{
padding-bottom: 170px;
}
.s-pb-190>[class*=container]{
padding-bottom: 190px;
}
.s-pb-180>[class*=container]{
padding-bottom: 180px;
}
.s-pb-195>[class*=container]{
padding-bottom: 195px;
}
.s-pb-200>[class*=container]{
padding-bottom: 200px;
}
.s-pb-210>[class*=container]{
padding-bottom: 210px;
}
.s-pb-230>[class*=container]{
padding-bottom: 230px;
}
.s-pb-235>[class*=container]{
padding-bottom: 235px;
}
.s-pb-240>[class*=container]{
padding-bottom: 240px;
}
.s-py-0>[class*=container]{
padding-top: 0;
padding-bottom: 0;
}
.s-py-1>[class*=container]{
padding-top: 1px;
padding-bottom: 1px;
}
.s-py-2>[class*=container]{
padding-top: 2px;
padding-bottom: 2px;
}
.s-py-3>[class*=container]{
padding-top: 3px;
padding-bottom: 3px;
}
.s-py-5>[class*=container]{
padding-top: 5px;
padding-bottom: 5px;
}
.s-py-10>[class*=container]{
padding-top: 10px;
padding-bottom: 10px;
}
.s-py-15>[class*=container]{
padding-top: 15px;
padding-bottom: 15px;
}
.s-py-20>[class*=container]{
padding-top: 20px;
padding-bottom: 20px;
}
.s-py-25>[class*=container]{
padding-top: 25px;
padding-bottom: 25px;
}
.s-py-30>[class*=container]{
padding-top: 30px;
padding-bottom: 30px;
}
.s-py-40>[class*=container]{
padding-top: 40px;
padding-bottom: 40px;
}
.s-py-45>[class*=container]{
padding-top: 45px;
padding-bottom: 45px;
}
.s-py-50>[class*=container]{
padding-top: 50px;
padding-bottom: 50px;
}
.s-py-55>[class*=container]{
padding-top: 55px;
padding-bottom: 55px;
}
.s-py-60>[class*=container]{
padding-top: 60px;
padding-bottom: 60px;
}
.s-py-70>[class*=container]{
padding-top: 70px;
padding-bottom: 70px;
}
.s-py-75>[class*=container]{
padding-top: 75px;
padding-bottom: 75px;
}
.s-py-80>[class*=container]{
padding-top: 80px;
padding-bottom: 80px;
}
.s-py-90>[class*=container]{
padding-top: 90px;
padding-bottom: 90px;
}
.s-py-100>[class*=container]{
padding-top: 100px;
padding-bottom: 100px;
}
.s-py-105>[class*=container]{
padding-top: 105px;
padding-bottom: 105px;
}
.s-py-110>[class*=container]{
padding-top: 110px;
padding-bottom: 110px;
}
.s-py-120>[class*=container]{
padding-top: 120px;
padding-bottom: 120px;
}
.s-py-125>[class*=container]{
padding-top: 125px;
padding-bottom: 125px;
}
.s-py-130>[class*=container]{
padding-top: 130px;
padding-bottom: 130px;
}
.s-py-140>[class*=container]{
padding-top: 140px;
padding-bottom: 140px;
}
.s-py-150>[class*=container]{
padding-top: 150px;
padding-bottom: 150px;
}
.s-py-155>[class*=container]{
padding-top: 155px;
padding-bottom: 155px;
}
.s-py-160>[class*=container]{
padding-top: 160px;
padding-bottom: 160px;
}
.s-py-170>[class*=container]{
padding-top: 170px;
padding-bottom: 170px;
}
.s-py-190>[class*=container]{
padding-top: 190px;
padding-bottom: 190px;
}
.s-py-180>[class*=container]{
padding-top: 180px;
padding-bottom: 180px;
}
.s-py-195>[class*=container]{
padding-top: 195px;
padding-bottom: 195px;
}
.s-py-200>[class*=container]{
padding-top: 200px;
padding-bottom: 200px;
}
.s-py-210>[class*=container]{
padding-top: 210px;
padding-bottom: 210px;
}
.s-py-230>[class*=container]{
padding-top: 230px;
padding-bottom: 230px;
}
.s-py-235>[class*=container]{
padding-top: 235px;
padding-bottom: 235px;
}
.s-py-240>[class*=container]{
padding-top: 240px;
padding-bottom: 240px;
}
@media (min-width: 576px) {
.s-pt-sm-0>[class*=container]{
padding-top: 0;
}
.s-pt-sm-1>[class*=container]{
padding-top: 1px;
}
.s-pt-sm-2>[class*=container]{
padding-top: 2px;
}
.s-pt-sm-3>[class*=container]{
padding-top: 3px;
}
.s-pt-sm-5>[class*=container]{
padding-top: 5px;
}
.s-pt-sm-10>[class*=container]{
padding-top: 10px;
}
.s-pt-sm-15>[class*=container]{
padding-top: 15px;
}
.s-pt-sm-20>[class*=container]{
padding-top: 20px;
}
.s-pt-sm-25>[class*=container]{
padding-top: 25px;
}
.s-pt-sm-30>[class*=container]{
padding-top: 30px;
}
.s-pt-sm-40>[class*=container]{
padding-top: 40px;
}
.s-pt-sm-45>[class*=container]{
padding-top: 45px;
}
.s-pt-sm-50>[class*=container]{
padding-top: 50px;
}
.s-pt-sm-55>[class*=container]{
padding-top: 55px;
}
.s-pt-sm-60>[class*=container]{
padding-top: 60px;
}
.s-pt-sm-70>[class*=container]{
padding-top: 70px;
}
.s-pt-sm-75>[class*=container]{
padding-top: 75px;
}
.s-pt-sm-80>[class*=container]{
padding-top: 80px;
}
.s-pt-sm-90>[class*=container]{
padding-top: 90px;
}
.s-pt-sm-100>[class*=container]{
padding-top: 100px;
}
.s-pt-sm-105>[class*=container]{
padding-top: 105px;
}
.s-pt-sm-110>[class*=container]{
padding-top: 110px;
}
.s-pt-sm-120>[class*=container]{
padding-top: 120px;
}
.s-pt-sm-125>[class*=container]{
padding-top: 125px;
}
.s-pt-sm-130>[class*=container]{
padding-top: 130px;
}
.s-pt-sm-140>[class*=container]{
padding-top: 140px;
}
.s-pt-sm-150>[class*=container]{
padding-top: 150px;
}
.s-pt-sm-155>[class*=container]{
padding-top: 155px;
}
.s-pt-sm-160>[class*=container]{
padding-top: 160px;
}
.s-pt-sm-170>[class*=container]{
padding-top: 170px;
}
.s-pt-sm-190>[class*=container]{
padding-top: 190px;
}
.s-pt-sm-180>[class*=container]{
padding-top: 180px;
}
.s-pt-sm-195>[class*=container]{
padding-top: 195px;
}
.s-pt-sm-200>[class*=container]{
padding-top: 200px;
}
.s-pt-sm-210>[class*=container]{
padding-top: 210px;
}
.s-pt-sm-230>[class*=container]{
padding-top: 230px;
}
.s-pt-sm-235>[class*=container]{
padding-top: 235px;
}
.s-pt-sm-240>[class*=container]{
padding-top: 240px;
}
.s-pb-sm-0>[class*=container]{
padding-bottom: 0;
}
.s-pb-sm-1>[class*=container]{
padding-bottom: 1px;
}
.s-pb-sm-2>[class*=container]{
padding-bottom: 2px;
}
.s-pb-sm-3>[class*=container]{
padding-bottom: 3px;
}
.s-pb-sm-5>[class*=container]{
padding-bottom: 5px;
}
.s-pb-sm-10>[class*=container]{
padding-bottom: 10px;
}
.s-pb-sm-15>[class*=container]{
padding-bottom: 15px;
}
.s-pb-sm-20>[class*=container]{
padding-bottom: 20px;
}
.s-pb-sm-25>[class*=container]{
padding-bottom: 25px;
}
.s-pb-sm-30>[class*=container]{
padding-bottom: 30px;
}
.s-pb-sm-40>[class*=container]{
padding-bottom: 40px;
}
.s-pb-sm-45>[class*=container]{
padding-bottom: 45px;
}
.s-pb-sm-50>[class*=container]{
padding-bottom: 50px;
}
.s-pb-sm-55>[class*=container]{
padding-bottom: 55px;
}
.s-pb-sm-60>[class*=container]{
padding-bottom: 60px;
}
.s-pb-sm-70>[class*=container]{
padding-bottom: 70px;
}
.s-pb-sm-75>[class*=container]{
padding-bottom: 75px;
}
.s-pb-sm-80>[class*=container]{
padding-bottom: 80px;
}
.s-pb-sm-90>[class*=container]{
padding-bottom: 90px;
}
.s-pb-sm-100>[class*=container]{
padding-bottom: 100px;
}
.s-pb-sm-105>[class*=container]{
padding-bottom: 105px;
}
.s-pb-sm-110>[class*=container]{
padding-bottom: 110px;
}
.s-pb-sm-120>[class*=container]{
padding-bottom: 120px;
}
.s-pb-sm-125>[class*=container]{
padding-bottom: 125px;
}
.s-pb-sm-130>[class*=container]{
padding-bottom: 130px;
}
.s-pb-sm-140>[class*=container]{
padding-bottom: 140px;
}
.s-pb-sm-150>[class*=container]{
padding-bottom: 150px;
}
.s-pb-sm-155>[class*=container]{
padding-bottom: 155px;
}
.s-pb-sm-160>[class*=container]{
padding-bottom: 160px;
}
.s-pb-sm-170>[class*=container]{
padding-bottom: 170px;
}
.s-pb-sm-190>[class*=container]{
padding-bottom: 190px;
}
.s-pb-sm-180>[class*=container]{
padding-bottom: 180px;
}
.s-pb-sm-195>[class*=container]{
padding-bottom: 195px;
}
.s-pb-sm-200>[class*=container]{
padding-bottom: 200px;
}
.s-pb-sm-210>[class*=container]{
padding-bottom: 210px;
}
.s-pb-sm-230>[class*=container]{
padding-bottom: 230px;
}
.s-pb-sm-235>[class*=container]{
padding-bottom: 235px;
}
.s-pb-sm-240>[class*=container]{
padding-bottom: 240px;
}
.s-py-sm-0>[class*=container]{
padding-top: 0;
padding-bottom: 0;
}
.s-py-sm-1>[class*=container]{
padding-top: 1px;
padding-bottom: 1px;
}
.s-py-sm-2>[class*=container]{
padding-top: 2px;
padding-bottom: 2px;
}
.s-py-sm-3>[class*=container]{
padding-top: 3px;
padding-bottom: 3px;
}
.s-py-sm-5>[class*=container]{
padding-top: 5px;
padding-bottom: 5px;
}
.s-py-sm-10>[class*=container]{
padding-top: 10px;
padding-bottom: 10px;
}
.s-py-sm-15>[class*=container]{
padding-top: 15px;
padding-bottom: 15px;
}
.s-py-sm-20>[class*=container]{
padding-top: 20px;
padding-bottom: 20px;
}
.s-py-sm-25>[class*=container]{
padding-top: 25px;
padding-bottom: 25px;
}
.s-py-sm-30>[class*=container]{
padding-top: 30px;
padding-bottom: 30px;
}
.s-py-sm-40>[class*=container]{
padding-top: 40px;
padding-bottom: 40px;
}
.s-py-sm-45>[class*=container]{
padding-top: 45px;
padding-bottom: 45px;
}
.s-py-sm-50>[class*=container]{
padding-top: 50px;
padding-bottom: 50px;
}
.s-py-sm-55>[class*=container]{
padding-top: 55px;
padding-bottom: 55px;
}
.s-py-sm-60>[class*=container]{
padding-top: 60px;
padding-bottom: 60px;
}
.s-py-sm-70>[class*=container]{
padding-top: 70px;
padding-bottom: 70px;
}
.s-py-sm-75>[class*=container]{
padding-top: 75px;
padding-bottom: 75px;
}
.s-py-sm-80>[class*=container]{
padding-top: 80px;
padding-bottom: 80px;
}
.s-py-sm-90>[class*=container]{
padding-top: 90px;
padding-bottom: 90px;
}
.s-py-sm-100>[class*=container]{
padding-top: 100px;
padding-bottom: 100px;
}
.s-py-sm-105>[class*=container]{
padding-top: 105px;
padding-bottom: 105px;
}
.s-py-sm-110>[class*=container]{
padding-top: 110px;
padding-bottom: 110px;
}
.s-py-sm-120>[class*=container]{
padding-top: 120px;
padding-bottom: 120px;
}
.s-py-sm-125>[class*=container]{
padding-top: 125px;
padding-bottom: 125px;
}
.s-py-sm-130>[class*=container]{
padding-top: 130px;
padding-bottom: 130px;
}
.s-py-sm-140>[class*=container]{
padding-top: 140px;
padding-bottom: 140px;
}
.s-py-sm-150>[class*=container]{
padding-top: 150px;
padding-bottom: 150px;
}
.s-py-sm-155>[class*=container]{
padding-top: 155px;
padding-bottom: 155px;
}
.s-py-sm-160>[class*=container]{
padding-top: 160px;
padding-bottom: 160px;
}
.s-py-sm-170>[class*=container]{
padding-top: 170px;
padding-bottom: 170px;
}
.s-py-sm-190>[class*=container]{
padding-top: 190px;
padding-bottom: 190px;
}
.s-py-sm-180>[class*=container]{
padding-top: 180px;
padding-bottom: 180px;
}
.s-py-sm-195>[class*=container]{
padding-top: 195px;
padding-bottom: 195px;
}
.s-py-sm-200>[class*=container]{
padding-top: 200px;
padding-bottom: 200px;
}
.s-py-sm-210>[class*=container]{
padding-top: 210px;
padding-bottom: 210px;
}
.s-py-sm-230>[class*=container]{
padding-top: 230px;
padding-bottom: 230px;
}
.s-py-sm-235>[class*=container]{
padding-top: 235px;
padding-bottom: 235px;
}
.s-py-sm-240>[class*=container]{
padding-top: 240px;
padding-bottom: 240px;
}
}
@media (min-width: 768px) {
.s-pt-md-0>[class*=container]{
padding-top: 0;
}
.s-pt-md-1>[class*=container]{
padding-top: 1px;
}
.s-pt-md-2>[class*=container]{
padding-top: 2px;
}
.s-pt-md-3>[class*=container]{
padding-top: 3px;
}
.s-pt-md-5>[class*=container]{
padding-top: 5px;
}
.s-pt-md-10>[class*=container]{
padding-top: 10px;
}
.s-pt-md-15>[class*=container]{
padding-top: 15px;
}
.s-pt-md-20>[class*=container]{
padding-top: 20px;
}
.s-pt-md-25>[class*=container]{
padding-top: 25px;
}
.s-pt-md-30>[class*=container]{
padding-top: 30px;
}
.s-pt-md-40>[class*=container]{
padding-top: 40px;
}
.s-pt-md-45>[class*=container]{
padding-top: 45px;
}
.s-pt-md-50>[class*=container]{
padding-top: 50px;
}
.s-pt-md-55>[class*=container]{
padding-top: 55px;
}
.s-pt-md-60>[class*=container]{
padding-top: 60px;
}
.s-pt-md-70>[class*=container]{
padding-top: 70px;
}
.s-pt-md-75>[class*=container]{
padding-top: 75px;
}
.s-pt-md-80>[class*=container]{
padding-top: 80px;
}
.s-pt-md-90>[class*=container]{
padding-top: 90px;
}
.s-pt-md-100>[class*=container]{
padding-top: 100px;
}
.s-pt-md-105>[class*=container]{
padding-top: 105px;
}
.s-pt-md-110>[class*=container]{
padding-top: 110px;
}
.s-pt-md-120>[class*=container]{
padding-top: 120px;
}
.s-pt-md-125>[class*=container]{
padding-top: 125px;
}
.s-pt-md-130>[class*=container]{
padding-top: 130px;
}
.s-pt-md-140>[class*=container]{
padding-top: 140px;
}
.s-pt-md-150>[class*=container]{
padding-top: 150px;
}
.s-pt-md-155>[class*=container]{
padding-top: 155px;
}
.s-pt-md-160>[class*=container]{
padding-top: 160px;
}
.s-pt-md-170>[class*=container]{
padding-top: 170px;
}
.s-pt-md-190>[class*=container]{
padding-top: 190px;
}
.s-pt-md-180>[class*=container]{
padding-top: 180px;
}
.s-pt-md-195>[class*=container]{
padding-top: 195px;
}
.s-pt-md-200>[class*=container]{
padding-top: 200px;
}
.s-pt-md-210>[class*=container]{
padding-top: 210px;
}
.s-pt-md-230>[class*=container]{
padding-top: 230px;
}
.s-pt-md-235>[class*=container]{
padding-top: 235px;
}
.s-pt-md-240>[class*=container]{
padding-top: 240px;
}
.s-pb-md-0>[class*=container]{
padding-bottom: 0;
}
.s-pb-md-1>[class*=container]{
padding-bottom: 1px;
}
.s-pb-md-2>[class*=container]{
padding-bottom: 2px;
}
.s-pb-md-3>[class*=container]{
padding-bottom: 3px;
}
.s-pb-md-5>[class*=container]{
padding-bottom: 5px;
}
.s-pb-md-10>[class*=container]{
padding-bottom: 10px;
}
.s-pb-md-15>[class*=container]{
padding-bottom: 15px;
}
.s-pb-md-20>[class*=container]{
padding-bottom: 20px;
}
.s-pb-md-25>[class*=container]{
padding-bottom: 25px;
}
.s-pb-md-30>[class*=container]{
padding-bottom: 30px;
}
.s-pb-md-40>[class*=container]{
padding-bottom: 40px;
}
.s-pb-md-45>[class*=container]{
padding-bottom: 45px;
}
.s-pb-md-50>[class*=container]{
padding-bottom: 50px;
}
.s-pb-md-55>[class*=container]{
padding-bottom: 55px;
}
.s-pb-md-60>[class*=container]{
padding-bottom: 60px;
}
.s-pb-md-70>[class*=container]{
padding-bottom: 70px;
}
.s-pb-md-75>[class*=container]{
padding-bottom: 75px;
}
.s-pb-md-80>[class*=container]{
padding-bottom: 80px;
}
.s-pb-md-90>[class*=container]{
padding-bottom: 90px;
}
.s-pb-md-100>[class*=container]{
padding-bottom: 100px;
}
.s-pb-md-105>[class*=container]{
padding-bottom: 105px;
}
.s-pb-md-110>[class*=container]{
padding-bottom: 110px;
}
.s-pb-md-120>[class*=container]{
padding-bottom: 120px;
}
.s-pb-md-125>[class*=container]{
padding-bottom: 125px;
}
.s-pb-md-130>[class*=container]{
padding-bottom: 130px;
}
.s-pb-md-140>[class*=container]{
padding-bottom: 140px;
}
.s-pb-md-150>[class*=container]{
padding-bottom: 150px;
}
.s-pb-md-155>[class*=container]{
padding-bottom: 155px;
}
.s-pb-md-160>[class*=container]{
padding-bottom: 160px;
}
.s-pb-md-170>[class*=container]{
padding-bottom: 170px;
}
.s-pb-md-190>[class*=container]{
padding-bottom: 190px;
}
.s-pb-md-180>[class*=container]{
padding-bottom: 180px;
}
.s-pb-md-195>[class*=container]{
padding-bottom: 195px;
}
.s-pb-md-200>[class*=container]{
padding-bottom: 200px;
}
.s-pb-md-210>[class*=container]{
padding-bottom: 210px;
}
.s-pb-md-230>[class*=container]{
padding-bottom: 230px;
}
.s-pb-md-235>[class*=container]{
padding-bottom: 235px;
}
.s-pb-md-240>[class*=container]{
padding-bottom: 240px;
}
.s-py-md-0>[class*=container]{
padding-top: 0;
padding-bottom: 0;
}
.s-py-md-1>[class*=container]{
padding-top: 1px;
padding-bottom: 1px;
}
.s-py-md-2>[class*=container]{
padding-top: 2px;
padding-bottom: 2px;
}
.s-py-md-3>[class*=container]{
padding-top: 3px;
padding-bottom: 3px;
}
.s-py-md-5>[class*=container]{
padding-top: 5px;
padding-bottom: 5px;
}
.s-py-md-10>[class*=container]{
padding-top: 10px;
padding-bottom: 10px;
}
.s-py-md-15>[class*=container]{
padding-top: 15px;
padding-bottom: 15px;
}
.s-py-md-20>[class*=container]{
padding-top: 20px;
padding-bottom: 20px;
}
.s-py-md-25>[class*=container]{
padding-top: 25px;
padding-bottom: 25px;
}
.s-py-md-30>[class*=container]{
padding-top: 30px;
padding-bottom: 30px;
}
.s-py-md-40>[class*=container]{
padding-top: 40px;
padding-bottom: 40px;
}
.s-py-md-45>[class*=container]{
padding-top: 45px;
padding-bottom: 45px;
}
.s-py-md-50>[class*=container]{
padding-top: 50px;
padding-bottom: 50px;
}
.s-py-md-55>[class*=container]{
padding-top: 55px;
padding-bottom: 55px;
}
.s-py-md-60>[class*=container]{
padding-top: 60px;
padding-bottom: 60px;
}
.s-py-md-70>[class*=container]{
padding-top: 70px;
padding-bottom: 70px;
}
.s-py-md-75>[class*=container]{
padding-top: 75px;
padding-bottom: 75px;
}
.s-py-md-80>[class*=container]{
padding-top: 80px;
padding-bottom: 80px;
}
.s-py-md-90>[class*=container]{
padding-top: 90px;
padding-bottom: 90px;
}
.s-py-md-100>[class*=container]{
padding-top: 100px;
padding-bottom: 100px;
}
.s-py-md-105>[class*=container]{
padding-top: 105px;
padding-bottom: 105px;
}
.s-py-md-110>[class*=container]{
padding-top: 110px;
padding-bottom: 110px;
}
.s-py-md-120>[class*=container]{
padding-top: 120px;
padding-bottom: 120px;
}
.s-py-md-125>[class*=container]{
padding-top: 125px;
padding-bottom: 125px;
}
.s-py-md-130>[class*=container]{
padding-top: 130px;
padding-bottom: 130px;
}
.s-py-md-140>[class*=container]{
padding-top: 140px;
padding-bottom: 140px;
}
.s-py-md-150>[class*=container]{
padding-top: 150px;
padding-bottom: 150px;
}
.s-py-md-155>[class*=container]{
padding-top: 155px;
padding-bottom: 155px;
}
.s-py-md-160>[class*=container]{
padding-top: 160px;
padding-bottom: 160px;
}
.s-py-md-170>[class*=container]{
padding-top: 170px;
padding-bottom: 170px;
}
.s-py-md-190>[class*=container]{
padding-top: 190px;
padding-bottom: 190px;
}
.s-py-md-180>[class*=container]{
padding-top: 180px;
padding-bottom: 180px;
}
.s-py-md-195>[class*=container]{
padding-top: 195px;
padding-bottom: 195px;
}
.s-py-md-200>[class*=container]{
padding-top: 200px;
padding-bottom: 200px;
}
.s-py-md-210>[class*=container]{
padding-top: 210px;
padding-bottom: 210px;
}
.s-py-md-230>[class*=container]{
padding-top: 230px;
padding-bottom: 230px;
}
.s-py-md-235>[class*=container]{
padding-top: 235px;
padding-bottom: 235px;
}
.s-py-md-240>[class*=container]{
padding-top: 240px;
padding-bottom: 240px;
}
}
@media (min-width: 992px) {
.s-pt-lg-0>[class*=container]{
padding-top: 0;
}
.s-pt-lg-1>[class*=container]{
padding-top: 1px;
}
.s-pt-lg-2>[class*=container]{
padding-top: 2px;
}
.s-pt-lg-3>[class*=container]{
padding-top: 3px;
}
.s-pt-lg-5>[class*=container]{
padding-top: 5px;
}
.s-pt-lg-10>[class*=container]{
padding-top: 10px;
}
.s-pt-lg-15>[class*=container]{
padding-top: 15px;
}
.s-pt-lg-20>[class*=container]{
padding-top: 20px;
}
.s-pt-lg-25>[class*=container]{
padding-top: 25px;
}
.s-pt-lg-30>[class*=container]{
padding-top: 30px;
}
.s-pt-lg-40>[class*=container]{
padding-top: 40px;
}
.s-pt-lg-45>[class*=container]{
padding-top: 45px;
}
.s-pt-lg-50>[class*=container]{
padding-top: 50px;
}
.s-pt-lg-55>[class*=container]{
padding-top: 55px;
}
.s-pt-lg-60>[class*=container]{
padding-top: 60px;
}
.s-pt-lg-70>[class*=container]{
padding-top: 70px;
}
.s-pt-lg-75>[class*=container]{
padding-top: 75px;
}
.s-pt-lg-80>[class*=container]{
padding-top: 0px;
}
.s-pt-lg-90>[class*=container]{
padding-top: 90px;
}
.s-pt-lg-100>[class*=container]{
padding-top: 100px;
}
.s-pt-lg-105>[class*=container]{
padding-top: 105px;
}
.s-pt-lg-110>[class*=container]{
padding-top: 110px;
}
.s-pt-lg-120>[class*=container]{
padding-top: 120px;
}
.s-pt-lg-125>[class*=container]{
padding-top: 125px;
}
.s-pt-lg-130>[class*=container]{
padding-top: 130px;
}
.s-pt-lg-140>[class*=container]{
padding-top: 140px;
}
.s-pt-lg-150>[class*=container]{
padding-top: 150px;
}
.s-pt-lg-155>[class*=container]{
padding-top: 155px;
}
.s-pt-lg-160>[class*=container]{
padding-top: 160px;
}
.s-pt-lg-170>[class*=container]{
padding-top: 170px;
}
.s-pt-lg-190>[class*=container]{
padding-top: 190px;
}
.s-pt-lg-180>[class*=container]{
padding-top: 180px;
}
.s-pt-lg-195>[class*=container]{
padding-top: 195px;
}
.s-pt-lg-200>[class*=container]{
padding-top: 200px;
}
.s-pt-lg-210>[class*=container]{
padding-top: 210px;
}
.s-pt-lg-230>[class*=container]{
padding-top: 230px;
}
.s-pt-lg-235>[class*=container]{
padding-top: 235px;
}
.s-pt-lg-240>[class*=container]{
padding-top: 240px;
}
.s-pb-lg-0>[class*=container]{
padding-bottom: 0;
}
.s-pb-lg-1>[class*=container]{
padding-bottom: 1px;
}
.s-pb-lg-2>[class*=container]{
padding-bottom: 2px;
}
.s-pb-lg-3>[class*=container]{
padding-bottom: 3px;
}
.s-pb-lg-5>[class*=container]{
padding-bottom: 5px;
}
.s-pb-lg-10>[class*=container]{
padding-bottom: 10px;
}
.s-pb-lg-15>[class*=container]{
padding-bottom: 15px;
}
.s-pb-lg-20>[class*=container]{
padding-bottom: 20px;
}
.s-pb-lg-25>[class*=container]{
padding-bottom: 25px;
}
.s-pb-lg-30>[class*=container]{
padding-bottom: 30px;
}
.s-pb-lg-40>[class*=container]{
padding-bottom: 40px;
}
.s-pb-lg-45>[class*=container]{
padding-bottom: 45px;
}
.s-pb-lg-50>[class*=container]{
padding-bottom: 50px;
}
.s-pb-lg-55>[class*=container]{
padding-bottom: 55px;
}
.s-pb-lg-60>[class*=container]{
padding-bottom: 60px;
}
.s-pb-lg-70>[class*=container]{
padding-bottom: 70px;
}
.s-pb-lg-75>[class*=container]{
padding-bottom: 75px;
}
.s-pb-lg-80>[class*=container]{
padding-bottom: 80px;
}
.s-pb-lg-90>[class*=container]{
padding-bottom: 90px;
}
.s-pb-lg-100>[class*=container]{
padding-bottom: 100px;
}
.s-pb-lg-105>[class*=container]{
padding-bottom: 105px;
}
.s-pb-lg-110>[class*=container]{
padding-bottom: 110px;
}
.s-pb-lg-120>[class*=container]{
padding-bottom: 120px;
}
.s-pb-lg-125>[class*=container]{
padding-bottom: 125px;
}
.s-pb-lg-130>[class*=container]{
padding-bottom: 130px;
}
.s-pb-lg-140>[class*=container]{
padding-bottom: 140px;
}
.s-pb-lg-150>[class*=container]{
padding-bottom: 150px;
}
.s-pb-lg-155>[class*=container]{
padding-bottom: 155px;
}
.s-pb-lg-160>[class*=container]{
padding-bottom: 160px;
}
.s-pb-lg-170>[class*=container]{
padding-bottom: 170px;
}
.s-pb-lg-190>[class*=container]{
padding-bottom: 190px;
}
.s-pb-lg-180>[class*=container]{
padding-bottom: 180px;
}
.s-pb-lg-195>[class*=container]{
padding-bottom: 195px;
}
.s-pb-lg-200>[class*=container]{
padding-bottom: 200px;
}
.s-pb-lg-210>[class*=container]{
padding-bottom: 210px;
}
.s-pb-lg-230>[class*=container]{
padding-bottom: 230px;
}
.s-pb-lg-235>[class*=container]{
padding-bottom: 235px;
}
.s-pb-lg-240>[class*=container]{
padding-bottom: 240px;
}
.s-py-lg-0>[class*=container]{
padding-top: 0;
padding-bottom: 0;
}
.s-py-lg-1>[class*=container]{
padding-top: 1px;
padding-bottom: 1px;
}
.s-py-lg-2>[class*=container]{
padding-top: 2px;
padding-bottom: 2px;
}
.s-py-lg-3>[class*=container]{
padding-top: 3px;
padding-bottom: 3px;
}
.s-py-lg-5>[class*=container]{
padding-top: 5px;
padding-bottom: 5px;
}
.s-py-lg-10>[class*=container]{
padding-top: 10px;
padding-bottom: 10px;
}
.s-py-lg-15>[class*=container]{
padding-top: 15px;
padding-bottom: 15px;
}
.s-py-lg-20>[class*=container]{
padding-top: 20px;
padding-bottom: 20px;
}
.s-py-lg-25>[class*=container]{
padding-top: 25px;
padding-bottom: 25px;
}
.s-py-lg-30>[class*=container]{
padding-top: 30px;
padding-bottom: 30px;
}
.s-py-lg-40>[class*=container]{
padding-top: 40px;
padding-bottom: 40px;
}
.s-py-lg-45>[class*=container]{
padding-top: 45px;
padding-bottom: 45px;
}
.s-py-lg-50>[class*=container]{
padding-top: 50px;
padding-bottom: 50px;
}
.s-py-lg-55>[class*=container]{
padding-top: 55px;
padding-bottom: 55px;
}
.s-py-lg-60>[class*=container]{
padding-top: 60px;
padding-bottom: 60px;
}
.s-py-lg-70>[class*=container]{
padding-top: 70px;
padding-bottom: 70px;
}
.s-py-lg-75>[class*=container]{
padding-top: 75px;
padding-bottom: 75px;
}
.s-py-lg-80>[class*=container]{
padding-top: 80px;
padding-bottom: 80px;
}
.s-py-lg-90>[class*=container]{
padding-top: 90px;
padding-bottom: 90px;
}
.s-py-lg-100>[class*=container]{
padding-top: 100px;
padding-bottom: 100px;
}
.s-py-lg-105>[class*=container]{
padding-top: 105px;
padding-bottom: 105px;
}
.s-py-lg-110>[class*=container]{
padding-top: 110px;
padding-bottom: 110px;
}
.s-py-lg-120>[class*=container]{
padding-top: 120px;
padding-bottom: 120px;
}
.s-py-lg-125>[class*=container]{
padding-top: 125px;
padding-bottom: 125px;
}
.s-py-lg-130>[class*=container]{
padding-top: 130px;
padding-bottom: 130px;
}
.s-py-lg-140>[class*=container]{
padding-top: 140px;
padding-bottom: 140px;
}
.s-py-lg-150>[class*=container]{
padding-top: 150px;
padding-bottom: 150px;
}
.s-py-lg-155>[class*=container]{
padding-top: 155px;
padding-bottom: 155px;
}
.s-py-lg-160>[class*=container]{
padding-top: 160px;
padding-bottom: 160px;
}
.s-py-lg-170>[class*=container]{
padding-top: 170px;
padding-bottom: 170px;
}
.s-py-lg-190>[class*=container]{
padding-top: 190px;
padding-bottom: 190px;
}
.s-py-lg-180>[class*=container]{
padding-top: 180px;
padding-bottom: 180px;
}
.s-py-lg-195>[class*=container]{
padding-top: 195px;
padding-bottom: 195px;
}
.s-py-lg-200>[class*=container]{
padding-top: 200px;
padding-bottom: 200px;
}
.s-py-lg-210>[class*=container]{
padding-top: 210px;
padding-bottom: 210px;
}
.s-py-lg-230>[class*=container]{
padding-top: 230px;
padding-bottom: 230px;
}
.s-py-lg-235>[class*=container]{
padding-top: 235px;
padding-bottom: 235px;
}
.s-py-lg-240>[class*=container]{
padding-top: 240px;
padding-bottom: 240px;
}
}
@media (min-width: 1200px) {
.s-pt-xl-0>[class*=container]{
padding-top: 0;
}
.s-pt-xl-1>[class*=container]{
padding-top: 1px;
}
.s-pt-xl-2>[class*=container]{
padding-top: 2px;
}
.s-pt-xl-3>[class*=container]{
padding-top: 3px;
}
.s-pt-xl-5>[class*=container]{
padding-top: 5px;
}
.s-pt-xl-10>[class*=container]{
padding-top: 10px;
}
.s-pt-xl-15>[class*=container]{
padding-top: 15px;
}
.s-pt-xl-20>[class*=container]{
padding-top: 20px;
}
.s-pt-xl-25>[class*=container]{
padding-top: 25px;
}
.s-pt-xl-30>[class*=container]{
padding-top: 30px;
}
.s-pt-xl-40>[class*=container]{
padding-top: 40px;
}
.s-pt-xl-45>[class*=container]{
padding-top: 45px;
}
.s-pt-xl-50>[class*=container]{
padding-top: 50px;
}
.s-pt-xl-55>[class*=container]{
padding-top: 55px;
}
.s-pt-xl-60>[class*=container]{
padding-top: 60px;
}
.s-pt-xl-70>[class*=container]{
padding-top: 70px;
}
.s-pt-xl-75>[class*=container]{
padding-top: 75px;
}
.s-pt-xl-80>[class*=container]{
padding-top: 80px;
}
.s-pt-xl-90>[class*=container]{
padding-top: 90px;
}
.s-pt-xl-100>[class*=container]{
padding-top: 100px;
}
.s-pt-xl-105>[class*=container]{
padding-top: 105px;
}
.s-pt-xl-110>[class*=container]{
padding-top: 110px;
}
.s-pt-xl-120>[class*=container]{
padding-top: 120px;
}
.s-pt-xl-125>[class*=container]{
padding-top: 125px;
}
.s-pt-xl-130>[class*=container]{
padding-top: 130px;
}
.s-pt-xl-140>[class*=container]{
padding-top: 140px;
}
.s-pt-xl-150>[class*=container]{
padding-top: 150px;
}
.s-pt-xl-155>[class*=container]{
padding-top: 155px;
}
.s-pt-xl-160>[class*=container]{
margin-top: -154px;
}
.s-pt-xl-170>[class*=container]{
padding-top: 170px;
}
.s-pt-xl-190>[class*=container]{
padding-top: 190px;
}
.s-pt-xl-180>[class*=container]{
padding-top: 180px;
}
.s-pt-xl-195>[class*=container]{
padding-top: 195px;
}
.s-pt-xl-200>[class*=container]{
padding-top: 200px;
}
.s-pt-xl-210>[class*=container]{
padding-top: 210px;
}
.s-pt-xl-230>[class*=container]{
padding-top: 230px;
}
.s-pt-xl-235>[class*=container]{
padding-top: 235px;
}
.s-pt-xl-240>[class*=container]{
padding-top: 240px;
}
.s-pb-xl-0>[class*=container]{
padding-bottom: 0;
}
.s-pb-xl-1>[class*=container]{
padding-bottom: 1px;
}
.s-pb-xl-2>[class*=container]{
padding-bottom: 2px;
}
.s-pb-xl-3>[class*=container]{
padding-bottom: 3px;
}
.s-pb-xl-5>[class*=container]{
padding-bottom: 5px;
}
.s-pb-xl-10>[class*=container]{
padding-bottom: 10px;
}
.s-pb-xl-15>[class*=container]{
padding-bottom: 15px;
}
.s-pb-xl-20>[class*=container]{
padding-bottom: 20px;
}
.s-pb-xl-25>[class*=container]{
padding-bottom: 25px;
}
.s-pb-xl-30>[class*=container]{
padding-bottom: 30px;
}
.s-pb-xl-40>[class*=container]{
padding-bottom: 40px;
}
.s-pb-xl-45>[class*=container]{
padding-bottom: 45px;
}
.s-pb-xl-50>[class*=container]{
padding-bottom: 50px;
}
.s-pb-xl-55>[class*=container]{
padding-bottom: 55px;
}
.s-pb-xl-60>[class*=container]{
padding-bottom: 60px;
}
.s-pb-xl-70>[class*=container]{
padding-bottom: 70px;
}
.s-pb-xl-75>[class*=container]{
padding-bottom: 75px;
}
.s-pb-xl-80>[class*=container]{
padding-bottom: 80px;
}
.s-pb-xl-90>[class*=container]{
padding-bottom: 90px;
}
.s-pb-xl-100>[class*=container]{
padding-bottom: 100px;
}
.s-pb-xl-105>[class*=container]{
padding-bottom: 105px;
}
.s-pb-xl-110>[class*=container]{
padding-bottom: 110px;
}
.s-pb-xl-120>[class*=container]{
padding-bottom: 120px;
}
.s-pb-xl-125>[class*=container]{
padding-bottom: 125px;
}
.s-pb-xl-130>[class*=container]{
padding-bottom: 130px;
}
.s-pb-xl-140>[class*=container]{
padding-bottom: 140px;
}
.s-pb-xl-150>[class*=container]{
}
.s-pb-xl-155>[class*=container]{
padding-bottom: 155px;
}
.s-pb-xl-160>[class*=container]{
padding-bottom: 160px;
}
.s-pb-xl-170>[class*=container]{
padding-bottom: 170px;
}
.s-pb-xl-190>[class*=container]{
padding-bottom: 190px;
}
.s-pb-xl-180>[class*=container]{
padding-bottom: 180px;
}
.s-pb-xl-195>[class*=container]{
padding-bottom: 195px;
}
.s-pb-xl-200>[class*=container]{
padding-bottom: 200px;
}
.s-pb-xl-210>[class*=container]{
padding-bottom: 210px;
}
.s-pb-xl-230>[class*=container]{
padding-bottom: 230px;
}
.s-pb-xl-235>[class*=container]{
padding-bottom: 235px;
}
.s-pb-xl-240>[class*=container]{
padding-bottom: 240px;
}
.s-py-xl-0>[class*=container]{
padding-top: 0;
padding-bottom: 0;
}
.s-py-xl-1>[class*=container]{
padding-top: 1px;
padding-bottom: 1px;
}
.s-py-xl-2>[class*=container]{
padding-top: 2px;
padding-bottom: 2px;
}
.s-py-xl-3>[class*=container]{
padding-top: 3px;
padding-bottom: 3px;
}
.s-py-xl-5>[class*=container]{
padding-top: 5px;
padding-bottom: 5px;
}
.s-py-xl-10>[class*=container]{
padding-top: 10px;
padding-bottom: 10px;
}
.s-py-xl-15>[class*=container]{
padding-top: 15px;
padding-bottom: 15px;
}
.s-py-xl-20>[class*=container]{
padding-top: 20px;
padding-bottom: 20px;
}
.s-py-xl-25>[class*=container]{
padding-top: 25px;
padding-bottom: 25px;
}
.s-py-xl-30>[class*=container]{
padding-top: 30px;
padding-bottom: 30px;
}
.s-py-xl-40>[class*=container]{
padding-top: 40px;
padding-bottom: 40px;
}
.s-py-xl-45>[class*=container]{
padding-top: 45px;
padding-bottom: 45px;
}
.s-py-xl-50>[class*=container]{
padding-top: 50px;
padding-bottom: 50px;
}
.s-py-xl-55>[class*=container]{
padding-top: 55px;
padding-bottom: 55px;
}
.s-py-xl-60>[class*=container]{
padding-top: 60px;
padding-bottom: 60px;
}
.s-py-xl-70>[class*=container]{
padding-top: 70px;
padding-bottom: 70px;
}
.s-py-xl-75>[class*=container]{
padding-top: 75px;
padding-bottom: 75px;
}
.s-py-xl-80>[class*=container]{
padding-top: 80px;
padding-bottom: 80px;
}
.s-py-xl-90>[class*=container]{
padding-top: 90px;
padding-bottom: 90px;
}
.s-py-xl-100>[class*=container]{
padding-top: 100px;
padding-bottom: 100px;
}
.s-py-xl-105>[class*=container]{
padding-top: 105px;
padding-bottom: 105px;
}
.s-py-xl-110>[class*=container]{
padding-top: 110px;
padding-bottom: 110px;
}
.s-py-xl-120>[class*=container]{
padding-top: 120px;
padding-bottom: 120px;
}
.s-py-xl-125>[class*=container]{
padding-top: 125px;
padding-bottom: 125px;
}
.s-py-xl-130>[class*=container]{
padding-top: 130px;
padding-bottom: 130px;
}
.s-py-xl-140>[class*=container]{
padding-top: 140px;
padding-bottom: 140px;
}
.s-py-xl-150>[class*=container]{
padding-top: 150px;
padding-bottom: 150px;
}
.s-py-xl-155>[class*=container]{
padding-top: 155px;
padding-bottom: 155px;
}
.s-py-xl-160>[class*=container]{
padding-top: 160px;
padding-bottom: 160px;
}
.s-py-xl-170>[class*=container]{
padding-top: 170px;
padding-bottom: 170px;
}
.s-py-xl-190>[class*=container]{
padding-top: 190px;
padding-bottom: 190px;
}
.s-py-xl-180>[class*=container]{
padding-top: 180px;
padding-bottom: 180px;
}
.s-py-xl-195>[class*=container]{
padding-top: 195px;
padding-bottom: 195px;
}
.s-py-xl-200>[class*=container]{
padding-top: 200px;
padding-bottom: 200px;
}
.s-py-xl-210>[class*=container]{
padding-top: 210px;
padding-bottom: 210px;
}
.s-py-xl-230>[class*=container]{
padding-top: 230px;
padding-bottom: 230px;
}
.s-py-xl-235>[class*=container]{
padding-top: 235px;
padding-bottom: 235px;
}
.s-py-xl-240>[class*=container]{
padding-top: 240px;
padding-bottom: 240px;
}
}
@media (min-width: 1600px) {
.s-pt-xxl-0>[class*=container]{
padding-top: 0;
}
.s-pt-xxl-1>[class*=container]{
padding-top: 1px;
}
.s-pt-xxl-2>[class*=container]{
padding-top: 2px;
}
.s-pt-xxl-3>[class*=container]{
padding-top: 3px;
}
.s-pt-xxl-5>[class*=container]{
padding-top: 5px;
}
.s-pt-xxl-10>[class*=container]{
padding-top: 10px;
}
.s-pt-xxl-15>[class*=container]{
padding-top: 15px;
}
.s-pt-xxl-20>[class*=container]{
padding-top: 20px;
}
.s-pt-xxl-25>[class*=container]{
padding-top: 25px;
}
.s-pt-xxl-30>[class*=container]{
padding-top: 30px;
}
.s-pt-xxl-40>[class*=container]{
padding-top: 40px;
}
.s-pt-xxl-45>[class*=container]{
padding-top: 45px;
}
.s-pt-xxl-50>[class*=container]{
padding-top: 50px;
}
.s-pt-xxl-55>[class*=container]{
padding-top: 55px;
}
.s-pt-xxl-60>[class*=container]{
padding-top: 60px;
}
.s-pt-xxl-70>[class*=container]{
padding-top: 70px;
}
.s-pt-xxl-75>[class*=container]{
padding-top: 75px;
}
.s-pt-xxl-80>[class*=container]{
padding-top: 80px;
}
.s-pt-xxl-90>[class*=container]{
padding-top: 90px;
}
.s-pt-xxl-100>[class*=container]{
padding-top: 100px;
}
.s-pt-xxl-105>[class*=container]{
padding-top: 105px;
}
.s-pt-xxl-110>[class*=container]{
padding-top: 110px;
}
.s-pt-xxl-120>[class*=container]{
padding-top: 120px;
}
.s-pt-xxl-125>[class*=container]{
padding-top: 125px;
}
.s-pt-xxl-130>[class*=container]{
padding-top: 130px;
}
.s-pt-xxl-140>[class*=container]{
padding-top: 140px;
}
.s-pt-xxl-150>[class*=container]{
padding-top: 150px;
}
.s-pt-xxl-155>[class*=container]{
padding-top: 155px;
}
.s-pt-xxl-160>[class*=container]{
padding-top: 160px;
}
.s-pt-xxl-170>[class*=container]{
padding-top: 170px;
}
.s-pt-xxl-190>[class*=container]{
padding-top: 190px;
}
.s-pt-xxl-180>[class*=container]{
padding-top: 180px;
}
.s-pt-xxl-195>[class*=container]{
padding-top: 195px;
}
.s-pt-xxl-200>[class*=container]{
padding-top: 200px;
}
.s-pt-xxl-210>[class*=container]{
padding-top: 210px;
}
.s-pt-xxl-230>[class*=container]{
padding-top: 230px;
}
.s-pt-xxl-235>[class*=container]{
padding-top: 235px;
}
.s-pt-xxl-240>[class*=container]{
padding-top: 240px;
}
.s-pb-xxl-0>[class*=container]{
padding-bottom: 0;
}
.s-pb-xxl-1>[class*=container]{
padding-bottom: 1px;
}
.s-pb-xxl-2>[class*=container]{
padding-bottom: 2px;
}
.s-pb-xxl-3>[class*=container]{
padding-bottom: 3px;
}
.s-pb-xxl-5>[class*=container]{
padding-bottom: 5px;
}
.s-pb-xxl-10>[class*=container]{
padding-bottom: 10px;
}
.s-pb-xxl-15>[class*=container]{
padding-bottom: 15px;
}
.s-pb-xxl-20>[class*=container]{
padding-bottom: 20px;
}
.s-pb-xxl-25>[class*=container]{
padding-bottom: 25px;
}
.s-pb-xxl-30>[class*=container]{
padding-bottom: 30px;
}
.s-pb-xxl-40>[class*=container]{
padding-bottom: 40px;
}
.s-pb-xxl-45>[class*=container]{
padding-bottom: 45px;
}
.s-pb-xxl-50>[class*=container]{
padding-bottom: 50px;
}
.s-pb-xxl-55>[class*=container]{
padding-bottom: 55px;
}
.s-pb-xxl-60>[class*=container]{
padding-bottom: 60px;
}
.s-pb-xxl-70>[class*=container]{
padding-bottom: 70px;
}
.s-pb-xxl-75>[class*=container]{
padding-bottom: 75px;
}
.s-pb-xxl-80>[class*=container]{
padding-bottom: 80px;
}
.s-pb-xxl-90>[class*=container]{
padding-bottom: 90px;
}
.s-pb-xxl-100>[class*=container]{
padding-bottom: 100px;
}
.s-pb-xxl-105>[class*=container]{
padding-bottom: 105px;
}
.s-pb-xxl-110>[class*=container]{
padding-bottom: 110px;
}
.s-pb-xxl-120>[class*=container]{
padding-bottom: 120px;
}
.s-pb-xxl-125>[class*=container]{
padding-bottom: 125px;
}
.s-pb-xxl-130>[class*=container]{
padding-bottom: 130px;
}
.s-pb-xxl-140>[class*=container]{
padding-bottom: 140px;
}
.s-pb-xxl-150>[class*=container]{
padding-bottom: 150px;
}
.s-pb-xxl-155>[class*=container]{
padding-bottom: 155px;
}
.s-pb-xxl-160>[class*=container]{
padding-bottom: 160px;
}
.s-pb-xxl-170>[class*=container]{
padding-bottom: 170px;
}
.s-pb-xxl-190>[class*=container]{
padding-bottom: 190px;
}
.s-pb-xxl-180>[class*=container]{
padding-bottom: 180px;
}
.s-pb-xxl-195>[class*=container]{
padding-bottom: 195px;
}
.s-pb-xxl-200>[class*=container]{
padding-bottom: 200px;
}
.s-pb-xxl-210>[class*=container]{
padding-bottom: 210px;
}
.s-pb-xxl-230>[class*=container]{
padding-bottom: 230px;
}
.s-pb-xxl-235>[class*=container]{
padding-bottom: 235px;
}
.s-pb-xxl-240>[class*=container]{
padding-bottom: 240px;
}
.s-py-xxl-0>[class*=container]{
padding-top: 0;
padding-bottom: 0;
}
.s-py-xxl-1>[class*=container]{
padding-top: 1px;
padding-bottom: 1px;
}
.s-py-xxl-2>[class*=container]{
padding-top: 2px;
padding-bottom: 2px;
}
.s-py-xxl-3>[class*=container]{
padding-top: 3px;
padding-bottom: 3px;
}
.s-py-xxl-5>[class*=container]{
padding-top: 5px;
padding-bottom: 5px;
}
.s-py-xxl-10>[class*=container]{
padding-top: 10px;
padding-bottom: 10px;
}
.s-py-xxl-15>[class*=container]{
padding-top: 15px;
padding-bottom: 15px;
}
.s-py-xxl-20>[class*=container]{
padding-top: 20px;
padding-bottom: 20px;
}
.s-py-xxl-25>[class*=container]{
padding-top: 25px;
padding-bottom: 25px;
}
.s-py-xxl-30>[class*=container]{
padding-top: 30px;
padding-bottom: 30px;
}
.s-py-xxl-40>[class*=container]{
padding-top: 40px;
padding-bottom: 40px;
}
.s-py-xxl-45>[class*=container]{
padding-top: 45px;
padding-bottom: 45px;
}
.s-py-xxl-50>[class*=container]{
padding-top: 50px;
padding-bottom: 50px;
}
.s-py-xxl-55>[class*=container]{
padding-top: 55px;
padding-bottom: 55px;
}
.s-py-xxl-60>[class*=container]{
padding-top: 60px;
padding-bottom: 60px;
}
.s-py-xxl-70>[class*=container]{
padding-top: 70px;
padding-bottom: 70px;
}
.s-py-xxl-75>[class*=container]{
padding-top: 75px;
padding-bottom: 75px;
}
.s-py-xxl-80>[class*=container]{
padding-top: 80px;
padding-bottom: 80px;
}
.s-py-xxl-90>[class*=container]{
padding-top: 90px;
padding-bottom: 90px;
}
.s-py-xxl-100>[class*=container]{
padding-top: 100px;
padding-bottom: 100px;
}
.s-py-xxl-105>[class*=container]{
padding-top: 105px;
padding-bottom: 105px;
}
.s-py-xxl-110>[class*=container]{
padding-top: 110px;
padding-bottom: 110px;
}
.s-py-xxl-120>[class*=container]{
padding-top: 120px;
padding-bottom: 120px;
}
.s-py-xxl-125>[class*=container]{
padding-top: 125px;
padding-bottom: 125px;
}
.s-py-xxl-130>[class*=container]{
padding-top: 130px;
padding-bottom: 130px;
}
.s-py-xxl-140>[class*=container]{
padding-top: 140px;
padding-bottom: 140px;
}
.s-py-xxl-150>[class*=container]{
padding-top: 150px;
padding-bottom: 150px;
}
.s-py-xxl-155>[class*=container]{
padding-top: 155px;
padding-bottom: 155px;
}
.s-py-xxl-160>[class*=container]{
padding-top: 160px;
padding-bottom: 160px;
}
.s-py-xxl-170>[class*=container]{
padding-top: 170px;
padding-bottom: 170px;
}
.s-py-xxl-190>[class*=container]{
padding-top: 190px;
padding-bottom: 190px;
}
.s-py-xxl-180>[class*=container]{
padding-top: 180px;
padding-bottom: 180px;
}
.s-py-xxl-195>[class*=container]{
padding-top: 195px;
padding-bottom: 195px;
}
.s-py-xxl-200>[class*=container]{
padding-top: 200px;
padding-bottom: 200px;
}
.s-py-xxl-210>[class*=container]{
padding-top: 210px;
padding-bottom: 210px;
}
.s-py-xxl-230>[class*=container]{
padding-top: 230px;
padding-bottom: 230px;
}
.s-py-xxl-235>[class*=container]{
padding-top: 235px;
padding-bottom: 235px;
}
.s-py-xxl-240>[class*=container]{
padding-top: 240px;
padding-bottom: 240px;
}
}
.c-mt-0 [class*=col-],
.row.c-mt-0>[class*=col-]{
margin-top: 0;
}
.c-mt-1 [class*=col-],
.row.c-mt-1>[class*=col-]{
margin-top: 1px;
}
.c-mt-2 [class*=col-],
.row.c-mt-2>[class*=col-]{
margin-top: 2px;
}
.c-mt-5 [class*=col-],
.row.c-mt-5>[class*=col-]{
margin-top: 5px;
}
.c-mt-10 [class*=col-],
.row.c-mt-10>[class*=col-]{
margin-top: 10px;
}
.c-mt-15 [class*=col-],
.row.c-mt-15>[class*=col-]{
margin-top: 15px;
}
.c-mt-20 [class*=col-],
.row.c-mt-20>[class*=col-]{
margin-top: 20px;
}
.c-mt-25 [class*=col-],
.row.c-mt-25>[class*=col-]{
margin-top: 25px;
}
.c-mt-30 [class*=col-],
.row.c-mt-30>[class*=col-]{
margin-top: 30px;
}
.c-mt-40 [class*=col-],
.row.c-mt-40>[class*=col-]{
margin-top: 40px;
}
.c-mt-50 [class*=col-],
.row.c-mt-50>[class*=col-]{
margin-top: 50px;
}
.c-mt-60 [class*=col-],
.row.c-mt-60>[class*=col-]{
margin-top: 60px;
}
.c-mt-80 [class*=col-],
.row.c-mt-80>[class*=col-]{
margin-top: 80px;
}
.c-mb-0 [class*=col-],
.row.c-mb-0>[class*=col-]{
margin-bottom: 0;
}
.c-mb-1 [class*=col-],
.row.c-mb-1>[class*=col-]{
margin-bottom: 1px;
}
.c-mb-2 [class*=col-],
.row.c-mb-2>[class*=col-]{
margin-bottom: 2px;
}
.c-mb-5 [class*=col-],
.row.c-mb-5>[class*=col-]{
margin-bottom: 5px;
}
.c-mb-10 [class*=col-],
.row.c-mb-10>[class*=col-]{
margin-bottom: 10px;
}
.c-mb-15 [class*=col-],
.row.c-mb-15>[class*=col-]{
margin-bottom: 15px;
}
.c-mb-20 [class*=col-],
.row.c-mb-20>[class*=col-]{
margin-bottom: 20px;
}
.c-mb-25 [class*=col-],
.row.c-mb-25>[class*=col-]{
margin-bottom: 25px;
}
.c-mb-30 [class*=col-],
.row.c-mb-30>[class*=col-]{
margin-bottom: 30px;
}
.c-mb-40 [class*=col-],
.row.c-mb-40>[class*=col-]{
margin-bottom: 40px;
}
.c-mb-50 [class*=col-],
.row.c-mb-50>[class*=col-]{
margin-bottom: 50px;
}
.c-mb-60 [class*=col-],
.row.c-mb-60>[class*=col-]{
margin-bottom: 60px;
}
.c-mb-80 [class*=col-],
.row.c-mb-80>[class*=col-]{
margin-bottom: 80px;
}
.c-my-0 [class*=col-],
.row.c-my-0>[class*=col-]{
margin-top: 0;
margin-bottom: 0;
}
.c-my-1 [class*=col-],
.row.c-my-1>[class*=col-]{
margin-top: 1px;
margin-bottom: 1px;
}
.c-my-2 [class*=col-],
.row.c-my-2>[class*=col-]{
margin-top: 2px;
margin-bottom: 2px;
}
.c-my-5 [class*=col-],
.row.c-my-5>[class*=col-]{
margin-top: 5px;
margin-bottom: 5px;
}
.c-my-10 [class*=col-],
.row.c-my-10>[class*=col-]{
margin-top: 10px;
margin-bottom: 10px;
}
.c-my-15 [class*=col-],
.row.c-my-15>[class*=col-]{
margin-top: 15px;
margin-bottom: 15px;
}
.c-my-20 [class*=col-],
.row.c-my-20>[class*=col-]{
margin-top: 20px;
margin-bottom: 20px;
}
.c-my-25 [class*=col-],
.row.c-my-25>[class*=col-]{
margin-top: 25px;
margin-bottom: 25px;
}
.c-my-30 [class*=col-],
.row.c-my-30>[class*=col-]{
margin-top: 30px;
margin-bottom: 30px;
}
.c-my-40 [class*=col-],
.row.c-my-40>[class*=col-]{
margin-top: 40px;
margin-bottom: 40px;
}
.c-my-50 [class*=col-],
.row.c-my-50>[class*=col-]{
margin-top: 50px;
margin-bottom: 50px;
}
.c-my-60 [class*=col-],
.row.c-my-60>[class*=col-]{
margin-top: 60px;
margin-bottom: 60px;
}
.c-my-80 [class*=col-],
.row.c-my-80>[class*=col-]{
margin-top: 80px;
margin-bottom: 80px;
}
@media (min-width: 576px) {
.c-mt-sm-0 [class*=col-],
.row.c-mt-sm-0>[class*=col-]{
margin-top: 0;
}
.c-mt-sm-1 [class*=col-],
.row.c-mt-sm-1>[class*=col-]{
margin-top: 1px;
}
.c-mt-sm-2 [class*=col-],
.row.c-mt-sm-2>[class*=col-]{
margin-top: 2px;
}
.c-mt-sm-5 [class*=col-],
.row.c-mt-sm-5>[class*=col-]{
margin-top: 5px;
}
.c-mt-sm-10 [class*=col-],
.row.c-mt-sm-10>[class*=col-]{
margin-top: 10px;
}
.c-mt-sm-15 [class*=col-],
.row.c-mt-sm-15>[class*=col-]{
margin-top: 15px;
}
.c-mt-sm-20 [class*=col-],
.row.c-mt-sm-20>[class*=col-]{
margin-top: 20px;
}
.c-mt-sm-25 [class*=col-],
.row.c-mt-sm-25>[class*=col-]{
margin-top: 25px;
}
.c-mt-sm-30 [class*=col-],
.row.c-mt-sm-30>[class*=col-]{
margin-top: 30px;
}
.c-mt-sm-40 [class*=col-],
.row.c-mt-sm-40>[class*=col-]{
margin-top: 40px;
}
.c-mt-sm-50 [class*=col-],
.row.c-mt-sm-50>[class*=col-]{
margin-top: 50px;
}
.c-mt-sm-60 [class*=col-],
.row.c-mt-sm-60>[class*=col-]{
margin-top: 60px;
}
.c-mt-sm-80 [class*=col-],
.row.c-mt-sm-80>[class*=col-]{
margin-top: 80px;
}
.c-mb-sm-0 [class*=col-],
.row.c-mb-sm-0>[class*=col-]{
margin-bottom: 0;
}
.c-mb-sm-1 [class*=col-],
.row.c-mb-sm-1>[class*=col-]{
margin-bottom: 1px;
}
.c-mb-sm-2 [class*=col-],
.row.c-mb-sm-2>[class*=col-]{
margin-bottom: 2px;
}
.c-mb-sm-5 [class*=col-],
.row.c-mb-sm-5>[class*=col-]{
margin-bottom: 5px;
}
.c-mb-sm-10 [class*=col-],
.row.c-mb-sm-10>[class*=col-]{
margin-bottom: 10px;
}
.c-mb-sm-15 [class*=col-],
.row.c-mb-sm-15>[class*=col-]{
margin-bottom: 15px;
}
.c-mb-sm-20 [class*=col-],
.row.c-mb-sm-20>[class*=col-]{
margin-bottom: 20px;
}
.c-mb-sm-25 [class*=col-],
.row.c-mb-sm-25>[class*=col-]{
margin-bottom: 25px;
}
.c-mb-sm-30 [class*=col-],
.row.c-mb-sm-30>[class*=col-]{
margin-bottom: 30px;
}
.c-mb-sm-40 [class*=col-],
.row.c-mb-sm-40>[class*=col-]{
margin-bottom: 40px;
}
.c-mb-sm-50 [class*=col-],
.row.c-mb-sm-50>[class*=col-]{
margin-bottom: 50px;
}
.c-mb-sm-60 [class*=col-],
.row.c-mb-sm-60>[class*=col-]{
margin-bottom: 60px;
}
.c-mb-sm-80 [class*=col-],
.row.c-mb-sm-80>[class*=col-]{
margin-bottom: 80px;
}
.c-my-sm-0 [class*=col-],
.row.c-my-sm-0>[class*=col-]{
margin-top: 0;
margin-bottom: 0;
}
.c-my-sm-1 [class*=col-],
.row.c-my-sm-1>[class*=col-]{
margin-top: 1px;
margin-bottom: 1px;
}
.c-my-sm-2 [class*=col-],
.row.c-my-sm-2>[class*=col-]{
margin-top: 2px;
margin-bottom: 2px;
}
.c-my-sm-5 [class*=col-],
.row.c-my-sm-5>[class*=col-]{
margin-top: 5px;
margin-bottom: 5px;
}
.c-my-sm-10 [class*=col-],
.row.c-my-sm-10>[class*=col-]{
margin-top: 10px;
margin-bottom: 10px;
}
.c-my-sm-15 [class*=col-],
.row.c-my-sm-15>[class*=col-]{
margin-top: 15px;
margin-bottom: 15px;
}
.c-my-sm-20 [class*=col-],
.row.c-my-sm-20>[class*=col-]{
margin-top: 20px;
margin-bottom: 20px;
}
.c-my-sm-25 [class*=col-],
.row.c-my-sm-25>[class*=col-]{
margin-top: 25px;
margin-bottom: 25px;
}
.c-my-sm-30 [class*=col-],
.row.c-my-sm-30>[class*=col-]{
margin-top: 30px;
margin-bottom: 30px;
}
.c-my-sm-40 [class*=col-],
.row.c-my-sm-40>[class*=col-]{
margin-top: 40px;
margin-bottom: 40px;
}
.c-my-sm-50 [class*=col-],
.row.c-my-sm-50>[class*=col-]{
margin-top: 50px;
margin-bottom: 50px;
}
.c-my-sm-60 [class*=col-],
.row.c-my-sm-60>[class*=col-]{
margin-top: 60px;
margin-bottom: 60px;
}
.c-my-sm-80 [class*=col-],
.row.c-my-sm-80>[class*=col-]{
margin-top: 80px;
margin-bottom: 80px;
}
}
@media (min-width: 768px) {
.c-mt-md-0 [class*=col-],
.row.c-mt-md-0>[class*=col-]{
margin-top: 0;
}
.c-mt-md-1 [class*=col-],
.row.c-mt-md-1>[class*=col-]{
margin-top: 1px;
}
.c-mt-md-2 [class*=col-],
.row.c-mt-md-2>[class*=col-]{
margin-top: 2px;
}
.c-mt-md-5 [class*=col-],
.row.c-mt-md-5>[class*=col-]{
margin-top: 5px;
}
.c-mt-md-10 [class*=col-],
.row.c-mt-md-10>[class*=col-]{
margin-top: 10px;
}
.c-mt-md-15 [class*=col-],
.row.c-mt-md-15>[class*=col-]{
margin-top: 15px;
}
.c-mt-md-20 [class*=col-],
.row.c-mt-md-20>[class*=col-]{
margin-top: 20px;
}
.c-mt-md-25 [class*=col-],
.row.c-mt-md-25>[class*=col-]{
margin-top: 25px;
}
.c-mt-md-30 [class*=col-],
.row.c-mt-md-30>[class*=col-]{
margin-top: 30px;
}
.c-mt-md-40 [class*=col-],
.row.c-mt-md-40>[class*=col-]{
margin-top: 40px;
}
.c-mt-md-50 [class*=col-],
.row.c-mt-md-50>[class*=col-]{
margin-top: 50px;
}
.c-mt-md-60 [class*=col-],
.row.c-mt-md-60>[class*=col-]{
margin-top: 60px;
}
.c-mt-md-80 [class*=col-],
.row.c-mt-md-80>[class*=col-]{
margin-top: 80px;
}
.c-mb-md-0 [class*=col-],
.row.c-mb-md-0>[class*=col-]{
margin-bottom: 0;
}
.c-mb-md-1 [class*=col-],
.row.c-mb-md-1>[class*=col-]{
margin-bottom: 1px;
}
.c-mb-md-2 [class*=col-],
.row.c-mb-md-2>[class*=col-]{
margin-bottom: 2px;
}
.c-mb-md-5 [class*=col-],
.row.c-mb-md-5>[class*=col-]{
margin-bottom: 5px;
}
.c-mb-md-10 [class*=col-],
.row.c-mb-md-10>[class*=col-]{
margin-bottom: 10px;
}
.c-mb-md-15 [class*=col-],
.row.c-mb-md-15>[class*=col-]{
margin-bottom: 15px;
}
.c-mb-md-20 [class*=col-],
.row.c-mb-md-20>[class*=col-]{
margin-bottom: 20px;
}
.c-mb-md-25 [class*=col-],
.row.c-mb-md-25>[class*=col-]{
margin-bottom: 25px;
}
.c-mb-md-30 [class*=col-],
.row.c-mb-md-30>[class*=col-]{
margin-bottom: 30px;
}
.c-mb-md-40 [class*=col-],
.row.c-mb-md-40>[class*=col-]{
margin-bottom: 40px;
}
.c-mb-md-50 [class*=col-],
.row.c-mb-md-50>[class*=col-]{
margin-bottom: 50px;
}
.c-mb-md-60 [class*=col-],
.row.c-mb-md-60>[class*=col-]{
margin-bottom: 60px;
}
.c-mb-md-80 [class*=col-],
.row.c-mb-md-80>[class*=col-]{
margin-bottom: 80px;
}
.c-my-md-0 [class*=col-],
.row.c-my-md-0>[class*=col-]{
margin-top: 0;
margin-bottom: 0;
}
.c-my-md-1 [class*=col-],
.row.c-my-md-1>[class*=col-]{
margin-top: 1px;
margin-bottom: 1px;
}
.c-my-md-2 [class*=col-],
.row.c-my-md-2>[class*=col-]{
margin-top: 2px;
margin-bottom: 2px;
}
.c-my-md-5 [class*=col-],
.row.c-my-md-5>[class*=col-]{
margin-top: 5px;
margin-bottom: 5px;
}
.c-my-md-10 [class*=col-],
.row.c-my-md-10>[class*=col-]{
margin-top: 10px;
margin-bottom: 10px;
}
.c-my-md-15 [class*=col-],
.row.c-my-md-15>[class*=col-]{
margin-top: 15px;
margin-bottom: 15px;
}
.c-my-md-20 [class*=col-],
.row.c-my-md-20>[class*=col-]{
margin-top: 20px;
margin-bottom: 20px;
}
.c-my-md-25 [class*=col-],
.row.c-my-md-25>[class*=col-]{
margin-top: 25px;
margin-bottom: 25px;
}
.c-my-md-30 [class*=col-],
.row.c-my-md-30>[class*=col-]{
margin-top: 30px;
margin-bottom: 30px;
}
.c-my-md-40 [class*=col-],
.row.c-my-md-40>[class*=col-]{
margin-top: 40px;
margin-bottom: 40px;
}
.c-my-md-50 [class*=col-],
.row.c-my-md-50>[class*=col-]{
margin-top: 50px;
margin-bottom: 50px;
}
.c-my-md-60 [class*=col-],
.row.c-my-md-60>[class*=col-]{
margin-top: 60px;
margin-bottom: 60px;
}
.c-my-md-80 [class*=col-],
.row.c-my-md-80>[class*=col-]{
margin-top: 80px;
margin-bottom: 80px;
}
}
@media (min-width: 992px) {
.c-mt-lg-0 [class*=col-],
.row.c-mt-lg-0>[class*=col-]{
margin-top: 0;
}
.c-mt-lg-1 [class*=col-],
.row.c-mt-lg-1>[class*=col-]{
margin-top: 1px;
}
.c-mt-lg-2 [class*=col-],
.row.c-mt-lg-2>[class*=col-]{
margin-top: 2px;
}
.c-mt-lg-5 [class*=col-],
.row.c-mt-lg-5>[class*=col-]{
margin-top: 5px;
}
.c-mt-lg-10 [class*=col-],
.row.c-mt-lg-10>[class*=col-]{
margin-top: 10px;
}
.c-mt-lg-15 [class*=col-],
.row.c-mt-lg-15>[class*=col-]{
margin-top: 15px;
}
.c-mt-lg-20 [class*=col-],
.row.c-mt-lg-20>[class*=col-]{
margin-top: 20px;
}
.c-mt-lg-25 [class*=col-],
.row.c-mt-lg-25>[class*=col-]{
margin-top: 25px;
}
.c-mt-lg-30 [class*=col-],
.row.c-mt-lg-30>[class*=col-]{
margin-top: 30px;
}
.c-mt-lg-40 [class*=col-],
.row.c-mt-lg-40>[class*=col-]{
margin-top: 40px;
}
.c-mt-lg-50 [class*=col-],
.row.c-mt-lg-50>[class*=col-]{
margin-top: 50px;
}
.c-mt-lg-60 [class*=col-],
.row.c-mt-lg-60>[class*=col-]{
margin-top: 60px;
}
.c-mt-lg-80 [class*=col-],
.row.c-mt-lg-80>[class*=col-]{
margin-top: 80px;
}
.c-mb-lg-0 [class*=col-],
.row.c-mb-lg-0>[class*=col-]{
margin-bottom: 0;
}
.c-mb-lg-1 [class*=col-],
.row.c-mb-lg-1>[class*=col-]{
margin-bottom: 1px;
}
.c-mb-lg-2 [class*=col-],
.row.c-mb-lg-2>[class*=col-]{
margin-bottom: 2px;
}
.c-mb-lg-5 [class*=col-],
.row.c-mb-lg-5>[class*=col-]{
margin-bottom: 5px;
}
.c-mb-lg-10 [class*=col-],
.row.c-mb-lg-10>[class*=col-]{
margin-bottom: 10px;
}
.c-mb-lg-15 [class*=col-],
.row.c-mb-lg-15>[class*=col-]{
margin-bottom: 15px;
}
.c-mb-lg-20 [class*=col-],
.row.c-mb-lg-20>[class*=col-]{
margin-bottom: 20px;
}
.c-mb-lg-25 [class*=col-],
.row.c-mb-lg-25>[class*=col-]{
margin-bottom: 25px;
}
.c-mb-lg-30 [class*=col-],
.row.c-mb-lg-30>[class*=col-]{
margin-bottom: 30px;
}
.c-mb-lg-40 [class*=col-],
.row.c-mb-lg-40>[class*=col-]{
margin-bottom: 40px;
}
.c-mb-lg-50 [class*=col-],
.row.c-mb-lg-50>[class*=col-]{
margin-bottom: 50px;
}
.c-mb-lg-60 [class*=col-],
.row.c-mb-lg-60>[class*=col-]{
margin-bottom: 60px;
}
.c-mb-lg-80 [class*=col-],
.row.c-mb-lg-80>[class*=col-]{
margin-bottom: 80px;
}
.c-my-lg-0 [class*=col-],
.row.c-my-lg-0>[class*=col-]{
margin-top: 0;
margin-bottom: 0;
}
.c-my-lg-1 [class*=col-],
.row.c-my-lg-1>[class*=col-]{
margin-top: 1px;
margin-bottom: 1px;
}
.c-my-lg-2 [class*=col-],
.row.c-my-lg-2>[class*=col-]{
margin-top: 2px;
margin-bottom: 2px;
}
.c-my-lg-5 [class*=col-],
.row.c-my-lg-5>[class*=col-]{
margin-top: 5px;
margin-bottom: 5px;
}
.c-my-lg-10 [class*=col-],
.row.c-my-lg-10>[class*=col-]{
margin-top: 10px;
margin-bottom: 10px;
}
.c-my-lg-15 [class*=col-],
.row.c-my-lg-15>[class*=col-]{
margin-top: 15px;
margin-bottom: 15px;
}
.c-my-lg-20 [class*=col-],
.row.c-my-lg-20>[class*=col-]{
margin-top: 20px;
margin-bottom: 20px;
}
.c-my-lg-25 [class*=col-],
.row.c-my-lg-25>[class*=col-]{
margin-top: 25px;
margin-bottom: 25px;
}
.c-my-lg-30 [class*=col-],
.row.c-my-lg-30>[class*=col-]{
margin-top: 30px;
margin-bottom: 30px;
}
.c-my-lg-40 [class*=col-],
.row.c-my-lg-40>[class*=col-]{
margin-top: 40px;
margin-bottom: 40px;
}
.c-my-lg-50 [class*=col-],
.row.c-my-lg-50>[class*=col-]{
margin-top: 50px;
margin-bottom: 50px;
}
.c-my-lg-60 [class*=col-],
.row.c-my-lg-60>[class*=col-]{
margin-top: 60px;
margin-bottom: 60px;
}
.c-my-lg-80 [class*=col-],
.row.c-my-lg-80>[class*=col-]{
margin-top: 80px;
margin-bottom: 80px;
}
}
@media (min-width: 1200px) {
.c-mt-xl-0 [class*=col-],
.row.c-mt-xl-0>[class*=col-]{
margin-top: 0;
}
.c-mt-xl-1 [class*=col-],
.row.c-mt-xl-1>[class*=col-]{
margin-top: 1px;
}
.c-mt-xl-2 [class*=col-],
.row.c-mt-xl-2>[class*=col-]{
margin-top: 2px;
}
.c-mt-xl-5 [class*=col-],
.row.c-mt-xl-5>[class*=col-]{
margin-top: 5px;
}
.c-mt-xl-10 [class*=col-],
.row.c-mt-xl-10>[class*=col-]{
margin-top: 10px;
}
.c-mt-xl-15 [class*=col-],
.row.c-mt-xl-15>[class*=col-]{
margin-top: 15px;
}
.c-mt-xl-20 [class*=col-],
.row.c-mt-xl-20>[class*=col-]{
margin-top: 20px;
}
.c-mt-xl-25 [class*=col-],
.row.c-mt-xl-25>[class*=col-]{
margin-top: 25px;
}
.c-mt-xl-30 [class*=col-],
.row.c-mt-xl-30>[class*=col-]{
margin-top: 30px;
}
.c-mt-xl-40 [class*=col-],
.row.c-mt-xl-40>[class*=col-]{
margin-top: 40px;
}
.c-mt-xl-50 [class*=col-],
.row.c-mt-xl-50>[class*=col-]{
margin-top: 50px;
}
.c-mt-xl-60 [class*=col-],
.row.c-mt-xl-60>[class*=col-]{
margin-top: 60px;
}
.c-mt-xl-80 [class*=col-],
.row.c-mt-xl-80>[class*=col-]{
margin-top: 80px;
}
.c-mb-xl-0 [class*=col-],
.row.c-mb-xl-0>[class*=col-]{
margin-bottom: 0;
}
.c-mb-xl-1 [class*=col-],
.row.c-mb-xl-1>[class*=col-]{
margin-bottom: 1px;
}
.c-mb-xl-2 [class*=col-],
.row.c-mb-xl-2>[class*=col-]{
margin-bottom: 2px;
}
.c-mb-xl-5 [class*=col-],
.row.c-mb-xl-5>[class*=col-]{
margin-bottom: 5px;
}
.c-mb-xl-10 [class*=col-],
.row.c-mb-xl-10>[class*=col-]{
margin-bottom: 10px;
}
.c-mb-xl-15 [class*=col-],
.row.c-mb-xl-15>[class*=col-]{
margin-bottom: 15px;
}
.c-mb-xl-20 [class*=col-],
.row.c-mb-xl-20>[class*=col-]{
margin-bottom: 20px;
}
.c-mb-xl-25 [class*=col-],
.row.c-mb-xl-25>[class*=col-]{
margin-bottom: 25px;
}
.c-mb-xl-30 [class*=col-],
.row.c-mb-xl-30>[class*=col-]{
margin-bottom: 30px;
}
.c-mb-xl-40 [class*=col-],
.row.c-mb-xl-40>[class*=col-]{
margin-bottom: 40px;
}
.c-mb-xl-50 [class*=col-],
.row.c-mb-xl-50>[class*=col-]{
margin-bottom: 50px;
}
.c-mb-xl-60 [class*=col-],
.row.c-mb-xl-60>[class*=col-]{
margin-bottom: 60px;
}
.c-mb-xl-80 [class*=col-],
.row.c-mb-xl-80>[class*=col-]{
margin-bottom: 80px;
}
.c-my-xl-0 [class*=col-],
.row.c-my-xl-0>[class*=col-]{
margin-top: 0;
margin-bottom: 0;
}
.c-my-xl-1 [class*=col-],
.row.c-my-xl-1>[class*=col-]{
margin-top: 1px;
margin-bottom: 1px;
}
.c-my-xl-2 [class*=col-],
.row.c-my-xl-2>[class*=col-]{
margin-top: 2px;
margin-bottom: 2px;
}
.c-my-xl-5 [class*=col-],
.row.c-my-xl-5>[class*=col-]{
margin-top: 5px;
margin-bottom: 5px;
}
.c-my-xl-10 [class*=col-],
.row.c-my-xl-10>[class*=col-]{
margin-top: 10px;
margin-bottom: 10px;
}
.c-my-xl-15 [class*=col-],
.row.c-my-xl-15>[class*=col-]{
margin-top: 15px;
margin-bottom: 15px;
}
.c-my-xl-20 [class*=col-],
.row.c-my-xl-20>[class*=col-]{
margin-top: 20px;
margin-bottom: 20px;
}
.c-my-xl-25 [class*=col-],
.row.c-my-xl-25>[class*=col-]{
margin-top: 25px;
margin-bottom: 25px;
}
.c-my-xl-30 [class*=col-],
.row.c-my-xl-30>[class*=col-]{
margin-top: 30px;
margin-bottom: 30px;
}
.c-my-xl-40 [class*=col-],
.row.c-my-xl-40>[class*=col-]{
margin-top: 40px;
margin-bottom: 40px;
}
.c-my-xl-50 [class*=col-],
.row.c-my-xl-50>[class*=col-]{
margin-top: 50px;
margin-bottom: 50px;
}
.c-my-xl-60 [class*=col-],
.row.c-my-xl-60>[class*=col-]{
margin-top: 60px;
margin-bottom: 60px;
}
.c-my-xl-80 [class*=col-],
.row.c-my-xl-80>[class*=col-]{
margin-top: 80px;
margin-bottom: 80px;
}
}
@media (min-width: 1600px) {
.c-mt-xxl-0 [class*=col-],
.row.c-mt-xxl-0>[class*=col-]{
margin-top: 0;
}
.c-mt-xxl-1 [class*=col-],
.row.c-mt-xxl-1>[class*=col-]{
margin-top: 1px;
}
.c-mt-xxl-2 [class*=col-],
.row.c-mt-xxl-2>[class*=col-]{
margin-top: 2px;
}
.c-mt-xxl-5 [class*=col-],
.row.c-mt-xxl-5>[class*=col-]{
margin-top: 5px;
}
.c-mt-xxl-10 [class*=col-],
.row.c-mt-xxl-10>[class*=col-]{
margin-top: 10px;
}
.c-mt-xxl-15 [class*=col-],
.row.c-mt-xxl-15>[class*=col-]{
margin-top: 15px;
}
.c-mt-xxl-20 [class*=col-],
.row.c-mt-xxl-20>[class*=col-]{
margin-top: 20px;
}
.c-mt-xxl-25 [class*=col-],
.row.c-mt-xxl-25>[class*=col-]{
margin-top: 25px;
}
.c-mt-xxl-30 [class*=col-],
.row.c-mt-xxl-30>[class*=col-]{
margin-top: 30px;
}
.c-mt-xxl-40 [class*=col-],
.row.c-mt-xxl-40>[class*=col-]{
margin-top: 40px;
}
.c-mt-xxl-50 [class*=col-],
.row.c-mt-xxl-50>[class*=col-]{
margin-top: 50px;
}
.c-mt-xxl-60 [class*=col-],
.row.c-mt-xxl-60>[class*=col-]{
margin-top: 60px;
}
.c-mt-xxl-80 [class*=col-],
.row.c-mt-xxl-80>[class*=col-]{
margin-top: 80px;
}
.c-mb-xxl-0 [class*=col-],
.row.c-mb-xxl-0>[class*=col-]{
margin-bottom: 0;
}
.c-mb-xxl-1 [class*=col-],
.row.c-mb-xxl-1>[class*=col-]{
margin-bottom: 1px;
}
.c-mb-xxl-2 [class*=col-],
.row.c-mb-xxl-2>[class*=col-]{
margin-bottom: 2px;
}
.c-mb-xxl-5 [class*=col-],
.row.c-mb-xxl-5>[class*=col-]{
margin-bottom: 5px;
}
.c-mb-xxl-10 [class*=col-],
.row.c-mb-xxl-10>[class*=col-]{
margin-bottom: 10px;
}
.c-mb-xxl-15 [class*=col-],
.row.c-mb-xxl-15>[class*=col-]{
margin-bottom: 15px;
}
.c-mb-xxl-20 [class*=col-],
.row.c-mb-xxl-20>[class*=col-]{
margin-bottom: 20px;
}
.c-mb-xxl-25 [class*=col-],
.row.c-mb-xxl-25>[class*=col-]{
margin-bottom: 25px;
}
.c-mb-xxl-30 [class*=col-],
.row.c-mb-xxl-30>[class*=col-]{
margin-bottom: 30px;
}
.c-mb-xxl-40 [class*=col-],
.row.c-mb-xxl-40>[class*=col-]{
margin-bottom: 40px;
}
.c-mb-xxl-50 [class*=col-],
.row.c-mb-xxl-50>[class*=col-]{
margin-bottom: 50px;
}
.c-mb-xxl-60 [class*=col-],
.row.c-mb-xxl-60>[class*=col-]{
margin-bottom: 60px;
}
.c-mb-xxl-80 [class*=col-],
.row.c-mb-xxl-80>[class*=col-]{
margin-bottom: 80px;
}
.c-my-xxl-0 [class*=col-],
.row.c-my-xxl-0>[class*=col-]{
margin-top: 0;
margin-bottom: 0;
}
.c-my-xxl-1 [class*=col-],
.row.c-my-xxl-1>[class*=col-]{
margin-top: 1px;
margin-bottom: 1px;
}
.c-my-xxl-2 [class*=col-],
.row.c-my-xxl-2>[class*=col-]{
margin-top: 2px;
margin-bottom: 2px;
}
.c-my-xxl-5 [class*=col-],
.row.c-my-xxl-5>[class*=col-]{
margin-top: 5px;
margin-bottom: 5px;
}
.c-my-xxl-10 [class*=col-],
.row.c-my-xxl-10>[class*=col-]{
margin-top: 10px;
margin-bottom: 10px;
}
.c-my-xxl-15 [class*=col-],
.row.c-my-xxl-15>[class*=col-]{
margin-top: 15px;
margin-bottom: 15px;
}
.c-my-xxl-20 [class*=col-],
.row.c-my-xxl-20>[class*=col-]{
margin-top: 20px;
margin-bottom: 20px;
}
.c-my-xxl-25 [class*=col-],
.row.c-my-xxl-25>[class*=col-]{
margin-top: 25px;
margin-bottom: 25px;
}
.c-my-xxl-30 [class*=col-],
.row.c-my-xxl-30>[class*=col-]{
margin-top: 30px;
margin-bottom: 30px;
}
.c-my-xxl-40 [class*=col-],
.row.c-my-xxl-40>[class*=col-]{
margin-top: 40px;
margin-bottom: 40px;
}
.c-my-xxl-50 [class*=col-],
.row.c-my-xxl-50>[class*=col-]{
margin-top: 50px;
margin-bottom: 50px;
}
.c-my-xxl-60 [class*=col-],
.row.c-my-xxl-60>[class*=col-]{
margin-top: 60px;
margin-bottom: 60px;
}
.c-my-xxl-80 [class*=col-],
.row.c-my-xxl-80>[class*=col-]{
margin-top: 80px;
margin-bottom: 80px;
}
}
form[class*=c-mb-] .row:last-child [class^=col-],
[class*=c-mb-] form .row:last-child [class^=col-]{
margin-bottom: 0 !important;
}
@media screen and (min-width: 1200px) {
.s-top-overlap{
margin-top: -140px;
}
.s-top-overlap-big{
margin-top: -180px;
}
.s-top-overlap-small{
margin-top: -100px;
}
}
.s-full-height{
min-height: 100vh;
}
[class*=divider-]{
width: 100%;
clear: both;
}
[class*=divider-]:last-child{
order: 10000;
}
.divider-0{
margin-top: 0;
}
.divider-5{
margin-top: 5px;
}
.divider-10{
margin-top: 10px;
}
.divider-15{
margin-top: 15px;
}
.divider-20{
margin-top: 20px;
}
.divider-25{
margin-top: 25px;
}
.divider-30{
margin-top: 30px;
}
.divider-35{
margin-top: 35px;
}
.divider-40{
margin-top: 40px;
}
.divider-45{
margin-top: 45px;
}
.divider-50{
margin-top: 50px;
}
.divider-55{
margin-top: 55px;
}
.divider-60{
margin-top: 60px;
}
.divider-65{
margin-top: 65px;
}
.divider-70{
margin-top: 70px;
}
.divider-75{
margin-top: 75px;
}
.divider-80{
margin-top: 80px;
}
.divider-90{
margin-top: 90px;
}
.divider-95{
margin-top: 95px;
}
.divider-100{
margin-top: 100px;
}
.divider-110{
margin-top: 110px;
}
.divider-120{
margin-top: 120px;
}
.divider-130{
margin-top: 130px;
}
.divider-140{
margin-top: 140px;
}
.divider-150{
margin-top: 150px;
}
.divider-160{
margin-top: 160px;
}
.divider-170{
margin-top: 170px;
}
.divider-180{
margin-top: 180px;
}
.divider-190{
margin-top: 190px;
}
.divider-200{
margin-top: 200px;
}
.divider-210{
margin-top: 210px;
}
.divider-220{
margin-top: 220px;
}
.divider-230{
margin-top: 230px;
}
.divider-240{
margin-top: 240px;
}
@media (min-width: 576px) {
.divider-sm-0{
margin-top: 0;
}
.divider-sm-5{
margin-top: 5px;
}
.divider-sm-10{
margin-top: 10px;
}
.divider-sm-15{
margin-top: 15px;
}
.divider-sm-20{
margin-top: 20px;
}
.divider-sm-25{
margin-top: 25px;
}
.divider-sm-30{
margin-top: 30px;
}
.divider-sm-35{
margin-top: 35px;
}
.divider-sm-40{
margin-top: 40px;
}
.divider-sm-45{
margin-top: 45px;
}
.divider-sm-50{
margin-top: 50px;
}
.divider-sm-55{
margin-top: 55px;
}
.divider-sm-60{
margin-top: 60px;
}
.divider-sm-65{
margin-top: 65px;
}
.divider-sm-70{
margin-top: 70px;
}
.divider-sm-75{
margin-top: 75px;
}
.divider-sm-80{
margin-top: 80px;
}
.divider-sm-90{
margin-top: 90px;
}
.divider-sm-95{
margin-top: 95px;
}
.divider-sm-100{
margin-top: 100px;
}
.divider-sm-110{
margin-top: 110px;
}
.divider-sm-120{
margin-top: 120px;
}
.divider-sm-130{
margin-top: 130px;
}
.divider-sm-140{
margin-top: 140px;
}
.divider-sm-150{
margin-top: 150px;
}
.divider-sm-160{
margin-top: 160px;
}
.divider-sm-170{
margin-top: 170px;
}
.divider-sm-180{
margin-top: 180px;
}
.divider-sm-190{
margin-top: 190px;
}
.divider-sm-200{
margin-top: 200px;
}
.divider-sm-210{
margin-top: 210px;
}
.divider-sm-220{
margin-top: 220px;
}
.divider-sm-230{
margin-top: 230px;
}
.divider-sm-240{
margin-top: 240px;
}
}
@media (min-width: 768px) {
.divider-md-0{
margin-top: 0;
}
.divider-md-5{
margin-top: 5px;
}
.divider-md-10{
margin-top: 10px;
}
.divider-md-15{
margin-top: 15px;
}
.divider-md-20{
margin-top: 20px;
}
.divider-md-25{
margin-top: 25px;
}
.divider-md-30{
margin-top: 30px;
}
.divider-md-35{
margin-top: 35px;
}
.divider-md-40{
margin-top: 40px;
}
.divider-md-45{
margin-top: 45px;
}
.divider-md-50{
margin-top: 50px;
}
.divider-md-55{
margin-top: 55px;
}
.divider-md-60{
margin-top: 60px;
}
.divider-md-65{
margin-top: 65px;
}
.divider-md-70{
margin-top: 70px;
}
.divider-md-75{
margin-top: 75px;
}
.divider-md-80{
margin-top: 80px;
}
.divider-md-90{
margin-top: 90px;
}
.divider-md-95{
margin-top: 95px;
}
.divider-md-100{
margin-top: 100px;
}
.divider-md-110{
margin-top: 110px;
}
.divider-md-120{
margin-top: 120px;
}
.divider-md-130{
margin-top: 130px;
}
.divider-md-140{
margin-top: 140px;
}
.divider-md-150{
margin-top: 150px;
}
.divider-md-160{
margin-top: 160px;
}
.divider-md-170{
margin-top: 170px;
}
.divider-md-180{
margin-top: 180px;
}
.divider-md-190{
margin-top: 190px;
}
.divider-md-200{
margin-top: 200px;
}
.divider-md-210{
margin-top: 210px;
}
.divider-md-220{
margin-top: 220px;
}
.divider-md-230{
margin-top: 230px;
}
.divider-md-240{
margin-top: 240px;
}
}
@media (min-width: 992px) {
.divider-lg-0{
margin-top: 0;
}
.divider-lg-5{
margin-top: 5px;
}
.divider-lg-10{
margin-top: 10px;
}
.divider-lg-15{
margin-top: 15px;
}
.divider-lg-20{
margin-top: 20px;
}
.divider-lg-25{
margin-top: 25px;
}
.divider-lg-30{
margin-top: 30px;
}
.divider-lg-35{
margin-top: 35px;
}
.divider-lg-40{
margin-top: 40px;
}
.divider-lg-45{
margin-top: 45px;
}
.divider-lg-50{
margin-top: 50px;
}
.divider-lg-55{
margin-top: 55px;
}
.divider-lg-60{
margin-top: 60px;
}
.divider-lg-65{
margin-top: 65px;
}
.divider-lg-70{
margin-top: 70px;
}
.divider-lg-75{
margin-top: 75px;
}
.divider-lg-80{
margin-top: 80px;
}
.divider-lg-90{
margin-top: 90px;
}
.divider-lg-95{
margin-top: 95px;
}
.divider-lg-100{
margin-top: 100px;
}
.divider-lg-110{
margin-top: 110px;
}
.divider-lg-120{
margin-top: 120px;
}
.divider-lg-130{
margin-top: 130px;
}
.divider-lg-140{
margin-top: 140px;
}
.divider-lg-150{
margin-top: 150px;
}
.divider-lg-160{
margin-top: 160px;
}
.divider-lg-170{
margin-top: 170px;
}
.divider-lg-180{
margin-top: 180px;
}
.divider-lg-190{
margin-top: 190px;
}
.divider-lg-200{
margin-top: 200px;
}
.divider-lg-210{
margin-top: 210px;
}
.divider-lg-220{
margin-top: 220px;
}
.divider-lg-230{
margin-top: 230px;
}
.divider-lg-240{
margin-top: 240px;
}
}
@media (min-width: 1200px) {
.divider-xl-0{
margin-top: 0;
}
.divider-xl-5{
margin-top: 5px;
}
.divider-xl-10{
margin-top: 10px;
}
.divider-xl-15{
margin-top: 15px;
}
.divider-xl-20{
margin-top: 20px;
}
.divider-xl-25{
margin-top: 25px;
}
.divider-xl-30{
margin-top: 30px;
}
.divider-xl-35{
margin-top: 35px;
}
.divider-xl-40{
margin-top: 40px;
}
.divider-xl-45{
margin-top: 45px;
}
.divider-xl-50{
margin-top: 50px;
}
.divider-xl-55{
margin-top: 55px;
}
.divider-xl-60{
margin-top: 60px;
}
.divider-xl-65{
margin-top: 65px;
}
.divider-xl-70{
margin-top: 70px;
}
.divider-xl-75{
margin-top: 75px;
}
.divider-xl-80{
margin-top: 80px;
}
.divider-xl-90{
margin-top: 90px;
}
.divider-xl-95{
margin-top: 95px;
}
.divider-xl-100{
margin-top: 100px;
}
.divider-xl-110{
margin-top: 110px;
}
.divider-xl-120{
margin-top: 120px;
}
.divider-xl-130{
margin-top: 130px;
}
.divider-xl-140{
margin-top: 140px;
}
.divider-xl-150{
margin-top: 150px;
}
.divider-xl-160{
margin-top: 160px;
}
.divider-xl-170{
margin-top: 170px;
}
.divider-xl-180{
margin-top: 180px;
}
.divider-xl-190{
margin-top: 190px;
}
.divider-xl-200{
margin-top: 200px;
}
.divider-xl-210{
margin-top: 210px;
}
.divider-xl-220{
margin-top: 220px;
}
.divider-xl-230{
margin-top: 230px;
}
.divider-xl-240{
margin-top: 240px;
}
}
@media (min-width: 1600px) {
.divider-xxl-0{
margin-top: 0;
}
.divider-xxl-5{
margin-top: 5px;
}
.divider-xxl-10{
margin-top: 10px;
}
.divider-xxl-15{
margin-top: 15px;
}
.divider-xxl-20{
margin-top: 20px;
}
.divider-xxl-25{
margin-top: 25px;
}
.divider-xxl-30{
margin-top: 30px;
}
.divider-xxl-35{
margin-top: 35px;
}
.divider-xxl-40{
margin-top: 40px;
}
.divider-xxl-45{
margin-top: 45px;
}
.divider-xxl-50{
margin-top: 50px;
}
.divider-xxl-55{
margin-top: 55px;
}
.divider-xxl-60{
margin-top: 60px;
}
.divider-xxl-65{
margin-top: 65px;
}
.divider-xxl-70{
margin-top: 70px;
}
.divider-xxl-75{
margin-top: 75px;
}
.divider-xxl-80{
margin-top: 80px;
}
.divider-xxl-90{
margin-top: 90px;
}
.divider-xxl-95{
margin-top: 95px;
}
.divider-xxl-100{
margin-top: 100px;
}
.divider-xxl-110{
margin-top: 110px;
}
.divider-xxl-120{
margin-top: 120px;
}
.divider-xxl-130{
margin-top: 130px;
}
.divider-xxl-140{
margin-top: 140px;
}
.divider-xxl-150{
margin-top: 150px;
}
.divider-xxl-160{
margin-top: 160px;
}
.divider-xxl-170{
margin-top: 170px;
}
.divider-xxl-180{
margin-top: 180px;
}
.divider-xxl-190{
margin-top: 190px;
}
.divider-xxl-200{
margin-top: 200px;
}
.divider-xxl-210{
margin-top: 210px;
}
.divider-xxl-220{
margin-top: 220px;
}
.divider-xxl-230{
margin-top: 230px;
}
.divider-xxl-240{
margin-top: 240px;
}
}
section{
position: relative;
}
img{
max-width: 100%;
}
.s-parallax,
.cover-image,
.cover-background,
.texture-background{
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
}
.cover-image{
width: 100%;
height: 100%;
}
.texture-background{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/background-texture-cover.jpg);
}
@media (min-width: 992px) {
.cover-image{
display: block;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
background-position: 50% 50%;
z-index: 2;
}
section > .cover-image{
position: absolute !important;
}
.cover-image.s-cover-right{
width: 50%;
left: auto;
}
.cover-image.s-cover-left{
width: 50%;
}
.cover-image > img{
visibility: hidden;
}
.cover-image > a{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.cover-image+[class*=container] [class*=col-]>img,
.cover-image+[class*=container] [class*=col-]>a:after,
.cover-image+[class*=container] [class*=col-]>a>img{
visibility: hidden;
}
}
.cover-image > img{
width: 100%;
}
.fixed-background,
.s-parallax{
background-attachment: fixed;
background-position: 50% 0;
}
@media (max-width: 767px) {
.s-parallax{
background-size: auto auto;
}
}
.s-overlay:before{
opacity: .8;
}
.s-overlay.s-overlay-opacity:before{
opacity: .4 !important;
}
.s-overlay.ls:before{
background-color: #fff;
opacity: .93;
}
.product-demo .s-overlay.ls:before{
opacity: .8;
}
.s-overlay.ls.ms:before{
background-color: var(--colorGrey);
opacity: .81;
}
.s-overlay.cs:before{
background-color: var(--colorMain);
opacity: .82;
}
.s-overlay.cs.cs2:before{
background-color: var(--colorMain2);
}
.s-overlay.cs.cs3:before{
background-color: var(--colorMain3);
}
.s-overlay.ds:before{
background-color: var(--colorDarkGrey);
opacity: .9;
}
.product-demo .s-overlay.ds:before{
opacity: .7;
}
.s-overlay.ds.ms:before{
opacity: .9;
}
.s-muted:before{
background-color: rgba(var(--colorDarkGreyRGB), 0.1);
opacity: 1;
}
.pattern-background{
overflow: hidden;
}
.s-parallax > *,
.s-overlay > *,
.s-muted > *,
.s-overlay-diagonal-double > *,
.pattern-background > *,
.gradientradial-background > *,
.gradient-background > *,
.special-gradient > *,
.gradientvertical-background > *,
.gradientdarken-background > *{
z-index: 4;
position: relative;
}
.s-parallax:before,
.s-overlay:before,
.s-muted:before,
.s-overlay-diagonal-double:before,
.s-overlay-diagonal-double:after,
.pattern-background:before,
.gradient-background:before,
.special-gradient:before,
.gradientvertical-background:before,
.gradientdarken-background:before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.s-muted:before,
.s-parallax:before{
opacity: .8;
}
.s-overlay-diagonal{
overflow: hidden;
padding: 10px 0;
background-clip: content-box;
}
.s-overlay-diagonal:before{
width: 40%;
height: 3000px;
margin-left: 30%;
top: 50%;
left: 0;
right: auto;
bottom: auto;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
@media (max-width: 1200px) {
.s-overlay-diagonal:before{
width: 70%;
margin-left: 15%;
}
}
.s-overlay-diagonal-double{
overflow: hidden;
padding: 10px 0;
}
.s-overlay-diagonal-double:before{
background: linear-gradient(45deg, var(--colorMain) 30%, transparent 30%);
opacity: .6;
}
.s-overlay-diagonal-double:after{
background: linear-gradient(45deg, transparent 70%, var(--colorMain) 70%);
opacity: .6;
}
.gradient-background:before{
background: var(--colorMain);
background: linear-gradient(to right, rgba(var(--colorMainRGB), 1) 0%, rgba(var(--colorMain3RGB), 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$colorMain", endColorstr="$colorMain3", GradientType=1);
}
.special-gradient:before{
background: var(--colorMain4);
background: linear-gradient(to right, rgba(var(--colorMain4RGB), 1) 0%, rgba(var(--colorMainRGB), 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$colorMain4", endColorstr="$colorMain", GradientType=1);
}
.gradientvertical-background:before{
background: var(--colorMain);
background: linear-gradient(to top, rgba(var(--colorMainRGB), 1) 0%, rgba(var(--colorMain3RGB), 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$colorMain", endColorstr="$colorMain2", GradientType=0);
}
.gradientdarken-background:before{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#00000000", GradientType=0);
}
.gradientradial-background:before{
content: "";
display: block;
position: absolute;
width: 1400px;
height: 1400px;
top: 50%;
left: 50%;
margin-top: -700px;
margin-left: -700px;
z-index: 2;
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33ffffff", endColorstr="#00ffffff", GradientType=1);
}
.s-overlay.gradientradial-background:before{
width: 100vw;
height: 100vw;
margin-top: -50vw;
margin-left: -50vw;
}
.s-bordertop,
.s-borderbottom,
.s-bordertop-container .container,
.s-borderbottom-container .container{
position: relative;
}
.s-bordertop:before,
.s-borderbottom:after,
.s-bordertop-container .container:before,
.s-borderbottom-container .container:after{
content: "";
display: block;
position: absolute;
height: 1px;
left: 0;
right: 0;
top: 0;
background-color: #e1e1e1;
z-index: 1;
}
.s-borderheight-2:before,
.s-borderheight-2:after,
.s-borderheight-2 .container:before,
.s-borderheight-2 .container:after{
height: 2px;
}
.s-borderheight-3:before,
.s-borderheight-3:after,
.s-borderheight-3 .container:before,
.s-borderheight-3 .container:after{
height: 3px;
}
.s-borderheight-5:before,
.s-borderheight-5:after,
.s-borderheight-5 .container:before,
.s-borderheight-5 .container:after{
height: 5px;
}
.s-bordercolormain:before,
.s-bordercolormain:after,
.s-bordercolormain .container:before,
.s-bordercolormain .container:after{
background-color: var(--colorMain);
}
.s-bordertop-container .container:before,
.s-borderbottom-container .container:after{
right: 15px;
left: 15px;
}
.s-borderbottom:after,
.s-borderbottom-container .container:after{
top: auto;
bottom: 0;
}
.s-bordered-columns [class*=col-]+[class*=col-]:before{
content: "";
position: absolute;
top: 1em;
bottom: 1em;
left: 0;
width: 1px;
background-color: rgba(var(--colorDarkGreyRGB), 0.1);
}
.preloader{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, .99);
z-index: 13000;
height: 100%;
}
.no-js .preloader,
.lt-ie9 .preloader,
.lt-ie10 .preloader{
display: none;
}
.preloader_image{
width: 256px;
height: 256px;
position: absolute;
left: 50%;
top: 50%;
background: url(//agmaritime.com/wp-content/themes/seajay/img/preloader.gif) no-repeat 50% 50% rgba(0, 0, 0, 0);
margin: -128px 0 0 -128px;
}
.preloader_css{
width: 120px;
height: 120px;
position: absolute;
left: 50%;
top: 50%;
margin: -60px 0 0 -60px;
border: 10px solid rgba(var(--colorDarkGreyRGB), 0.1);
border-radius: 50%;
border-top-color: var(--colorMain);
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.animate{
visibility: hidden;
}
.no-js .animate,
.lt-ie10 .animate,
.lt-ie9 .animate{
visibility: visible;
}
.animated{
visibility: visible !important;
}
#box_wrapper,
#canvas{
overflow: visible;
position: relative;
}
#box_wrapper > section,
#box_wrapper > div > section{
position: relative;
clear: both;
}
#canvas.boxed{
padding: 1px 0;
}
body.boxed{
position: static;
width: auto;
height: auto;
}
.pattern1{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/patterns/pattern1.png);
}
.pattern2{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/patterns/pattern2.png);
}
.pattern3{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/patterns/pattern3.png);
}
.pattern4{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/patterns/pattern4.png);
}
.pattern5{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/patterns/pattern5.png);
}
.pattern6{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/patterns/pattern6.png);
}
.pattern7{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/patterns/pattern7.png);
}
.pattern8{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/patterns/pattern8.png);
}
.pattern9{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/patterns/pattern9.png);
}
.pattern10{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/patterns/pattern10.png);
}
.pattern11{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/patterns/pattern11.png);
}
@media (max-width: 500px) {
.boxed .container{
padding-left: 10px;
padding-right: 10px;
}
}
.boxed #box_wrapper.container{
padding: 0;
margin-top: 123px;
}
@media (min-width: 768px) {
.boxed #box_wrapper.container{
margin-top: 135px;
}
}
@media (min-width: 992px) {
.boxed #box_wrapper.container{
margin-top: 155px;
}
}
@media (min-width: 1200px) {
.boxed #box_wrapper.container{
margin-top: 100px;
}
}
@media (min-width: 1600px) {
.boxed #box_wrapper.container{
margin-top: 140px;
}
.boxed #box_wrapper.container{
max-width: 1600px;
}
}
.boxed #box_wrapper.container.top-bottom-margins{
margin-top: 150px;
margin-bottom: 120px;
}
.s-map-dark{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/parallax/map-dark.jpg);
}
.s-map-light{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/parallax/map-light.jpg);
}
.s-light-abstract{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/parallax/light-abstract.jpg);
}
.s-light-wood{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/parallax/light-wood.jpg);
}
.c-bordered [class*=col-]{
border: 1px solid #e1e1e1;
margin-top: -1px;
margin-left: -1px;
}
@media (min-width: 768px) {
.c-bordered.c-bordered-center .row [class*=col-]:first-child{
border-left-color: rgba(0, 0, 0, 0);
}
.c-bordered.c-bordered-center .row [class*=col-]:last-child{
border-right-color: rgba(0, 0, 0, 0);
}
.c-bordered.c-bordered-center .row:first-child [class*=col-]{
border-top-color: rgba(0, 0, 0, 0);
}
.c-bordered.c-bordered-center .row:last-child [class*=col-]{
border-bottom-color: rgba(0, 0, 0, 0);
}
}
.background-video .container,
.background-video .container-fluid{
position: relative;
z-index: 1;
}
.background-video .fs-background-container{
padding: 0;
}
.lines-animation,
.s-half-bordered{
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
@media (min-width: 1400px) {
.s-half-bordered:after,
.s-half-bordered:before{
content: "";
position: absolute;
top: 20px;
left: 20px;
width: calc(50% - 20px);
height: calc(100% - 40px);
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: var(--colorMain2);
transition: .3s all;
}
.s-half-bordered:after{
left: auto;
right: 20px;
border-width: 1px 1px 1px 0;
border-color: var(--colorDark);
}
section:hover .s-half-bordered:before,
section:hover .s-half-bordered:after{
top: 40px;
left: 40px;
width: calc(50% - 40px);
height: calc(100% - 80px);
}
section:hover .s-half-bordered:after{
left: auto;
right: 40px;
}
}
@media (min-width: 992px) {
.lines-animation:before,
.lines-animation:after{
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50%;
height: calc(100% - 300px);
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
border: 2px solid #fff;
-webkit-animation: cicle 20s infinite;
animation: cicle 20s infinite;
}
.lines-animation:after{
height: calc(80% - 300px);
width: 100%;
max-width: 60%;
padding: 0 40px;
border-radius: 30% 30% 70% 70% / 30% 70% 70% 30%;
-webkit-animation: cicle2 20s infinite;
animation: cicle2 20s infinite;
}
.ls .lines-animation:before,
.ls .lines-animation:after{
border-color: var(--colorDark);
}
}
@-webkit-keyframes cicle {
0%{
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
25%{
border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;
}
50%{
border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
}
75%{
border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;
}
}
@keyframes cicle {
0%{
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
25%{
border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;
}
50%{
border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
}
75%{
border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;
}
}
@-webkit-keyframes cicle2 {
0%{
border-radius: 30% 30% 70% 70% / 30% 70% 70% 30%;
}
25%{
border-radius: 76% 46% 54% 24% / 58% 42% 75% 25%;
}
50%{
border-radius: 55% 27% 73% 45% / 50% 50% 33% 67%;
}
75%{
border-radius: 63% 68% 32% 37% / 33% 67% 58% 42%;
}
}
@keyframes cicle2 {
0%{
border-radius: 30% 30% 70% 70% / 30% 70% 70% 30%;
}
25%{
border-radius: 76% 46% 54% 24% / 58% 42% 75% 25%;
}
50%{
border-radius: 55% 27% 73% 45% / 50% 50% 33% 67%;
}
75%{
border-radius: 63% 68% 32% 37% / 33% 67% 58% 42%;
}
}
.background-video .particles-js{
pointer-events: none;
}
.rev-bubbles:before,
.rev-bubbles:after{
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50%;
height: calc(100% - 300px);
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
border: 2px solid #fff;
-webkit-animation: cicle 20s infinite;
animation: cicle 20s infinite;
}
.rev-bubbles:after{
height: calc(80% - 300px);
width: 100%;
max-width: 60%;
padding: 0 40px;
border-radius: 30% 30% 70% 70% / 30% 70% 70% 30%;
-webkit-animation: cicle2 20s infinite;
animation: cicle2 20s infinite;
}
.item-content > p:last-child{
margin-bottom: -0.7em;
}
.bordered .item-media,
.bordered .entry-thumbnail{
margin: -1px -1px -1px -1px;
z-index: 1;
}
.bordered .item-media.cover-image{
height: calc(100% + 2px);
}
.bordered.full-padding .item-media{
margin: 0;
}
.full-padding{
padding: 40px;
}
.content-padding .item-content{
padding: 40px;
}
@media (max-width: 992px) {
.full-padding{
padding: 30px;
}
.content-padding .item-content{
padding: 30px;
}
}
.side-item h2,
.side-item h3,
.side-item h4{
line-height: 1;
}
.side-item .row{
margin: 0;
}
.side-item .row [class*=col-]{
padding: 0;
margin: 0;
}
.side-item .item-title + .item-content{
padding-top: 30px;
}
.side-item [class*=col-]>.item-title{
padding: 15px 30px;
}
.side-item [class*=col-]>.item-title h2,
.side-item [class*=col-]>.item-title h3,
.side-item [class*=col-]>.item-title h4{
margin: 0;
}
.side-item.bordered [class*=col-]>.item-title{
margin: -1px;
}
@media (max-width: 767px) {
.no-content-padding [class*=col-sm-] .item-content,
.no-content-padding [class*=col-xs-] .item-content,
.full-padding [class*=col-sm-] .item-content,
.full-padding [class*=col-xs-] .item-content{
padding-left: 30px;
}
.no-content-padding [class*=col-sm-][class*=sm-pull-] .item-content,
.no-content-padding [class*=col-sm-][class*=xs-pull-] .item-content,
.no-content-padding [class*=col-sm-][class*=order-sm-1] .item-content,
.no-content-padding [class*=col-sm-][class*=order-xs-1] .item-content,
.no-content-padding [class*=col-xs-][class*=sm-pull-] .item-content,
.no-content-padding [class*=col-xs-][class*=xs-pull-] .item-content,
.no-content-padding [class*=col-xs-][class*=order-sm-1] .item-content,
.no-content-padding [class*=col-xs-][class*=order-xs-1] .item-content,
.full-padding [class*=col-sm-][class*=sm-pull-] .item-content,
.full-padding [class*=col-sm-][class*=xs-pull-] .item-content,
.full-padding [class*=col-sm-][class*=order-sm-1] .item-content,
.full-padding [class*=col-sm-][class*=order-xs-1] .item-content,
.full-padding [class*=col-xs-][class*=sm-pull-] .item-content,
.full-padding [class*=col-xs-][class*=xs-pull-] .item-content,
.full-padding [class*=col-xs-][class*=order-sm-1] .item-content,
.full-padding [class*=col-xs-][class*=order-xs-1] .item-content{
padding-left: 0;
padding-right: 30px;
}
.no-content-padding .col-sm-12 .item-content,
.no-content-padding .col-xs-12 .item-content,
.full-padding .col-sm-12 .item-content,
.full-padding .col-xs-12 .item-content{
padding-top: 30px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) {
.no-content-padding [class*=col-md-] .item-content,
.full-padding [class*=col-md-] .item-content{
padding-left: 30px;
}
.no-content-padding [class*=col-md-][class*=md-pull-] .item-content,
.no-content-padding [class*=col-md-][class*=order-md-1] .item-content,
.full-padding [class*=col-md-][class*=md-pull-] .item-content,
.full-padding [class*=col-md-][class*=order-md-1] .item-content{
padding-left: 0;
padding-right: 30px;
}
.no-content-padding .col-sm-12 .item-content,
.full-padding .col-sm-12 .item-content{
padding-top: 30px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.no-content-padding [class*=col-lg-] .item-content,
.full-padding [class*=col-lg-] .item-content{
padding-left: 30px;
}
.no-content-padding [class*=col-lg-][class*=lg-pull-] .item-content,
.no-content-padding [class*=col-lg-][class*=order-lg-1] .item-content,
.full-padding [class*=col-lg-][class*=lg-pull-] .item-content,
.full-padding [class*=col-lg-][class*=order-lg-1] .item-content{
padding-left: 0;
padding-right: 30px;
}
.no-content-padding .col-md-12 .item-content,
.full-padding .col-md-12 .item-content{
padding-top: 30px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1200px) {
.no-content-padding [class*=col-xl-] .item-content,
.full-padding [class*=col-xl-] .item-content{
padding-left: 30px;
}
.no-content-padding [class*=col-xl-][class*=order-xl-1] .item-content,
.full-padding [class*=col-xl-][class*=order-xl-1] .item-content{
padding-left: 0;
padding-right: 30px;
}
.no-content-padding .col-lg-12 .item-content,
.full-padding .col-lg-12 .item-content{
padding-top: 30px;
padding-left: 0;
padding-right: 0;
}
}
.vertical-item .item-media + .item-content{
padding-top: 40px;
}
.vertical-item.content-padding .item-content{
padding: 50px;
}
@media (max-width: 1199px) {
.vertical-item.content-padding .item-content{
padding: 30px;
}
}
.vertical-item.content-padding.padding-small .item-content{
padding: 40px 40px 40px;
}
.vertical-item.content-absolute{
position: relative;
}
.vertical-item.content-absolute .item-content{
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px 30px 20px;
z-index: 2;
}
.vertical-item.content-absolute.vertical-center .item-content{
top: 0;
}
.vertical-item + .item-title{
padding: 10px 30px;
}
.vertical-item + .item-title h2,
.vertical-item + .item-title h3,
.vertical-item + .item-title h4{
margin: 0;
}
.item-meta{
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1.6;
}
.item-meta a{
color: var(--colorDarkGrey) !important;
}
.item-meta i{
width: 1em;
text-align: center;
position: relative;
font-size: 1.2em;
}
.item-media{
position: relative;
overflow: hidden;
}
.item-media img{
width: 100%;
}
.item-media.cover-image{
height: 100%;
}
.media-links{
text-align: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.media-links div{
position: absolute;
top: 50%;
width: 100%;
margin-top: -30px;
z-index: 4;
}
.content-absolute .media-links div{
display: flex;
top: 0;
margin-top: 0;
justify-content: flex-end;
}
.content-absolute .media-links div a{
transition: all .35s ease .1s;
}
.content-absolute .media-links div a:hover{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.content-absolute .media-links div a:first-child{
transition-delay: 0s;
}
.media-links:before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(var(--colorMain2RGB), 0.6);
opacity: 0;
transition: all .2s linear;
}
[class*=-item]:hover .media-links:before{
opacity: .8;
}
.media-links a.abs-link{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
}
[class*=-item]:hover .media-links a.abs-link{
opacity: 1;
}
.media-links a.abs-link:before{
content: "+";
font-family: "Playfair Display",serif;
font-size: 60px;
position: absolute;
top: 50%;
left: 50%;
line-height: 50px;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
text-align: center;
color: var(--colorMain);
}
[class*=-item] .links-wrap a{
position: relative;
width: 60px;
height: 60px;
line-height: 58px;
top: -100px;
border: 2px solid rgba(0, 0, 0, 0);
display: inline-block;
z-index: 5;
font-size: 16px;
text-align: center;
opacity: 0;
transition: all .6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
[class*=-item] .links-wrap a.link-zoom{
color: #fff;
background-color: var(--colorDarkGrey);
border-color: var(--colorDarkGrey);
}
[class*=-item] .links-wrap a.link-zoom:hover{
opacity: 1;
background-color: var(--colorMain2);
border-color: var(--colorMain2);
color: var(--colorDarkGrey);
}
[class*=-item] .links-wrap a.link-anchor{
color: var(--colorDarkGrey);
background-color: #fff;
border-color: #fff;
transition-delay: .1s;
}
[class*=-item] .links-wrap a.link-anchor:hover{
opacity: 1;
color: var(--colorDarkGrey);
background-color: var(--colorMain2);
border-color: var(--colorMain2);
}
[class*=-item] .links-wrap a:before{
font-family: "FontAwesome";
content: "";
}
[class*=-item] .links-wrap a.link-anchor:before{
content: "";
}
[class*=-item]:hover .links-wrap a{
top: 0;
filter: alpha(opacity=100);
opacity: 1;
}
[class*=-item]:hover .media-links div{
filter: alpha(opacity=100);
opacity: 1;
}
.item-icons{
margin-top: 35px;
font-size: 12px;
}
.content-padding .item-icons{
margin-top: 0;
}
.item-icons i{
padding: 0 4px;
}
.item-icons .col{
text-align: center;
padding-top: 15px;
padding-bottom: 20px;
}
.btn:hover{
cursor: pointer;
}
.btn.focus,
.btn:focus{
box-shadow: 0 0 3px 0 rgba(100, 100, 100, .75);
}
.btn-secondary{
border-color: #e1e1e1;
color: var(--colorDarkGrey);
}
.btn-maincolor,
.btn-maincolor2,
.btn-maincolor3,
.btn-maincolor4,
.btn-darkgrey{
color: #fff;
border: 1px solid rgba(0, 0, 0, 0);
}
.btn-maincolor{
background-color: var(--colorMain);
}
.btn-maincolor2{
color: var(--colorDarkGrey);
background-color: var(--colorMain2);
}
.btn-maincolor3{
background-color: var(--colorMain3);
}
.btn-maincolor4{
background-color: var(--colorMain4);
}
.btn-darkgrey{
background-color: var(--colorDarkGrey);
}
.btn-maincolor:hover,
.btn-maincolor2:hover,
.btn-maincolor3:hover,
.btn-maincolor4:hover,
.btn-darkgrey:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorDarkGrey);
}
.btn-maincolor:hover{
border-color: var(--colorMain);
}
.btn-maincolor2:hover{
border-color: var(--colorMain2);
}
.btn-maincolor3:hover{
border-color: var(--colorMain3);
}
.btn-maincolor4:hover{
border-color: var(--colorMain4);
}
.btn-darkgrey:hover{
border-color: var(--colorDarkGrey);
}
.btn-outline-maincolor,
.btn-outline-maincolor2,
.btn-outline-maincolor3,
.btn-outline-maincolor4,
.btn-outline-darkgrey{
background-color: rgba(0, 0, 0, 0);
color: var(--colorDarkGrey);
}
.btn-outline-maincolor{
border-color: var(--colorMain);
}
.btn-outline-maincolor2{
border-color: var(--colorMain2);
}
.btn-outline-maincolor3{
border-color: var(--colorMain3);
}
.btn-outline-maincolor4{
border-color: var(--colorMain4);
}
.btn-outline-darkgrey{
border-color: var(--colorDarkGrey);
}
.btn-outline-maincolor:hover,
.btn-outline-maincolor2:hover,
.btn-outline-maincolor3:hover,
.btn-outline-maincolor4:hover,
.btn-outline-darkgrey:hover{
color: #fff;
}
.btn-outline-maincolor:hover{
background-color: var(--colorMain) !important;
}
.btn-outline-maincolor2:hover{
background-color: var(--colorMain2) !important;
border-color: var(--colorMain2) !important;
color: var(--colorDarkGrey);
}
.btn-outline-maincolor3:hover{
background-color: var(--colorMain3) !important;
}
.btn-outline-maincolor4:hover{
background-color: var(--colorMain4) !important;
}
.btn-outline-darkgrey:hover{
background-color: var(--colorDarkGrey);
}
.links-maincolor a:hover{
opacity: .7;
}
.simple_link2{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
color: var(--colorDarkGrey);
}
.corner{
position: relative;
height: 0;
padding-bottom: 70px;
background-color: rgba(0, 0, 0, 0) !important;
overflow: visible !important;
z-index: 3;
}
.corner:before,
.corner:after{
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
}
.corner:after{
border-left: 50vw solid rgba(0, 0, 0, 0);
border-right: 50vw solid rgba(0, 0, 0, 0);
border-top: 70px solid #fff;
}
.corner.corner-outside{
position: absolute;
}
.corner.corner-outside:first-child{
top: -70px;
}
.corner.corner-outside:last-child{
bottom: -70px;
}
.corner.corner-half:after{
border-left-width: 100vw;
border-right-width: 0;
}
.corner.corner-half.corner-half-inverse:after{
border-left-width: 0;
border-right-width: 100vw;
}
.corner.corner-mirror:after{
border-left-width: 0;
}
.corner.corner-mirror:before{
border-left: 50vw solid rgba(0, 0, 0, 0);
border-top: 70px solid #fff;
left: 50vw;
}
.corner.corner-inverse:before,
.corner.corner-inverse:after{
border-top: none;
border-bottom: 70px solid #fff;
}
@media (max-width: 1199px) {
.corner{
padding-bottom: 30px;
}
.corner:after{
border-top-width: 30px;
}
.corner.corner-outside{
position: absolute;
}
.corner.corner-outside:first-child{
top: -30px;
}
.corner.corner-outside:last-child{
bottom: -30px;
}
.corner.corner-mirror:before{
border-top-width: 30px;
}
.corner.corner-inverse:before,
.corner.corner-inverse:after{
border-bottom-width: 30px;
}
}
.corner.ls.ms.corner-mirror:before,
.corner.ls.ms:after{
border-top-color: var(--colorGrey);
border-bottom-color: var(--colorGrey);
}
.corner.ls.ms.corner-inverse:after{
border-bottom-color: var(--colorGrey);
}
.corner.ds.corner-mirror:before,
.corner.ds:after{
border-top-color: var(--colorDarkGrey);
border-bottom-color: var(--colorDarkGrey);
}
.corner.ds.corner-inverse:after{
border-bottom-color: var(--colorDarkGrey);
}
.corner.ds.ms.corner-mirror:before,
.corner.ds.ms:after{
border-top-color: var(--colorDark);
border-bottom-color: var(--colorDark);
}
.corner.ds.ms.corner-inverse:after{
border-bottom-color: var(--colorDark);
}
.corner.ds.bs.corner-mirror:before,
.corner.ds.bs:after{
border-top-color: #2f3e47;
border-bottom-color: #2f3e47;
}
.corner.ds.bs.corner-inverse:after{
border-bottom-color: #2f3e47;
}
.corner.cs.corner-mirror:before,
.corner.cs:after{
border-top-color: var(--colorMain);
border-bottom-color: var(--colorMain);
}
.corner.cs.corner-inverse:after{
border-bottom-color: var(--colorMain);
}
.corner.cs.cs2.corner-mirror:before,
.corner.cs.cs2:after{
border-top-color: var(--colorMain2);
border-bottom-color: var(--colorMain2);
}
.corner.cs.cs2.corner-inverse:after{
border-bottom-color: var(--colorMain2);
}
.corner.cs.cs3.corner-mirror:before,
.corner.cs.cs3:after{
border-top-color: var(--colorMain3);
border-bottom-color: var(--colorMain3);
}
.corner.cs.cs3.corner-inverse:after{
border-bottom-color: var(--colorMain3);
}
.ls{
background-color: #fff;
color: gray;
}
.ls h1,
.ls h2,
.ls h3,
.ls h4,
.ls h5,
.ls h6{
color: var(--colorDarkGrey);
}
.ls h1 a,
.ls h2 a,
.ls h3 a,
.ls h4 a,
.ls h5 a,
.ls h6 a{
color: inherit;
}
.ls h1 a:hover,
.ls h2 a:hover,
.ls h3 a:hover,
.ls h4 a:hover,
.ls h5 a:hover,
.ls h6 a:hover{
opacity: .8;
}
.ls.ms{
background-color: var(--colorGrey);
color: #6e6e6e;
}
.ls.ms .links-grey a{
color: #6e6e6e;
}
.ls.ms .hero-bg{
background-color: #fff;
}
.ls.ms .hero-bg hr{
background-color: #e1e1e1;
}
.ls.ms hr{
background-color: #fff;
}
.ls.ms input[type=text],
.ls.ms input[type=email],
.ls.ms input[type=url],
.ls.ms input[type=password],
.ls.ms input[type=search],
.ls.ms input[type=tel],
.ls.ms input[type=number],
.ls.ms textarea,
.ls.ms select,
.ls.ms .form-control{
background-color: rgba(0, 0, 0, 0);
}
.ls.ms .hero-bg input[type=text],
.ls.ms .hero-bg input[type=email],
.ls.ms .hero-bg input[type=url],
.ls.ms .hero-bg input[type=password],
.ls.ms .hero-bg input[type=search],
.ls.ms .hero-bg input[type=tel],
.ls.ms .hero-bg input[type=number],
.ls.ms .hero-bg textarea,
.ls.ms .hero-bg select,
.ls.ms .hero-bg .form-control{
border-color: #e1e1e1;
background-color: var(--colorGrey);
}
.ls.ms td,
.ls.ms th,
.ls.ms .bordered{
border-color: #d4d4d4;
}
.ls.ms .btn-secondary{
border-color: #fff;
}
.ls.ms .btn-secondary:hover{
border-color: var(--colorGreyDarker6);
background-color: var(--colorGreyDarker6);
}
.ls .color-icon.bg-icon{
background-color: #ececec;
}
.ls .pricing-plan [class*=btn-outline-]{
background-color: #fff;
}
.ls .pricing-plan [class*=btn-outline-]:hover{
background-color: var(--colorMain);
border-color: var(--colorMain);
}
.ls .fw-theme-steps-7 .fw-step:not(:last-child):before{
background: url(//agmaritime.com/wp-content/themes/seajay/img/dark_step_line02.png) no-repeat;
}
.ls .fw-theme-steps-7 .fw-step:first-child:after,
.ls .fw-theme-steps-7 .fw-step:last-child:after{
background: url(//agmaritime.com/wp-content/themes/seajay/img/dark_step_line01.png) no-repeat;
}
.ls .testimonials-slider.owl-carousel.show-mark:after,
.ls .testimonials-slider.owl-carousel.show-mark:before{
background-color: var(--colorDarkGrey);
}
.ls.ms .nav-tabs > li.active > a,
.ls.ms .nav-tabs > li.active > a:hover,
.ls.ms .nav-tabs > li.active > a:focus{
background-color: #fff;
border-color: #fff;
}
.ls.ms .tab-content{
background-color: #fff;
}
.ls.ms .tab-content .bordered{
border-color: #e6e6e6;
}
.ls.ms .tab-content.no-border{
background-color: rgba(0, 0, 0, 0);
}
.ls.ms .tab-content .form-control{
background-color: var(--colorGrey);
}
.ls.ms .vertical-tabs .nav > li > a{
background-color: #fff;
}
.ls.ms .vertical-tabs .nav > li > a:hover,
.ls.ms .vertical-tabs .nav > li.active > a{
background-color: var(--colorDarkGrey);
}
.ls.ms .pagination span.current{
background-color: #fff;
border-color: #fff;
}
.ls.ms .breadcrumb{
color: gray;
}
.ls.ms .breadcrumb a{
color: #676767;
}
.ls.ms .breadcrumb a:hover{
color: var(--colorMain);
}
.ls.ms [class*=btn-outline-]:not(:hover){
background-color: #fff;
}
.ds{
background-color: var(--colorDarkGrey);
color: rgba(255, 255, 255, .8);
}
.ds.ms{
background-color: var(--colorDark);
}
.ds.bs{
background-color: #2f3e47;
}
.ds a:not(.btn){
color: #fff;
}
.ds a:not(.btn):hover{
opacity: .8;
}
.ds h1,
.ds h2,
.ds h3,
.ds h4,
.ds h5,
.ds h6{
color: #fff;
}
.ds h1 a,
.ds h2 a,
.ds h3 a,
.ds h4 a,
.ds h5 a,
.ds h6 a{
color: #fff;
}
.ds h1 a:hover,
.ds h2 a:hover,
.ds h3 a:hover,
.ds h4 a:hover,
.ds h5 a:hover,
.ds h6 a:hover{
opacity: .8;
}
.ds .ls{
background-color: #fff;
color: gray;
}
.ds .ls h1,
.ds .ls h2,
.ds .ls h3,
.ds .ls h4,
.ds .ls h5,
.ds .ls h6{
color: var(--colorDarkGrey);
}
.ds .ls h1 a,
.ds .ls h2 a,
.ds .ls h3 a,
.ds .ls h4 a,
.ds .ls h5 a,
.ds .ls h6 a{
color: inherit;
}
.ds .ls h1 a:hover,
.ds .ls h2 a:hover,
.ds .ls h3 a:hover,
.ds .ls h4 a:hover,
.ds .ls h5 a:hover,
.ds .ls h6 a:hover{
color: var(--colorMain);
}
.ds .ls a:not(.btn){
color: var(--colorDarkGrey);
}
.ds .ls a:not(.btn):hover{
color: var(--colorMain);
}
.ds .ls.ms{
background-color: var(--colorGrey);
color: #6e6e6e;
}
.ds label{
color: #fff;
}
.ds hr{
border-color: #454545;
background-color: #454545;
}
.ds blockquote,
.ds .blockquote{
color: #fff;
}
.ds pre{
color: rgba(255, 255, 255, .5);
}
.ds .muted-bg,
.ds .hero-bg{
background-color: rgba(255, 255, 255, .05);
}
.ds .bordered{
border-color: #454545;
}
.ds .color-main{
color: var(--colorMain);
}
.ds .color-main2{
color: var(--colorMain2);
}
.ds .color-main3{
color: var(--colorMain3);
}
.ds .color-main4{
color: var(--colorMain4);
}
.ds .color-dark,
.ds .color-darkgrey{
color: #fff;
border-color: #fff;
}
.ds .links-maincolor a{
color: var(--colorMain);
}
.ds .links-maincolor a:hover{
color: #fff;
}
.ds .links-maincolor2 a{
color: var(--colorMain2);
}
.ds .links-maincolor2 a:hover{
color: #fff;
}
.ds .links-maincolor3 a{
color: var(--colorMain3);
}
.ds .links-maincolor3 a:hover{
color: #fff;
}
.ds .links-grey a{
color: rgba(255, 255, 255, .5);
}
.ds .links-grey a:hover{
color: #fff;
}
.ds .links-darkgrey a{
color: #fff;
}
.ds .links-darkgrey a:hover{
color: var(--colorMain);
}
.ds.s-bordertop:before,
.ds.s-borderbottom:after,
.ds.s-bordertop-container .container:before,
.ds.s-borderbottom-container .container:after{
background-color: rgba(255, 255, 255, .1);
}
.ds.s-bordered-columns [class*=col-]+[class*=col-]:before{
background-color: #454545;
}
.ds .btn-maincolor{
color: #fff;
border: 1px solid rgba(0, 0, 0, 0);
}
.ds .btn-maincolor2,
.ds .btn-maincolor3,
.ds .btn-maincolor4,
.ds .btn-darkgrey{
color: var(--colorDarkGrey);
border: 1px solid rgba(0, 0, 0, 0);
}
.ds .white-text .btn-maincolor2,
.ds .white-text .btn-maincolor3,
.ds .white-text .btn-maincolor4,
.ds .white-text .btn-darkgrey{
color: #fff;
}
.ds .btn-maincolor{
background-color: var(--colorMain);
}
.ds .btn-maincolor2{
background-color: var(--colorMain2);
}
.ds .btn-maincolor3{
background-color: var(--colorMain3);
}
.ds .btn-maincolor4{
background-color: var(--colorMain4);
}
.ds .btn-darkgrey{
background-color: #fff;
}
.ds .btn-maincolor:hover,
.ds .btn-maincolor2:hover,
.ds .btn-maincolor3:hover,
.ds .btn-maincolor4:hover,
.ds .btn-darkgrey:hover{
background-color: rgba(0, 0, 0, 0);
color: #fff;
}
.ds .btn-maincolor:hover{
border-color: var(--colorMain);
}
.ds .btn-maincolor2:hover{
border-color: var(--colorMain2) !important;
}
.ds .btn-maincolor3:hover{
border-color: var(--colorMain3);
}
.ds .btn-maincolor4:hover{
border-color: var(--colorMain4);
}
.ds .btn-darkgrey:hover{
border-color: #fff;
}
.ds .btn-outline-maincolor,
.ds .btn-outline-maincolor2,
.ds .btn-outline-maincolor3,
.ds .btn-outline-maincolor4,
.ds .btn-outline-darkgrey{
background-color: rgba(0, 0, 0, 0);
color: #fff;
}
.ds .btn-outline-maincolor{
border-color: var(--colorMain);
}
.ds .btn-outline-maincolor2{
border-color: var(--colorMain2);
}
.ds .btn-outline-maincolor3{
border-color: var(--colorMain3);
}
.ds .btn-outline-maincolor4{
border-color: var(--colorMain4);
}
.ds .btn-outline-darkgrey{
border-color: #fff;
}
.ds .btn-outline-maincolor:hover,
.ds .btn-outline-maincolor2:hover,
.ds .btn-outline-maincolor3:hover,
.ds .btn-outline-maincolor4:hover,
.ds .btn-outline-darkgrey:hover{
color: var(--colorDarkGrey);
}
.ds .white-text .btn-outline-maincolor:hover,
.ds .white-text .btn-outline-maincolor2:hover,
.ds .white-text .btn-outline-maincolor3:hover,
.ds .white-text .btn-outline-maincolor4:hover,
.ds .white-text .btn-outline-darkgrey:hover{
color: #fff;
}
.ds .btn-outline-maincolor:hover{
background-color: var(--colorMain);
}
.ds .btn-outline-maincolor2:hover{
background-color: var(--colorMain2);
}
.ds .btn-outline-maincolor3:hover{
background-color: var(--colorMain3);
}
.ds .btn-outline-maincolor4:hover{
background-color: var(--colorMain4);
}
.ds .btn-outline-darkgrey:hover{
background-color: #fff;
}
.ds .links-maincolor a:hover{
opacity: .7;
}
.ds a.fa{
color: #fff;
border-color: #454545;
}
.ds a.bg-icon{
background-color: rgba(255, 255, 255, .05);
}
.ds .fa.color-icon:hover{
color: #fff;
}
.ds .color-icon.bg-icon{
background-color: rgba(255, 255, 255, .05);
}
.ds .color-icon.bg-icon:hover{
color: #fff;
}
.ds .color-bg-icon:hover{
background-color: var(--colorMain);
}
.ds .shortcode-simple-counter .counter_wrap .counter-title{
color: #fff;
}
.ds .list-bordered li{
border-color: #454545;
}
.ds input[type=text],
.ds input[type=email],
.ds input[type=url],
.ds input[type=password],
.ds input[type=search],
.ds input[type=tel],
.ds input[type=number],
.ds textarea,
.ds select,
.ds .form-control{
background-color: rgba(0, 0, 0, 0);
border-color: rgba(255, 255, 255, .1);
color: #fff;
}
.ds .form-group::before{
background: #fff;
}
.ds .form-group-select:before{
border-color: #454545;
}
.ds .form-control:focus{
border-color: rgba(255, 255, 255, .1);
}
.ds .form-control:-moz-placeholder{
color: #fff;
opacity: 1;
}
.ds .form-control::-moz-placeholder{
color: #fff;
opacity: 1;
}
.ds .form-control:-ms-input-placeholder{
color: #fff;
}
.ds .form-control::-webkit-input-placeholder{
color: #fff;
}
.ds .form-control:focus:-moz-placeholder{
color: rgba(0, 0, 0, 0);
}
.ds .form-control:focus::-moz-placeholder{
color: rgba(0, 0, 0, 0);
}
.ds .form-control:focus:-ms-input-placeholder{
color: rgba(0, 0, 0, 0);
}
.ds .form-control:focus::-webkit-input-placeholder{
color: rgba(0, 0, 0, 0);
}
.ds .contact-form.transparent-background .form-control{
border-color: #454545;
}
.ds .tab-content{
border-color: #454545;
}
.ds .nav-tabs .nav-link{
border-color: #454545;
}
.ds .owl-theme .owl-dots .owl-dot span{
border-color: #fff;
}
.ds .post-adds .share_button > i,
.ds .post-adds .like_button > i{
color: #fff;
}
.ds .side-item{
border-color: #454545;
}
.ds .excerpt{
color: #fff;
}
.ds .reply a{
color: #fff;
}
.ds .widget_search .form-inline .btn,
.ds .widget_product_search [type=submit],
.ds .widget_mailchimp .form-inline .btn{
background-color: rgba(0, 0, 0, 0);
color: var(--colorMain);
}
.ds .widget_shopping_cart .cart_list,
.ds .widget_recent_entries li,
.ds .widget_recent_comments li,
.ds .widget_archive li,
.ds .widget_categories li,
.ds .widget_meta li,
.ds .widget_nav_menu li,
.ds .widget_pages li,
.ds .widget_popular_entries li{
border-color: rgba(255, 255, 255, .1);
}
.ds .wordpress-helpdesk-faq-list li,
.ds .widget_faq_topics li{
border-color: rgba(255, 255, 255, .1);
}
.ds .widget_nav_menu ul ul{
border-color: #454545;
}
.ds .widget_popular_entries .media-heading{
color: #fff;
}
.ds .tweet_list li + li .tweet_right{
border-color: #454545;
}
.ds .widget_tag_cloud a{
color: #fff;
border-color: #fff;
}
.ds .widget_shopping_cart li a + a{
color: #fff;
}
.ds .widget_shopping_cart li a + a:hover{
color: var(--colorMain);
}
.ds .summary .price{
color: #fff;
border-color: #454545;
}
.ds .summary .product_meta{
border-color: #454545;
}
.ds .widget_price_filter .price_label{
color: #fff;
}
.ds #calendar_wrap{
border-color: #454545;
}
.ds .widget_calendar table{
background-color: rgba(255, 255, 255, .05);
border-color: #454545;
}
.ds .widget_calendar tfoot td a{
border-color: #454545;
}
.ds .widget_calendar caption,
.ds .widget_calendar thead,
.ds .widget_calendar th{
color: #fff;
}
.ds .widget_calendar tbody td a:hover{
color: #fff;
}
.ds .grid-view h3:before,
.ds .grid-view h3:after{
background-color: #454545;
}
.ds .owl-carousel.product-thumbnails .owl-nav > div:after{
color: #fff;
}
.ds .ui-slider{
background-color: rgba(255, 255, 255, .05);
}
.ds .ui-slider .ui-slider-handle{
background-color: #fff;
}
.ds #sort_view{
background-color: rgba(0, 0, 0, 0);
color: #fff;
}
.ds #toggle_shop_view.grid-view:after,
.ds #toggle_shop_view:before{
background-color: rgba(247, 247, 247, .05);
}
.ds .widget_layered_nav .color-filters a:before{
border-color: #454545;
}
.ds .table.cart a{
color: #fff;
}
.ds .pagination > li > a,
.ds .pagination > li > span{
color: #fff;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #454545;
}
.ds .pagination > li.active > a,
.ds .pagination > li.active > span,
.ds .pagination > li > a:hover,
.ds .pagination > li > span:hover,
.ds .pagination > li > a:focus,
.ds .pagination > li > span:focus{
border-color: var(--colorMain);
background-color: var(--colorMain);
color: #fff;
}
.ds .thumbnail{
background-color: rgba(0, 0, 0, 0);
}
.ds .thumbnail h3 a{
color: #fff;
}
.ds .thumbnail .caption{
border-color: rgba(0, 0, 0, 0);
background-color: rgba(252, 252, 252, .05);
}
.ds .progress{
background-color: #454545;
}
.ds .vertical-tabs .nav > li > a{
background-color: rgba(255, 255, 255, .05);
color: #fff;
}
.ds .vertical-tabs .nav > li.active > a,
.ds .vertical-tabs .nav > li > a:hover{
background-color: var(--colorMain);
}
.ds .vertical-tabs .nav > li > a:hover:after{
color: #fff;
}
.ds .entry-meta .comments-link a{
color: #fff;
}
.ds #timetable tbody th,
.ds #timetable tbody td{
border-color: #454545;
}
.ds #isotope_filters a,
.ds .filters a{
color: #fff;
}
.ds div .fw-shortcode-calendar-wrapper .page-header h3,
.ds div .btn-group button[data-calendar-nav],
.ds div .btn-group button[data-calendar-nav*=today]{
color: #fff;
}
.ds .big{
color: #fff;
}
.ds .fw-theme-steps-7 .fw-step .pattern-bg{
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 8.33%, transparent 8.33%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 58.33%, transparent 58.33%, transparent 100%);
}
.ds .fw-theme-steps-7 .box_icon.color-darkgrey{
color: var(--colorDarkGrey);
}
@media (min-width: 1200px) {
.ds .fw-theme-steps-7 .fw-step:not(:last-child):before{
top: 16px;
left: calc(50% + 88px);
}
.ds .fw-theme-steps-7 .fw-step:nth-child(2n):before{
top: 38%;
-webkit-transform: translateX(-5%) rotate(180deg);
transform: translateX(-5%) rotate(180deg);
}
}
@media (min-width: 1299px) {
.ds .fw-theme-steps-7 .fw-step:not(:last-child):before{
left: calc(50% + 96px);
}
.ds .fw-theme-steps-7 .fw-step:first-child:after{
top: 44.4%;
left: -27px;
}
}
.ds .pricing-plan.plan-featured .plan-button .btn:hover{
color: #fff;
}
.ds .widget_blog-post-item.item-with-title .item-title{
background-color: var(--colorDarkGrey);
}
.ds .widget_blog-post-item.item-with-title .item-title .read-more{
color: #fff !important;
}
@media (max-width: 1399px) {
.ds .owl-carousel.posts-carousel .owl-nav > div:before{
background-color: #fff;
}
}
.ds .entry-meta{
color: #fff;
}
.ds .entry-meta i{
color: rgba(255, 255, 255, .3);
}
.ds .shortcode-simple-counter-2 .counter_wrap .counter-size,
.ds .shortcode-simple-counter-2 .counter_wrap .counter-text,
.ds .shortcode-simple-counter-3 .counter_wrap .counter-size,
.ds .pricing-plan .plan-name h3,
.ds .format-chat .item-content.entry-content .entry-content p strong,
.ds .contacts-list .contact-item .desc,
.ds .contacts-list .contact-item .desc a,
.ds .fw-theme-call-to-action .fw-action-wrap .fw-action-desc,
.ds .fw-theme-call-to-action .fw-action-wrap .fw-action-desc strong,
.ds [type=submit]:hover,
.ds button:hover,
.ds .format-chat .item-content .entry-content p strong,
.ds [role=tablist] .card-header a:after,
.ds .progress-bar span,
.ds .comment-meta b{
color: #fff;
}
.ds .nav-tabs .nav-link:hover{
color: #fff !important;
}
.ds .comment-body{
border-color: rgba(255, 255, 255, .1);
}
.ds .pricing-plan.box-shadow,
.ds .pricing-plan.box-shadow.light-bg{
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(255, 255, 255, .1);
}
.ds .reply a:after,
.ds .icon-box-2 .box-btn a:after,
.ds .read-more:after,
.ds .owl-carousel.team-carousel.nav-type2 .owl-nav > div:before,
.ds .widget_blog-post-item.item-with-title .item-title .read-more:after,
.ds .widget_price_filter .price_slider_amount .button:after,
.ds .shortcode-single-service .read-more:after,
.ds .owl-carousel.team-carousel.nav-type3 .owl-nav > div:before{
background-image: none;
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
background-color: #fff;
}
.ds .reply a:hover{
color: #fff;
}
.ds .owl-carousel.team-carousel.nav-type2 .owl-nav > div:first-child:before,
.ds .owl-carousel.team-carousel.nav-type3 .owl-nav > div:first-child:before{
background-image: none;
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_left.png);
}
.ds .comment-form p.comment-form-comment:before,
.ds .comment-form p.comment-form-author:before,
.ds .comment-form p.comment-form-email:before{
background: #fff;
}
.ds .icon-box.type_1 .box_icon.default{
color: #fff;
}
.ds .icon-box.block-item{
background-color: var(--colorDarkGrey);
}
.ds .icon-box.block-item .box-content{
color: #fff;
}
.ds .icon-box.type_2 .box_icon,
.ds .type-3.team-item .item-media{
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 8.33%, transparent 8.33%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 58.33%, transparent 58.33%, transparent 100%);
}
.ds .col-md-7 .post:not(.no-content-padding),
.ds .col-lg-7 .post:not(.no-content-padding){
border-color: rgba(255, 255, 255, .1);
}
.ds .tab-content:before,
.ds .tab-content{
background-color: var(--colorDark);
}
.ds.page_content .container .column-sidebar{
background-color: var(--colorDarkGrey);
}
.ds .nav-tabs .nav-item.show .nav-link,
.ds .nav-tabs .nav-link.active{
background-color: var(--colorDark);
color: #fff;
}
.ds .nav-tabs .nav-item.show .nav-link:hover,
.ds .nav-tabs .nav-link.active:hover{
color: #fff !important;
}
.ds .item-meta a{
color: #fff !important;
}
.ds .accordion2[role=tablist] .card{
border-color: rgba(255, 255, 255, .1);
}
.ds .accordion2[role=tablist] .card .card-header a.collapsed{
color: #fff;
background-color: rgba(0, 0, 0, 0);
}
.ds table td,
.ds table th{
color: #fff;
}
.ds .quantity .plus,
.ds .quantity .minus{
color: #fff;
}
.ds .woocommerce-error,
.ds .woocommerce-info,
.ds .woocommerce-message{
box-shadow: none;
background-color: var(--colorDarkGrey);
}
.ds .woocommerce-MyAccount-navigation .children li:before,
.ds .icon-box-2 .box-heading .children li:before,
.ds .widget_layered_nav .children li:before,
.ds .widget_layered_nav_filters .children li:before,
.ds .widget_product_categories .children li:before{
color: #fff;
}
.ds .widget_price_filter .ui-slider .ui-slider-range{
background-color: #fff;
}
.ds .widget_price_filter .price_slider_wrapper .ui-widget-content{
background-color: rgba(255, 255, 255, .1);
}
.ds .widget_price_filter .price_slider_amount .button{
color: #fff !important;
}
.ds .widget_product_tag_cloud a{
border-color: var(--colorMain);
background-color: var(--colorMain);
}
.ds .widget_product_tag_cloud a:hover{
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorMain);
}
.ds table.dataTable tbody tr{
background-color: rgba(0, 0, 0, 0);
}
.ds .wordpress-helpdesk-my-tickets .wordpress-helpdesk-my-tickets-header{
background-color: var(--colorDarkGrey);
}
.ds .wordpress-helpdesk-my-tickets table.dataTable thead th,
.ds .wordpress-helpdesk-my-tickets table.dataTable thead td,
.ds .wordpress-helpdesk-my-tickets table.dataTable.no-footer,
.ds .wordpress-helpdesk-my-tickets-table td{
border-bottom-color: rgba(255, 255, 255, .2);
}
.ds table td,
.ds table th{
border-color: rgba(255, 255, 255, .2);
}
.ds .widget_layered_nav .count{
color: #fff;
}
.ds .widget_layered_nav .woocommerce-widget-layered-nav-dropdown .select2-selection__rendered{
border-bottom-color: rgba(255, 255, 255, .1);
}
.ds .widget_layered_nav .woocommerce-widget-layered-nav-dropdown .select2-selection__rendered:focus{
outline: none;
}
.ds .widget_layered_nav .woocommerce-widget-layered-nav-dropdown .select2-selection__rendered:after{
background: #fff;
}
.ds #toggle_shop_view:after,
.ds #toggle_shop_view:before{
background-image: none;
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/grid-icon.png);
background-color: #fff;
}
.ds #toggle_shop_view:after{
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/list-icon.png);
}
.ds .woocommerce-ordering .select_container:after{
background: #fff;
}
.ds .woocommerce-ordering .select_container select,
.ds .woocommerce-ordering .select_container .form-control{
border-bottom-color: rgba(255, 255, 255, .1);
}
.ds ul.products .product .item-content{
box-shadow: none;
background-color: var(--colorDarkGrey);
}
.ds ul.products .product .item-content .shop-product-button .button:before{
color: #fff;
}
.ds .widget_shopping_cart .total{
color: #fff;
}
.ds .widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a.button.wc-forward:hover,
.ds .widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a.button.wc-forward:focus{
color: #fff;
}
.ds .widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward{
color: #fff;
}
.ds .widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward:hover,
.ds .widget_shopping_cart_content .woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward:focus{
color: #fff;
}
.ds .woocommerce-pagination ul.page-numbers span,
.ds .woocommerce-pagination ul.page-numbers a{
color: #fff;
}
.ds .woocommerce-pagination ul.page-numbers span.current,
.ds .woocommerce-pagination ul.page-numbers a.current{
box-shadow: none;
background-color: var(--colorDarkGrey);
}
.ds .product .summary .product_meta > span{
color: #fff;
}
.ds .product .summary .variations{
border-color: rgba(255, 255, 255, .1);
}
.ds .button[type=submit]:hover,
.ds .button[type=submit]:focus{
color: #fff !important;
}
.ds .woocommerce-tabs ul.tabs li.active a{
background-color: var(--colorDarkGrey);
color: #fff !important;
}
.ds .woocommerce-tabs .panel{
background-color: var(--colorDarkGrey);
box-shadow: none;
}
.ds .woocommerce-tabs .panel:before{
background-color: var(--colorDarkGrey);
}
.ds .stars a:before,
.ds .stars a:hover ~ a:before,
.ds .comment-reply-title{
color: #fff;
}
.ds .cart-collaterals .cart_totals{
background-image: none;
}
.ds .woocommerce-cart-form .shop_table tr:first-child{
border-top-color: rgba(0, 0, 0, 0);
}
.ds .woocommerce-cart-form thead tr,
.ds .woocommerce-cart-form tr.woocommerce-cart-form__cart-item{
border-bottom-color: rgba(255, 255, 255, .1);
}
.ds .woocommerce-cart-form .product-name{
color: #fff;
}
.ds .woocommerce-cart-form .coupon:before{
background-color: #fff;
}
.ds .woocommerce-cart-form .actions .button.apply-coupon{
border-color: #fff;
color: #fff;
}
.ds .woocommerce-checkout-review-order{
background: var(--colorDarkGrey);
}
.ds .select2-container--default .select2-selection--single{
background-color: rgba(0, 0, 0, 0);
}
.ds p.form-row .select2-container--default .select2-selection--single{
border-bottom-color: rgba(255, 255, 255, .1);
}
.ds p.form-row .select2-container--default .select2-selection--single:after{
background-color: #fff;
}
.ds .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row:before{
background-color: #fff;
}
.ds .address-field:before{
display: none;
}
.ds .author-image img,
.ds .icon-box.type_5 .box_icon,
.ds .icon-box.type_3 .box_icon,
.ds .icon-box.type_4 .box_icon,
.ds .quote-item.testimonial-item-2 .quote-image img{
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 8.33%, transparent 8.33%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 58.33%, transparent 58.33%, transparent 100%);
}
.ds .wordpress-helpdesk .wordpress-helpdesk-faq-boxed,
.ds .tax-faq_topics .wordpress-helpdesk-faq-boxed{
box-shadow: none;
background-color: var(--colorDarkGrey);
}
.ds .wordpress-helpdesk .wordpress-helpdesk-faq-boxed .wordpress-helpdesk-faq-boxed-title,
.ds .tax-faq_topics .wordpress-helpdesk-faq-boxed .wordpress-helpdesk-faq-boxed-title{
color: #fff;
}
.ds .wordpress-helpdesk-faq-boxed-count{
color: gray;
}
.ds .wordpress-helpdesk-comments .comment-form p.form-submit .btn:hover,
.ds .wordpress-helpdesk-comments .comment-form p.form-submit .btn:focus{
color: #fff !important;
}
.ds .wordpress-helpdesk .form-group input[type=submit]:hover{
color: #fff;
}
.ds [role=tablist].accordion1 .card-header a.collapsed{
color: #fff;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(255, 255, 255, .1);
}
.ds .extended-item-3 .item-content,
.ds .extended-item-2 .item-content,
.ds .widget_blog-post-item.item-with-title-2 .item-title,
.ds .info-box{
background-color: var(--colorDark);
}
.ds .our-solution .icon-box .box_icon{
transition: 1s all;
}
.ds .our-solution .icon-box:hover .box_icon{
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.ds .cryptonatorwidget select{
color: rgba(255, 255, 255, .3);
}
.ds .cryptonatorwidget select:hover,
.ds .cryptonatorwidget select:active,
.ds .cryptonatorwidget select:focus{
color: #fff;
}
.ds .cryptonatorwidget input:-moz-placeholder{
font-style: italic;
color: rgba(255, 255, 255, .3);
}
.ds .cryptonatorwidget input::-moz-placeholder{
font-style: italic;
color: rgba(255, 255, 255, .3);
}
.ds .cryptonatorwidget input:-ms-input-placeholder{
font-style: italic;
color: rgba(255, 255, 255, .3);
}
.ds .cryptonatorwidget input::-webkit-input-placeholder{
font-style: italic;
color: rgba(255, 255, 255, .3);
}
.ds .cryptonatorwidget table td:before{
background: #fff;
}
.ds.ms .widget_blog-post-item.item-with-title .item-title{
background-color: var(--colorDark);
}
.ds.ms .widget_blog-post-item.item-with-title-2 .item-title,
.ds.ms .info-box{
background-color: var(--colorDarkGrey);
}
.tax-faq_topics .ds .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-link a{
color: #fff;
}
.tax-faq_topics .ds .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-link a:after{
background-image: none;
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
background-color: #fff;
}
.blog .post.format-link.vertical-item.ds{
background-color: var(--colorDarkGrey);
}
.single-post .related-posts.ds #particles-js2{
background-color: var(--colorDarkGrey);
}
.single-post .related-posts.ds .related-item .item-content{
background-color: var(--colorDark);
}
.single-fw-team .ds .left-part .member-info .simple-list ul li{
color: #fff;
}
.cs.cs2{
background-color: var(--colorMain2);
}
.cs.cs2 .color-main{
color: var(--colorMain);
}
.cs.cs3{
background-color: var(--colorMain3);
}
.cs.cs3 .color-main{
color: var(--colorMain);
}
.cs.gs{
background-color: #aaa6a7;
}
.cs.cs-success{
background-color: #a0ce4e;
}
.cs.cs-info{
background-color: #009cbe;
}
.cs.cs-warning{
background-color: #f6e700;
}
.cs.cs-danger{
background-color: #cc4b67;
}
.special-gradient,
.cs{
background-color: var(--colorMain);
color: #fff;
}
.special-gradient h1,
.special-gradient h2,
.special-gradient h3,
.special-gradient h4,
.special-gradient h5,
.special-gradient h6,
.cs h1,
.cs h2,
.cs h3,
.cs h4,
.cs h5,
.cs h6{
color: #fff;
}
.special-gradient h1 a,
.special-gradient h2 a,
.special-gradient h3 a,
.special-gradient h4 a,
.special-gradient h5 a,
.special-gradient h6 a,
.cs h1 a,
.cs h2 a,
.cs h3 a,
.cs h4 a,
.cs h5 a,
.cs h6 a{
color: #fff;
}
.special-gradient h1 a:hover,
.special-gradient h2 a:hover,
.special-gradient h3 a:hover,
.special-gradient h4 a:hover,
.special-gradient h5 a:hover,
.special-gradient h6 a:hover,
.cs h1 a:hover,
.cs h2 a:hover,
.cs h3 a:hover,
.cs h4 a:hover,
.cs h5 a:hover,
.cs h6 a:hover{
color: rgba(255, 255, 255, .6);
}
.special-gradient a:not(.btn),
.cs a:not(.btn){
color: #fff;
}
.special-gradient a:not(.btn):hover,
.cs a:not(.btn):hover{
opacity: .8;
}
.special-gradient blockquote,
.special-gradient .blockquote,
.cs blockquote,
.cs .blockquote{
border-color: var(--colorMainLighter10);
}
.special-gradient hr,
.cs hr{
border-color: #fff;
}
.special-gradient pre,
.cs pre{
color: #fff;
}
.special-gradient .hero-bg,
.cs .hero-bg{
background-color: rgba(255, 255, 255, .1);
}
.special-gradient .bordered,
.cs .bordered{
border-color: #fff;
}
.special-gradient.s-bordertop:before,
.special-gradient.s-borderbottom:after,
.special-gradient.s-bordertop-container .container:before,
.special-gradient.s-borderbottom-container .container:after,
.cs.s-bordertop:before,
.cs.s-borderbottom:after,
.cs.s-bordertop-container .container:before,
.cs.s-borderbottom-container .container:after{
background-color: #fff;
}
.special-gradient.s-bordered-columns [class*=col-]+[class*=col-]:before,
.cs.s-bordered-columns [class*=col-]+[class*=col-]:before{
background-color: #fff;
}
.special-gradient .links-darkgrey a,
.special-gradient .links-grey a,
.cs .links-darkgrey a,
.cs .links-grey a{
color: #fff;
opacity: .9;
}
.special-gradient .links-darkgrey a:hover,
.special-gradient .links-grey a:hover,
.cs .links-darkgrey a:hover,
.cs .links-grey a:hover{
opacity: 1;
color: #fff;
}
.special-gradient .color-dark,
.cs .color-dark{
border-color: #fff;
color: #fff;
}
.special-gradient .color-darkgrey,
.cs .color-darkgrey{
border-color: var(--colorDarkGrey);
color: var(--colorDarkGrey);
}
.special-gradient .response,
.cs .response{
color: #fff;
}
.special-gradient input[type=text],
.special-gradient input[type=email],
.special-gradient input[type=url],
.special-gradient input[type=password],
.special-gradient input[type=search],
.special-gradient input[type=tel],
.special-gradient input[type=number],
.special-gradient textarea,
.special-gradient select,
.special-gradient .form-control,
.cs input[type=text],
.cs input[type=email],
.cs input[type=url],
.cs input[type=password],
.cs input[type=search],
.cs input[type=tel],
.cs input[type=number],
.cs textarea,
.cs select,
.cs .form-control{
color: var(--colorDarkGrey);
background-color: #fff;
border-color: #fff;
}
.special-gradient .form-control:focus,
.cs .form-control:focus{
border-color: rgba(255, 255, 255, .5);
}
.special-gradient .form-control:-moz-placeholder,
.cs .form-control:-moz-placeholder{
color: var(--colorDarkGrey);
opacity: 1;
}
.special-gradient .form-control::-moz-placeholder,
.cs .form-control::-moz-placeholder{
color: var(--colorDarkGrey);
opacity: 1;
}
.special-gradient .form-control:-ms-input-placeholder,
.cs .form-control:-ms-input-placeholder{
color: var(--colorDarkGrey);
}
.special-gradient .form-control::-webkit-input-placeholder,
.cs .form-control::-webkit-input-placeholder{
color: var(--colorDarkGrey);
}
.special-gradient .form-control:focus:-moz-placeholder,
.cs .form-control:focus:-moz-placeholder{
color: rgba(0, 0, 0, 0);
}
.special-gradient .form-control:focus::-moz-placeholder,
.cs .form-control:focus::-moz-placeholder{
color: rgba(0, 0, 0, 0);
}
.special-gradient .form-control:focus:-ms-input-placeholder,
.cs .form-control:focus:-ms-input-placeholder{
color: rgba(0, 0, 0, 0);
}
.special-gradient .form-control:focus::-webkit-input-placeholder,
.cs .form-control:focus::-webkit-input-placeholder{
color: rgba(0, 0, 0, 0);
}
.special-gradient .btn-maincolor,
.special-gradient .btn-maincolor2,
.special-gradient .btn-maincolor3,
.special-gradient .btn-maincolor4,
.special-gradient .btn-darkgrey,
.cs .btn-maincolor,
.cs .btn-maincolor2,
.cs .btn-maincolor3,
.cs .btn-maincolor4,
.cs .btn-darkgrey{
color: var(--colorDarkGrey);
border: 1px solid rgba(0, 0, 0, 0);
}
.special-gradient .btn-maincolor,
.cs .btn-maincolor{
background-color: var(--colorMain);
}
.special-gradient .btn-maincolor2,
.cs .btn-maincolor2{
background-color: var(--colorMain2);
}
.special-gradient .btn-maincolor3,
.cs .btn-maincolor3{
background-color: var(--colorMain3);
}
.special-gradient .btn-maincolor4,
.cs .btn-maincolor4{
background-color: var(--colorMain4);
}
.special-gradient .btn-darkgrey,
.cs .btn-darkgrey{
background-color: #fff;
}
.special-gradient .btn-maincolor:hover,
.special-gradient .btn-maincolor2:hover,
.special-gradient .btn-maincolor3:hover,
.special-gradient .btn-maincolor4:hover,
.special-gradient .btn-darkgrey:hover,
.cs .btn-maincolor:hover,
.cs .btn-maincolor2:hover,
.cs .btn-maincolor3:hover,
.cs .btn-maincolor4:hover,
.cs .btn-darkgrey:hover{
background-color: rgba(0, 0, 0, 0);
color: #fff;
}
.special-gradient .btn-maincolor:hover,
.cs .btn-maincolor:hover{
border-color: var(--colorMain);
}
.special-gradient .btn-maincolor2:hover,
.cs .btn-maincolor2:hover{
border-color: var(--colorMain2);
}
.special-gradient .btn-maincolor3:hover,
.cs .btn-maincolor3:hover{
border-color: var(--colorMain3);
}
.special-gradient .btn-maincolor4:hover,
.cs .btn-maincolor4:hover{
border-color: var(--colorMain4);
}
.special-gradient .btn-darkgrey:hover,
.cs .btn-darkgrey:hover{
border-color: #fff;
}
.special-gradient .btn-outline-maincolor,
.special-gradient .btn-outline-maincolor2,
.special-gradient .btn-outline-maincolor3,
.special-gradient .btn-outline-maincolor4,
.special-gradient .btn-outline-darkgrey,
.cs .btn-outline-maincolor,
.cs .btn-outline-maincolor2,
.cs .btn-outline-maincolor3,
.cs .btn-outline-maincolor4,
.cs .btn-outline-darkgrey{
background-color: rgba(0, 0, 0, 0);
color: #fff;
}
.special-gradient .btn-outline-maincolor,
.cs .btn-outline-maincolor{
border-color: var(--colorMain);
}
.special-gradient .btn-outline-maincolor2,
.cs .btn-outline-maincolor2{
border-color: var(--colorMain2);
}
.special-gradient .btn-outline-maincolor3,
.cs .btn-outline-maincolor3{
border-color: var(--colorMain3);
}
.special-gradient .btn-outline-maincolor4,
.cs .btn-outline-maincolor4{
border-color: var(--colorMain4);
}
.special-gradient .btn-outline-darkgrey,
.cs .btn-outline-darkgrey{
border-color: #fff;
}
.special-gradient .btn-outline-maincolor:hover,
.special-gradient .btn-outline-maincolor2:hover,
.special-gradient .btn-outline-maincolor3:hover,
.special-gradient .btn-outline-maincolor4:hover,
.special-gradient .btn-outline-darkgrey:hover,
.cs .btn-outline-maincolor:hover,
.cs .btn-outline-maincolor2:hover,
.cs .btn-outline-maincolor3:hover,
.cs .btn-outline-maincolor4:hover,
.cs .btn-outline-darkgrey:hover{
color: var(--colorDarkGrey);
}
.special-gradient .btn-outline-maincolor:hover,
.cs .btn-outline-maincolor:hover{
background-color: var(--colorMain);
}
.special-gradient .btn-outline-maincolor2:hover,
.cs .btn-outline-maincolor2:hover{
background-color: var(--colorMain2);
}
.special-gradient .btn-outline-maincolor3:hover,
.cs .btn-outline-maincolor3:hover{
background-color: var(--colorMain3);
}
.special-gradient .btn-outline-maincolor4:hover,
.cs .btn-outline-maincolor4:hover{
background-color: var(--colorMain4);
}
.special-gradient .btn-outline-darkgrey:hover,
.cs .btn-outline-darkgrey:hover{
background-color: #fff;
}
.special-gradient .links-maincolor a:hover,
.cs .links-maincolor a:hover{
opacity: .7;
}
.special-gradient a.fa,
.cs a.fa{
color: #fff;
border-color: #fff;
}
.special-gradient a.bg-icon,
.cs a.bg-icon{
background-color: rgba(255, 255, 255, .17);
}
.special-gradient .color-icon.bg-icon,
.cs .color-icon.bg-icon{
background-color: rgba(255, 255, 255, .9);
}
.special-gradient a.fa.color-bg-icon:hover,
.cs a.fa.color-bg-icon:hover{
background-color: var(--colorDarkGrey);
}
.cs.cs2{
color: gray;
}
.cs.cs2 h1,
.cs.cs2 h2,
.cs.cs2 h3,
.cs.cs2 h4,
.cs.cs2 h5,
.cs.cs2 h6{
color: #031521;
}
.cs.cs2 h1 a,
.cs.cs2 h2 a,
.cs.cs2 h3 a,
.cs.cs2 h4 a,
.cs.cs2 h5 a,
.cs.cs2 h6 a{
color: #031521;
}
.cs.cs2 h1 a:hover,
.cs.cs2 h2 a:hover,
.cs.cs2 h3 a:hover,
.cs.cs2 h4 a:hover,
.cs.cs2 h5 a:hover,
.cs.cs2 h6 a:hover{
color: rgba(3, 21, 33, .6);
}
.cs.cs2 a:not(.btn){
color: #031521;
}
.cs.cs2 a:not(.btn):hover{
opacity: .8;
}
.cs .btn-action{
background-color: #fff;
}
.cs .btn-action i{
color: var(--colorDarkGrey);
}
.cs .btn-action:hover i{
opacity: .7;
}
.clear,
.clearfix{
clear: both;
}
.round{
border-radius: 50%;
}
.text-normal{
text-transform: none;
}
.with_top_border,
.with_bottom_border{
position: relative;
}
.with_top_border:before,
.with_bottom_border:after{
content: "";
display: block;
position: absolute;
height: 1px;
left: 0;
right: 0;
top: 0;
background-color: rgba(var(--colorDarkGreyRGB), 0.1);
}
.with_bottom_border:after{
top: auto;
bottom: 0;
}
.p-big{
padding: 40px 45px;
}
@media (min-width: 1200px) {
.p-big{
padding: 55px 60px;
}
}
.p-normal{
padding: 40px 45px;
}
.p-small{
padding: 30px 35px;
}
.cover-before,
.cover-after{
overflow: hidden;
}
.cover-before,
.cover-after,
.cover-before > *,
.cover-after > *{
position: relative;
z-index: 2;
}
.cover-before:before,
.cover-after:after{
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.top-corner{
position: absolute;
top: 0;
left: 0;
line-height: 1;
}
.playfair{
font-family: "Playfair Display",serif;
font-style: italic;
font-weight: 400;
}
.latofont{
font-family: "Lato",sans-serif !important;
}
.fs-7{
font-size: 7px;
}
.fs-12{
font-size: 12px;
}
.fs-14{
font-size: 14px;
}
.fs-16{
font-size: 16px;
}
.fs-18{
font-size: 18px;
}
.fs-20{
font-size: 20px;
}
.fs-24{
font-size: 24px;
}
.fs-28{
font-size: 28px;
}
.fs-30{
font-size: 30px;
}
.fs-32{
font-size: 32px;
}
.fs-33{
font-size: 33px;
}
.fs-36{
font-size: 36px;
}
.fs-38{
font-size: 38px;
}
.fs-40{
font-size: 40px;
}
.fs-50{
font-size: 50px;
}
.fs-56{
font-size: 56px;
}
.fs-60{
font-size: 60px;
}
.fs-74{
font-size: 74px;
}
.fs-80{
font-size: 80px;
}
.fs-100{
font-size: 100px;
}
.fs-150{
font-size: 150px;
}
.fs-200{
font-size: 200px;
}
.fs-240{
font-size: 240px;
}
.fw-100,
.extra-light{
font-weight: 100;
}
.fw-300,
.thin{
font-weight: 300;
}
.fw-400{
font-weight: 400;
}
.fw-500,
.regular{
font-weight: 500;
}
.fw-600{
font-weight: 600;
}
.fw-700,
.bold{
font-weight: 700;
}
.fw-900,
.bolder{
font-weight: 900;
}
.dropcap{
font-family: "Playfair Display",serif;
color: var(--colorMain);
font-style: italic;
font-size: 60px;
text-transform: uppercase;
line-height: 50px;
margin: 0 15px 0 0;
float: left;
}
.overflow-hidden{
overflow: hidden;
position: relative;
z-index: 2;
}
@media (min-width: 1200px) {
.overflow-visible{
overflow: visible !important;
z-index: 2;
}
}
@media (min-width: 992px) {
.overflow-visible-2{
overflow: visible !important;
z-index: 2;
}
}
.z-index-2{
z-index: 2;
}
.text-textured{
-webkit-mask-image: url(//agmaritime.com/wp-content/themes/seajay/img/text-textured.png);
color: #fff;
}
[class*=visible-above-],
[class*=visible-below-]{
display: none !important;
}
@media (min-width: 576px) {
.visible-above-sm{
display: block !important;
}
}
@media (max-width: 575px) {
.visible-below-sm{
display: block !important;
}
}
@media (min-width: 768px) {
.visible-above-md{
display: block !important;
}
}
@media (max-width: 767px) {
.visible-below-md{
display: block !important;
}
}
@media (min-width: 992px) {
.visible-above-lg{
display: block !important;
}
}
@media (max-width: 991px) {
.visible-below-lg{
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-above-xl{
display: block !important;
}
}
@media (max-width: 1199px) {
.visible-below-xl{
display: block !important;
}
}
@media (min-width: 1600px) {
.visible-above-xxl{
display: block !important;
}
}
@media (max-width: 1599px) {
.visible-below-xxl{
display: block !important;
}
}
@media (max-width: 575px) {
.hidden-below-sm{
display: none !important;
}
}
@media (min-width: 576px) {
.hidden-above-sm{
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-below-md{
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-above-md{
display: none !important;
}
}
@media (max-width: 991px) {
.hidden-below-lg{
display: none !important;
}
}
@media (min-width: 992px) {
.hidden-above-lg{
display: none !important;
}
}
@media (max-width: 1199px) {
.hidden-below-xl{
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-above-xl{
display: none !important;
}
}
@media (max-width: 1599px) {
.hidden-below-xxl{
display: none !important;
}
}
@media (min-width: 1600px) {
.hidden-above-xxl{
display: none !important;
}
}
@media (max-width: 575px) {
.hidden-xs{
display: none !important;
}
}
@media (min-width: 576px)and (max-width: 767px) {
.hidden-sm{
display: none !important;
}
}
@media (min-width: 768px)and (max-width: 991px) {
.hidden-md{
display: none !important;
}
}
@media (min-width: 992px)and (max-width: 1199px) {
.hidden-lg{
display: none !important;
}
}
@media (min-width: 1200px)and (max-width: 1599px) {
.hidden-xl{
display: none !important;
}
}
@media (min-width: 1600px) {
.hidden-xxl{
display: none !important;
}
}
#content.order-lg-2{
margin-left: auto;
}
aside.fixed-sidebar{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media (max-width: 991px) {
aside.fixed-sidebar{
margin: 60px 0 0;
max-width: none;
}
aside.fixed-sidebar:before{
content: "";
background-color: var(--colorDarkGrey);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .6;
}
}
@media (min-width: 992px) {
aside.fixed-sidebar{
position: fixed;
width: 100%;
height: 100%;
right: 0;
top: 0;
display: flex;
flex-wrap: wrap;
align-content: flex-end;
z-index: 1003;
}
}
@media (min-width: 992px)and (min-width: 1600px) {
aside.fixed-sidebar{
max-width: 600px;
}
}
aside.fixed-sidebar > *{
flex: 0 0 100%;
max-width: 100%;
}
aside.fixed-sidebar .mc4wp-form-fields p,
aside.fixed-sidebar .mc4wp-form-fields label{
margin-bottom: 0;
}
aside.fixed-sidebar.order-lg-1{
left: 0;
right: auto;
}
aside.fixed-sidebar > * + *{
margin-top: 33px;
}
aside.fixed-sidebar [class*=bg-]:not([class*=color-]){
color: rgba(255, 255, 255, .5);
}
.c-gutter-60 [class*=col-].fixed-sidebar{
padding: 100px 40px;
}
@media (min-width: 992px) {
.c-gutter-60 [class*=col-].fixed-sidebar{
padding: 80px;
}
}
.light-bg{
background-color: #fff;
}
.hero-bg{
background-color: #f5f5f5;
}
.transparent-bg{
background-color: rgba(0, 0, 0, 0) !important;
}
.muted-bg{
background-color: #f2f2eb;
}
.bordered{
border: 1px solid #e1e1e1;
}
.box-shadow{
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.box-shadow2{
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
}
.response,
.color-main{
color: var(--colorMain);
border-color: var(--colorMain);
}
.color-main2{
color: var(--colorMain2);
border-color: var(--colorMain2);
}
.color-main3{
color: var(--colorMain3);
border-color: var(--colorMain3);
}
.color-main4{
color: var(--colorMain4);
border-color: var(--colorMain4);
}
.color-dark{
color: var(--colorDark) !important;
border-color: var(--colorDark);
}
.color-light{
color: #fff !important;
}
.color-light li{
color: #fff !important;
}
.color-darkgrey{
color: var(--colorDarkGrey);
border-color: var(--colorDarkGrey);
}
.color-success{
color: #a0ce4e;
}
.color-info{
color: #009cbe;
}
.color-warning{
color: #f6e700;
}
.required,
.color-danger{
color: #cc4b67;
}
.links-maincolor a{
color: var(--colorMain);
}
.links-maincolor2 a{
color: var(--colorMain2);
}
.links-maincolor3 a{
color: var(--colorMain3);
}
.links-grey a{
color: gray;
}
.links-grey a:hover{
color: var(--colorMain);
}
.links-darkgrey a{
color: var(--colorDarkGrey);
}
.links-darkgrey a:hover{
color: var(--colorMain);
}
.bg-maincolor{
background-color: var(--colorMain);
}
.bg-maincolor2{
background-color: var(--colorMain2);
}
.bg-maincolor3{
background-color: var(--colorMain3);
}
.bg-maincolor4{
background-color: var(--colorMain4);
}
.bg-dark{
background-color: var(--colorDark);
}
.bg-darkblue{
color: #fff;
background-color: #253138;
}
.bg-darkgrey{
color: #fff;
background-color: var(--colorDarkGrey);
}
.bg-success{
background-color: #a0ce4e !important;
}
.bg-info{
background-color: #009cbe !important;
}
.bg-warning{
background-color: #f6e700 !important;
}
.bg-danger{
background-color: #cc4b67 !important;
}
[class*=bg-]:not([class*=color-]){
color: #fff;
}
[class*=bg-]:not([class*=color-]) a,
[class*=bg-]:not([class*=color-]) h1,
[class*=bg-]:not([class*=color-]) h2,
[class*=bg-]:not([class*=color-]) h3,
[class*=bg-]:not([class*=color-]) h4,
[class*=bg-]:not([class*=color-]) h5,
[class*=bg-]:not([class*=color-]) h6{
color: #fff;
}
span[class*=bg-],
span.bordered,
span.light-bg,
span.hero-bg,
span.muted-bg{
padding-left: .37em;
padding-right: .37em;
}
.my-10{
margin-top: 10px;
margin-bottom: 10px;
}
.my-15{
margin-top: 15px;
margin-bottom: 15px;
}
.my-20{
margin-top: 20px;
margin-bottom: 20px;
}
.my-30{
margin-top: 30px;
margin-bottom: 30px;
}
.my-35{
margin-top: 35px;
margin-bottom: 35px;
}
.my-40{
margin-top: 40px;
margin-bottom: 40px;
}
.my-50{
margin-top: 50px;
margin-bottom: 50px;
}
.my-55{
margin-top: 55px;
margin-bottom: 55px;
}
.my-60{
margin-top: 60px;
margin-bottom: 60px;
}
.my-65{
margin-top: 65px;
margin-bottom: 65px;
}
.my-70{
margin-top: 70px;
margin-bottom: 70px;
}
.my-80{
margin-top: 80px;
margin-bottom: 80px;
}
.mx-10{
margin-left: 10px;
margin-right: 10px;
}
.mx-15{
margin-left: 15px;
margin-right: 15px;
}
.mx-20{
margin-left: 20px;
margin-right: 20px;
}
.mx-30{
margin-left: 30px;
margin-right: 30px;
}
.mx-35{
margin-left: 35px;
margin-right: 35px;
}
.mx-40{
margin-left: 40px;
margin-right: 40px;
}
.mx-50{
margin-left: 50px;
margin-right: 50px;
}
.mx-55{
margin-left: 55px;
margin-right: 55px;
}
.mx-60{
margin-left: 60px;
margin-right: 60px;
}
.mx-65{
margin-left: 65px;
margin-right: 65px;
}
.mx-70{
margin-left: 70px;
margin-right: 70px;
}
.mx-80{
margin-left: 80px;
margin-right: 80px;
}
.mt-10{
margin-top: 10px;
}
.mt-15{
margin-top: 15px;
}
.mt-20{
margin-top: 20px;
}
.mt-30{
margin-top: 30px;
}
.mt-35{
margin-top: 35px;
}
.mt-40{
margin-top: 40px;
}
.mt-50{
margin-top: 50px;
}
.mt-55{
margin-top: 55px;
}
.mt-60{
margin-top: 60px;
}
.mt-65{
margin-top: 65px;
}
.mt-70{
margin-top: 70px;
}
.mt-80{
margin-top: 80px;
}
.mb-10{
margin-bottom: 10px;
}
.mb-15{
margin-bottom: 15px;
}
.mb-20{
margin-bottom: 20px;
}
.mb-30{
margin-bottom: 30px;
}
.mb-35{
margin-bottom: 35px;
}
.mb-40{
margin-bottom: 40px;
}
.mb-50{
margin-bottom: 50px;
}
.mb-55{
margin-bottom: 55px;
}
.mb-60{
margin-bottom: 60px;
}
.mb-65{
margin-bottom: 65px;
}
.mb-70{
margin-bottom: 70px;
}
.mb-80{
margin-bottom: 80px;
}
.m-10{
margin: 10px;
}
.m-15{
margin: 15px;
}
.m-20{
margin: 20px;
}
.m-30{
margin: 30px;
}
.m-35{
margin: 35px;
}
.m-40{
margin: 40px;
}
.m-50{
margin: 50px;
}
.m-55{
margin: 55px;
}
.m-60{
margin: 60px;
}
.m-65{
margin: 65px;
}
.m-70{
margin: 70px;
}
.m-80{
margin: 80px;
}
.py-10{
padding-top: 10px;
padding-bottom: 10px;
}
.py-15{
padding-top: 15px;
padding-bottom: 15px;
}
.py-20{
padding-top: 20px;
padding-bottom: 20px;
}
.py-30{
padding-top: 30px;
padding-bottom: 30px;
}
.py-35{
padding-top: 35px;
padding-bottom: 35px;
}
.py-40{
padding-top: 40px;
padding-bottom: 40px;
}
.py-50{
padding-top: 50px;
padding-bottom: 50px;
}
.py-55{
padding-top: 55px;
padding-bottom: 55px;
}
.py-60{
padding-top: 60px;
padding-bottom: 60px;
}
.py-65{
padding-top: 65px;
padding-bottom: 65px;
}
.py-70{
padding-top: 70px;
padding-bottom: 70px;
}
.py-80{
padding-top: 80px;
padding-bottom: 80px;
}
.px-10{
padding-left: 10px;
padding-right: 10px;
}
.px-15{
padding-left: 15px;
padding-right: 15px;
}
.px-20{
padding-left: 20px;
padding-right: 20px;
}
.px-30{
padding-left: 30px;
padding-right: 30px;
}
.px-35{
padding-left: 35px;
padding-right: 35px;
}
.px-40{
padding-left: 40px;
padding-right: 40px;
}
.px-50{
padding-left: 50px;
padding-right: 50px;
}
.px-55{
padding-left: 55px;
padding-right: 55px;
}
.px-60{
padding-left: 60px;
padding-right: 60px;
}
.px-65{
padding-left: 65px;
padding-right: 65px;
}
.px-70{
padding-left: 70px;
padding-right: 70px;
}
.px-80{
padding-left: 80px;
padding-right: 80px;
}
.pt-10{
padding-top: 10px;
}
.pt-15{
padding-top: 15px;
}
.pt-20{
padding-top: 20px;
}
.pt-30{
padding-top: 30px;
}
.pt-35{
padding-top: 35px;
}
.pt-40{
padding-top: 40px;
}
.pt-50{
padding-top: 50px;
}
.pt-55{
padding-top: 55px;
}
.pt-60{
padding-top: 60px;
}
.pt-65{
padding-top: 65px;
}
.pt-70{
padding-top: 70px;
}
.pt-80{
padding-top: 80px;
}
.pb-10{
padding-bottom: 10px;
}
.pb-15{
padding-bottom: 15px;
}
.pb-20{
padding-bottom: 20px;
}
.pb-30{
padding-bottom: 30px;
}
.pb-35{
padding-bottom: 35px;
}
.pb-40{
padding-bottom: 40px;
}
.pb-50{
padding-bottom: 50px;
}
.pb-55{
padding-bottom: 55px;
}
.pb-60{
padding-bottom: 60px;
}
.pb-65{
padding-bottom: 65px;
}
.pb-70{
padding-bottom: 70px;
}
.pb-80{
padding-bottom: 80px;
}
.p-10{
padding: 10px;
}
.p-15{
padding: 15px;
}
.p-20{
padding: 20px;
}
.p-30{
padding: 30px;
}
.p-35{
padding: 35px;
}
.p-40{
padding: 40px;
}
.p-50{
padding: 50px;
}
.p-55{
padding: 55px;
}
.p-60{
padding: 60px;
}
.p-65{
padding: 65px;
}
.p-70{
padding: 70px;
}
.p-80{
padding: 80px;
}
@media (min-width: 576px) {
.mt-sm-10{
margin-top: 10px;
}
.mt-sm-15{
margin-top: 15px;
}
.mt-sm-20{
margin-top: 20px;
}
.mt-sm-30{
margin-top: 30px;
}
.mt-sm-35{
margin-top: 35px;
}
.mt-sm-40{
margin-top: 40px;
}
.mt-sm-50{
margin-top: 50px;
}
.mt-sm-55{
margin-top: 55px;
}
.mt-sm-60{
margin-top: 60px;
}
.mt-sm-65{
margin-top: 65px;
}
.mt-sm-70{
margin-top: 70px;
}
.mt-sm-80{
margin-top: 80px;
}
}
@media (min-width: 768px) {
.mt-md-10{
margin-top: 10px;
}
.mt-md-15{
margin-top: 15px;
}
.mt-md-20{
margin-top: 20px;
}
.mt-md-30{
margin-top: 30px;
}
.mt-md-35{
margin-top: 35px;
}
.mt-md-40{
margin-top: 40px;
}
.mt-md-50{
margin-top: 50px;
}
.mt-md-55{
margin-top: 55px;
}
.mt-md-60{
margin-top: 60px;
}
.mt-md-65{
margin-top: 65px;
}
.mt-md-70{
margin-top: 70px;
}
.mt-md-80{
margin-top: 80px;
}
}
@media (min-width: 992px) {
.mt-lg-10{
margin-top: 10px;
}
.mt-lg-15{
margin-top: 15px;
}
.mt-lg-20{
margin-top: 20px;
}
.mt-lg-30{
margin-top: 30px;
}
.mt-lg-35{
margin-top: 35px;
}
.mt-lg-40{
margin-top: 40px;
}
.mt-lg-50{
margin-top: 50px;
}
.mt-lg-55{
margin-top: 55px;
}
.mt-lg-60{
margin-top: 60px;
}
.mt-lg-65{
margin-top: 65px;
}
.mt-lg-70{
margin-top: 70px;
}
.mt-lg-80{
margin-top: 80px;
}
}
@media (min-width: 1200px) {
.mt-xl-10{
margin-top: 10px;
}
.mt-xl-15{
margin-top: 15px;
}
.mt-xl-20{
margin-top: 20px;
}
.mt-xl-30{
margin-top: 30px;
}
.mt-xl-35{
margin-top: 35px;
}
.mt-xl-40{
margin-top: 40px;
}
.mt-xl-50{
margin-top: 50px;
}
.mt-xl-55{
margin-top: 55px;
}
.mt-xl-60{
margin-top: 60px;
}
.mt-xl-65{
margin-top: 65px;
}
.mt-xl-70{
margin-top: 70px;
}
.mt-xl-80{
margin-top: 80px;
}
}
@media (min-width: 1600px) {
.mt-xxl-10{
margin-top: 10px;
}
.mt-xxl-15{
margin-top: 15px;
}
.mt-xxl-20{
margin-top: 20px;
}
.mt-xxl-30{
margin-top: 30px;
}
.mt-xxl-35{
margin-top: 35px;
}
.mt-xxl-40{
margin-top: 40px;
}
.mt-xxl-50{
margin-top: 50px;
}
.mt-xxl-55{
margin-top: 55px;
}
.mt-xxl-60{
margin-top: 60px;
}
.mt-xxl-65{
margin-top: 65px;
}
.mt-xxl-70{
margin-top: 70px;
}
.mt-xxl-80{
margin-top: 80px;
}
}
.icon-box{
display: flex;
}
@media (max-width: 992px) {
.icon-box.mobile-center{
align-items: center !important;
flex-direction: column !important;
text-align: center !important;
}
.icon-box.mobile-center .box_icon + .box-wrap{
margin-top: 15px !important;
margin-left: 0 !important;
}
.icon-box.mobile-center .box_icon + .box-wrap .box-content{
max-width: 260px;
margin: 0 auto;
}
}
.icon-box.type_1 .box_icon{
font-size: 50px;
padding-top: 4px;
}
.icon-box.type_1 .box_icon img{
max-width: 50px;
}
.icon-box.type_1 .box_icon.default{
color: #031521;
}
.icon-box.type_1 .box_icon.color-main{
color: var(--colorMain);
}
.icon-box.type_1 .box_icon.color-main2{
color: var(--colorMain2);
}
.icon-box.type_1 .box_icon.color-main3{
color: var(--colorMain3);
}
.icon-box.type_1 .box_icon.color-main4{
color: var(--colorMain4);
}
.icon-box.type_1 .box-heading{
margin-top: 23px;
margin-bottom: 7px;
line-height: 1.2;
text-transform: none;
letter-spacing: -0.05em;
}
.icon-box.type_2 .box_icon{
background-image: linear-gradient(135deg, #e5e5e5 8.33%, #ffffff 8.33%, #ffffff 50%, #e5e5e5 50%, #e5e5e5 58.33%, #ffffff 58.33%, #ffffff 100%);
background-size: 8.49px 8.49px;
width: 130px;
height: 130px;
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 46px;
}
.icon-box.type_2 .box_icon .icon-inner{
width: 120px;
height: 120px;
text-align: center;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.icon-box.type_2 .box_icon img{
margin-top: 0;
max-width: 50px;
}
.icon-box.type_2 .box_icon.default .icon-inner{
background-color: var(--colorDarkGrey);
color: #fff;
}
.icon-box.type_2 .box_icon.color-main .icon-inner{
background-color: var(--colorMain);
color: #fff;
}
.icon-box.type_2 .box_icon.color-main2 .icon-inner{
background-color: var(--colorMain2);
color: #031521;
}
.icon-box.type_2 .box_icon.color-main3 .icon-inner{
background-color: var(--colorMain3);
color: #031521;
}
.icon-box.type_2 .box-heading{
margin-top: 9px !important;
margin-bottom: 13px;
font-size: 30px;
line-height: 1.2;
text-transform: none;
letter-spacing: -0.05em;
}
.icon-box.type_3 .box_icon{
background-image: linear-gradient(135deg, #e5e5e5 8.33%, transparent 8.33%, transparent 50%, #e5e5e5 50%, #e5e5e5 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
width: 70px;
height: 70px;
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 27px;
}
.icon-box.type_3 .box_icon .icon-inner{
width: 60px;
height: 60px;
text-align: center;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.icon-box.type_3 .box_icon.default .icon-inner{
background-color: var(--colorDarkGrey);
color: #fff;
}
.icon-box.type_3 .box_icon.color-main .icon-inner{
background-color: var(--colorMain);
color: #fff;
}
.icon-box.type_3 .box_icon.color-main2 .icon-inner{
background-color: var(--colorMain2);
color: #031521;
}
.icon-box.type_3 .box_icon.color-main3 .icon-inner{
background-color: var(--colorMain3);
color: #031521;
}
.icon-box.type_3 .box_icon.color-main4 .icon-inner{
background-color: var(--colorMain4);
color: #031521;
}
.icon-box.type_3 .box-heading{
margin-top: 9px !important;
margin-bottom: 13px;
font-size: 30px;
line-height: 1.2;
text-transform: none;
letter-spacing: -0.05em;
}
.icon-box.type_3.type_image .box_icon{
background-image: none;
}
.icon-box.type_3.type_image .box_icon .icon-inner{
background-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
width: 70px;
height: 70px;
}
.icon-box.type_3.type_image .box_icon .icon-inner img{
margin-top: 0;
max-width: 70px;
}
.icon-box.type_4 .box-wrap{
margin-top: 30px;
}
.icon-box.type_4.icon_left .box-wrap{
margin-left: 10px;
}
.icon-box.type_4 .box_icon{
background-image: linear-gradient(135deg, #e5e5e5 8.33%, transparent 8.33%, transparent 50%, #e5e5e5 50%, #e5e5e5 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
width: 120px;
height: 120px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 27px;
}
.icon-box.type_4 .box_icon .icon-inner{
width: 60px;
height: 60px;
text-align: center;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.icon-box.type_4 .box_icon.default .icon-inner{
background-color: var(--colorDarkGrey);
color: #fff;
}
.icon-box.type_4 .box_icon.color-main .icon-inner{
background-color: var(--colorMain);
color: #fff;
}
.icon-box.type_4 .box_icon.color-main2 .icon-inner{
background-color: var(--colorMain2);
color: #031521;
}
.icon-box.type_4 .box_icon.color-main3 .icon-inner{
background-color: var(--colorMain3);
color: #031521;
}
.icon-box.type_4 .box_icon.color-main4 .icon-inner{
background-color: var(--colorMain4);
color: #031521;
}
.icon-box.type_4 .box-heading{
margin-top: 9px !important;
margin-bottom: 15px;
font-size: 24px;
line-height: 1;
text-transform: none;
letter-spacing: -0.05em;
}
.icon-box.type_4.type_image .box_icon{
background-image: none;
}
.icon-box.type_4.type_image .box_icon .icon-inner{
background-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
width: 100px;
height: 100px;
}
.icon-box.type_4.type_image .box_icon .icon-inner img{
margin-top: 0;
max-width: 100px;
}
.icon-box.type_5 .box-wrap{
margin-top: 30px;
}
.icon-box.type_5.icon_left .box-wrap{
margin-left: 10px;
}
.icon-box.type_5 .box_icon{
background-image: linear-gradient(135deg, #e5e5e5 8.33%, transparent 8.33%, transparent 50%, #e5e5e5 50%, #e5e5e5 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 27px;
}
.icon-box.type_5 .box_icon .icon-inner{
width: auto;
height: auto;
text-align: center;
border-radius: 50%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.icon-box.type_5 .box_icon.default .icon-inner{
background-color: var(--colorDarkGrey);
color: #fff;
}
.icon-box.type_5 .box_icon.color-main .icon-inner{
background-color: var(--colorMain);
color: #fff;
}
.icon-box.type_5 .box_icon.color-main2 .icon-inner{
background-color: var(--colorMain2);
color: #031521;
}
.icon-box.type_5 .box_icon.color-main3 .icon-inner{
background-color: var(--colorMain3);
color: #031521;
}
.icon-box.type_5 .box_icon.color-main4 .icon-inner{
background-color: var(--colorMain4);
color: #031521;
}
.icon-box.type_5 .box-heading{
margin-top: 9px !important;
margin-bottom: 15px;
font-size: 30px;
line-height: 1;
text-transform: none;
letter-spacing: -0.05em;
}
@media (max-width: 567px) {
.icon-box.type_5 .box-heading{
font-size: 20px;
}
}
.icon-box.type_5 .box-content{
max-width: 300px;
}
@media (max-width: 1200px) {
.icon-box.type_5 .box-content{
display: none;
}
}
.icon-box.type_5.type_image .box_icon{
background-image: none;
}
.icon-box.type_5.type_image .box_icon .icon-inner{
background-color: rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0);
}
.icon-box.type_5.type_image .box_icon .icon-inner img{
margin-top: 0;
max-width: 140px;
}
@media (max-width: 567px) {
.icon-box.type_5.type_image .box_icon .icon-inner img{
max-width: 60px;
}
}
@media (max-width: 1440px) {
.icon-box.type_5.type_image .box_icon .icon-inner img{
max-width: 80px;
}
}
.icon-box.icon_top{
align-items: center;
flex-direction: column;
text-align: center;
}
.icon-box.icon_top .box-heading{
margin-top: 0;
}
.icon-box.icon_top .box_icon + .box-wrap{
margin-top: 10px;
}
@media (max-width: 567px) {
.icon-box.icon_top .box_icon + .box-wrap{
margin-top: 10px;
}
}
.icon-box.icon_top.type_1 .box_icon{
width: 70px;
height: 70px;
}
.icon-box.icon_top.type_1 .box_icon .icon-inner{
width: 60px;
height: 60px;
}
.icon-box.icon_left.type_1 .box_icon + .box-wrap{
margin-left: 30px;
}
.icon-box.icon_right.type_1{
flex-direction: row-reverse;
text-align: right;
}
.icon-box.icon_right.type_1 .box_icon + .box-wrap{
margin-right: 30px;
}
.icon-box.icon_left.type_2 .box_icon + .box-wrap{
margin-left: 20px;
}
.icon-box.icon_right.type_2{
flex-direction: row-reverse;
text-align: right;
}
.icon-box.icon_right.type_2 .box_icon + .box-wrap{
margin-right: 20px;
}
.icon-box.icon_left.type_3 .box_icon + .box-wrap{
margin-left: 20px;
}
.icon-box.icon_right.type_3{
flex-direction: row-reverse;
text-align: right;
}
.icon-box.icon_right.type_3 .box_icon + .box-wrap{
margin-right: 20px;
}
.icon-box.icon_left.type_4 .box_icon + .box-wrap{
margin-left: 20px;
}
.icon-box.icon_right.type_4{
flex-direction: row-reverse;
text-align: right;
}
.icon-box.icon_right.type_4 .box_icon + .box-wrap{
margin-right: 20px;
}
.icon-box .box-heading{
font-size: 23px;
line-height: 30px;
margin-bottom: 14px;
}
.icon-box.block-item{
padding: 60px;
background-color: #fff;
border: 0;
border-radius: 0;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
cursor: pointer;
position: relative;
overflow: hidden;
z-index: 1;
transition: all .2s ease-in-out 0s;
}
.icon-box.block-item .box_icon{
height: 60px;
line-height: 1;
}
.icon-box.block-item i,
.icon-box.block-item i:before{
font-size: 60px;
}
.icon-box.block-item .box_icon + .box-wrap{
margin-top: 25px;
}
.icon-box.block-item .box_icon img{
max-width: 60px;
}
.icon-box.block-item .box-heading{
font-size: 30px;
line-height: 30px;
margin-bottom: 26px;
margin-top: 26px;
}
.icon-box.block-item .box-content{
color: #031521;
margin-bottom: 15px;
}
.icon-box.block-item:before{
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: var(--colorMain2);
opacity: 0;
}
.icon-box.block-item:hover:before{
opacity: 1;
}
.icon-box.block-item .box_icon,
.icon-box.block-item .box-wrap{
z-index: 2;
}
.icon-box.ls,
.icon-box.cs{
padding: 56px 60px 54px;
}
.icon-box.ls.icon_top .box_icon + .box-wrap,
.icon-box.cs.icon_top .box_icon + .box-wrap{
margin-top: 26px;
}
.icon-box.ls.icon_top .box-content,
.icon-box.cs.icon_top .box-content{
margin-top: 16px;
}
.icon-box.small-box2.icon_top.type_1 .box_icon{
padding-top: 2px;
width: auto;
height: auto;
}
.icon-box.small-box2.icon_top.type_1 .box_icon + .box-wrap{
margin-top: 16px;
}
@media (min-width: 992px) {
.icon-box.small-box2.icon_top.type_1.featured-left{
position: relative;
z-index: 5;
right: -60px;
}
.icon-box.small-box2.icon_top.type_1.featured-right{
position: relative;
z-index: 5;
left: -60px;
}
}
.icon-box-2{
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
.icon-box-2.with_padding{
padding: 15px;
}
@media (min-width: 400px) {
.icon-box-2.with_padding{
padding: 60px;
}
}
.icon-box-2 .box_icon{
margin-top: 6px;
margin-bottom: 20px;
font-size: 56px;
color: var(--colorMain);
}
.icon-box-2 .box_icon img{
max-height: 50px;
}
.icon-box-2.cs .box_icon{
color: #fff;
}
.icon-box-2 .box_icon + .box-wrap{
margin-top: 38px;
}
.icon-box-2 .box-heading{
font-size: 30px;
line-height: 1.2;
margin-bottom: 22px;
color: var(--colorDarkGrey);
}
.icon-box-2 .box-content{
margin-bottom: 45px;
}
.ds .icon-box-2 .box-content{
color: gray;
}
.icon-box-2.cs .box-content{
color: #fff;
}
.icon-box-2 .box-btn{
margin-bottom: 15px;
}
.icon-box-2 .box-btn a{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
position: relative;
color: var(--colorDarkGrey);
}
.icon-box-2 .box-btn a:after{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
width: 20px;
height: 7px;
position: absolute;
right: -25px;
top: 50%;
-webkit-transform: translateY(-58%);
transform: translateY(-58%);
color: #f6e700;
}
.icon-box-2 .box-btn a:hover,
.icon-box-2 .box-btn a:focus{
opacity: .5;
}
@media (min-width: 992px) {
.icon-box-2.box-featured{
position: relative;
z-index: 5;
padding-top: 80px;
padding-bottom: 80px;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.icon-box-2.small-box{
transition: .5s;
}
.icon-box-2.small-box .box_icon{
margin-top: -10px;
margin-bottom: 0;
}
.icon-box-2.small-box .box_icon img{
max-height: 100px;
}
.icon-box-2.small-box .box_icon + .box-wrap{
margin-top: 25px;
}
.icon-box-2.small-box .box-content{
margin-bottom: 25px;
}
.icon-box-2.small-box .box-btn{
margin-bottom: -5px;
}
.icon-box-2.small-box .box-btn a:after{
display: none;
}
@media (min-width: 992px) {
.icon-box-2.small-box:hover{
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.icon-box-2.small-box:hover.box-featured{
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
.special-heading{
margin: 0;
line-height: 1;
letter-spacing: -0.06em;
}
h1.special-heading,
h2.special-heading{
line-height: 1;
}
h2.special-heading.big{
font-size: 60px;
}
@media (max-width: 576px) {
h2.special-heading.big{
font-size: 40px;
}
}
.line-height-small{
line-height: 1;
}
@media (max-width: 1200px) {
.line-height-small{
line-height: 1;
}
}
.extra-light{
font-weight: 100;
}
.large-letter-spacing{
letter-spacing: .2em;
display: block;
}
.none-letter-spacing{
letter-spacing: 0;
}
.normal-letter-spacing{
letter-spacing: 1px !important;
}
.number-card{
display: flex;
overflow: hidden;
position: relative;
margin: 30px 0;
}
.number-card .card-number span{
position: relative;
display: block;
margin-left: -0.32em;
margin-top: -0.14em;
font-family: "Poppins",sans-serif;
font-weight: 700;
font-size: 60px;
line-height: 1;
letter-spacing: -0.03em;
}
.number-card .card-number span:after{
font-size: .62em;
content: "•";
position: absolute;
right: -0.4em;
bottom: -0.09em;
}
@media (min-width: 992px) {
.number-card .card-number span{
font-size: 100px;
}
}
@media (min-width: 1200px) {
.number-card .card-number span{
font-size: 238px;
}
}
.number-card .card-content{
padding: 36px 36px 46px;
}
@media (min-width: 992px) {
.number-card .card-content{
padding: 56px 60px 66px 100px;
}
}
.number-card .card-content h4{
margin: 0;
line-height: 1;
}
.number-card .card-content h3{
line-height: 1;
margin: 6px 0 25px;
font-weight: 900;
}
@media (min-width: 500px) {
.number-card .card-content h3{
font-size: 38px;
}
}
@media (max-width: 499px) {
.number-card .card-number{
position: absolute;
}
.number-card .card-number span{
font-size: 36px;
}
.number-card h3,
.number-card h4{
display: inline-block;
}
}
.pricing-plan{
text-align: center;
padding: 40px 40px 30px;
margin-top: 25px;
margin-bottom: 25px;
}
@media (max-width: 576px) {
.pricing-plan{
padding: 40px 20px 30px;
}
}
.pricing-plan .price-wrap{
display: flex;
justify-content: center;
align-items: flex-end;
font-size: 20px;
line-height: .7;
margin: 80px 0 37px;
}
.pricing-plan .price-wrap[class*=bg-]{
padding: 30px 30px 10px;
margin-top: 50px;
margin-bottom: 0;
}
.pricing-plan .price-wrap .plan-sign{
font-size: 20px;
font-weight: bold;
font-family: "Montserrat",sans-serif;
margin-right: 5px;
}
.pricing-plan .price-wrap .plan-price{
font-size: 60px;
font-weight: bold;
font-family: "Montserrat",sans-serif;
}
.pricing-plan .price-wrap .plan-price span{
font-size: 20px;
}
.pricing-plan [class*=bg-]{
padding: 10px 30px 30px;
margin-left: -41px;
margin-right: -41px;
}
@media (max-width: 576px) {
.pricing-plan [class*=bg-]{
margin-left: -20px;
margin-right: -20px;
}
}
.pricing-plan .plan-name[class*=bg-]{
padding-top: 45px;
padding-bottom: 45px;
margin-top: -40px;
}
.pricing-plan .plan-name h3{
font-size: 12px;
letter-spacing: .1em;
font-weight: 700;
color: #031521;
text-transform: uppercase;
line-height: 1;
}
@media (min-width: 1200px) {
.pricing-plan{
padding: 57px 60px 38px;
}
.pricing-plan [class*=bg-]{
margin-left: -61px;
margin-right: -61px;
}
.pricing-plan .plan-name[class*=bg-]{
margin-top: -58px;
}
}
.pricing-plan .plan-features{
margin: 20px 0 20px;
}
.pricing-plan .plan-features .list-bordered li{
padding-top: 16px;
padding-bottom: 17px;
}
.pricing-plan .plan-features .list-bordered li:first-child{
border-top: 0;
}
.pricing-plan .plan-features .list-bordered li:last-child{
border-bottom: 0;
}
.pricing-plan .plan-features .list-bordered li.enabled:before,
.pricing-plan .plan-features .list-bordered li.disabled:before{
font-family: "FontAwesome";
content: "";
top: -2px;
padding-right: 7px;
}
.pricing-plan .plan-features .list-bordered li.disabled:before{
content: "";
}
.pricing-plan .plan-button{
position: relative;
margin-top: 40px;
margin-bottom: 40px;
}
.pricing-plan.plan-featured{
border: 0;
box-shadow: none;
background-color: var(--colorMain2);
}
@media (min-width: 992px) {
.pricing-plan.plan-featured{
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}
}
.pricing-plan.plan-featured .plan-name{
background-color: var(--colorDarkGrey);
}
.pricing-plan.plan-featured .plan-name h3{
color: #fff;
}
.pricing-plan.plan-featured .plan-button{
margin-top: 40px;
margin-bottom: 40px;
}
.pricing-plan.plan-featured .plan-button .btn{
background-color: #fff;
color: var(--colorDarkGrey);
}
.pricing-plan.plan-featured .plan-button .btn:hover,
.pricing-plan.plan-featured .plan-button .btn:focus{
background-color: rgba(0, 0, 0, 0);
}
.pricing-plan hr{
margin: 15px 0;
}
.pricing-plan .fw-switch-row{
position: absolute;
}
.desc-col .pricing-plan{
padding-left: 0;
padding-right: 0;
}
.desc-col .pricing-plan .fw-switch-row{
display: none;
}
.testimonials-slider.owl-carousel .owl-stage-outer{
margin-right: 0;
margin-left: 0;
padding-right: 10px;
padding-left: 10px;
}
.testimonials-slider.owl-carousel .owl-nav{
position: absolute;
top: auto;
margin-top: 58px;
}
@media (max-width: 768px) {
.testimonials-slider.owl-carousel .owl-nav{
margin-top: 25px;
}
}
.testimonials-slider.owl-carousel .owl-nav > div{
left: auto;
right: auto;
position: relative;
opacity: 1;
margin: 0 10px;
}
.testimonials-slider.owl-carousel .owl-nav > div:hover{
opacity: .7;
}
.testimonials-slider.owl-carousel .owl-nav > div:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
width: 20px;
height: 7px;
display: block;
cursor: pointer;
}
.ds .testimonials-slider.owl-carousel .owl-nav > div:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/white_arrow_right.png);
}
.testimonials-slider.owl-carousel .owl-nav > div i{
display: none;
}
.testimonials-slider.owl-carousel .owl-nav > div:first-child:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_left.png);
}
.ds .testimonials-slider.owl-carousel .owl-nav > div:first-child:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/white_arrow_left.png);
}
@media (min-width: 1200px) {
.testimonials-slider.owl-carousel.show-mark:after,
.testimonials-slider.owl-carousel.show-mark:before{
content: "";
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/quote-mark.png);
position: absolute;
top: 57%;
left: -11%;
width: 224px;
height: 183px;
background-color: #fff;
}
.testimonials-slider.owl-carousel.show-mark:after{
left: auto;
right: -12%;
top: 88%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@media (max-width: 768px) {
.testimonials-slider.testimonials-slider-1.owl-carousel .quote-item.testimonial-item .position{
margin-bottom: 10px;
}
}
.testimonials-slider.testimonials-slider-1.owl-carousel .owl-nav{
position: absolute;
top: auto;
}
@media (max-width: 768px) {
.testimonials-slider.testimonials-slider-1.owl-carousel .owl-nav{
margin-top: 2px;
}
}
.quote-item.testimonial-item{
text-align: center;
border: none;
padding: 0;
}
@media (min-width: 768px) {
.quote-item.testimonial-item{
margin-left: auto;
margin-right: auto;
max-width: 740px;
}
}
.quote-item.testimonial-item::before,
.quote-item.testimonial-item::after{
display: none;
}
.quote-item.testimonial-item .quote-image{
position: relative;
display: inline-block;
max-width: 270px;
margin-bottom: 43px;
}
@media (max-width: 576px) {
.quote-item.testimonial-item .quote-image{
margin-bottom: 30px;
}
}
.quote-item.testimonial-item .quote-image img{
border-radius: 50%;
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 8.33%, transparent 8.33%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
padding: 20px;
}
.quote-item.testimonial-item .quote-image + p{
margin: 30px 0 20px;
}
.quote-item.testimonial-item .item-title{
margin-bottom: 3px;
letter-spacing: 0;
font-size: 40px;
}
@media (max-width: 567px) {
.quote-item.testimonial-item .item-title{
font-size: 30px;
}
}
.quote-item.testimonial-item .position{
background-color: var(--colorMain2);
width: auto;
display: inline-block;
font-style: normal;
padding: 3px 10px;
color: #031521;
margin-bottom: 33px;
}
.quote-item.testimonial-item .item-text{
color: gray;
padding: 0 10px;
}
@media (max-width: 567px) {
.quote-item.testimonial-item .item-text{
font-size: 14px;
}
}
@media (max-width: 1500px) {
.quote-item.testimonial-item .item-text{
max-width: 500px;
margin: .85em auto 1.2em;
}
}
.app-demo .quote-item.testimonial-item .position{
background-color: var(--colorMain);
color: #fff;
}
.app-demo .testimonials-slider.owl-carousel .owl-nav{
margin-top: 0;
}
.stripes_bg .quote-item.testimonial-item .quote-image{
max-width: 230px;
}
.stripes_bg .quote-item.testimonial-item .quote-image img{
border-radius: 50%;
background-image: linear-gradient(135deg, #e5e5e5 8.33%, transparent 8.33%, transparent 50%, #e5e5e5 50%, #e5e5e5 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
padding: 20px;
}
@media (max-width: 576px) {
.stripes_bg .quote-item.testimonial-item .quote-image img{
padding: 10px;
}
}
.quote-item.testimonial-item-2{
text-align: center;
border: none;
margin: 0;
padding: 0;
}
.quote-item.testimonial-item-2::before,
.quote-item.testimonial-item-2::after{
display: none;
}
.quote-item.testimonial-item-2 .quote-image{
position: relative;
display: inline-block;
max-width: 100px;
margin-bottom: 7px;
}
.quote-item.testimonial-item-2 .quote-image img{
border-radius: 50%;
background-image: linear-gradient(135deg, #e5e5e5 8.33%, transparent 8.33%, transparent 50%, #e5e5e5 50%, #e5e5e5 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
padding: 9px;
}
.quote-item.testimonial-item-2 .quote-image + p{
margin: 30px 0 20px;
}
.quote-item.testimonial-item-2 .item-title{
margin-bottom: 5px;
letter-spacing: 0;
}
.quote-item.testimonial-item-2 .position{
background-color: var(--colorMain2);
width: auto;
display: inline-block;
font-style: normal;
padding: 3px 10px;
color: #031521;
margin-bottom: 33px;
}
.quote-item.testimonial-item-2 .item-text{
font-size: 16px;
}
.testimonials-slider.testimonials-slider-3::before{
font-style: normal;
text-align: center;
font-size: 120px;
line-height: 90px;
font-family: "Playfair Display",serif;
content: "“";
position: absolute;
top: -10px;
left: -70px;
width: 60px;
height: 60px;
color: var(--colorMain);
}
@media (max-width: 1200px) {
.testimonials-slider.testimonials-slider-3::before{
display: none;
}
}
.testimonials-slider.testimonials-slider-3 .quote-item.testimonial-item-3{
text-align: left;
border: none;
margin: 0;
padding: 0 15px 0 15px;
}
.testimonials-slider.testimonials-slider-3 .quote-item.testimonial-item-3::before,
.testimonials-slider.testimonials-slider-3 .quote-item.testimonial-item-3::after{
display: none;
}
.testimonials-slider.testimonials-slider-3 .quote-item.testimonial-item-3 .item-text{
font-size: 16px;
}
.testimonials-slider.testimonials-slider-3.owl-carousel .owl-dots{
text-align: left;
padding-left: 12px;
}
.shortcode-testimonials-slider .overlay{
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
}
@media (max-width: 1600px) {
.shortcode-testimonials-slider .overlay{
background: rgba(255, 255, 255, .8);
}
}
@media (max-width: 1200px) {
.shortcode-testimonials-slider .fw-testimonials-title{
font-size: 30px;
}
}
.shortcode-testimonials-slider .testimonials-slider{
position: relative;
}
@media (max-width: 992px) {
.shortcode-testimonials-slider .testimonials-slider.flexslider .slides img{
display: none;
}
.shortcode-testimonials-slider .testimonials-slider .overlay{
background: rgba(0, 0, 0, 0);
}
.shortcode-testimonials-slider .testimonials-slider .custom-navigation{
position: relative;
z-index: 4;
top: auto;
bottom: 60px;
left: 30px;
max-width: 550px;
width: 100%;
display: flex;
align-items: center;
padding: 0 70px;
margin-top: 30px;
}
}
@media (max-width: 576px) {
.shortcode-testimonials-slider .testimonials-slider .fw-testimonials-text{
border: 0;
padding: .4em 0 .4em 0px;
margin: 30px 0 0 0;
}
.shortcode-testimonials-slider .testimonials-slider .custom-navigation{
position: relative;
z-index: 4;
top: auto;
bottom: 60px;
left: 0;
max-width: 550px;
width: 100%;
display: flex;
align-items: center;
padding: 0 70px;
margin-top: 30px;
}
}
@media (max-width: 479px) {
.shortcode-testimonials-slider .testimonials-slider .fw-testimonials-text{
border: 0;
padding: .4em 0 .4em 0px;
margin: 30px 0 0 0;
}
.shortcode-testimonials-slider .testimonials-slider .custom-navigation{
position: relative;
z-index: 4;
top: auto;
bottom: 60px;
left: 0;
max-width: 550px;
width: 100%;
display: flex;
align-items: center;
padding: 0 70px;
margin-top: 30px;
}
}
.shortcode-testimonials-slider .testimonials-slider .fw-testimonials-item .fw-testimonials-item-inner{
display: block;
position: absolute;
z-index: 4;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 60px;
max-width: 550px;
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 992px) {
.shortcode-testimonials-slider .testimonials-slider .fw-testimonials-item .fw-testimonials-item-inner{
padding-top: 20px;
padding-bottom: 80px;
}
}
@media (min-width: 1200px) {
.shortcode-testimonials-slider .testimonials-slider .fw-testimonials-item .fw-testimonials-item-inner{
left: 15px;
padding-top: 0;
padding-bottom: 80px;
}
}
@media (min-width: 1440px) {
.shortcode-testimonials-slider .testimonials-slider .fw-testimonials-item .fw-testimonials-item-inner{
left: 7.7%;
padding-top: 50px;
padding-bottom: 110px;
}
}
@media (min-width: 1600px) {
.shortcode-testimonials-slider .testimonials-slider .fw-testimonials-item .fw-testimonials-item-inner{
left: 18.7%;
}
}
@media (max-width: 992px) {
.shortcode-testimonials-slider .testimonials-slider .fw-testimonials-item .fw-testimonials-item-inner{
position: relative;
padding-top: 40px;
top: 0;
-webkit-transform: none;
transform: none;
left: 30px;
padding-bottom: 40px;
}
}
@media (max-width: 576px) {
.shortcode-testimonials-slider .testimonials-slider .fw-testimonials-item .fw-testimonials-item-inner{
left: 15px;
}
}
.shortcode-testimonials-slider .testimonials-slider .fw-testimonials-item .fw-testimonials-item-inner .fw-testimonials-author .author-name{
font-family: "Playfair Display",serif;
font-size: 40px;
font-style: italic;
color: #031521;
}
@media (max-width: 1200px) {
.shortcode-testimonials-slider .testimonials-slider .fw-testimonials-item .fw-testimonials-item-inner .fw-testimonials-author .author-name{
font-size: 30px;
}
}
.shortcode-testimonials-slider .custom-navigation{
position: absolute;
z-index: 4;
top: auto;
bottom: 60px;
left: 60px;
max-width: 550px;
width: 100%;
display: flex;
align-items: center;
padding: 0 70px;
}
@media (min-width: 992px) {
.shortcode-testimonials-slider .custom-navigation{
bottom: 75px;
}
}
@media (min-width: 1200px) {
.shortcode-testimonials-slider .custom-navigation{
left: 15px;
}
}
@media (min-width: 1440px) {
.shortcode-testimonials-slider .custom-navigation{
bottom: 160px;
left: 7.7%;
}
}
@media (min-width: 1600px) {
.shortcode-testimonials-slider .custom-navigation{
bottom: 170px;
left: 18.7%;
}
}
@media (min-width: 1800px) {
.shortcode-testimonials-slider .custom-navigation{
bottom: 240px;
}
}
.shortcode-testimonials-slider .custom-navigation .custom-controls-container{
position: relative;
width: 100%;
height: 60px;
}
.shortcode-testimonials-slider .custom-navigation .flex-prev,
.shortcode-testimonials-slider .custom-navigation .flex-next{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 60px;
height: 60px;
border: 1px solid var(--colorDarkGrey);
border-radius: 50%;
z-index: 3;
}
.shortcode-testimonials-slider .custom-navigation .flex-prev::before,
.shortcode-testimonials-slider .custom-navigation .flex-next::before{
padding: 0;
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_left.png);
content: "";
display: inline-block;
width: 20px;
height: 7px;
}
.shortcode-testimonials-slider .custom-navigation .flex-prev:hover,
.shortcode-testimonials-slider .custom-navigation .flex-next:hover{
opacity: .6;
}
.shortcode-testimonials-slider .custom-navigation .flex-next{
left: auto;
right: 0;
}
.shortcode-testimonials-slider .custom-navigation .flex-next::before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
}
.shortcode-testimonials-slider .custom-navigation .custom-controls-container .flex-control-nav.flex-control-paging{
height: 1px;
background: rgba(var(--colorDarkGreyRGB), 0.1);
bottom: 50%;
display: flex;
justify-content: space-between;
}
.shortcode-testimonials-slider .custom-navigation .custom-controls-container .flex-control-nav.flex-control-paging li{
padding: 0;
}
.shortcode-testimonials-slider .custom-navigation .custom-controls-container .flex-control-nav.flex-control-paging li > a{
width: 60px;
height: 1px;
display: block;
border: 0;
cursor: pointer;
border-radius: 0;
padding: 0;
opacity: 1;
}
@media (max-width: 576px) {
.shortcode-testimonials-slider .custom-navigation .custom-controls-container .flex-control-nav.flex-control-paging li > a{
width: 30px;
}
}
.shortcode-testimonials-slider .custom-navigation .custom-controls-container .flex-control-nav.flex-control-paging li > a.flex-active{
background: var(--colorDarkGrey);
}
.app-demo .quote-item.testimonial-item .quote-image{
margin-bottom: 30px;
}
@media (max-width: 1440px) {
.app-demo .quote-item.testimonial-item .quote-image img{
max-width: 150px;
padding: 10px;
}
}
.app-demo .quote-item.testimonial-item .item-title{
font-size: 40px;
}
@media (max-width: 1440px) {
.app-demo .quote-item.testimonial-item .item-title{
font-size: 30px;
}
}
.app-demo .quote-item.testimonial-item .position{
margin-bottom: 33px;
}
@media (max-width: 1440px) {
.app-demo .quote-item.testimonial-item .position{
margin-bottom: 10px;
}
}
@media (max-width: 1440px) {
.app-demo .quote-item.testimonial-item .item-text{
font-size: 14px;
}
}
.ls .quote-item.testimonial-item .quote-image img{
background-image: linear-gradient(135deg, rgba(var(--colorDarkGreyRGB), 0.2) 8.33%, transparent 8.33%, transparent 50%, rgba(var(--colorDarkGreyRGB), 0.2) 50%, rgba(var(--colorDarkGreyRGB), 0.2) 58.33%, transparent 58.33%, transparent 100%);
}
.items-tile .item-content{
padding-bottom: 100px;
}
.items-tile .item-content h3{
text-transform: none;
margin-bottom: .3em;
}
@media (min-width: 992px) {
.items-tile .item-content h3 a{
display: inline-block;
max-height: 3.05em;
overflow: hidden;
padding-bottom: .1em;
}
.items-tile .item-content h3 + p{
max-height: 5.5em;
overflow: hidden;
}
}
.items-tile .item-icons{
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 70px;
line-height: 60px;
border-top: 1px solid rgba(255, 255, 255, .2);
padding: 0 40px;
border-bottom: 10px solid rgba(0, 0, 0, .1);
}
.items-tile .item-icons span{
padding: 0 15px;
}
@media (min-width: 992px)and (max-width: 1199px) {
.items-tile .col-lg-4 [class*=col-]:first-child .item-media{
margin-bottom: 32px;
}
.items-tile .col-lg-4 [class*=col-]:last-child .item-content{
min-height: 320px;
}
}
@media (min-width: 1200px) {
.items-tile .item-content{
padding: 60px 60px 100px;
}
.items-tile .item-content h3{
font-size: 38px;
}
.items-tile .col-lg-4 [class*=col-]:first-child .item-media{
margin-bottom: 16px;
}
.items-tile .col-lg-4 [class*=col-]:last-child .item-content{
min-height: 388px;
}
}
.filters{
padding-top: 30px;
padding-bottom: 30px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media (min-width: 1200px) {
.filters{
padding-bottom: 70px;
}
}
.filters.gallery-filters{
padding-bottom: 45px;
}
.filters.filters-active-tob-border{
padding-top: 0;
}
.filters.filters-active-tob-border a{
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}
@media (max-width: 991px) {
.filters.filters-active-tob-border a{
padding-top: 10px;
padding-bottom: 7px;
}
}
.filters.filters-active-tob-border a.active:after{
content: "";
position: absolute;
right: 0;
left: 0;
top: 0;
height: 1px;
background: var(--colorMain);
z-index: 1;
}
.filters a{
padding: 3px 12px;
line-height: 2em;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.filters a.selected{
background: var(--colorMain2);
color: var(--colorDarkGrey);
}
.filters a.selected:hover{
color: var(--colorDarkGrey);
opacity: .7;
}
@media (min-width: 1200px) {
.filters a{
margin: 0 15px;
}
}
.filters .active{
color: var(--colorMain);
}
@media (min-width: 992px) {
.isotope-wrapper + .row{
margin-top: 60px;
}
.isotope-wrapper.c-mb-30 + .row{
margin-top: 30px;
}
.isotope-wrapper.c-mb-10 + .row{
margin-top: 50px;
}
.isotope-wrapper.c-mb-1 + .row{
margin-top: 59px;
}
}
.fw-theme-call-to-action{
border: 0;
padding: 0;
display: block;
margin-bottom: 10px;
}
.fw-theme-call-to-action .section_header{
margin-bottom: 23px;
}
.fw-theme-call-to-action .fw-action-wrap{
display: inline-block;
}
.fw-theme-call-to-action .fw-action-wrap .fw-action-desc{
margin-bottom: 15px;
font-size: 20px;
line-height: 30px;
color: #031521;
font-weight: 300;
}
.fw-theme-call-to-action .fw-action-wrap .fw-action-desc span,
.fw-theme-call-to-action .fw-action-wrap .fw-action-desc strong{
color: #031521;
}
@media (min-width: 768px) {
.fw-theme-call-to-action .fw-action-wrap{
display: flex;
justify-content: space-around;
}
.fw-theme-call-to-action .fw-action-wrap .fw-action-desc{
margin-right: 35px;
}
.fw-theme-call-to-action .fw-action-wrap .fw-action-btn{
margin-left: 0;
}
}
@media (min-width: 992px) {
.fw-theme-call-to-action .fw-action-wrap .fw-action-desc{
margin-right: 90px;
}
}
.ds .fw-action-wrap{
color: gray;
}
.ds .fw-action-wrap .fw-action-desc span{
color: gray;
}
.contacts-list .no-bullets{
padding-left: 0;
list-style: none;
}
.contacts-list.white-text .contact-item .title{
color: #fff;
}
.contacts-list .contact-item{
margin-bottom: 31px;
}
.contacts-list .contact-item:last-child{
margin-bottom: 0;
}
.contacts-list .contact-item .title{
color: #031521;
width: auto;
display: inline-block;
font-size: 12px;
line-height: 1.6em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
font-family: "Montserrat",sans-serif;
background-color: var(--colorMain2);
padding: 3px 10px;
margin-bottom: 13px;
}
.contacts-list .contact-item .desc{
display: block;
font-size: 20px;
font-weight: bold;
color: #031521;
line-height: 29px;
}
.contacts-list .contact-item .desc a{
color: #031521;
}
.contacts-list .contact-item .desc a:hover{
color: var(--colorMain);
}
.portfolio-shortcode .gallery-item .item-meta{
opacity: 0;
}
.portfolio-shortcode .gallery-item:hover .item-meta{
opacity: 1;
}
.portfolio-shortcode.owl-theme .owl-nav{
position: absolute;
top: 50%;
}
.portfolio-shortcode.owl-theme .owl-nav > div{
position: absolute;
right: -100px;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
}
.portfolio-shortcode.owl-theme .owl-nav > div:hover{
cursor: default;
opacity: .6;
}
.portfolio-shortcode.owl-theme .owl-nav > div.disabled:hover{
cursor: default;
opacity: .6;
}
.portfolio-shortcode.owl-theme .owl-nav > div:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/owl-next-small.png);
background-size: contain;
width: 85px;
height: 113px;
display: block;
cursor: pointer;
}
.portfolio-shortcode.owl-theme .owl-nav > div i{
display: none;
}
.portfolio-shortcode.owl-theme .owl-nav > div:first-child{
left: -100px;
right: auto;
}
.portfolio-shortcode.owl-theme .owl-nav > div:first-child:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/owl-prev-small.png);
}
@media (min-width: 1500px) {
.portfolio-shortcode.owl-theme .owl-nav > div{
right: -112px;
}
.portfolio-shortcode.owl-theme .owl-nav > div:first-child{
left: -112px;
}
}
@media (min-width: 1600px) {
.portfolio-shortcode.owl-theme .owl-nav > div{
right: -112px;
}
.portfolio-shortcode.owl-theme .owl-nav > div:first-child{
left: -112px;
}
}
@media (min-width: 1800px) {
.portfolio-shortcode.owl-theme .owl-nav > div{
right: -112px;
}
.portfolio-shortcode.owl-theme .owl-nav > div:first-child{
left: -112px;
}
}
.simple-list .no-bullets{
padding-left: 0;
}
.simple-list .list-title{
margin-bottom: 20px !important;
}
.simple-list .list-item{
display: flex;
justify-content: left;
margin-bottom: 0;
padding: 3px 0 3px 10px;
}
.simple-list .list-item:last-child{
margin-bottom: 0;
}
.simple-list .list1 .list-item,
.simple-list .list3 .list-item{
padding: 5px 0 5px 25px;
}
.simple-list .list4{
list-style: none;
padding-left: 0;
}
.simple-list .list4 li.list-item{
position: relative;
width: auto;
display: flex;
justify-content: center;
align-items: center;
padding: 17px 0;
border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.simple-list .list4 li.list-item:first-child{
border-top: 1px solid rgba(255, 255, 255, .1);
}
.simple-list .list4 li.list-item:before{
font-family: "FontAwesome";
font-size: 14px;
content: "";
position: relative;
left: 0;
margin-right: 20px;
top: auto;
-webkit-transform: none;
transform: none;
color: var(--colorMain);
}
.shortcode-simple-counter{
text-align: center;
}
.shortcode-simple-counter .counter_wrap{
display: inline-block;
margin: 0 35px 30px 35px;
}
.shortcode-simple-counter .counter_wrap:last-child{
margin: 0 35px 0 35px;
}
.shortcode-simple-counter .counter_wrap .counter-inner{
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
.shortcode-simple-counter .counter_wrap .counter-inner .counter,
.shortcode-simple-counter .counter_wrap .counter-inner .counter-text{
display: inline-block;
line-height: 1;
margin: 0;
}
.shortcode-simple-counter .counter_wrap .counter-title{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
color: #031521;
}
.shortcode-simple-counter-2{
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.shortcode-simple-counter-2 .counter_wrap{
display: flex;
flex-basis: 50%;
justify-content: flex-start;
margin-bottom: 40px;
}
@media (max-width: 480px) {
.shortcode-simple-counter-2 .counter_wrap{
flex-basis: 100%;
}
}
.shortcode-simple-counter-2 .counter_wrap:last-child{
margin-bottom: 0;
}
.shortcode-simple-counter-2 .counter_wrap .counter_content{
padding-left: 20px;
}
.shortcode-simple-counter-2 .counter_wrap .counter_icon{
display: flex;
justify-content: center;
align-items: center;
color: #fff;
width: 70px;
height: 70px;
position: relative;
background-image: linear-gradient(135deg, #e5e5e5 8.33%, transparent 8.33%, transparent 50%, #e5e5e5 50%, #e5e5e5 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
border-radius: 50%;
font-size: 24px;
}
.shortcode-simple-counter-2 .counter_wrap .counter_icon .counter_icon_inner{
display: flex;
justify-content: center;
align-items: center;
background-color: var(--colorMain);
padding: 5px;
width: 60px;
height: 60px;
border-radius: 50%;
}
.shortcode-simple-counter-2 .counter_wrap .counter-size{
color: #031521;
font-size: 40px;
font-weight: bold;
display: inline-block;
margin-bottom: 0;
line-height: 1;
margin-top: 15px;
}
.shortcode-simple-counter-2 .counter_wrap .counter-text{
color: #031521;
margin-top: 12px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1;
margin-bottom: 0;
}
.shortcode-simple-counter-2 .counter_wrap.custom-upload .counter_icon{
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
.shortcode-simple-counter-2 .counter_wrap.custom-upload .counter_icon .counter_icon_inner{
background-color: rgba(0, 0, 0, 0);
}
.shortcode-simple-counter-2 .counter_wrap.custom-upload .counter_icon .counter_icon_inner img{
max-height: 70px;
}
.shortcode-simple-counter-2.columns-md-4 .counter_wrap{
text-align: center;
padding: 0 15px;
width: 49%;
}
@media (max-width: 480px) {
.shortcode-simple-counter-2.columns-md-4 .counter_wrap{
width: 100%;
}
}
@media (min-width: 992px) {
.shortcode-simple-counter-2.columns-md-4 .counter_wrap{
width: 24.5%;
}
}
.shortcode-simple-counter-3{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
@media (max-width: 992px) {
.shortcode-simple-counter-3{
margin-bottom: 20px;
}
}
.shortcode-simple-counter-3 .counter_wrap{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-bottom: 0;
}
.shortcode-simple-counter-3 .counter_wrap .counter_content{
display: block;
text-align: center;
}
.shortcode-simple-counter-3 .counter_wrap .counter_icon{
display: flex;
justify-content: center;
align-items: center;
color: var(--colorDarkGrey);
width: 90px;
height: 90px;
position: relative;
background-image: linear-gradient(135deg, #e5e5e5 8.33%, transparent 8.33%, transparent 50%, #e5e5e5 50%, #e5e5e5 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
border-radius: 50%;
font-size: 24px;
}
.shortcode-simple-counter-3 .counter_wrap .counter_icon .counter_icon_inner{
display: flex;
justify-content: center;
align-items: center;
background-color: var(--colorMain2);
padding: 5px;
width: 80px;
height: 80px;
border-radius: 50%;
}
.shortcode-simple-counter-3 .counter_wrap .counter-size{
color: #031521;
font-size: 40px;
font-weight: bold;
display: inline-block;
margin-bottom: 0;
line-height: 1;
margin-top: 20px;
}
.shortcode-simple-counter-3 .counter_wrap .counter-text{
color: #031521;
margin-top: 12px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1;
margin-bottom: 0;
}
.shortcode-simple-counter-3 .counter_wrap.custom-upload .counter_icon{
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
.shortcode-simple-counter-3 .counter_wrap.custom-upload .counter_icon .counter_icon_inner{
background-color: rgba(0, 0, 0, 0);
}
.shortcode-simple-counter-3 .counter_wrap.custom-upload .counter_icon .counter_icon_inner img{
max-height: 70px;
}
.shortcode-simple-counter-3.columns-md-4 .counter_wrap{
text-align: center;
padding: 0 15px;
width: 49%;
}
@media (max-width: 480px) {
.shortcode-simple-counter-3.columns-md-4 .counter_wrap{
width: 100%;
}
}
@media (min-width: 992px) {
.shortcode-simple-counter-3.columns-md-4 .counter_wrap{
width: 24.5%;
}
}
.fw-theme-steps.fw-theme-steps-1 .fw-theme-step-wrap{
display: inline-block;
padding-bottom: 10px;
}
.fw-theme-steps.fw-theme-steps-1 .fw-theme-step-wrap:after{
display: inline-block;
padding: 0;
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right_2.png);
content: "";
width: 50px;
height: 7px;
margin-right: 5px;
}
.fw-theme-steps.fw-theme-steps-1 .fw-theme-step-wrap .step-title{
background-color: var(--colorMain2);
color: var(--colorDarkGrey);
padding: 5px 10px;
margin-right: 5px;
}
.fw-theme-steps.fw-theme-steps-1 .fw-theme-step-wrap:last-child:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-1 .fw-theme-step-wrap:last-child .step-title{
margin-right: 5px;
}
.fw-theme-steps.fw-theme-steps-1.layout-2{
display: flex;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.fw-theme-steps.fw-theme-steps-1.layout-2{
justify-content: space-between;
}
}
.fw-theme-steps.fw-theme-steps-1.layout-2 .step-title2 i{
position: relative;
top: -4px;
margin-right: 5px;
}
@media (min-width: 992px) {
.fw-theme-steps.fw-theme-steps-1.layout-2 .step-title2 i{
margin-right: 15px;
}
}
@media (max-width: 991px) {
.fw-theme-steps.fw-theme-steps-1.layout-2 .fw-theme-step-wrap2{
margin-right: 25px;
}
}
.special-gradient .fw-theme-steps-1.layout-2 .step-title2,
[class*=gradient-] .fw-theme-steps-1.layout-2 .step-title2{
color: var(--colorDark);
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap{
display: block;
width: auto;
text-align: center;
margin: 0 auto;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap > *{
position: relative;
display: block;
width: auto;
margin: 0 auto;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap .fw-step-left-part{
text-align: center;
max-width: 400px;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap .fw-step-left-part .step-title{
width: 100%;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap .fw-step-right-part{
margin-top: 20px;
max-width: 400px;
}
.ds .fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap .fw-step-right-part{
color: rgba(255, 255, 255, .7);
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap .fw-step-center-part img{
max-width: 260px;
padding: 15px;
background-image: linear-gradient(135deg, rgba(var(--colorDarkGreyRGB), 0.1) 8.33%, transparent 8.33%, transparent 50%, rgba(var(--colorDarkGreyRGB), 0.1) 50%, rgba(var(--colorDarkGreyRGB), 0.1) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
border-radius: 50%;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:nth-child(odd) .step-title{
text-align: right;
margin-top: 0;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:nth-child(odd) .step-title:before{
text-align: left;
left: 0;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:nth-child(even) .step-title{
text-align: left;
margin-top: 0;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:nth-child(even) .step-title:before{
text-align: right;
right: 0;
}
#box_wrapper .fw-theme-steps-2{
counter-reset: number;
}
#box_wrapper .fw-theme-steps-2 .step-title{
position: relative;
z-index: 1;
text-transform: lowercase;
font-size: 60px;
font-family: "Playfair Display",serif;
font-weight: 400;
font-style: italic;
line-height: 1.2;
letter-spacing: 0;
}
@media (max-width: 576px) {
#box_wrapper .fw-theme-steps-2 .step-title{
font-size: 40px;
}
}
#box_wrapper .fw-theme-steps-2 .step-title:before{
content: counter(number, decimal-leading-zero);
counter-increment: number;
position: absolute;
top: -25px;
width: 100%;
font-size: 90px;
font-family: "Montserrat",sans-serif;
font-style: normal;
font-weight: bold;
letter-spacing: -0.05em;
z-index: -1;
}
#box_wrapper .fw-theme-steps-2 .step-title.color1:before{
color: var(--colorMain);
}
#box_wrapper .fw-theme-steps-2 .step-title.color2:before{
color: var(--colorMain2);
}
#box_wrapper .fw-theme-steps-2 .step-title.color3:before{
color: var(--colorMain3);
}
#box_wrapper .fw-theme-steps-2 .step-title.color4:before{
color: var(--colorMain4);
}
.fw-theme-steps-2 .fw-theme-step-wrap + .fw-theme-step-wrap{
margin-top: 40px;
}
@media (min-width: 992px) {
#box_wrapper .fw-theme-steps-2 .step-title{
word-break: normal;
margin-bottom: 0;
}
#box_wrapper .fw-theme-steps-2 .step-title:before{
top: -60px;
width: 100%;
font-size: 160px;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap{
display: flex;
justify-content: center;
align-items: center;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap .fw-step-right-part{
margin-top: 0;
text-align: left;
max-width: 100%;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap .fw-step-center-part{
position: relative;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:nth-child(odd){
flex-direction: row;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:nth-child(odd) .fw-step-center-part{
position: relative;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:nth-child(odd) .fw-step-center-part:after{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/right_arrow.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 136px;
z-index: 4;
bottom: -100px;
right: 20px;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:nth-child(even){
flex-direction: row-reverse;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:nth-child(even) .fw-step-center-part:after{
content: "";
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 136px;
z-index: 4;
bottom: -100px;
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/left_arrow.png);
right: auto;
left: 20px;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:nth-child(even) .fw-step-right-part{
text-align: right;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:last-child .fw-step-center-part:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap > *{
flex-basis: 33.3%;
}
}
@media (min-width: 1200px) {
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap .fw-step-center-part:after{
right: 40px;
}
.fw-theme-steps.fw-theme-steps-2 .fw-theme-step-wrap:nth-child(even) .fw-step-center-part:after{
left: 40px;
}
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap{
display: flex;
justify-content: center;
}
@media (max-width: 768px) {
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap{
flex-direction: column;
align-items: center;
text-align: center;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .fw-step-left-part,
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .fw-step-center-part{
margin-bottom: 30px;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .fw-step-right-part{
max-width: 250px;
margin: 0 auto;
}
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .step-title{
margin-top: -3px;
font-size: 40px;
font-weight: 400;
font-family: "Playfair Display",serif;
font-style: italic;
line-height: 1;
text-align: center;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .step-title:before,
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .step-title:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .fw-step-center-part:before,
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .fw-step-center-part:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .fw-step-center-part img{
max-width: 260px;
padding: 15px;
background-image: linear-gradient(135deg, rgba(var(--colorDarkGreyRGB), 0.1) 8.33%, transparent 8.33%, transparent 50%, rgba(var(--colorDarkGreyRGB), 0.1) 50%, rgba(var(--colorDarkGreyRGB), 0.1) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
border-radius: 50%;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .year{
display: inline-block;
font-size: 90px;
line-height: .8;
font-weight: bold;
font-family: "Montserrat",sans-serif;
letter-spacing: -4px;
}
@media (min-width: 992px) {
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .year{
font-size: 120px;
}
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .year.color1{
color: var(--colorMain);
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .year.color2{
color: var(--colorMain2);
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .year.color3{
color: var(--colorMain3);
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .year.color4{
color: var(--colorMain4);
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap + .fw-theme-step-wrap{
margin-top: 60px;
}
@media (min-width: 992px) {
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap + .fw-theme-step-wrap{
margin-top: 50px;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap{
align-items: center;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .fw-step-left-part{
margin-top: 0;
max-width: none;
flex-basis: 40%;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .fw-step-right-part{
margin-top: 0;
flex-basis: 40%;
max-width: none;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .fw-step-right-part .step-text{
max-width: 370px;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(odd) .fw-step-left-part{
text-align: right;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(odd) .fw-step-left-part .step-title{
text-align: right;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(odd) .fw-step-center-part{
position: relative;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(odd) .fw-step-center-part:after{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/right_arrow.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 136px;
z-index: 4;
bottom: -90px;
right: -15px;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(odd) .fw-step-right-part{
text-align: left;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(odd) .fw-step-right-part .step-text{
float: left;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(even){
flex-direction: row-reverse;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(even) .fw-step-center-part{
position: relative;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(even) .fw-step-center-part:after{
content: "";
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 136px;
z-index: 4;
bottom: -90px;
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/left_arrow.png);
right: auto;
left: -15px;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(even) .fw-step-left-part{
text-align: left;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(even) .fw-step-left-part .step-title{
text-align: left;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(even) .fw-step-right-part{
text-align: right;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:nth-child(even) .fw-step-right-part .step-text{
float: right;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:last-child .fw-step-center-part{
position: relative;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap:last-child .fw-step-center-part:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-3 .fw-theme-step-wrap .fw-step-center-part{
max-width: 260px;
margin: 0 85px;
flex-basis: 20%;
}
}
@media (min-width: 1200px) {
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap{
display: flex;
justify-content: space-between;
overflow: hidden;
position: relative;
z-index: 2;
}
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item{
position: relative;
margin-bottom: 60px;
padding: 30px 20px;
}
@media (min-width: 1200px) {
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item{
margin-bottom: 0;
}
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item:after{
content: "";
height: 54px;
width: 1px;
display: block;
position: absolute;
left: 50%;
margin-left: -2px;
bottom: -54px;
background: rgba(var(--colorDarkGreyRGB), 0.1);
}
@media (min-width: 1200px) {
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item:after{
display: none;
}
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item:last-child{
margin-bottom: 0;
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item:last-child:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item .item-img{
height: 60px;
margin-bottom: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item .item-img img{
max-height: 60px;
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item .item-title{
margin-top: 5px;
margin-bottom: 10px;
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item .item-dot{
padding: 13px;
background: #fff;
display: inline-block;
position: relative;
z-index: 3;
}
@media (min-width: 1200px) {
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item .item-dot:after{
content: "";
height: 1px;
width: 250px;
display: block;
position: absolute;
left: 40px;
margin-left: 0;
top: 26px;
background: rgba(var(--colorDarkGreyRGB), 0.1);
}
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item .item-dot span{
background: var(--colorMain);
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
border-radius: 50%;
border: 5px solid #fff;
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item .item-text{
max-width: 250px;
display: inline-block;
}
@media (min-width: 1200px) {
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item .item-text{
max-width: 100%;
}
}
@media (min-width: 1200px) {
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item:last-child .item-dot:after{
background: rgba(var(--colorDarkGreyRGB), 0.1);
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item:first-child .item-dot:before{
content: "";
height: 1px;
width: 94px;
display: block;
position: absolute;
left: auto;
right: 40px;
margin-left: 0;
top: 26px;
background: rgba(var(--colorDarkGreyRGB), 0.1);
}
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item.color2 .item-dot span{
background: var(--colorMain2);
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item.color3 .item-dot span{
background: var(--colorMain3);
}
.fw-theme-steps.fw-theme-steps-4 .fw-theme-steps-wrap .vertical-item.color4 .item-dot span{
background: var(--colorMain4);
}
.fw-theme-steps.fw-theme-steps-5{
text-align: center;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item{
margin-bottom: 90px;
position: relative;
padding: 0 15px;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item:after{
content: "";
height: 54px;
width: 1px;
display: block;
position: absolute;
left: 50%;
margin-left: -2px;
bottom: -70px;
background: rgba(var(--colorDarkGreyRGB), 0.1);
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item:last-child{
margin-bottom: 0;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item:last-child:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-img{
display: inline-block;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-img img{
max-width: 190px;
border-radius: 50%;
padding: 10px;
background-image: linear-gradient(135deg, rgba(var(--colorDarkGreyRGB), 0.1) 8.33%, transparent 8.33%, transparent 50%, rgba(var(--colorDarkGreyRGB), 0.1) 50%, rgba(var(--colorDarkGreyRGB), 0.1) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-content .step-title{
margin-top: 20px;
font-size: 30px;
font-weight: bold;
text-align: center;
margin-bottom: 16px !important;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-content .step-title:before,
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-content .step-title:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-content .step-text{
max-width: 240px;
display: inline-block;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-content:last-child{
margin-bottom: 0;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-content:last-child .step-text:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .year{
display: block;
font-size: 60px;
line-height: 60px;
height: 60px;
overflow: hidden;
font-weight: bold;
font-family: "Montserrat",sans-serif;
margin-bottom: 20px;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .year.color1{
color: var(--colorMain);
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .year.color2{
color: var(--colorMain2);
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .year.color3{
color: var(--colorMain3);
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .year.color4{
color: var(--colorMain4);
}
@media (min-width: 992px) {
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap{
display: flex;
justify-content: space-between;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item{
margin-bottom: 0;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-img{
position: relative;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-img:after{
content: "";
height: 1px;
width: 90px;
display: block;
position: absolute;
right: -100px;
margin-left: 0;
margin-top: -2px;
top: 50%;
background: rgba(var(--colorDarkGreyRGB), 0.1);
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item:first-child .item-img:before{
content: "";
height: 1px;
width: 90px;
display: block;
position: absolute;
left: -100px;
margin-left: 0;
top: 50%;
background: rgba(var(--colorDarkGreyRGB), 0.1);
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item:last-child .item-img:after{
content: "";
height: 1px;
width: 90px;
display: block;
position: absolute;
right: -100px;
margin-left: 0;
top: 50%;
background: rgba(var(--colorDarkGreyRGB), 0.1);
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-content{
margin-bottom: 0;
}
.fw-theme-steps.fw-theme-steps-5 .fw-theme-step-wrap .vertical-item .item-content .step-text:after{
display: none;
}
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap + .fw-theme-steps-wrap{
margin-top: 80px;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap > *{
position: relative;
display: block;
width: auto;
margin: 0 auto;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-left-part{
text-align: center;
max-width: 400px;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-right-part{
margin-top: 0;
text-align: center;
max-width: 300px;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-right-part .item-title{
margin-bottom: 15px;
font-weight: 400;
font-family: "Playfair Display",serif;
font-size: 30px;
font-style: italic;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-right-part:after{
content: "";
height: 54px;
width: 1px;
display: block;
position: absolute;
left: 50%;
right: auto;
margin-left: 0;
bottom: -64px;
background-color: rgba(var(--colorDarkGreyRGB), 0.1) !important;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:last-child .fw-step-right-part:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-center-part{
text-align: center;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-center-part .item-dot{
padding: 0;
background: rgba(0, 0, 0, 0);
display: inline-block;
position: relative;
z-index: 3;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-center-part .item-dot span{
background: var(--colorMain);
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
border-radius: 50%;
border: 5px solid #f2f2eb;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-center-part.color2 .item-dot span{
background: var(--colorMain2);
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-center-part.color3 .item-dot span{
background: var(--colorMain3);
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-center-part.color4 .item-dot span{
background: var(--colorMain4);
}
@media (min-width: 992px) {
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap{
margin-top: 50px !important;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:last-child{
margin-bottom: 100px !important;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:first-child{
margin-top: 100px !important;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap{
display: flex;
justify-content: center;
align-items: flex-start;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:nth-child(even){
flex-direction: row-reverse;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-left-part{
margin-top: 0;
max-width: none;
flex-basis: 45%;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-right-part{
margin-top: 0;
flex-basis: 45%;
max-width: none;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-right-part:after{
display: none;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-right-part .item-title{
margin-top: 0;
margin-bottom: 18px !important;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-right-part .item-text{
max-width: 240px;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:nth-child(odd) .fw-step-left-part{
text-align: right;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:nth-child(odd) .fw-step-right-part{
text-align: left;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:nth-child(odd) .fw-step-right-part .item-title{
text-align: left;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:nth-child(odd) .fw-step-right-part .item-text{
float: left;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:nth-child(even) .fw-step-left-part{
text-align: left;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:nth-child(even) .fw-step-left-part .item-title{
text-align: left;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:nth-child(even) .fw-step-right-part{
text-align: right;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:nth-child(even) .fw-step-right-part .item-title{
text-align: right;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:nth-child(even) .fw-step-right-part .item-text{
float: right;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-center-part{
max-width: 50px;
margin: 0;
flex-basis: 10%;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap .fw-step-center-part:after{
content: "";
height: 140px;
width: 1px;
display: block;
position: absolute;
left: 50%;
right: auto;
margin-left: 0;
bottom: -140px;
background-color: rgba(var(--colorDarkGreyRGB), 0.1) !important;
}
.fw-theme-steps.fw-theme-steps-6 .fw-theme-steps-wrap:first-child .fw-step-center-part:before{
content: "";
height: 75px;
width: 1px;
display: block;
position: absolute;
left: 50%;
right: auto;
margin-left: 0;
top: -70px;
bottom: auto;
background-color: rgba(var(--colorDarkGreyRGB), 0.1) !important;
}
}
.fw-theme-steps-7{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 10px;
}
.fw-theme-steps-7 .fw-step{
position: relative;
width: 100%;
padding: 0 45px;
}
.fw-theme-steps-7 .fw-step .box_icon > i{
display: inline-block;
transition: all .2s ease 0s;
}
.fw-theme-steps-7 .fw-step .pattern-bg{
transition: .5s all;
}
@media (min-width: 992px) {
.fw-theme-steps-7 .fw-step{
width: 30.3%;
}
.fw-theme-steps-7 .fw-step:hover .box_icon > i{
-webkit-transform: scale(1.3);
transform: scale(1.3);
transition: all .3s cubic-bezier(0.52, 1.25, 0.61, 1.89) 0s;
}
}
@media (min-width: 1200px) {
.fw-theme-steps-7 .fw-step:not(:last-child):before{
content: "";
background: url(//agmaritime.com/wp-content/themes/seajay/img/step_line02.png) no-repeat;
position: absolute;
display: block;
width: 219px;
height: 23px;
z-index: 4;
top: 34px;
left: calc(50% + 77px);
}
.fw-theme-steps-7 .fw-step:nth-child(2n):before{
top: 46%;
-webkit-transform: translateX(3%) rotate(180deg);
transform: translateX(3%) rotate(180deg);
}
.fw-theme-steps-7 .fw-step:first-child:after,
.fw-theme-steps-7 .fw-step:last-child:after{
content: "";
background: url(//agmaritime.com/wp-content/themes/seajay/img/step_line01.png) no-repeat;
position: absolute;
display: block;
width: 107px;
height: 20px;
z-index: 4;
top: 51.4%;
left: -27px;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.fw-theme-steps-7 .fw-step:last-child:after{
top: 38px;
left: auto;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
right: -31px;
}
}
@media (min-width: 1299px) {
.fw-theme-steps-7 .fw-step:not(:last-child):before{
left: calc(50% + 90px);
}
}
.fw-theme-steps-7 .fw-step .pattern-bg{
padding: 10px;
background-image: linear-gradient(135deg, rgba(var(--colorDarkGreyRGB), 0.1) 8.33%, transparent 8.33%, transparent 50%, rgba(var(--colorDarkGreyRGB), 0.1) 50%, rgba(var(--colorDarkGreyRGB), 0.1) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
border-radius: 50%;
}
.fw-theme-steps-7 .fw-step .box_icon{
position: relative;
z-index: 1;
height: 170px;
line-height: 173px;
width: 170px;
border-radius: 50%;
}
.fw-theme-steps-7 .fw-step .box_icon.step-pattern1:before,
.fw-theme-steps-7 .fw-step .box_icon.step-pattern2:before,
.fw-theme-steps-7 .fw-step .box_icon.step-pattern3:before{
content: "";
background-position: top;
background-repeat: repeat-x;
mix-blend-mode: multiply;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
}
.fw-theme-steps-7 .fw-step .box_icon.step-pattern1:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/step_patern01.png);
}
.fw-theme-steps-7 .fw-step .box_icon.step-pattern2:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/step_patern02.png);
}
.fw-theme-steps-7 .fw-step .box_icon.step-pattern3:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/step_patern03.png);
}
@media (max-width: 991px) {
.fw-theme-steps-7 .fw-step + .fw-step{
margin-top: 55px;
}
}
.ls .fw-theme-steps-7 .fw-step .pattern-bg{
background-image: linear-gradient(135deg, rgba(var(--colorDarkGreyRGB), 0.1) 8.33%, transparent 8.33%, transparent 50%, rgba(var(--colorDarkGreyRGB), 0.1) 50%, rgba(var(--colorDarkGreyRGB), 0.1) 58.33%, transparent 58.33%, transparent 100%);
}
.images-grid{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.images-grid.style-1{
margin-top: -15px;
margin-bottom: -15px;
}
.images-grid.style-1 .images-grid-item-wrap{
padding: 15px;
}
.images-grid.style-1 .images-grid-item-wrap .images-grid-item{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.images-grid.style-2 .images-grid-item-wrap .images-grid-item{
border: 1px solid rgba(var(--colorDarkGreyRGB), 0.1);
margin: -1px;
}
.images-grid .images-grid-item-wrap .images-grid-item{
transition: all .2s ease;
min-height: 170px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
cursor: pointer;
}
.images-grid .images-grid-item-wrap .images-grid-item:hover{
background: var(--colorMain2);
}
.images-grid.columns-1 .images-grid-item-wrap{
width: 100%;
}
.images-grid.columns-2 .images-grid-item-wrap{
width: 49%;
}
.images-grid.columns-3 .images-grid-item-wrap{
width: 33%;
}
@media (max-width: 576px) {
.images-grid.columns-3 .images-grid-item-wrap{
width: 49%;
}
}
.images-grid.columns-4 .images-grid-item-wrap{
width: 25%;
}
@media (max-width: 768px) {
.images-grid.columns-4 .images-grid-item-wrap{
width: 49%;
}
}
.info-box{
background: #fff;
cursor: pointer;
padding: 30px 20px;
transition: all .2s ease-in-out 0s;
}
@media (min-width: 1200px) {
.info-box{
padding: 45px;
}
}
.info-box .box-icon{
margin-top: 17px;
}
.info-box .box-icon,
.info-box .box-icon a{
color: var(--colorMain) !important;
font-size: 60px;
}
.info-box .box-title{
margin-top: 53px;
margin-bottom: 24px;
}
.info-box .box-features{
list-style: none;
text-align: center;
padding: 0 20px;
}
.info-box .box-features .feature{
padding: 19px 0;
border-top: 1px solid rgba(var(--colorDarkGreyRGB), 0.1);
line-height: 1.4;
}
.info-box .box-features .feature:first-child{
border-top: 0;
}
.info-box:hover{
background: var(--colorMain2);
}
.info-box:hover .box-features .feature{
color: var(--colorDarkGrey);
}
.shortcode-info-box2 .owl-stage-outer{
padding: 10px;
}
.shortcode-info-box2.owl-theme .owl-nav{
position: absolute;
top: 50%;
}
.shortcode-info-box2.owl-theme .owl-nav > div{
position: absolute;
right: -100px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
margin-top: -40px;
opacity: 1;
}
.shortcode-info-box2.owl-theme .owl-nav > div:hover{
cursor: default;
opacity: .6;
}
.shortcode-info-box2.owl-theme .owl-nav > div.disabled:hover{
cursor: default;
opacity: .6;
}
.shortcode-info-box2.owl-theme .owl-nav > div:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/owl-next-small.png);
background-size: contain;
width: 85px;
height: 113px;
display: block;
cursor: pointer;
}
.shortcode-info-box2.owl-theme .owl-nav > div i{
display: none;
}
.shortcode-info-box2.owl-theme .owl-nav > div:first-child{
left: -100px;
right: auto;
}
.shortcode-info-box2.owl-theme .owl-nav > div:first-child:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/owl-prev-small.png);
}
@media (max-width: 1440px) {
.shortcode-info-box2.owl-theme .owl-nav{
display: none;
}
}
@media (min-width: 1500px) {
.shortcode-info-box2.owl-theme .owl-nav > div{
right: -112px;
}
.shortcode-info-box2.owl-theme .owl-nav > div:first-child{
left: -112px;
}
}
@media (min-width: 1600px) {
.shortcode-info-box2.owl-theme .owl-nav > div{
right: -112px;
}
.shortcode-info-box2.owl-theme .owl-nav > div:first-child{
left: -112px;
}
}
@media (min-width: 1800px) {
.shortcode-info-box2.owl-theme .owl-nav > div{
right: -112px;
}
.shortcode-info-box2.owl-theme .owl-nav > div:first-child{
left: -130px;
}
}
.info-box2 .box-title{
margin-bottom: 18px;
}
.info-box2 .box-text{
margin-bottom: 25px;
}
.info-box2 .box-add-info .box-add-info-item{
display: inline-block;
}
.info-box2 .box-add-info .box-add-info-item a{
font-weight: bold;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.info-box2 .box-add-info .box-add-info-item a:hover,
.info-box2 .box-add-info .box-add-info-item a:focus{
color: inherit;
opacity: .8;
}
.info-box2 .box-add-info .box-add-info-item a.ios_link,
.info-box2 .box-add-info .box-add-info-item a.android_link{
padding: 0 10px;
}
.info-box2 .box-add-info .box-add-info-item a.ios_link:before,
.info-box2 .box-add-info .box-add-info-item a.android_link:before{
font-family: "FontAwesome";
font-size: 14px;
content: " ";
position: relative;
left: 0;
margin-right: 5px;
top: auto;
-webkit-transform: none;
transform: none;
}
.info-box2 .box-add-info .box-add-info-item a.ios_link:before{
content: "";
}
.info-box2 .box-add-info .box-add-info-item a.android_link:before{
content: "";
}
.shortcode-video{
position: relative;
background: var(--colorDarkGrey);
}
.shortcode-video .embed-responsive a:after{
transition: all .3s ease-in-out;
content: "";
font-family: "FontAwesome";
position: absolute;
color: #fff;
font-size: 14px;
line-height: 58px;
width: 60px;
height: 60px;
text-align: center;
border: 1px solid #fff;
border-radius: 50%;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
cursor: pointer;
}
.shortcode-video .embed-responsive-16by9::before{
padding-top: 62.25%;
}
.video-block-shortcode{
display: block;
}
.video-block-shortcode .video-shortcode-wrapper .video-block{
position: relative;
}
.video-block-shortcode .video-shortcode-wrapper .video-block .embed-responsive a:before{
background-image: linear-gradient(135deg, var(--colorMain2) 8.33%, transparent 8.33%, transparent 50%, var(--colorMain2) 50%, var(--colorMain2) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
z-index: 3;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all .2s ease-in-out 0s;
}
.video-block-shortcode .video-shortcode-wrapper .video-block .embed-responsive a:after{
transition: all .3s ease-in-out;
content: "";
font-family: "FontAwesome";
position: absolute;
color: var(--colorDarkGrey);
background: #fff;
font-size: 14px;
line-height: 58px;
width: 60px;
height: 60px;
text-align: center;
border: 0;
border-radius: 50%;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
cursor: pointer;
z-index: 4;
}
.video-block-shortcode .video-shortcode-wrapper .video-block .embed-responsive:hover a:before{
opacity: 1;
}
.video-block-shortcode .video-shortcode-wrapper .video-block .embed-responsive:hover a:after{
background: var(--colorMain2);
}
.video-block-shortcode .video-shortcode-wrapper .video-block .embed-responsive:hover img{
opacity: 1;
}
.video-block-shortcode .video-shortcode-wrapper .info-block{
text-align: center;
}
@media (max-width: 567px) {
.video-block-shortcode .video-shortcode-wrapper .info-block{
margin-top: 20px;
}
}
@media (min-width: 768px) {
.video-block-shortcode .video-shortcode-wrapper .info-block{
text-align: left;
}
}
@media (min-width: 768px) {
.video-block-shortcode .video-shortcode-wrapper{
display: flex;
flex-direction: row;
}
.video-block-shortcode .video-shortcode-wrapper.right_position{
flex-direction: row-reverse;
}
}
@media (min-width: 1200px) {
.video-block-shortcode .video-shortcode-wrapper{
display: flex;
align-items: center;
}
.video-block-shortcode .video-shortcode-wrapper .info-block{
z-index: 3;
}
.video-block-shortcode .video-shortcode-wrapper .info-block .title{
font-size: 60px;
line-height: 1;
margin-bottom: 60px;
}
.video-block-shortcode .video-shortcode-wrapper .info-block .desc{
margin-bottom: 70px;
}
.video-block-shortcode .video-shortcode-wrapper.left_position .video-block .add-stripes-bg{
position: relative;
}
.video-block-shortcode .video-shortcode-wrapper.left_position .video-block .add-stripes-bg:before{
content: "";
background-image: linear-gradient(135deg, rgba(var(--colorDarkGreyRGB), 0.1) 8.33%, transparent 8.33%, transparent 50%, rgba(var(--colorDarkGreyRGB), 0.1) 50%, rgba(var(--colorDarkGreyRGB), 0.1) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
position: absolute;
left: -20px;
top: -20px;
width: 100%;
height: 100%;
display: block;
}
.video-block-shortcode .video-shortcode-wrapper.left_position .info-block .title,
.video-block-shortcode .video-shortcode-wrapper.left_position .info-block .readmore-btn{
margin-left: -120px;
}
.video-block-shortcode .video-shortcode-wrapper.right_position .video-block .add-stripes-bg{
position: relative;
}
.video-block-shortcode .video-shortcode-wrapper.right_position .video-block .add-stripes-bg:before{
content: "";
background-image: linear-gradient(135deg, rgba(var(--colorDarkGreyRGB), 0.1) 8.33%, transparent 8.33%, transparent 50%, rgba(var(--colorDarkGreyRGB), 0.1) 50%, rgba(var(--colorDarkGreyRGB), 0.1) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
position: absolute;
right: -20px;
top: -20px;
width: 100%;
height: 100%;
display: block;
}
.video-block-shortcode .video-shortcode-wrapper.right_position .info-block .title,
.video-block-shortcode .video-shortcode-wrapper.right_position .info-block .readmore-btn{
margin-right: -120px;
}
}
.scroll-block{
max-height: 195px;
padding-right: 30px;
overflow-y: scroll;
}
.scroll-block::-webkit-scrollbar{
width: 1px;
}
.scroll-block::-webkit-scrollbar-track{
background-color: rgba(var(--colorDarkGreyRGB), 0.1);
}
.scroll-block::-webkit-scrollbar-thumb{
background-color: var(--colorDarkGrey);
height: 60px;
}
.bootstrap-tabs.tabs-icons ul.no-bullets{
list-style: none;
padding-left: 0;
}
.bootstrap-tabs.tabs-icons ul.nav-tabs.nav > li > a{
padding: 3px 10px 3px;
min-width: auto;
border-radius: 0;
margin-bottom: 10px;
display: inline-block;
margin-right: 10px;
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
color: #fff;
border: 0;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.ls .bootstrap-tabs.tabs-icons ul.nav-tabs.nav > li > a{
color: #031521;
}
.bootstrap-tabs.tabs-icons ul.nav-tabs.nav > li:last-child > a{
margin-right: 0;
}
.bootstrap-tabs.tabs-icons.color_1 ul.nav-tabs.nav > li a.active{
background-color: var(--colorMain);
}
.bootstrap-tabs.tabs-icons.color_2 ul.nav-tabs.nav > li a.active{
background-color: var(--colorMain2);
}
.bootstrap-tabs.tabs-icons.color_3 ul.nav-tabs.nav > li a.active{
background-color: var(--colorMain3);
}
.bootstrap-tabs.tabs-icons.color_4 ul.nav-tabs.nav > li a.active{
background-color: var(--colorMain4);
}
.bootstrap-tabs.tabs-icons .tab-content{
margin: 0;
padding: 20px 0 0 0;
box-shadow: none;
}
@media (max-width: 1199px) {
.bootstrap-tabs.tabs-icons .tab-content{
padding: 2px 0 0 0;
}
}
.bootstrap-tabs.tabs-icons .tab-content .icons-list ul li .media-left i{
color: var(--colorMain);
}
.ds .bootstrap-tabs.tabs-icons .tab-content .icons-list .media-body{
color: gray;
}
.ds .bootstrap-tabs.tabs-icons .tab-content .icons-list .media-body a{
color: gray;
}
.ds .bootstrap-tabs.tabs-icons .tab-content .icons-list .media-body a:hover{
color: var(--colorMain);
}
.pricing-plan-2{
padding-top: 77px;
}
.pricing-plan-2 .plan-content .plan-content-inner{
padding: 85px 60px 55px;
}
@media (max-width: 1200px) {
.pricing-plan-2 .plan-content .plan-content-inner .plan-name > *{
font-size: 1.2em;
}
}
.pricing-plan-2 .plan-content .plan-content-inner .plan-image{
margin-top: -150px;
margin-bottom: 30px;
min-height: 195px;
}
.pricing-plan-2 .plan-content .price-wrap{
color: var(--colorDarkGrey);
padding: 40px 30px;
}
@media (min-width: 1600px) {
.owl-carousel.carousel-tiled .owl-stage-outer{
margin-top: -80px;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: -80px;
}
}
.owl-carousel.carousel-tiled.owl-theme .owl-dots{
margin-top: 0;
bottom: 100px;
width: 100%;
display: block;
position: absolute;
z-index: 4;
}
@media (max-width: 480px) {
.owl-carousel.carousel-tiled.owl-theme .owl-dots{
bottom: 50px;
}
}
.owl-carousel.carousel-tiled.owl-theme .owl-nav{
top: 18%;
}
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-prev,
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-next{
opacity: 1;
}
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-prev.disabled,
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-next.disabled{
opacity: 1;
cursor: default;
}
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-prev i,
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-next i{
display: none;
}
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-prev:before,
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-next:before{
content: "";
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 170px;
height: 488px;
display: block;
cursor: pointer;
}
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-prev{
margin-left: -230px;
}
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-prev:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/prev_big.png);
}
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-next{
margin-right: -50px;
}
.owl-carousel.carousel-tiled.owl-theme .owl-nav .owl-next:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/next_big.png);
}
@media (min-width: 1600px) {
.owl-carousel.carousel-tiled .owl-item.active{
position: relative;
bottom: -40px;
}
.owl-carousel.carousel-tiled .owl-item.active + .owl-item.active{
position: relative;
top: -40px;
}
}
.owl-carousel.carousel-tiled .post_format-post-format-video .item-media:after{
transition: all .3s ease-in-out;
content: "";
font-family: "FontAwesome";
position: absolute;
color: #fff;
font-size: 14px;
line-height: 56px;
width: 60px;
height: 60px;
text-align: center;
border: 2px solid #fff;
border-radius: 50%;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
}
.owl-carousel.carousel-tiled .vertical-item:hover .item-content{
opacity: 1 !important;
}
.owl-carousel.carousel-tiled .item-content{
opacity: 0;
text-align: left;
}
.owl-carousel.carousel-tiled .item-content .item-cat-wrap .cat-links{
margin-top: 0;
}
.owl-carousel.carousel-tiled .item-content .item-cat-wrap .cat-links a{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
background-color: var(--colorMain2);
color: var(--colorDarkGrey);
padding: 3px 10px;
}
.owl-carousel.carousel-tiled .item-content .item-meta{
margin-top: 0;
bottom: 30px;
left: 30px;
position: absolute;
font-size: 20px;
font-weight: 700;
text-transform: none;
letter-spacing: -0.05em;
line-height: 1.6;
font-family: "Montserrat",sans-serif;
}
.owl-carousel.carousel-tiled .item-content .item-meta a{
color: #fff !important;
}
.owl-carousel.carousel-tiled .media-links-alt{
text-align: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.owl-carousel.carousel-tiled .media-links-alt .item-content{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.content-absolute .owl-carousel.carousel-tiled .media-links-alt .item-content{
display: flex;
top: 0;
margin-top: 0;
justify-content: flex-end;
}
.content-absolute .owl-carousel.carousel-tiled .media-links-alt .item-content a{
transition: all .35s ease .1s;
}
.content-absolute .owl-carousel.carousel-tiled .media-links-alt .item-content a:hover{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.content-absolute .owl-carousel.carousel-tiled .media-links-alt .item-content a:first-child{
transition-delay: 0s;
}
.owl-carousel.carousel-tiled .media-links-alt:before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(var(--colorDarkGreyRGB), 0.8);
opacity: 0;
transition: all .2s linear;
}
.owl-carousel.carousel-tiled .gallery-item:hover .media-links-alt:before{
opacity: .8;
}
.owl-carousel.posts-carousel .owl-stage-outer{
z-index: 1;
}
.owl-carousel.posts-carousel .vertical-item{
margin-top: 15px;
margin-bottom: 15px;
}
.owl-carousel.posts-carousel .vertical-item.gallery-title-item{
margin-bottom: 0;
}
.owl-carousel.posts-carousel .vertical-item.item-text .item-content{
margin: 0 !important;
}
.owl-carousel.posts-carousel .vertical-item.item-text .item-content .entry-meta{
margin-top: 6px;
margin-bottom: 15px;
}
.owl-carousel.posts-carousel .vertical-item.item-text .item-content .entry-meta .post-date a{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
background-color: var(--colorMain2);
padding: 6px 8px;
color: var(--colorDarkGrey);
}
.owl-carousel.posts-carousel .vertical-item.item-text .item-content .item-title{
margin: 0;
font-size: 30px;
line-height: 1;
height: 60px;
overflow: hidden;
}
.owl-carousel.posts-carousel .vertical-item.item-text .item-content .post-author{
position: relative;
margin-top: 59px;
}
.owl-carousel.posts-carousel .vertical-item.item-text .item-content .post-author a:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/small_author.png);
background-repeat: no-repeat;
width: 20px;
height: 17px;
left: 50%;
margin-left: -10px;
margin-top: -25px;
position: absolute;
}
@media (min-width: 1200px) {
.owl-carousel.posts-carousel .vertical-item.content-padding.item-text .item-content{
padding: 52px;
}
}
.owl-carousel.posts-carousel .owl-nav{
position: absolute;
top: auto;
bottom: -35px;
}
@media (max-width: 1440px) {
.owl-carousel.posts-carousel .owl-nav{
bottom: -30px;
}
}
@media (max-width: 992px) {
.owl-carousel.posts-carousel .owl-nav{
bottom: -5px;
}
}
@media (max-width: 767px) {
.owl-carousel.posts-carousel .owl-nav{
bottom: -20px;
}
}
.owl-carousel.posts-carousel .owl-nav > div{
left: auto;
right: auto;
position: relative;
opacity: 1;
margin: 0 10px;
}
.owl-carousel.posts-carousel .owl-nav > div:before{
content: "";
width: 20px;
height: 7px;
display: block;
cursor: pointer;
}
@media (max-width: 1399px) {
.owl-carousel.posts-carousel .owl-nav > div:before{
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
background-color: var(--colorDark);
}
}
.owl-carousel.posts-carousel .owl-nav > div i{
display: none;
}
@media (max-width: 1399px) {
.owl-carousel.posts-carousel .owl-nav > div:first-child:before{
-webkit-mask: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_left.png);
}
}
@media (min-width: 1400px) {
.owl-carousel.posts-carousel .owl-nav{
position: absolute;
top: 50%;
}
.owl-carousel.posts-carousel .owl-nav > div{
position: absolute;
right: -120px;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
}
.owl-carousel.posts-carousel .owl-nav > div:hover{
cursor: default;
opacity: .6;
}
.owl-carousel.posts-carousel .owl-nav > div.disabled:hover{
cursor: default;
opacity: .6;
}
.owl-carousel.posts-carousel .owl-nav > div:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/owl-next.png);
background-size: contain;
width: 100px;
height: 134px;
display: block;
cursor: pointer;
}
.owl-carousel.posts-carousel .owl-nav > div i{
display: none;
}
.owl-carousel.posts-carousel .owl-nav > div:first-child{
left: -120px;
right: auto;
}
.owl-carousel.posts-carousel .owl-nav > div:first-child:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/owl-prev.png);
}
}
@media (min-width: 1500px) {
.owl-carousel.posts-carousel .owl-nav > div{
right: -120px;
}
.owl-carousel.posts-carousel .owl-nav > div:first-child{
left: -120px;
}
}
@media (min-width: 1600px) {
.owl-carousel.posts-carousel .owl-nav > div{
right: -180px;
}
.owl-carousel.posts-carousel .owl-nav > div:first-child{
left: -180px;
}
}
@media (min-width: 1800px) {
.owl-carousel.posts-carousel .owl-nav > div{
right: -270px;
}
.owl-carousel.posts-carousel .owl-nav > div:before{
width: 167px;
height: 223px;
}
.owl-carousel.posts-carousel .owl-nav > div:first-child{
left: -270px;
}
}
.shortcode-posts.tiled-layout{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: row;
}
.shortcode-posts.tiled-layout .post + .post{
margin-top: 30px;
}
.shortcode-posts.tiled-layout .bigitem .vertical-item p{
height: 52px;
overflow: hidden;
margin-bottom: 0;
}
.shortcode-posts.tiled-layout .item-title{
margin-top: .6em;
margin-bottom: .7em;
line-height: 1.1;
height: 68px;
overflow: hidden;
}
.shortcode-posts.tiled-layout .item-content{
margin: 0 !important;
padding: 60px !important;
}
@media (min-width: 1300px) {
.shortcode-posts.tiled-layout .item-content{
padding: 64px !important;
}
}
.shortcode-posts.tiled-layout .item-content .post-meta{
text-transform: uppercase;
line-height: 1.2;
font-weight: 600;
}
.shortcode-posts.tiled-layout .item-content .post-meta .post-date{
background-color: var(--colorMain2);
}
.shortcode-posts.tiled-layout .item-content .post-meta a{
color: var(--colorDarkGrey);
}
.shortcode-posts.tiled-layout .item-content .post-meta a:hover{
opacity: 1;
}
.shortcode-posts.tiled-layout .smallitem .side-item .item-title{
margin-top: .9em;
margin-bottom: 1.4em;
line-height: 1.2;
height: auto;
overflow: hidden;
}
.shortcode-posts.tiled-layout .smallitem .side-item .item-content{
padding: 30px !important;
}
@media (max-width: 399px) {
.shortcode-posts.tiled-layout .smallitem .side-item .item-content p{
height: 80px;
overflow: hidden;
}
}
@media (min-width: 400px) {
.shortcode-posts.tiled-layout .smallitem .side-item{
display: flex;
flex-flow: wrap;
}
.shortcode-posts.tiled-layout .smallitem .side-item .item-media-wrap{
flex: 0 0 50%;
flex-direction: column;
justify-content: flex-start;
}
.shortcode-posts.tiled-layout .smallitem .side-item .item-content{
padding: 0 0 0 30px;
flex: 0 0 50%;
text-align: left;
display: flex;
flex-direction: column;
justify-content: center;
}
.shortcode-posts.tiled-layout .smallitem .side-item .item-content p{
height: 56px;
overflow: hidden;
}
.shortcode-posts.tiled-layout .smallitem .side-item .item-content > span{
display: inline-block;
width: auto;
}
}
.widget_blog-post-item.item-with-title .item-title{
background: #fff;
margin: -60px 60px 0 60px;
z-index: 4;
padding: 50px 60px;
position: relative;
}
@media (max-width: 1200px) {
.widget_blog-post-item.item-with-title .item-title{
margin: -30px 30px 0 30px;
padding: 20px 30px;
}
}
@media (max-width: 576px) {
.widget_blog-post-item.item-with-title .item-title{
margin: -20px 20px 0 20px;
padding: 20px 20px;
}
}
.widget_blog-post-item.item-with-title .item-title h5{
margin-top: 10px;
line-height: 1.1;
}
.widget_blog-post-item.item-with-title .item-title .cat-links a{
background: var(--colorMain2);
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
color: var(--colorDarkGrey);
padding: 5px 10px;
}
.widget_blog-post-item.item-with-title .item-title .read-more{
color: var(--colorDarkGrey) !important;
}
.widget_blog-post-item.item-with-title .item-title .read-more:after{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
width: 20px;
height: 7px;
margin-left: 5px;
display: inline-block;
}
.widget_blog-post-item.item-with-title .item-title .read-more:hover{
opacity: .7;
}
@media (min-width: 1200px) {
.widget_blog-post-item.item-with-title.title3 .item-title{
padding-top: 60px;
}
}
.widget_blog-post-item.item-with-title.title3 .item-title .bg-maincolor3.post-date{
padding: 3px 10px;
}
.widget_blog-post-item.item-with-title.title3 .item-title .bg-maincolor3.post-date a{
color: var(--colorDark);
}
@media (min-width: 992px) {
.widget_blog-post-item.item-with-title.title3 .item-title h5{
margin-top: 16px;
margin-bottom: 25px;
line-height: 1;
}
}
.widget_blog-post-item.item-with-title-2 .item-title{
background: #fff;
margin: -40px 40px 0 40px;
z-index: 4;
padding: 30px;
position: relative;
}
.widget_blog-post-item.item-with-title-2 .item-title h6{
margin-top: 0;
line-height: 1.1;
}
.isotope-wrapper .item-layout-item-extended .side-item{
margin-bottom: 120px;
}
@media (max-width: 1599px) {
.isotope-wrapper .item-layout-item-extended .side-item{
margin-bottom: 70px;
}
}
@media (max-width: 1199px) {
.isotope-wrapper .item-layout-item-extended .side-item{
margin-bottom: 40px;
}
}
@media (max-width: 991px) {
.isotope-wrapper .item-layout-item-extended .side-item{
margin-bottom: 20px;
}
}
.isotope-wrapper .item-layout-item-extended .side-item .row{
display: flex;
align-items: center;
}
.isotope-wrapper .item-layout-item-extended .side-item .row .cat-links{
z-index: 3;
position: absolute;
top: 20px;
left: 30px;
}
.isotope-wrapper .item-layout-item-extended .side-item .row .cat-links a{
display: inline-block;
line-height: 1;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
padding: 5px 10px;
margin: 10px 10px 0 0;
color: var(--colorDarkGrey);
background-color: var(--colorMain2);
border-radius: 1px;
}
.isotope-wrapper .item-layout-item-extended .side-item .item-content{
padding: 40px 0 0 0;
}
.isotope-wrapper .item-layout-item-extended .side-item .item-content .item-title,
.isotope-wrapper .item-layout-item-extended .side-item .item-content .item-excerpt{
margin-bottom: 20px;
}
@media (min-width: 992px) {
.isotope-wrapper .item-layout-item-extended .side-item .item-content .item-title,
.isotope-wrapper .item-layout-item-extended .side-item .item-content .item-excerpt{
margin-bottom: 60px;
}
}
@media (min-width: 768px) {
.isotope-wrapper .item-layout-item-extended .side-item .item-content{
padding: 30px 0 30px 30px;
}
}
@media (min-width: 992px) {
.isotope-wrapper .item-layout-item-extended .side-item .item-content{
padding: 60px 0 60px 120px;
}
}
.isotope-wrapper .item-layout-item-extended .side-item .read-more:after{
color: inherit;
padding: 0;
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
content: "";
margin-left: 6px;
width: 20px;
height: 7px;
display: inline-block;
}
.isotope-wrapper .item-layout-item-extended:last-child .side-item{
margin-bottom: 0;
}
@media (min-width: 992px) {
.isotope-wrapper .item-layout-item-extended:nth-child(even) .side-item .row{
flex-direction: row-reverse;
}
.isotope-wrapper .item-layout-item-extended:nth-child(even) .side-item .row .item-content{
padding: 60px 120px 60px 0;
}
}
@media (max-width: 992px) {
.item-layout-item-extended4{
width: 100% !important;
max-width: 100% !important;
}
}
.item-extended-4.side-item .item-title{
margin-top: .9em;
margin-bottom: 1.4em;
line-height: 1.2;
height: auto;
overflow: hidden;
}
.item-extended-4.side-item .item-content{
padding: 30px !important;
}
@media (max-width: 577px) {
.item-extended-4.side-item .item-content{
padding: 25px !important;
}
}
@media (max-width: 399px) {
.item-extended-4.side-item .item-content p{
height: 82px;
overflow: hidden;
}
}
.item-extended-4.side-item .item-content .post-date{
background-color: var(--colorMain2);
}
@media (min-width: 400px) {
.item-extended-4.side-item{
display: flex;
flex-flow: wrap;
}
.item-extended-4.side-item .item-media-wrap{
flex: 0 0 50%;
flex-direction: column;
justify-content: flex-start;
}
.item-extended-4.side-item .item-content{
padding: 0 0 0 30px;
flex: 0 0 50%;
text-align: left;
display: flex;
flex-direction: column;
justify-content: center;
}
.item-extended-4.side-item .item-content p{
height: 56px;
overflow: hidden;
}
.item-extended-4.side-item .item-content > span{
display: inline-block;
width: auto;
}
}
.fw-single-post .post-categories{
padding: .4em .88em;
}
.fw-single-post .post-categories a{
color: var(--colorDark);
}
.fw-single-post .post-categories a:hover{
color: #fff;
}
@media (min-width: 768px) {
.fw-single-post .item-content{
padding-left: 30px;
}
}
@media (min-width: 992px) {
.fw-single-post .item-content{
padding-left: 60px;
}
}
@media (min-width: 1200px) {
.fw-single-post .item-content{
padding-left: 115px;
}
}
.fw-single-post .item-content .item-title{
margin-top: 26px;
margin-bottom: 26px;
}
@media (min-width: 992px) {
.fw-single-post .item-content .item-title{
margin-bottom: 46px;
}
}
.fw-single-post .item-content .item-button a:hover i{
margin-left: 15px;
}
.fw-single-post .item-content .item-button i{
position: relative;
top: -1px;
margin-left: 9px;
transition: .3s;
}
.fw-single-post.row-reverse .item-content{
padding-left: 0;
}
@media (min-width: 768px) {
.fw-single-post.row-reverse .item-content{
padding-right: 30px;
}
}
@media (min-width: 992px) {
.fw-single-post.row-reverse .item-content{
padding-right: 60px;
}
}
@media (min-width: 1200px) {
.fw-single-post.row-reverse .item-content{
padding-right: 115px;
}
}
.fw-single-post.row-reverse > .row{
flex-direction: row-reverse;
}
.shortcode-product.owl-carousel .owl-stage-outer{
z-index: 1;
padding-bottom: 20px;
}
.shortcode-product.owl-carousel .owl-stage-outer .vertical-item .onsale{
position: absolute;
top: 0;
left: 0;
padding: .2em .6em;
color: #fff;
background-color: var(--colorMain4);
z-index: 2;
font-weight: bold;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.shortcode-product.owl-carousel .owl-stage-outer .vertical-item .onsale:before{
display: none;
}
.shortcode-product.owl-carousel .owl-stage-outer .vertical-item .woocommerce-loop-product__title{
font-size: 20px;
text-align: center;
margin-top: 6px;
margin-bottom: 10px;
}
.shortcode-product.owl-carousel .owl-stage-outer .vertical-item .item-content-cont > p{
display: none;
}
.shortcode-product.owl-carousel .owl-stage-outer .vertical-item .item-content-cont .item-content-inner{
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.shortcode-product.owl-carousel .owl-stage-outer .vertical-item .item-content-cont .star-rating{
margin: 0 auto;
}
.shortcode-product.owl-carousel .owl-stage-outer .vertical-item .item-content-cont .price{
margin: 0;
color: var(--colorMain4);
font-weight: bold;
}
.shortcode-product.owl-carousel .owl-stage-outer .vertical-item .item-content-cont .price del{
color: var(--colorMain);
}
.shortcode-product.owl-carousel .owl-stage-outer .vertical-item .item-content-cont .add_to_cart_button{
font-size: 0;
}
.shortcode-product.owl-carousel .owl-stage-outer .vertical-item .item-content-cont .add_to_cart_button:before{
top: -1px;
font-size: 16px;
font-family: "FontAwesome";
content: "";
position: relative;
}
.shortcode-product.owl-carousel .owl-nav{
position: absolute;
top: 50%;
}
.shortcode-product.owl-carousel .owl-nav > div{
position: absolute;
right: -100px;
text-align: center;
opacity: 1;
background-color: rgba(0, 0, 0, 0);
}
.shortcode-product.owl-carousel .owl-nav > div:hover{
cursor: default;
opacity: .6;
}
.shortcode-product.owl-carousel .owl-nav > div.disabled:hover{
cursor: default;
opacity: .6;
}
.shortcode-product.owl-carousel .owl-nav > div:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/owl-next-small.png);
background-size: contain;
width: 85px;
height: 113px;
display: block;
cursor: pointer;
}
.shortcode-product.owl-carousel .owl-nav > div i{
display: none;
}
.shortcode-product.owl-carousel .owl-nav > div:first-child{
left: -100px;
right: auto;
}
.shortcode-product.owl-carousel .owl-nav > div:first-child:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/owl-prev-small.png);
}
@media (min-width: 1500px) {
.shortcode-product.owl-carousel .owl-nav > div{
right: -112px;
}
.shortcode-product.owl-carousel .owl-nav > div:first-child{
left: -112px;
}
}
@media (min-width: 1600px) {
.shortcode-product.owl-carousel .owl-nav > div{
right: -112px;
}
.shortcode-product.owl-carousel .owl-nav > div:first-child{
left: -112px;
}
}
@media (min-width: 1800px) {
.shortcode-product.owl-carousel .owl-nav > div{
right: -112px;
}
.shortcode-product.owl-carousel .owl-nav > div:first-child{
left: -112px;
}
}
@media (min-width: 1600px) {
.shortcode-single-product .product .images{
margin-bottom: 0;
}
.shortcode-single-product .product .summary{
margin-bottom: 0;
margin-top: 0;
}
}
.shortcode-single-product .product .summary .add-to-cart{
margin: 40px 0;
padding: 40px 0;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.shortcode-single-product .product .summary .add-to-cart .quantity{
margin-bottom: 20px;
}
.shortcode-single-product .product .summary .price{
display: inline-block;
margin: 0 0 35px;
line-height: 1.1;
font-weight: 600;
font-size: 40px;
}
.shortcode-single-product .product .summary .price del{
font-size: 24px;
color: var(--colorMain4) !important;
}
.shortcode-single-product .product .summary .product_meta{
margin-top: 0;
}
.shortcode-single-product .add-to-cart .single_add_to_cart_button.button[type=submit]{
padding: 30px 35px 30px !important;
background-color: var(--colorMain4) !important;
border: 1px solid var(--colorMain4) !important;
}
.shortcode-single-product .add-to-cart .single_add_to_cart_button.button[type=submit]:hover,
.shortcode-single-product .add-to-cart .single_add_to_cart_button.button[type=submit]:focus{
background-color: rgba(0, 0, 0, 0) !important;
border: 1px solid var(--colorMain4) !important;
}
.shortcode-image-carousel.owl-center.highlight-center .owl-stage-outer{
padding-top: 50px;
padding-bottom: 50px;
}
.shortcode-image-carousel.owl-center.highlight-center .owl-item.active.center{
-webkit-transform: scale(1.1, 1.2);
transform: scale(1.1, 1.2);
}
.shortcode-image-carousel.owl-carousel .owl-nav{
position: absolute;
top: auto;
bottom: -58px !important;
}
.shortcode-image-carousel.owl-carousel .owl-nav > div{
left: auto;
right: auto;
position: relative;
background-color: rgba(0, 0, 0, 0);
opacity: 1;
padding: 10px;
margin: 0 10px;
}
.shortcode-image-carousel.owl-carousel .owl-nav > div:hover{
opacity: .7;
}
.shortcode-image-carousel.owl-carousel .owl-nav > div:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
width: 20px;
height: 7px;
float: left;
display: block;
cursor: pointer;
}
.ds .shortcode-image-carousel.owl-carousel .owl-nav > div:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/white_arrow_right.png);
}
.shortcode-image-carousel.owl-carousel .owl-nav > div i{
display: none;
}
.shortcode-image-carousel.owl-carousel .owl-nav > div:first-child:before{
float: right;
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_left.png);
}
.ds .shortcode-image-carousel.owl-carousel .owl-nav > div:first-child:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/white_arrow_left.png);
}
.shortcode-image-carousel.owl-carousel .owl-item{
cursor: pointer;
}
.shortcode-image-carousel.owl-carousel .owl-item > *{
text-align: center;
}
.shortcode-image-carousel.owl-carousel .owl-item img{
width: auto;
margin: 0 auto;
transition: all .5s ease 0s;
opacity: .2;
}
.shortcode-image-carousel.owl-carousel .owl-item img:hover{
opacity: 1;
}
.shortcode-image-carousel.owl-carousel .owl-item.center img{
opacity: 1;
}
.shortcode-notification.alert{
color: gray;
background-color: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
line-height: 30px;
border-left: 1px solid rgba(0, 0, 0, 0);
border-radius: 0;
padding: 24px 25px 24px 54px;
margin-bottom: 20px;
position: relative;
}
.shortcode-notification.alert strong{
color: #031521;
}
.shortcode-notification.alert:before{
content: "";
font-family: FontAwesome;
position: relative;
top: 0;
left: -15px;
font-size: 14px;
}
.shortcode-notification.alert-success{
border-color: #a0ce4e;
}
.shortcode-notification.alert-success:before{
content: "";
color: #a0ce4e;
}
.shortcode-notification.alert-info{
border-color: #009cbe;
}
.shortcode-notification.alert-info:before{
content: "";
color: #009cbe;
}
.shortcode-notification.alert-warning{
border-color: #f6e700;
}
.shortcode-notification.alert-warning:before{
content: "";
color: #f6e700;
}
.shortcode-notification.alert-danger{
border-color: #cc4b67;
}
.shortcode-notification.alert-danger:before{
content: "";
color: #cc4b67;
}
.shortcode-video-button{
position: relative;
background: rgba(0, 0, 0, 0);
}
.shortcode-video-button .embed-responsive a{
width: 100px;
height: 100px;
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: 0 auto;
position: relative;
}
.shortcode-video-button .embed-responsive a:after{
transition: all .15s ease-in-out;
position: absolute;
width: 80px;
height: 80px;
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/play_icon.png);
background-position: 54% 50%;
background-repeat: no-repeat;
background-color: var(--colorMain);
border: 0;
border-radius: 50%;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
cursor: pointer;
opacity: 1;
}
.shortcode-video-button .embed-responsive a:hover:after{
opacity: .7;
}
.shortcode-video-button .embed-responsive-16by9::before{
padding-top: 0;
}
.images-wrap-item{
position: relative;
display: inline-block;
margin-top: 30px;
}
@media (min-width: 1500px) {
.images-wrap-item{
margin-top: 185px;
}
}
.images-wrap-item img:first-child{
position: relative;
z-index: 1;
}
.images-wrap-item img.image-back{
position: absolute;
z-index: 0;
transition: .3s ease-in-out;
}
.images-wrap-item.img-left{
margin-left: 30px;
}
@media (min-width: 1500px) {
.images-wrap-item.img-left{
margin-left: 0;
}
}
.images-wrap-item.img-left img.image-back{
top: -30px;
left: -30px;
}
@media (min-width: 1500px) {
.images-wrap-item.img-left img.image-back{
top: -100px;
left: -100px;
}
}
@media (min-width: 992px) {
.images-wrap-item.img-left:hover img.image-back{
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
}
.images-wrap-item.img-right{
margin-right: 30px;
}
@media (min-width: 1500px) {
.images-wrap-item.img-right{
margin-right: 0;
}
}
@media (min-width: 768px) {
.images-wrap-item.img-right:hover img.image-back{
-webkit-transform: translateX(5%);
transform: translateX(5%);
}
}
.images-wrap-item.img-right img.image-back{
top: -30px;
right: -30px;
}
@media (min-width: 1500px) {
.images-wrap-item.img-right img.image-back{
top: -185px;
right: -70px;
}
}
.images-wrap-item a:hover > img{
opacity: 1;
}
.contact-form textarea{
min-height: 200px;
}
.excerpt{
font-size: 20px;
color: var(--colorDarkGrey);
}
aside h2{
margin-bottom: 0;
line-height: 1;
}
aside > * + *{
margin-top: 60px;
}
.woocommerce aside > * + *{
margin-top: 50px;
}
@media (min-width: 1200px) {
.woocommerce aside > * + *{
margin-top: 70px;
}
}
.widget{
position: relative;
}
.widget > h3,
.widget .widget-title{
font-weight: bold;
font-size: 20px;
margin-bottom: 1.3em;
line-height: 1.2;
}
.widget > h2:last-child{
line-height: 1;
}
.widget li.media{
margin-bottom: 20px;
}
.widget li.media img{
max-width: 80px;
}
.widget li.media h3,
.widget li.media h4{
font-weight: 700;
line-height: 1.4;
margin-bottom: .5em;
text-transform: none;
font-size: inherit;
}
.widget li.media p{
line-height: 1.4;
margin-bottom: .5em;
}
.page_footer .widget{
margin-bottom: 50px;
}
.page_footer .widget > h3,
.page_footer .widget .widget-title{
margin-bottom: 2.2em;
}
.widget-title.next-image-background{
position: relative;
z-index: 2;
}
.widget-title.next-image-background + img{
position: absolute;
left: 0;
top: -15px;
opacity: .5;
}
.text-center .widget-title.next-image-background + img{
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 991px) {
.column-sidebar,
aside{
margin: 60px auto;
max-width: 410px;
}
.clean-wiget-area .column-sidebar,
.clean-wiget-area aside{
margin: 0;
}
}
@media (max-width: 991px) {
.fw-services-template-default .column-sidebar,
.fw-services-template-default aside{
margin: 0 auto;
max-width: 410px;
}
}
.affix-aside{
position: relative;
}
.affix-aside.affix{
position: fixed;
top: 100px;
}
.affix-aside.affix-bottom{
position: absolute !important;
}
.affix-aside.affix-top{
width: inherit !important;
left: auto !important;
}
@media (max-width: 991px) {
.affix-aside,
.affix-aside.affix-top,
.affix-aside.affix,
.affix-aside.affix-bottom{
position: static !important;
width: 100% !important;
}
}
.stars > span{
display: flex;
}
.stars a{
position: relative;
width: 1em;
color: rgba(0, 0, 0, 0);
text-indent: -999em;
}
.stars a:before{
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
text-indent: 0;
font-family: "FontAwesome";
}
.stars a:before,
.stars a:hover ~ a:before{
color: var(--colorDark);
content: "";
}
.stars.selected a.active:before,
.stars:hover a:before{
content: "";
color: var(--colorDark);
opacity: 1;
}
.stars.selected a.active ~ a:before{
content: "";
color: var(--colorDark);
opacity: .75;
}
.stars.selected a:not(.active):before{
content: "";
color: var(--colorDark);
opacity: 1;
}
.star-rating{
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5em;
letter-spacing: .1em;
font-family: "FontAwesome";
color: var(--colorMain);
}
.star-rating:before{
content: "";
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span{
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span:before{
content: "";
top: 0;
position: absolute;
left: 0;
}
.sidebar-before-header{
margin-top: 30px;
margin-bottom: 23px;
}
@media (min-width: 992px) {
.sidebar-before-header{
margin-top: 80px;
margin-bottom: 73px;
}
}
.sidebar-before-header > * + *{
margin-top: 50px;
}
.widget_author_bio .author-image{
display: inline-block;
}
.widget_author_bio .author-image img{
padding: 20px;
border-radius: 50%;
background-image: linear-gradient(135deg, rgba(var(--colorDarkGreyRGB), 0.1) 8.33%, transparent 8.33%, transparent 50%, rgba(var(--colorDarkGreyRGB), 0.1) 50%, rgba(var(--colorDarkGreyRGB), 0.1) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
}
.widget_author_bio .author-position{
font-family: "Montserrat",sans-serif;
line-height: 1;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
padding: 6px 23px;
background-color: var(--colorMain2);
color: var(--colorDarkGrey);
display: inline-block;
margin-bottom: 10px;
}
.widget_bloginfo .icon-inline{
display: flex;
}
.widget_bloginfo .icon-inline .icon-styled{
margin-right: 5px;
}
.widget_bloginfo .description{
margin-top: 30px;
}
.widget_search form,
.widget_product_search form,
.widget_mailchimp form{
position: relative;
max-width: 370px;
margin: 0;
}
.widget_search label,
.widget_product_search label,
.widget_mailchimp label{
margin: 0;
padding: 0;
display: inline;
}
.widget_search input,
.widget_product_search input,
.widget_mailchimp input{
width: 100%;
max-width: 370px;
}
.widget_search .form-group,
.widget_product_search .form-group,
.widget_mailchimp .form-group{
position: relative;
margin-right: 80px;
}
.page_404 .widget_search form{
margin: auto;
}
.widget_search button,
.widget_mailchimp button{
text-align: center;
padding-right: 10px;
padding-left: 10px;
width: 60px;
position: absolute;
right: 0;
top: 0;
border: none;
background-color: rgba(0, 0, 0, 0);
opacity: 1;
}
.widget_product_search form input[type=submit],
.widget_product_search form:before{
text-align: center;
padding-right: 10px;
padding-left: 10px;
width: 60px;
position: absolute;
right: 20px;
top: 27px;
border: none;
background-color: rgba(0, 0, 0, 0);
opacity: 1;
z-index: 3;
}
.widget_search button,
.widget_mailchimp button,
.widget_product_search form [type=submit]{
padding: 0;
background: var(--colorMain);
display: flex;
justify-content: center;
font-size: 0;
align-items: center;
width: 60px;
height: 60px;
border: 0;
border-radius: 50%;
}
.widget_search button:hover,
.widget_mailchimp button:hover,
.widget_product_search form [type=submit]:hover{
background: var(--colorMain);
opacity: .7;
}
.widget_search button:before,
.widget_mailchimp button:before,
.widget_product_search form:before{
color: #fff;
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/white_arrow_right.png);
width: 20px;
height: 7px;
display: block;
}
.ds .widget_search button:before,
.ds .widget_mailchimp button:before,
.ds .widget_product_search form:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
}
.widget_product_search form:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
}
.product-demo .widget_product_search form:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/white_arrow_right.png);
}
.page_404 .widget_search button:before{
color: #fff;
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/white_arrow_right.png);
width: 20px;
height: 7px;
display: block;
}
.widget_mailchimp form button:before{
content: "";
}
.widget_product_search form:before{
line-height: 60px;
}
.widget_product_search input[type=submit]{
color: rgba(0, 0, 0, 0);
font-size: 0;
}
.mc4wp-form-fields{
position: relative;
}
.mc4wp-form-fields label{
position: relative;
width: 100%;
padding-right: 80px;
font-style: italic;
}
.ds .mc4wp-form-fields label{
color: rgba(255, 255, 255, .5);
}
.ds .mc4wp-form-fields label input:-moz-placeholder{
color: rgba(255, 255, 255, .5);
opacity: 1;
font-style: italic;
}
.ds .mc4wp-form-fields label input::-moz-placeholder{
color: rgba(255, 255, 255, .5);
opacity: 1;
font-style: italic;
}
.ds .mc4wp-form-fields label input:-ms-input-placeholder{
color: rgba(255, 255, 255, .5);
font-style: italic;
}
.ds .mc4wp-form-fields label input::-webkit-input-placeholder{
color: rgba(255, 255, 255, .5);
font-style: italic;
}
.mc4wp-form-fields label:before{
content: "";
height: 1px;
width: 30px;
bottom: 0;
left: 0;
position: absolute;
background: var(--colorDarkGrey);
}
.ds .mc4wp-form-fields label:before{
background: #fff;
}
.mc4wp-form-fields .submit-button{
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
background-color: var(--colorMain2) !important;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.mc4wp-form-fields .submit-button:hover{
opacity: .8;
}
.mc4wp-form-fields .submit-button:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
width: 20px;
height: 7px;
display: block;
position: absolute;
right: 20px;
}
.mc4wp-form-fields .submit-button input{
font-size: 0;
height: 60px;
background-color: var(--colorMain2) !important;
border: 0;
}
.widget_archive ul,
.widget_categories ul,
.widget_nav_menu ul,
.widget_meta ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul{
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}
.widget_archive ul ul li,
.widget_categories ul ul li,
.widget_nav_menu ul ul li,
.widget_meta ul ul li,
.widget_pages ul ul li,
.widget_recent_comments ul ul li,
.widget_recent_entries ul ul li{
padding-left: 20px;
}
.widget_archive ul ul li:last-child,
.widget_categories ul ul li:last-child,
.widget_nav_menu ul ul li:last-child,
.widget_meta ul ul li:last-child,
.widget_pages ul ul li:last-child,
.widget_recent_comments ul ul li:last-child,
.widget_recent_entries ul ul li:last-child{
padding-bottom: 0;
border-bottom: none;
}
.widget_archive li,
.widget_categories li,
.widget_nav_menu li,
.widget_meta li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li{
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.widget_archive li + li,
.widget_categories li + li,
.widget_nav_menu li + li,
.widget_meta li + li,
.widget_pages li + li,
.widget_recent_comments li + li,
.widget_recent_entries li + li{
border-top: none;
}
.widget_archive a:empty,
.widget_archive li>a:not([href]),
.widget_categories a:empty,
.widget_categories li>a:not([href]),
.widget_nav_menu a:empty,
.widget_nav_menu li>a:not([href]),
.widget_meta a:empty,
.widget_meta li>a:not([href]),
.widget_pages a:empty,
.widget_pages li>a:not([href]),
.widget_recent_comments a:empty,
.widget_recent_comments li>a:not([href]),
.widget_recent_entries a:empty,
.widget_recent_entries li>a:not([href]){
display: none !important;
}
.widget_archive li,
.widget_categories li,
.widget_nav_menu li,
.widget_meta li,
.widget_pages li{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a,
.widget_meta li a,
.widget_pages li a{
flex-grow: 10;
display: inline-block;
padding-top: 16px;
padding-bottom: 15px;
padding-left: 0;
font-weight: bold;
}
.widget_archive li > a:before,
.widget_categories li > a:before,
.widget_nav_menu li > a:before,
.widget_meta li > a:before,
.widget_pages li > a:before{
font-family: "FontAwesome";
content: "";
font-size: 14px;
color: var(--colorMain);
position: relative;
top: 50%;
padding-right: 18px;
}
.widget_recent_comments li,
.widget_recent_entries li{
padding-top: 10px;
padding-bottom: 10px;
}
.widget_recent_comments li:before,
.widget_recent_entries li:before{
font-family: "FontAwesome";
content: "";
font-size: 14px;
color: var(--colorMain);
position: relative;
top: 50%;
padding-right: 18px;
}
.page_copyright .widget_nav_menu li,
.page_topline .widget_nav_menu li{
display: inline-block;
position: relative;
border: none;
padding-right: 5px;
padding-top: 0;
padding-bottom: 0;
}
.page_copyright .widget_nav_menu li:before,
.page_topline .widget_nav_menu li:before{
content: "";
position: absolute;
padding: 0;
left: -5px;
top: 5px;
bottom: 5px;
width: 1px;
background-color: rgba(var(--colorDarkGreyRGB), 0.1);
opacity: .3;
display: block;
}
.page_copyright .widget_nav_menu li:first-child:before,
.page_topline .widget_nav_menu li:first-child:before{
display: none;
}
.page_copyright .widget_nav_menu a,
.page_topline .widget_nav_menu a{
padding: 0 10px;
}
.page_copyright .widget_nav_menu a:before,
.page_topline .widget_nav_menu a:before{
display: none;
}
.widget_categories select,
.widget_archive select{
width: 100%;
}
.widget_recent_entries.type_2 ul li{
display: flex;
flex-wrap: wrap;
}
.widget_recent_entries.type_2 ul li:before{
display: none;
}
.widget_recent_entries.type_2 ul li .post-date{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
background-color: var(--colorMain2);
color: var(--colorDarkGrey);
width: auto;
display: flex;
order: 1;
padding: 3px 10px;
}
.widget_recent_entries.type_2 ul li a{
display: flex;
order: 2;
margin-top: 12px;
font-size: 16px;
font-weight: bold;
}
@media (max-width: 992px) {
.widget_recent_entries.type_2 ul li a{
width: 100%;
}
}
.white-text.widget_recent_entries.type_2 ul li .post-date{
color: #fff !important;
}
.widget.widget_buttons{
margin-bottom: 0;
display: flex;
height: 100%;
width: 100%;
}
@media (min-width: 992px)and (max-width: 1439px) {
.widget.widget_buttons{
justify-content: flex-end;
}
}
.widget.widget_buttons .widget_wrap{
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 36px 0;
}
@media (max-width: 991px) {
.widget.widget_buttons .widget_wrap{
display: block;
text-align: center;
}
.widget.widget_buttons .widget_wrap .btn + .btn{
margin-top: 20px;
}
}
@media (min-width: 451px)and (max-width: 767px) {
.widget.widget_buttons .widget_wrap{
padding: 36px 0 0 0;
}
.widget.widget_buttons .widget_wrap .btn + .btn{
margin-top: 0;
margin-left: 10px;
}
}
@media (min-width: 992px) {
.widget.widget_buttons .widget_wrap .btn + .btn{
margin-left: 10px;
}
}
@media (min-width: 1440px) {
.widget.widget_buttons .widget_wrap .btn + .btn{
margin-left: 30px;
}
}
.calendar_wrap{
position: relative;
width: 100%;
margin-bottom: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
@media (min-width: 768px)and (max-width: 992px) {
.calendar_wrap{
overflow-x: auto;
overflow-y: hidden;
}
}
.calendar_wrap nav{
position: absolute;
top: 0;
width: 100%;
}
.calendar_wrap nav .pad{
display: none;
}
.calendar_wrap nav a{
text-align: center;
height: 60px;
line-height: 60px;
display: inline-block;
padding: 0 27px;
font-size: 0;
color: rgba(0, 0, 0, 0);
}
.calendar_wrap nav a:hover{
background-color: var(--colorMain);
border-color: var(--colorMain);
}
.calendar_wrap nav a:before,
.calendar_wrap nav a:after{
color: #fff;
font-size: 14px;
font-family: "FontAwesome";
}
.calendar_wrap nav .wp-calendar-nav-prev{
position: absolute;
left: 0;
padding: 0;
}
.calendar_wrap nav .wp-calendar-nav-prev a{
border-right: 1px solid rgba(255, 255, 255, .2);
}
.calendar_wrap nav .wp-calendar-nav-prev a:before{
content: "";
}
.calendar_wrap nav .wp-calendar-nav-next{
position: absolute;
right: 0;
padding: 0;
}
.calendar_wrap nav .wp-calendar-nav-next a{
border-left: 1px solid rgba(255, 255, 255, .2);
}
.calendar_wrap nav .wp-calendar-nav-next a:after{
content: "";
}
.widget_calendar table{
margin: 0;
position: relative;
text-align: center;
display: flex;
flex-direction: column;
}
.widget_calendar table td,
.widget_calendar table th{
border: 0;
}
.widget_calendar caption{
font-size: 16px;
line-height: 1;
padding: 22px 40px;
text-align: center;
color: #fff;
background-color: var(--colorDarkGrey);
}
.widget_calendar thead{
background-color: var(--colorMain);
}
.widget_calendar thead th{
font-size: 12px;
text-transform: uppercase;
padding-top: 21px;
padding-bottom: 21px;
color: #fff;
text-align: center;
width: 100px;
}
.widget_calendar thead th:first-child{
padding-left: 20px;
}
.widget_calendar thead th:last-child{
padding-right: 20px;
}
.widget_calendar tbody{
border: 1px solid #e1e1e1;
border-top: none;
}
.widget_calendar tbody tr:first-child td{
padding-top: 36px;
}
.widget_calendar tbody tr:last-child td{
padding-bottom: 30px;
}
.widget_calendar tbody td{
padding: 10px 4px;
position: relative;
width: 100px;
}
.widget_calendar tbody td:first-child{
padding-left: 20px;
}
.widget_calendar tbody td:last-child{
padding-right: 20px;
}
.widget_calendar tbody td a{
font-weight: 500;
color: var(--colorMain);
}
.widget_calendar th{
color: inherit;
}
.widget_calendar tfoot td{
position: absolute;
top: 0;
}
.widget_calendar tfoot td a{
text-align: center;
height: 60px;
line-height: 60px;
display: inline-block;
padding: 0 27px;
font-size: 0;
color: rgba(0, 0, 0, 0);
}
.widget_calendar tfoot td a:hover{
background-color: var(--colorMain);
border-color: var(--colorMain);
}
.widget_calendar tfoot td a:before,
.widget_calendar tfoot td a:after{
color: #fff;
font-size: 14px;
font-family: "FontAwesome";
}
.widget_calendar tfoot td.pad{
display: none;
}
.widget_calendar tfoot td:first-child{
left: 0;
padding: 0;
}
.widget_calendar tfoot td:first-child a{
border-right: 1px solid rgba(255, 255, 255, .2);
}
.widget_calendar tfoot td:first-child a:before{
content: "";
}
.widget_calendar tfoot td:last-child{
right: 0;
padding: 0;
}
.widget_calendar tfoot td:last-child a{
border-left: 1px solid rgba(255, 255, 255, .2);
}
.widget_calendar tfoot td:last-child a:after{
content: "";
}
.wp-block-calendar{
position: relative;
}
.wp-block-calendar caption{
text-align: center;
}
.wp-block-calendar nav.wp-calendar-nav{
position: absolute;
left: 0;
bottom: 12px;
width: 100%;
text-align: left;
}
.wp-block-calendar nav.wp-calendar-nav a{
text-decoration: none;
color: var(--colorDarkGrey);
}
.wp-block-calendar nav.wp-calendar-nav a:hover{
color: var(--colorMain);
}
.wp-block-calendar nav.wp-calendar-nav .wp-calendar-nav-next{
right: 0;
position: absolute;
}
.ds .widget_calendar tbody{
border-color: rgba(0, 0, 0, 0);
}
.ds .widget_calendar caption{
background-color: var(--colorDark);
}
.widget_rss .widget-title .rsswidget:first-child img{
display: none;
}
.widget_rss .widget-title .rsswidget:first-child:before{
position: relative;
top: -1px;
font-size: .8em;
padding-right: .3em;
font-family: "FontAwesome";
content: "";
}
.widget_rss ul{
padding-left: 0;
list-style: none;
}
.widget_rss ul a{
display: block;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 1.5;
}
.widget_rss li cite:last-child{
display: block;
margin-top: .5em;
}
.widget_rss li + li{
margin-top: 1.5em;
}
.widget_rss .rss-date{
display: block;
margin: .8em 0;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
color: var(--colorDarkGrey);
}
.page_footer .widget_icons_list{
margin-bottom: 25px;
line-height: 1;
}
.widget_icons_list .media-body,
.widget_icons_list .media-left{
display: table-cell;
vertical-align: top;
}
.widget_icons_list .media-left{
padding-right: 6px;
}
.widget_icons_list .media-left i{
display: inline-block;
width: 14px;
text-align: center;
color: var(--colorMain);
font-size: 20px;
}
.widget_icons_list .media.inline-block{
width: 100%;
margin-top: 12px;
}
.widget_icons_list .media.inline-block:first-child{
margin-top: 0;
}
.widget_icons_list .media.inline-block .media-body,
.widget_icons_list .media.inline-block .media-left{
display: inline-block;
}
.widget_icons_list .media.inline-block .media-body i,
.widget_icons_list .media.inline-block .media-left i{
line-height: 18px;
}
.widget_icons_list .media.inline-block .media-body{
width: auto;
}
.widget_icons_list .media.inline-block .media-body a:hover{
text-decoration: underline;
}
.ls .widget_icons_list .media.inline-block .media-body{
color: var(--colorDarkGrey);
}
.widget_icons_list.type-2 .media.inline-block{
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
}
.ds .widget_icons_list.type-2 .media.inline-block .media-body{
color: gray;
}
.widget_icons_list.type-2 .media.inline-block .media-body a{
color: var(--colorMain);
}
.page_footer .widget_icons_list i{
color: var(--colorMain) !important;
}
.page_footer .widget_icons_list a{
color: #fff !important;
}
@media (max-width: 991px) {
.page_footer .widget_icons_list .small-teaser{
display: block;
width: 100%;
margin-bottom: 15px;
}
}
.widget_tag_cloud a{
border: 1px solid var(--colorDarkGrey);
border-radius: 1px;
padding: 6px 18px 4px 22px;
margin: 0 0 4px 0;
text-align: center;
display: inline-block;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
font-size: 12px !important;
}
.widget_tag_cloud a:hover{
background-color: var(--colorMain);
border-color: var(--colorMain);
color: #fff;
}
.widget_flickr ul{
margin: 0;
padding: 0;
}
.widget_flickr li{
display: inline-block;
margin: 0 10px 10px 0;
}
.widget_flickr img{
max-width: 160px;
border-radius: 1px;
}
.widget_flickr a{
opacity: 1;
}
.widget_flickr a:hover{
opacity: .6;
}
.widget_instagram .photo{
display: inline-block;
}
.widget_instagram img{
max-width: 82px;
}
#sb_instagram #sbi_mod_error{
display: none !important;
}
.apsc-facebook-icon{
background-color: #3b5998;
}
.apsc-twitter-icon{
background-color: #1dcaff;
}
.apsc-youtube-icon{
background-color: #e52d27;
}
.apsc-soundcloud-icon{
background-color: #f80;
}
.apsc-dribble-icon{
background-color: #ea4c89;
}
.apsc-comment-icon{
background-color: #464646;
}
.apsc-edit-icon{
background-color: #837d7d;
}
.apsc-google-plus-icon{
background-color: #dd4b39;
}
.apsc-instagram-icon{
background-color: #3f729b;
}
.apsc-each-profile a{
color: #fff !important;
}
.apsc-each-profile a:hover{
color: #fff !important;
text-decoration: none !important;
}
.apsc-theme-4 .apsc-each-profile{
margin-bottom: 10px;
}
.apsc-theme-4 .apsc-inner-block{
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.apsc-theme-4 .social-icon{
display: inline-block;
margin-right: auto;
padding: 4px 0;
transition: all .5s ease-in-out;
}
.apsc-theme-4 .apsc-each-profile a{
display: block;
position: relative;
padding: 20px 18px 20px 70px;
font-size: 12px;
text-transform: uppercase;
color: #fff;
line-height: 1;
}
.apsc-theme-4 .apsc-each-profile a:hover{
opacity: .8;
}
.apsc-theme-4 .apsc-each-profile a .fa{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
border-right: 1px solid rgba(255, 255, 255, .4);
width: 60px;
font-size: 16px;
-webkit-transform: none;
transform: none;
transition: all .5s ease-in-out;
}
.apsc-theme-4 .apsc-count{
border-radius: 0;
color: #fff;
display: inline-block;
font-size: inherit;
text-align: center;
position: relative;
padding: 4px 4px;
transition: all .5s ease-in-out;
}
.apsc-theme-4 .apsc-media-type{
display: inline-block;
padding: 4px 0;
}
@media screen and (max-width: 479px) {
.apsc-theme-4 .apsc-each-profile a,
.apsc-theme-3 .apsc-each-profile a{
display: inline-block;
}
.apsc-theme-4 .apsc-each-profile,
.apsc-theme-3 .apsc-each-profile{
float: none;
}
}
.tweet_avatar{
float: left;
margin-top: 4px;
}
.tweet_avatar img{
max-width: 25px;
display: none;
}
.tweet_avatar:before{
font-family: "FontAwesome";
content: "";
color: #55acee;
}
.tweet_right{
overflow: hidden;
zoom: 1;
margin-left: 35px;
}
.tweet_list{
list-style: none;
padding: 0;
}
.tweet_list li + li{
padding-top: 20px;
clear: both;
}
.tweet_text a:last-child{
display: block;
}
.tweet_time{
display: block;
}
.widget_slider h4:first-child{
font-weight: 400;
text-transform: none;
line-height: 1;
margin-top: -1em;
margin-bottom: .3em;
}
.widget_slider .cat-links{
position: absolute;
bottom: 0;
left: 0;
margin-bottom: -4px;
}
.widget_post_tabs h4:first-child{
font-weight: 400;
text-transform: none;
line-height: 1;
margin-top: -1em;
margin-bottom: .3em;
}
.widget_post_tabs .vertical-item{
margin-bottom: 2em;
}
.widget_post_tabs .vertical-item:last-child{
margin-bottom: 0;
}
.widget_posts_2cols ul{
display: flex;
flex-wrap: wrap;
}
.widget_posts_2cols li{
width: 50%;
margin-top: 20px;
}
.widget_posts_2cols li:nth-child(even){
padding-left: 10px;
}
.widget_posts_2cols li:nth-child(odd){
padding-right: 10px;
}
.widget_posts_2cols li:nth-child(1),
.widget_posts_2cols li:nth-child(2){
margin-top: 0;
}
.widget_posts_2cols h5{
font-size: 16px;
font-weight: 700;
text-transform: none;
margin: 10px 0 0;
}
.widget_socials ul.social-list{
padding-left: 0;
padding-top: 0;
}
.widget_socials ul.social-list li.list-item{
padding-bottom: 12px;
margin-bottom: 2px;
position: relative;
overflow: hidden;
}
.widget_socials ul.social-list li.list-item .social-icon.color-bg-icon{
background-color: var(--colorMain2);
color: var(--colorDarkGrey);
}
.widget_socials ul.social-list li.list-item a.icon-title{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
color: #fff;
padding-left: 0;
}
.widget_socials ul.social-list li.list-item a.icon-title:hover{
color: var(--colorMain);
}
.widget_socials.white-text ul.social-list li.list-item .social-icon.color-bg-icon{
color: #fff !important;
}
.social-icons,
.share_buttons{
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.text-center .social-icons,
.text-center .share_buttons{
justify-content: center;
}
a[class*=fa-]:before{
font-family: "FontAwesome",sans-serif;
font-size: 16px;
line-height: 1;
display: inline-block;
width: 1em;
}
a[class*=soc-]:before{
font-family: "soc-icons",sans-serif;
font-size: 16px;
line-height: 1;
display: inline-block;
width: 1em;
}
a.fa,
a[class*=soc-]{
font-size: 0;
line-height: 0;
text-align: center;
margin-left: 8px;
margin-right: 8px;
display: inline-block;
}
a.fa.bg-icon,
a.fa .tooltip,
a.fa.color-bg-icon,
a.fa .tooltip,
a.fa.border-icon,
a[class*=soc-].bg-icon,
a[class*=soc-] .tooltip,
a[class*=soc-].color-bg-icon,
a[class*=soc-] .tooltip,
a[class*=soc-].border-icon{
margin-left: 3px;
margin-right: 3px;
}
a.fa:first-child,
a[class*=soc-]:first-child{
margin-left: 0;
}
a.fa:last-child,
a[class*=soc-]:last-child{
margin-right: 0;
}
a.border-icon,
a.bg-icon,
a.color-bg-icon{
margin-bottom: 4px;
}
a.border-icon:before,
a.bg-icon:before,
a.color-bg-icon:before{
width: 2.6em;
height: 2.6em;
line-height: 2.6em;
}
a[class*=fa-].rounded-icon,
a[class*=soc-].rounded-icon{
border-radius: 50%;
}
a.color-icon.fa-500px,
a[class*=fa-].fa-500px:hover{
color: #0099e5;
}
a.color-icon.fa-adn,
a[class*=fa-].fa-adn:hover{
color: #4a484c;
}
a.color-icon.fa-amazon,
a[class*=fa-].fa-amazon:hover{
color: #f90;
}
a.color-icon.fa-android,
a[class*=fa-].fa-android:hover{
color: #a4c639;
}
a.color-icon.fa-angellist,
a[class*=fa-].fa-angellist:hover{
color: #000;
}
a.color-icon.fa-apple,
a[class*=fa-].fa-apple:hover{
color: #979797;
}
a.color-icon.fa-behance-square,
a[class*=fa-].fa-behance-square:hover{
color: #1769ff;
}
a.color-icon.fa-behance,
a[class*=fa-].fa-behance:hover{
color: #1769ff;
}
a.color-icon.fa-bitbucket-square,
a[class*=fa-].fa-bitbucket-square:hover{
color: #205081;
}
a.color-icon.fa-bitbucket,
a[class*=fa-].fa-bitbucket:hover{
color: #205081;
}
a.color-icon.fa-bitcoin,
a[class*=fa-].fa-bitcoin:hover{
color: #ee9209;
}
a.color-icon.fa-black-tie,
a[class*=fa-].fa-black-tie:hover{
color: #222;
}
a.color-icon.fa-btc,
a[class*=fa-].fa-btc:hover{
color: #ee9209;
}
a.color-icon.fa-buysellads,
a[class*=fa-].fa-buysellads:hover{
color: #c90100;
}
a.color-icon.fa-cc-amex,
a[class*=fa-].fa-cc-amex:hover{
color: #007bc1;
}
a.color-icon.fa-cc-diners-club,
a[class*=fa-].fa-cc-diners-club:hover{
color: #004a97;
}
a.color-icon.fa-cc-discover,
a[class*=fa-].fa-cc-discover:hover{
color: #f68121;
}
a.color-icon.fa-cc-jcb,
a[class*=fa-].fa-cc-jcb:hover{
color: #003a8f;
}
a.color-icon.fa-cc-mastercard,
a[class*=fa-].fa-cc-mastercard:hover{
color: #0a3a82;
}
a.color-icon.fa-cc-paypal,
a[class*=fa-].fa-cc-paypal:hover{
color: #253b80;
}
a.color-icon.fa-cc-stripe,
a[class*=fa-].fa-cc-stripe:hover{
color: #00afe1;
}
a.color-icon.fa-cc-visa,
a[class*=fa-].fa-cc-visa:hover{
color: #0157a2;
}
a.color-icon.fa-chrome,
a[class*=fa-].fa-chrome:hover{
color: #4587f3;
}
a.color-icon.fa-codepen,
a[class*=fa-].fa-codepen:hover{
color: #000;
}
a.color-icon.fa-connectdevelop,
a[class*=fa-].fa-connectdevelop:hover{
color: #391448;
}
a.color-icon.fa-contao,
a[class*=fa-].fa-contao:hover{
color: #eb8623;
}
a.color-icon.fa-creative-commons,
a[class*=fa-].fa-creative-commons:hover{
color: #231f20;
}
a.color-icon.fa-css3,
a[class*=fa-].fa-css3:hover{
color: #1680c0;
}
a.color-icon.fa-dashcube,
a[class*=fa-].fa-dashcube:hover{
color: #7f7f7f;
}
a.color-icon.fa-delicious,
a[class*=fa-].fa-delicious:hover{
color: #39f;
}
a.color-icon.fa-deviantart,
a[class*=fa-].fa-deviantart:hover{
color: #4e6252;
}
a.color-icon.fa-digg,
a[class*=fa-].fa-digg:hover{
color: #000;
}
a.color-icon.fa-dribbble,
a[class*=fa-].fa-dribbble:hover{
color: #444;
}
a.color-icon.fa-dropbox,
a[class*=fa-].fa-dropbox:hover{
color: #007ee5;
}
a.color-icon.fa-drupal,
a[class*=fa-].fa-drupal:hover{
color: #0077c0;
}
a.color-icon.fa-empire,
a[class*=fa-].fa-empire:hover{
color: #000;
}
a.color-icon.fa-expeditedssl,
a[class*=fa-].fa-expeditedssl:hover{
color: #343433;
}
a.color-icon.fa-facebook-official,
a[class*=fa-].fa-facebook-official:hover{
color: #3b5998;
}
a.color-icon.fa-facebook-square,
a[class*=fa-].fa-facebook-square:hover{
color: #3b5998;
}
a.color-icon.fa-facebook,
a[class*=fa-].fa-facebook:hover{
color: #3b5998;
}
a.color-icon.fa-firefox,
a[class*=fa-].fa-firefox:hover{
color: #e66000;
}
a.color-icon.fa-flickr,
a[class*=fa-].fa-flickr:hover{
color: #ff0084;
}
a.color-icon.fa-fonticons,
a[class*=fa-].fa-fonticons:hover{
color: #1c1e29;
}
a.color-icon.fa-forumbee,
a[class*=fa-].fa-forumbee:hover{
color: #83ad13;
}
a.color-icon.fa-foursquare,
a[class*=fa-].fa-foursquare:hover{
color: #0072b1;
}
a.color-icon.fa-ge,
a[class*=fa-].fa-ge:hover{
color: #000;
}
a.color-icon.fa-get-pocket,
a[class*=fa-].fa-get-pocket:hover{
color: #d3505a;
}
a.color-icon.fa-gg-circle,
a[class*=fa-].fa-gg-circle:hover{
color: #000;
}
a.color-icon.fa-gg,
a[class*=fa-].fa-gg:hover{
color: #000;
}
a.color-icon.fa-git-square,
a[class*=fa-].fa-git-square:hover{
color: #333;
}
a.color-icon.fa-500px,
a[class*=fa-].fa-500px:hover{
color: #0099e5;
}
a.color-icon.fa-adn,
a[class*=fa-].fa-adn:hover{
color: #4a484c;
}
a.color-icon.fa-amazon,
a[class*=fa-].fa-amazon:hover{
color: #f90;
}
a.color-icon.fa-android,
a[class*=fa-].fa-android:hover{
color: #a4c639;
}
a.color-icon.fa-angellist,
a[class*=fa-].fa-angellist:hover{
color: #000;
}
a.color-icon.fa-apple,
a[class*=fa-].fa-apple:hover{
color: #979797;
}
a.color-icon.fa-behance-square,
a[class*=fa-].fa-behance-square:hover{
color: #1769ff;
}
a.color-icon.fa-behance,
a[class*=fa-].fa-behance:hover{
color: #1769ff;
}
a.color-icon.fa-bitbucket-square,
a[class*=fa-].fa-bitbucket-square:hover{
color: #205081;
}
a.color-icon.fa-bitbucket,
a[class*=fa-].fa-bitbucket:hover{
color: #205081;
}
a.color-icon.fa-bitcoin,
a[class*=fa-].fa-bitcoin:hover{
color: #ee9209;
}
a.color-icon.fa-black-tie,
a[class*=fa-].fa-black-tie:hover{
color: #222;
}
a.color-icon.fa-btc,
a[class*=fa-].fa-btc:hover{
color: #ee9209;
}
a.color-icon.fa-buysellads,
a[class*=fa-].fa-buysellads:hover{
color: #c90100;
}
a.color-icon.fa-cc-amex,
a[class*=fa-].fa-cc-amex:hover{
color: #007bc1;
}
a.color-icon.fa-cc-diners-club,
a[class*=fa-].fa-cc-diners-club:hover{
color: #004a97;
}
a.color-icon.fa-cc-discover,
a[class*=fa-].fa-cc-discover:hover{
color: #f68121;
}
a.color-icon.fa-cc-jcb,
a[class*=fa-].fa-cc-jcb:hover{
color: #003a8f;
}
a.color-icon.fa-cc-mastercard,
a[class*=fa-].fa-cc-mastercard:hover{
color: #0a3a82;
}
a.color-icon.fa-cc-paypal,
a[class*=fa-].fa-cc-paypal:hover{
color: #253b80;
}
a.color-icon.fa-cc-stripe,
a[class*=fa-].fa-cc-stripe:hover{
color: #00afe1;
}
a.color-icon.fa-cc-visa,
a[class*=fa-].fa-cc-visa:hover{
color: #0157a2;
}
a.color-icon.fa-chrome,
a[class*=fa-].fa-chrome:hover{
color: #4587f3;
}
a.color-icon.fa-codepen,
a[class*=fa-].fa-codepen:hover{
color: #000;
}
a.color-icon.fa-connectdevelop,
a[class*=fa-].fa-connectdevelop:hover{
color: #391448;
}
a.color-icon.fa-contao,
a[class*=fa-].fa-contao:hover{
color: #eb8623;
}
a.color-icon.fa-creative-commons,
a[class*=fa-].fa-creative-commons:hover{
color: #231f20;
}
a.color-icon.fa-css3,
a[class*=fa-].fa-css3:hover{
color: #1680c0;
}
a.color-icon.fa-dashcube,
a[class*=fa-].fa-dashcube:hover{
color: #7f7f7f;
}
a.color-icon.fa-delicious,
a[class*=fa-].fa-delicious:hover{
color: #39f;
}
a.color-icon.fa-deviantart,
a[class*=fa-].fa-deviantart:hover{
color: #4e6252;
}
a.color-icon.fa-digg,
a[class*=fa-].fa-digg:hover{
color: #000;
}
a.color-icon.fa-dribbble,
a[class*=fa-].fa-dribbble:hover{
color: #444;
}
a.color-icon.fa-dropbox,
a[class*=fa-].fa-dropbox:hover{
color: #007ee5;
}
a.color-icon.fa-drupal,
a[class*=fa-].fa-drupal:hover{
color: #0077c0;
}
a.color-icon.fa-empire,
a[class*=fa-].fa-empire:hover{
color: #000;
}
a.color-icon.fa-expeditedssl,
a[class*=fa-].fa-expeditedssl:hover{
color: #343433;
}
a.color-icon.fa-facebook-official,
a[class*=fa-].fa-facebook-official:hover{
color: #3b5998;
}
a.color-icon.fa-facebook-square,
a[class*=fa-].fa-facebook-square:hover{
color: #3b5998;
}
a.color-icon.fa-facebook,
a[class*=fa-].fa-facebook:hover{
color: #3b5998;
}
a.color-icon.fa-firefox,
a[class*=fa-].fa-firefox:hover{
color: #e66000;
}
a.color-icon.fa-flickr,
a[class*=fa-].fa-flickr:hover{
color: #ff0084;
}
a.color-icon.fa-fonticons,
a[class*=fa-].fa-fonticons:hover{
color: #1c1e29;
}
a.color-icon.fa-forumbee,
a[class*=fa-].fa-forumbee:hover{
color: #83ad13;
}
a.color-icon.fa-foursquare,
a[class*=fa-].fa-foursquare:hover{
color: #0072b1;
}
a.color-icon.fa-ge,
a[class*=fa-].fa-ge:hover{
color: #000;
}
a.color-icon.fa-get-pocket,
a[class*=fa-].fa-get-pocket:hover{
color: #d3505a;
}
a.color-icon.fa-gg-circle,
a[class*=fa-].fa-gg-circle:hover{
color: #000;
}
a.color-icon.fa-gg,
a[class*=fa-].fa-gg:hover{
color: #000;
}
a.color-icon.fa-git-square,
a[class*=fa-].fa-git-square:hover{
color: #333;
}
a.color-icon.fa-git,
a[class*=fa-].fa-git:hover{
color: #333;
}
a.color-icon.fa-github-alt,
a[class*=fa-].fa-github-alt:hover{
color: #333;
}
a.color-icon.fa-github-square,
a[class*=fa-].fa-github-square:hover{
color: #333;
}
a.color-icon.fa-github,
a[class*=fa-].fa-github:hover{
color: #333;
}
a.color-icon.fa-gittip,
a[class*=fa-].fa-gittip:hover{
color: #630;
}
a.color-icon.fa-google-plus-square,
a[class*=fa-].fa-google-plus-square:hover{
color: #dd4b39;
}
a.color-icon.fa-google-plus,
a[class*=fa-].fa-google-plus:hover{
color: #dd4b39;
}
a.color-icon.fa-google-wallet,
a[class*=fa-].fa-google-wallet:hover{
color: #4285f4;
}
a.color-icon.fa-google,
a[class*=fa-].fa-google:hover{
color: #dd4b39;
}
a.color-icon.fa-hacker-news,
a[class*=fa-].fa-hacker-news:hover{
color: #f60;
}
a.color-icon.fa-houzz,
a[class*=fa-].fa-houzz:hover{
color: #7ac142;
}
a.color-icon.fa-html5,
a[class*=fa-].fa-html5:hover{
color: #e34f26;
}
a.color-icon.fa-instagram,
a[class*=fa-].fa-instagram:hover{
color: #3f729b;
}
a.color-icon.fa-internet-explorer,
a[class*=fa-].fa-internet-explorer:hover{
color: #1ebbee;
}
a.color-icon.fa-ioxhost,
a[class*=fa-].fa-ioxhost:hover{
color: #faa729;
}
a.color-icon.fa-joomla,
a[class*=fa-].fa-joomla:hover{
color: #142849;
}
a.color-icon.fa-jsfiddle,
a[class*=fa-].fa-jsfiddle:hover{
color: #4679bd;
}
a.color-icon.fa-lastfm-square,
a[class*=fa-].fa-lastfm-square:hover{
color: #c3000d;
}
a.color-icon.fa-lastfm,
a[class*=fa-].fa-lastfm:hover{
color: #c3000d;
}
a.color-icon.fa-leanpub,
a[class*=fa-].fa-leanpub:hover{
color: #0c0c0c;
}
a.color-icon.fa-linkedin-square,
a[class*=fa-].fa-linkedin-square:hover{
color: #0976b4;
}
a.color-icon.fa-linkedin,
a[class*=fa-].fa-linkedin:hover{
color: #0976b4;
}
a.color-icon.fa-linux,
a[class*=fa-].fa-linux:hover{
color: #333;
}
a.color-icon.fa-maxcdn,
a[class*=fa-].fa-maxcdn:hover{
color: #f60;
}
a.color-icon.fa-meanpath,
a[class*=fa-].fa-meanpath:hover{
color: #538ed7;
}
a.color-icon.fa-medium,
a[class*=fa-].fa-medium:hover{
color: #000;
}
a.color-icon.fa-odnoklassniki-square,
a[class*=fa-].fa-odnoklassniki-square:hover{
color: #ed812b;
}
a.color-icon.fa-odnoklassniki,
a[class*=fa-].fa-odnoklassniki:hover{
color: #ed812b;
}
a.color-icon.fa-opencart,
a[class*=fa-].fa-opencart:hover{
color: #2ac2ef;
}
a.color-icon.fa-openid,
a[class*=fa-].fa-openid:hover{
color: #f78c40;
}
a.color-icon.fa-opera,
a[class*=fa-].fa-opera:hover{
color: #cc0f16;
}
a.color-icon.fa-optin-monster,
a[class*=fa-].fa-optin-monster:hover{
color: #83c11f;
}
a.color-icon.fa-pagelines,
a[class*=fa-].fa-pagelines:hover{
color: #000;
}
a.color-icon.fa-paypal,
a[class*=fa-].fa-paypal:hover{
color: #253b80;
}
a.color-icon.fa-pied-piper-alt,
a[class*=fa-].fa-pied-piper-alt :hover{
color: #2f9f46;
}
a.color-icon.fa-pied-piper-square,
a[class*=fa-].fa-pied-piper-square :hover{
color: #2f9f46;
}
a.color-icon.fa-pied-piper,
a[class*=fa-].fa-pied-piper:hover{
color: #2f9f46;
}
a.color-icon.fa-pinterest-p,
a[class*=fa-].fa-pinterest-p:hover{
color: #cc2127;
}
a.color-icon.fa-pinterest-square,
a[class*=fa-].fa-pinterest-square:hover{
color: #cc2127;
}
a.color-icon.fa-pinterest,
a[class*=fa-].fa-pinterest:hover{
color: #cc2127;
}
a.color-icon.fa-qq,
a[class*=fa-].fa-qq:hover{
color: #000;
}
a.color-icon.fa-ra,
a[class*=fa-].fa-ra:hover{
color: #000;
}
a.color-icon.fa-rebel,
a[class*=fa-].fa-rebel:hover{
color: #000;
}
a.color-icon.fa-reddit-square,
a[class*=fa-].fa-reddit-square:hover{
color: #ff4500;
}
a.color-icon.fa-reddit,
a[class*=fa-].fa-reddit:hover{
color: #ff4500;
}
a.color-icon.fa-renren,
a[class*=fa-].fa-renren:hover{
color: #005eac;
}
a.color-icon.fa-safari,
a[class*=fa-].fa-safari:hover{
color: #1b88ca;
}
a.color-icon.fa-sellsy,
a[class*=fa-].fa-sellsy:hover{
color: #1f78b9;
}
a.color-icon.fa-share-alt-square,
a[class*=fa-].fa-share-alt-square:hover{
color: #01bf01;
}
a.color-icon.fa-share-alt,
a[class*=fa-].fa-share-alt:hover{
color: #01bf01;
}
a.color-icon.fa-shirtsinbulk,
a[class*=fa-].fa-shirtsinbulk:hover{
color: #dd3a26;
}
a.color-icon.fa-simplybuilt,
a[class*=fa-].fa-simplybuilt:hover{
color: #000;
}
a.color-icon.fa-skyatlas,
a[class*=fa-].fa-skyatlas:hover{
color: #00adbb;
}
a.color-icon.fa-skype,
a[class*=fa-].fa-skype:hover{
color: #00aff0;
}
a.color-icon.fa-slack,
a[class*=fa-].fa-slack:hover{
color: #0f7965;
}
a.color-icon.fa-slideshare,
a[class*=fa-].fa-slideshare:hover{
color: #e98325;
}
a.color-icon.fa-soundcloud,
a[class*=fa-].fa-soundcloud:hover{
color: #f80;
}
a.color-icon.fa-spotify,
a[class*=fa-].fa-spotify:hover{
color: #7ab800;
}
a.color-icon.fa-stack-exchange,
a[class*=fa-].fa-stack-exchange:hover{
color: #000;
}
a.color-icon.fa-stack-overflow,
a[class*=fa-].fa-stack-overflow:hover{
color: #fe7a15;
}
a.color-icon.fa-steam-square,
a[class*=fa-].fa-steam-square:hover{
color: #0b0b0b;
}
a.color-icon.fa-steam,
a[class*=fa-].fa-steam:hover{
color: #0b0b0b;
}
a.color-icon.fa-stumbleupon-circle,
a[class*=fa-].fa-stumbleupon-circle:hover{
color: #eb4924;
}
a.color-icon.fa-stumbleupon,
a[class*=fa-].fa-stumbleupon:hover{
color: #eb4924;
}
a.color-icon.fa-tencent-weibo,
a[class*=fa-].fa-tencent-weibo:hover{
color: #74af2c;
}
a.color-icon.fa-trello,
a[class*=fa-].fa-trello:hover{
color: #256a92;
}
a.color-icon.fa-tripadvisor,
a[class*=fa-].fa-tripadvisor:hover{
color: #589442;
}
a.color-icon.fa-tumblr-square,
a[class*=fa-].fa-tumblr-square:hover{
color: #35465c;
}
a.color-icon.fa-tumblr,
a[class*=fa-].fa-tumblr:hover{
color: #35465c;
}
a.color-icon.fa-twitch,
a[class*=fa-].fa-twitch:hover{
color: #6441a5;
}
a.color-icon.fa-twitter-square,
a[class*=fa-].fa-twitter-square:hover{
color: #55acee;
}
a.color-icon.fa-twitter,
a[class*=fa-].fa-twitter:hover{
color: #55acee;
}
a.color-icon.soc-square-x-twitter,
a[class*=soc-].soc-square-x-twitter:hover{
color: #55acee;
}
a.color-icon.soc-x-twitter,
a[class*=soc-].soc-x-twitter:hover{
color: #55acee;
}
a.color-icon.soc-square-snapchat,
a[class*=soc-].soc-square-snapchat:hover{
color: #fffc00;
}
a.color-icon.soc-snapchat,
a[class*=soc-].soc-snapchat:hover{
color: #fffc00;
}
a.color-icon.soc-tiktok,
a[class*=soc-].soc-tiktok:hover{
color: #25f4ee;
}
a.color-icon.fa-viacoin,
a[class*=fa-].fa-viacoin:hover{
color: #333;
}
a.color-icon.fa-vimeo-square,
a[class*=fa-].fa-vimeo-square:hover{
color: #1ab7ea;
}
a.color-icon.fa-vimeo,
a[class*=fa-].fa-vimeo:hover{
color: #1ab7ea;
}
a.color-icon.fa-vine,
a[class*=fa-].fa-vine:hover{
color: #00b488;
}
a.color-icon.fa-vk,
a[class*=fa-].fa-vk:hover{
color: #45668e;
}
a.color-icon.fa-wechat,
a[class*=fa-].fa-wechat:hover{
color: #93d034;
}
a.color-icon.fa-weibo,
a[class*=fa-].fa-weibo:hover{
color: #e71d34;
}
a.color-icon.fa-weixin,
a[class*=fa-].fa-weixin:hover{
color: #93d034;
}
a.color-icon.fa-wikipedia-w,
a[class*=fa-].fa-wikipedia-w:hover{
color: #000;
}
a.color-icon.fa-windows,
a[class*=fa-].fa-windows:hover{
color: #00bcf2;
}
a.color-icon.fa-wordpress,
a[class*=fa-].fa-wordpress:hover{
color: #21759b;
}
a.color-icon.fa-xing-square,
a[class*=fa-].fa-xing-square:hover{
color: #026466;
}
a.color-icon.fa-xing,
a[class*=fa-].fa-xing:hover{
color: #026466;
}
a.color-icon.fa-y-combinator,
a[class*=fa-].fa-y-combinator:hover{
color: #f0652f;
}
a.color-icon.fa-yahoo,
a[class*=fa-].fa-yahoo:hover{
color: #400191;
}
a.color-icon.fa-yc,
a[class*=fa-].fa-yc:hover{
color: #f0652f;
}
a.color-icon.fa-yelp,
a[class*=fa-].fa-yelp:hover{
color: #af0606;
}
a.color-icon.fa-youtube-play,
a[class*=fa-].fa-youtube-play:hover{
color: #e52d27;
}
a.color-icon.fa-youtube-square,
a[class*=fa-].fa-youtube-square:hover{
color: #e52d27;
}
a.color-icon.fa-youtube,
a[class*=fa-].fa-youtube:hover{
color: #e52d27;
}
a.color-icon.fa-rss,
a[class*=fa-].fa-rss:hover{
color: #ffa811;
}
.color-bg-icon.fa-500px,
a.fa-500px.bg-icon:hover,
.fa-500px.color-icon.border-icon:hover{
background-color: #0099e5;
}
.color-bg-icon.fa-adn,
a.fa-adn.bg-icon:hover,
.fa-adn.color-icon.border-icon:hover{
background-color: #4a484c;
}
.color-bg-icon.fa-amazon,
a.fa-amazon.bg-icon:hover,
.fa-amazon.color-icon.border-icon:hover{
background-color: #f90;
}
.color-bg-icon.fa-android,
a.fa-android.bg-icon:hover,
.fa-android.color-icon.border-icon:hover{
background-color: #a4c639;
}
.color-bg-icon.fa-angellist,
a.fa-angellist.bg-icon:hover,
.fa-angellist.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-apple,
a.fa-apple.bg-icon:hover,
.fa-apple.color-icon.border-icon:hover{
background-color: #979797;
}
.color-bg-icon.fa-behance-square,
a.fa-behance-square.bg-icon:hover,
.fa-behance-square.color-icon.border-icon:hover{
background-color: #1769ff;
}
.color-bg-icon.fa-behance,
a.fa-behance.bg-icon:hover,
.fa-behance.color-icon.border-icon:hover{
background-color: #1769ff;
}
.color-bg-icon.fa-bitbucket-square,
a.fa-bitbucket-square.bg-icon:hover,
.fa-bitbucket-square.color-icon.border-icon:hover{
background-color: #205081;
}
.color-bg-icon.fa-bitbucket,
a.fa-bitbucket.bg-icon:hover,
.fa-bitbucket.color-icon.border-icon:hover{
background-color: #205081;
}
.color-bg-icon.fa-bitcoin,
a.fa-bitcoin.bg-icon:hover,
.fa-bitcoin.color-icon.border-icon:hover{
background-color: #ee9209;
}
.color-bg-icon.fa-black-tie,
a.fa-black-tie.bg-icon:hover,
.fa-black-tie.color-icon.border-icon:hover{
background-color: #222;
}
.color-bg-icon.fa-btc,
a.fa-btc.bg-icon:hover,
.fa-btc.color-icon.border-icon:hover{
background-color: #ee9209;
}
.color-bg-icon.fa-buysellads,
a.fa-buysellads.bg-icon:hover,
.fa-buysellads.color-icon.border-icon:hover{
background-color: #c90100;
}
.color-bg-icon.fa-cc-amex,
a.fa-cc-amex.bg-icon:hover,
.fa-cc-amex.color-icon.border-icon:hover{
background-color: #007bc1;
}
.color-bg-icon.fa-cc-diners-club,
a.fa-cc-diners-club.bg-icon:hover,
.fa-cc-diners-club.color-icon.border-icon:hover{
background-color: #004a97;
}
.color-bg-icon.fa-cc-discover,
a.fa-cc-discover.bg-icon:hover,
.fa-cc-discover.color-icon.border-icon:hover{
background-color: #f68121;
}
.color-bg-icon.fa-cc-jcb,
a.fa-cc-jcb.bg-icon:hover,
.fa-cc-jcb.color-icon.border-icon:hover{
background-color: #003a8f;
}
.color-bg-icon.fa-cc-mastercard,
a.fa-cc-mastercard.bg-icon:hover,
.fa-cc-mastercard.color-icon.border-icon:hover{
background-color: #0a3a82;
}
.color-bg-icon.fa-cc-paypal,
a.fa-cc-paypal.bg-icon:hover,
.fa-cc-paypal.color-icon.border-icon:hover{
background-color: #253b80;
}
.color-bg-icon.fa-cc-stripe,
a.fa-cc-stripe.bg-icon:hover,
.fa-cc-stripe.color-icon.border-icon:hover{
background-color: #00afe1;
}
.color-bg-icon.fa-cc-visa,
a.fa-cc-visa.bg-icon:hover,
.fa-cc-visa.color-icon.border-icon:hover{
background-color: #0157a2;
}
.color-bg-icon.fa-chrome,
a.fa-chrome.bg-icon:hover,
.fa-chrome.color-icon.border-icon:hover{
background-color: #4587f3;
}
.color-bg-icon.fa-codepen,
a.fa-codepen.bg-icon:hover,
.fa-codepen.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-connectdevelop,
a.fa-connectdevelop.bg-icon:hover,
.fa-connectdevelop.color-icon.border-icon:hover{
background-color: #391448;
}
.color-bg-icon.fa-contao,
a.fa-contao.bg-icon:hover,
.fa-contao.color-icon.border-icon:hover{
background-color: #eb8623;
}
.color-bg-icon.fa-creative-commons,
a.fa-creative-commons.bg-icon:hover,
.fa-creative-commons.color-icon.border-icon:hover{
background-color: #231f20;
}
.color-bg-icon.fa-css3,
a.fa-css3.bg-icon:hover,
.fa-css3.color-icon.border-icon:hover{
background-color: #1680c0;
}
.color-bg-icon.fa-dashcube,
a.fa-dashcube.bg-icon:hover,
.fa-dashcube.color-icon.border-icon:hover{
background-color: #7f7f7f;
}
.color-bg-icon.fa-delicious,
a.fa-delicious.bg-icon:hover,
.fa-delicious.color-icon.border-icon:hover{
background-color: #39f;
}
.color-bg-icon.fa-deviantart,
a.fa-deviantart.bg-icon:hover,
.fa-deviantart.color-icon.border-icon:hover{
background-color: #4e6252;
}
.color-bg-icon.fa-digg,
a.fa-digg.bg-icon:hover,
.fa-digg.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-dribbble,
a.fa-dribbble.bg-icon:hover,
.fa-dribbble.color-icon.border-icon:hover{
background-color: #444;
}
.color-bg-icon.fa-dropbox,
a.fa-dropbox.bg-icon:hover,
.fa-dropbox.color-icon.border-icon:hover{
background-color: #007ee5;
}
.color-bg-icon.fa-drupal,
a.fa-drupal.bg-icon:hover,
.fa-drupal.color-icon.border-icon:hover{
background-color: #0077c0;
}
.color-bg-icon.fa-empire,
a.fa-empire.bg-icon:hover,
.fa-empire.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-expeditedssl,
a.fa-expeditedssl.bg-icon:hover,
.fa-expeditedssl.color-icon.border-icon:hover{
background-color: #343433;
}
.color-bg-icon.fa-facebook-official,
a.fa-facebook-official.bg-icon:hover,
.fa-facebook-official.color-icon.border-icon:hover{
background-color: #3b5998;
}
.color-bg-icon.fa-facebook-square,
a.fa-facebook-square.bg-icon:hover,
.fa-facebook-square.color-icon.border-icon:hover{
background-color: #3b5998;
}
.color-bg-icon.fa-facebook,
a.fa-facebook.bg-icon:hover,
.fa-facebook.color-icon.border-icon:hover{
background-color: #3b5998;
}
.color-bg-icon.fa-firefox,
a.fa-firefox.bg-icon:hover,
.fa-firefox.color-icon.border-icon:hover{
background-color: #e66000;
}
.color-bg-icon.fa-flickr,
a.fa-flickr.bg-icon:hover,
.fa-flickr.color-icon.border-icon:hover{
background-color: #ff0084;
}
.color-bg-icon.fa-fonticons,
a.fa-fonticons.bg-icon:hover,
.fa-fonticons.color-icon.border-icon:hover{
background-color: #1c1e29;
}
.color-bg-icon.fa-forumbee,
a.fa-forumbee.bg-icon:hover,
.fa-forumbee.color-icon.border-icon:hover{
background-color: #83ad13;
}
.color-bg-icon.fa-foursquare,
a.fa-foursquare.bg-icon:hover,
.fa-foursquare.color-icon.border-icon:hover{
background-color: #0072b1;
}
.color-bg-icon.fa-ge,
a.fa-ge.bg-icon:hover,
.fa-ge.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-get-pocket,
a.fa-get-pocket.bg-icon:hover,
.fa-get-pocket.color-icon.border-icon:hover{
background-color: #d3505a;
}
.color-bg-icon.fa-gg-circle,
a.fa-gg-circle.bg-icon:hover,
.fa-gg-circle.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-gg,
a.fa-gg.bg-icon:hover,
.fa-gg.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-git-square,
a.fa-git-square.bg-icon:hover,
.fa-git-square.color-icon.border-icon:hover{
background-color: #333;
}
.color-bg-icon.fa-git,
a.fa-git.bg-icon:hover,
.fa-git.color-icon.border-icon:hover{
background-color: #333;
}
.color-bg-icon.fa-github-alt,
a.fa-github-alt.bg-icon:hover,
.fa-github-alt.color-icon.border-icon:hover{
background-color: #333;
}
.color-bg-icon.fa-github-square,
a.fa-github-square.bg-icon:hover,
.fa-github-square.color-icon.border-icon:hover{
background-color: #333;
}
.color-bg-icon.fa-github,
a.fa-github.bg-icon:hover,
.fa-github.color-icon.border-icon:hover{
background-color: #333;
}
.color-bg-icon.fa-gittip,
a.fa-gittip.bg-icon:hover,
.fa-gittip.color-icon.border-icon:hover{
background-color: #630;
}
.color-bg-icon.fa-google-plus-square,
a.fa-google-plus-square.bg-icon:hover,
.fa-google-plus-square.color-icon.border-icon:hover{
background-color: #dd4b39;
}
.color-bg-icon.fa-google-plus,
a.fa-google-plus.bg-icon:hover,
.fa-google-plus.color-icon.border-icon:hover{
background-color: #dd4b39;
}
.color-bg-icon.fa-google-wallet,
a.fa-google-wallet.bg-icon:hover,
.fa-google-wallet.color-icon.border-icon:hover{
background-color: #4285f4;
}
.color-bg-icon.fa-google,
a.fa-google.bg-icon:hover,
.fa-google.color-icon.border-icon:hover{
background-color: #dd4b39;
}
.color-bg-icon.fa-hacker-news,
a.fa-hacker-news.bg-icon:hover,
.fa-hacker-news.color-icon.border-icon:hover{
background-color: #f60;
}
.color-bg-icon.fa-houzz,
a.fa-houzz.bg-icon:hover,
.fa-houzz.color-icon.border-icon:hover{
background-color: #7ac142;
}
.color-bg-icon.fa-html5,
a.fa-html5.bg-icon:hover,
.fa-html5.color-icon.border-icon:hover{
background-color: #e34f26;
}
.color-bg-icon.fa-instagram,
a.fa-instagram.bg-icon:hover,
.fa-instagram.color-icon.border-icon:hover{
background-color: #3f729b;
}
.color-bg-icon.fa-internet-explorer,
a.fa-internet-explorer.bg-icon:hover,
.fa-internet-explorer.color-icon.border-icon:hover{
background-color: #1ebbee;
}
.color-bg-icon.fa-ioxhost,
a.fa-ioxhost.bg-icon:hover,
.fa-ioxhost.color-icon.border-icon:hover{
background-color: #faa729;
}
.color-bg-icon.fa-joomla,
a.fa-joomla.bg-icon:hover,
.fa-joomla.color-icon.border-icon:hover{
background-color: #142849;
}
.color-bg-icon.fa-jsfiddle,
a.fa-jsfiddle.bg-icon:hover,
.fa-jsfiddle.color-icon.border-icon:hover{
background-color: #4679bd;
}
.color-bg-icon.fa-lastfm-square,
a.fa-lastfm-square.bg-icon:hover,
.fa-lastfm-square.color-icon.border-icon:hover{
background-color: #c3000d;
}
.color-bg-icon.fa-lastfm,
a.fa-lastfm.bg-icon:hover,
.fa-lastfm.color-icon.border-icon:hover{
background-color: #c3000d;
}
.color-bg-icon.fa-leanpub,
a.fa-leanpub.bg-icon:hover,
.fa-leanpub.color-icon.border-icon:hover{
background-color: #0c0c0c;
}
.color-bg-icon.fa-linkedin-square,
a.fa-linkedin-square.bg-icon:hover,
.fa-linkedin-square.color-icon.border-icon:hover{
background-color: #0976b4;
}
.color-bg-icon.fa-linkedin,
a.fa-linkedin.bg-icon:hover,
.fa-linkedin.color-icon.border-icon:hover{
background-color: #0976b4;
}
.color-bg-icon.fa-linux,
a.fa-linux.bg-icon:hover,
.fa-linux.color-icon.border-icon:hover{
background-color: #333;
}
.color-bg-icon.fa-maxcdn,
a.fa-maxcdn.bg-icon:hover,
.fa-maxcdn.color-icon.border-icon:hover{
background-color: #f60;
}
.color-bg-icon.fa-meanpath,
a.fa-meanpath.bg-icon:hover,
.fa-meanpath.color-icon.border-icon:hover{
background-color: #538ed7;
}
.color-bg-icon.fa-medium,
a.fa-medium.bg-icon:hover,
.fa-medium.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-odnoklassniki-square,
a.fa-odnoklassniki-square.bg-icon:hover,
.fa-odnoklassniki-square.color-icon.border-icon:hover{
background-color: #ed812b;
}
.color-bg-icon.fa-odnoklassniki,
a.fa-odnoklassniki.bg-icon:hover,
.fa-odnoklassniki.color-icon.border-icon:hover{
background-color: #ed812b;
}
.color-bg-icon.fa-opencart,
a.fa-opencart.bg-icon:hover,
.fa-opencart.color-icon.border-icon:hover{
background-color: #2ac2ef;
}
.color-bg-icon.fa-openid,
a.fa-openid.bg-icon:hover,
.fa-openid.color-icon.border-icon:hover{
background-color: #f78c40;
}
.color-bg-icon.fa-opera,
a.fa-opera.bg-icon:hover,
.fa-opera.color-icon.border-icon:hover{
background-color: #cc0f16;
}
.color-bg-icon.fa-optin-monster,
a.fa-optin-monster.bg-icon:hover,
.fa-optin-monster.color-icon.border-icon:hover{
background-color: #83c11f;
}
.color-bg-icon.fa-pagelines,
a.fa-pagelines.bg-icon:hover,
.fa-pagelines.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-paypal,
a.fa-paypal.bg-icon:hover,
.fa-paypal.color-icon.border-icon:hover{
background-color: #253b80;
}
.color-bg-icon.fa-pied-piper-alt,
a.fa-pied-piper-alt .bg-icon:hover,
.fa-pied-piper-alt .color-icon.border-icon:hover{
color: #2f9f46;
}
.color-bg-icon.fa-pied-piper-square,
a.fa-pied-piper-square .bg-icon:hover,
.fa-pied-piper-square .color-icon.border-icon:hover{
color: #2f9f46;
}
.color-bg-icon.fa-pied-piper,
a.fa-pied-piper.bg-icon:hover,
.fa-pied-piper.color-icon.border-icon:hover{
background-color: #2f9f46;
}
.color-bg-icon.fa-pinterest-p,
a.fa-pinterest-p.bg-icon:hover,
.fa-pinterest-p.color-icon.border-icon:hover{
background-color: #cc2127;
}
.color-bg-icon.fa-pinterest-square,
a.fa-pinterest-square.bg-icon:hover,
.fa-pinterest-square.color-icon.border-icon:hover{
background-color: #cc2127;
}
.color-bg-icon.fa-pinterest,
a.fa-pinterest.bg-icon:hover,
.fa-pinterest.color-icon.border-icon:hover{
background-color: #cc2127;
}
.color-bg-icon.fa-qq,
a.fa-qq.bg-icon:hover,
.fa-qq.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-ra,
a.fa-ra.bg-icon:hover,
.fa-ra.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-rebel,
a.fa-rebel.bg-icon:hover,
.fa-rebel.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-reddit-square,
a.fa-reddit-square.bg-icon:hover,
.fa-reddit-square.color-icon.border-icon:hover{
background-color: #ff4500;
}
.color-bg-icon.fa-reddit,
a.fa-reddit.bg-icon:hover,
.fa-reddit.color-icon.border-icon:hover{
background-color: #ff4500;
}
.color-bg-icon.fa-renren,
a.fa-renren.bg-icon:hover,
.fa-renren.color-icon.border-icon:hover{
background-color: #005eac;
}
.color-bg-icon.fa-safari,
a.fa-safari.bg-icon:hover,
.fa-safari.color-icon.border-icon:hover{
background-color: #1b88ca;
}
.color-bg-icon.fa-sellsy,
a.fa-sellsy.bg-icon:hover,
.fa-sellsy.color-icon.border-icon:hover{
background-color: #1f78b9;
}
.color-bg-icon.fa-share-alt-square,
a.fa-share-alt-square.bg-icon:hover,
.fa-share-alt-square.color-icon.border-icon:hover{
background-color: #01bf01;
}
.color-bg-icon.fa-share-alt,
a.fa-share-alt.bg-icon:hover,
.fa-share-alt.color-icon.border-icon:hover{
background-color: #01bf01;
}
.color-bg-icon.fa-shirtsinbulk,
a.fa-shirtsinbulk.bg-icon:hover,
.fa-shirtsinbulk.color-icon.border-icon:hover{
background-color: #dd3a26;
}
.color-bg-icon.fa-simplybuilt,
a.fa-simplybuilt.bg-icon:hover,
.fa-simplybuilt.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-skyatlas,
a.fa-skyatlas.bg-icon:hover,
.fa-skyatlas.color-icon.border-icon:hover{
background-color: #00adbb;
}
.color-bg-icon.fa-skype,
a.fa-skype.bg-icon:hover,
.fa-skype.color-icon.border-icon:hover{
background-color: #00aff0;
}
.color-bg-icon.fa-slack,
a.fa-slack.bg-icon:hover,
.fa-slack.color-icon.border-icon:hover{
background-color: #0f7965;
}
.color-bg-icon.fa-slideshare,
a.fa-slideshare.bg-icon:hover,
.fa-slideshare.color-icon.border-icon:hover{
background-color: #e98325;
}
.color-bg-icon.fa-soundcloud,
a.fa-soundcloud.bg-icon:hover,
.fa-soundcloud.color-icon.border-icon:hover{
background-color: #f80;
}
.color-bg-icon.fa-spotify,
a.fa-spotify.bg-icon:hover,
.fa-spotify.color-icon.border-icon:hover{
background-color: #7ab800;
}
.color-bg-icon.fa-stack-exchange,
a.fa-stack-exchange.bg-icon:hover,
.fa-stack-exchange.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-stack-overflow,
a.fa-stack-overflow.bg-icon:hover,
.fa-stack-overflow.color-icon.border-icon:hover{
background-color: #fe7a15;
}
.color-bg-icon.fa-steam-square,
a.fa-steam-square.bg-icon:hover,
.fa-steam-square.color-icon.border-icon:hover{
background-color: #0b0b0b;
}
.color-bg-icon.fa-steam,
a.fa-steam.bg-icon:hover,
.fa-steam.color-icon.border-icon:hover{
background-color: #0b0b0b;
}
.color-bg-icon.fa-stumbleupon-circle,
a.fa-stumbleupon-circle.bg-icon:hover,
.fa-stumbleupon-circle.color-icon.border-icon:hover{
background-color: #eb4924;
}
.color-bg-icon.fa-stumbleupon,
a.fa-stumbleupon.bg-icon:hover,
.fa-stumbleupon.color-icon.border-icon:hover{
background-color: #eb4924;
}
.color-bg-icon.fa-tencent-weibo,
a.fa-tencent-weibo.bg-icon:hover,
.fa-tencent-weibo.color-icon.border-icon:hover{
background-color: #74af2c;
}
.color-bg-icon.fa-trello,
a.fa-trello.bg-icon:hover,
.fa-trello.color-icon.border-icon:hover{
background-color: #256a92;
}
.color-bg-icon.fa-tripadvisor,
a.fa-tripadvisor.bg-icon:hover,
.fa-tripadvisor.color-icon.border-icon:hover{
background-color: #589442;
}
.color-bg-icon.fa-tumblr-square,
a.fa-tumblr-square.bg-icon:hover,
.fa-tumblr-square.color-icon.border-icon:hover{
background-color: #35465c;
}
.color-bg-icon.fa-tumblr,
a.fa-tumblr.bg-icon:hover,
.fa-tumblr.color-icon.border-icon:hover{
background-color: #35465c;
}
.color-bg-icon.fa-twitch,
a.fa-twitch.bg-icon:hover,
.fa-twitch.color-icon.border-icon:hover{
background-color: #6441a5;
}
.color-bg-icon.fa-twitter-square,
a.fa-twitter-square.bg-icon:hover,
.fa-twitter-square.color-icon.border-icon:hover{
background-color: #55acee;
}
.color-bg-icon.fa-twitter,
a.fa-twitter.bg-icon:hover,
.fa-twitter.color-icon.border-icon:hover{
background-color: #55acee;
}
.color-bg-icon.soc-square-x-twitter,
a.soc-square-x-twitter.bg-icon:hover,
.soc-square-x-twitter.color-icon.border-icon:hover{
background-color: #55acee;
}
.color-bg-icon.soc-x-twitter,
a.soc-x-twitter.bg-icon:hover,
.soc-x-twitter.color-icon.border-icon:hover{
background-color: #55acee;
}
.color-bg-icon.soc-square-snapchat,
a.soc-square-snapchat.bg-icon:hover,
.soc-square-snapchat.color-icon.border-icon:hover{
background-color: #fffc00;
}
.color-bg-icon.soc-snapchat,
a.soc-snapchat.bg-icon:hover,
.soc-snapchat.color-icon.border-icon:hover{
background-color: #fffc00;
}
.color-bg-icon.soc-tiktok,
a.soc-tiktok.bg-icon:hover,
.soc-tiktok.color-icon.border-icon:hover{
background-color: #25f4ee;
}
.color-bg-icon.fa-viacoin,
a.fa-viacoin.bg-icon:hover,
.fa-viacoin.color-icon.border-icon:hover{
background-color: #333;
}
.color-bg-icon.fa-vimeo-square,
a.fa-vimeo-square.bg-icon:hover,
.fa-vimeo-square.color-icon.border-icon:hover{
background-color: #1ab7ea;
}
.color-bg-icon.fa-vimeo,
a.fa-vimeo.bg-icon:hover,
.fa-vimeo.color-icon.border-icon:hover{
background-color: #1ab7ea;
}
.color-bg-icon.fa-vine,
a.fa-vine.bg-icon:hover,
.fa-vine.color-icon.border-icon:hover{
background-color: #00b488;
}
.color-bg-icon.fa-vk,
a.fa-vk.bg-icon:hover,
.fa-vk.color-icon.border-icon:hover{
background-color: #45668e;
}
.color-bg-icon.fa-wechat,
a.fa-wechat.bg-icon:hover,
.fa-wechat.color-icon.border-icon:hover{
background-color: #93d034;
}
.color-bg-icon.fa-weibo,
a.fa-weibo.bg-icon:hover,
.fa-weibo.color-icon.border-icon:hover{
background-color: #e71d34;
}
.color-bg-icon.fa-weixin,
a.fa-weixin.bg-icon:hover,
.fa-weixin.color-icon.border-icon:hover{
background-color: #93d034;
}
.color-bg-icon.fa-wikipedia-w,
a.fa-wikipedia-w.bg-icon:hover,
.fa-wikipedia-w.color-icon.border-icon:hover{
background-color: #000;
}
.color-bg-icon.fa-windows,
a.fa-windows.bg-icon:hover,
.fa-windows.color-icon.border-icon:hover{
background-color: #00bcf2;
}
.color-bg-icon.fa-wordpress,
a.fa-wordpress.bg-icon:hover,
.fa-wordpress.color-icon.border-icon:hover{
background-color: #21759b;
}
.color-bg-icon.fa-xing-square,
a.fa-xing-square.bg-icon:hover,
.fa-xing-square.color-icon.border-icon:hover{
background-color: #026466;
}
.color-bg-icon.fa-xing,
a.fa-xing.bg-icon:hover,
.fa-xing.color-icon.border-icon:hover{
background-color: #026466;
}
.color-bg-icon.fa-y-combinator,
a.fa-y-combinator.bg-icon:hover,
.fa-y-combinator.color-icon.border-icon:hover{
background-color: #f0652f;
}
.color-bg-icon.fa-yahoo,
a.fa-yahoo.bg-icon:hover,
.fa-yahoo.color-icon.border-icon:hover{
background-color: #400191;
}
.color-bg-icon.fa-yc,
a.fa-yc.bg-icon:hover,
.fa-yc.color-icon.border-icon:hover{
background-color: #f0652f;
}
.color-bg-icon.fa-yelp,
a.fa-yelp.bg-icon:hover,
.fa-yelp.color-icon.border-icon:hover{
background-color: #af0606;
}
.color-bg-icon.fa-youtube-play,
a.fa-youtube-play.bg-icon:hover,
.fa-youtube-play.color-icon.border-icon:hover{
background-color: #e52d27;
}
.color-bg-icon.fa-youtube-square,
a.fa-youtube-square.bg-icon:hover,
.fa-youtube-square.color-icon.border-icon:hover{
background-color: #e52d27;
}
.color-bg-icon.fa-youtube,
a.fa-youtube.bg-icon:hover,
.fa-youtube.color-icon.border-icon:hover{
background-color: #e52d27;
}
.color-bg-icon.fa-rss,
a.fa-rss.bg-icon:hover,
.fa-rss.color-icon.border-icon:hover{
background-color: #ffa811;
}
.color-bg-icon{
color: #fff;
}
a.fa,
a[class*=soc-]{
color: var(--colorDarkGrey);
}
a.border-icon{
border: 1px solid gray;
border-color: rgba(128, 128, 128, .4);
}
a.border-icon.color-icon:hover{
border-color: rgba(0, 0, 0, 0);
}
a.bg-icon{
background-color: #e8e8e8;
}
a.color-bg-icon{
color: #fff;
background-color: var(--colorDarkGrey);
}
a.fa.color-icon:hover,
a[class*=soc-].color-icon:hover{
color: var(--colorDarkGrey);
}
a.fa.bg-icon:hover,
a[class*=soc-].bg-icon:hover{
color: #fff;
}
a.fa.color-bg-icon:hover,
a[class*=soc-].color-bg-icon:hover{
background-color: var(--colorMain);
color: #fff;
}
a.color-icon:hover{
color: var(--colorDarkGrey);
}
a.color-icon.border-icon:hover{
color: #fff;
}
.alignnone{
margin: 10px 0 30px;
}
.aligncenter,
div.aligncenter{
display: block;
margin: 10px auto 30px auto;
}
.alignright{
float: right;
margin: 10px 0 30px 40px;
max-width: 50%;
}
.alignleft{
float: left;
margin: 10px 40px 30px 0;
max-width: 50%;
}
a img.alignright{
float: right;
margin: 10px 0 30px 40px;
}
a img.alignnone{
margin: 10px 0 30px;
}
a img.alignleft{
float: left;
margin: 10px 40px 30px 0;
}
a img.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption{
text-align: center;
}
.wp-caption.alignnone{
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft{
margin: 5px 20px 20px 0;
}
.wp-caption.alignright{
margin: 5px 0 20px 20px;
}
.wp-caption img{
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text{
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text{
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
margin: 0;
padding: 0;
}
.screen-reader-text:focus{
clip: auto !important;
display: block;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.sticky,
.bypostauthor{
position: relative;
}
.page-item,
.nav-links{
clear: both;
display: flex;
justify-content: center;
width: 100%;
}
.page-item > span,
.page-item > a,
.nav-links > span,
.nav-links > a{
border: 0;
border-radius: 50% !important;
color: #031521;
font-family: "Montserrat",sans-serif;
font-weight: 600;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 4px;
margin-left: 0;
margin-bottom: 7px;
padding: 0;
width: 60px;
height: 60px;
text-align: center;
line-height: inherit;
}
@media (max-width: 576px) {
.page-item > span,
.page-item > a,
.nav-links > span,
.nav-links > a{
width: 40px;
height: 40px;
}
}
.page-item > span:hover,
.page-item > a:hover,
.nav-links > span:hover,
.nav-links > a:hover{
color: var(--colorMain);
}
.page-item > .prev:before,
.page-item > .next:before,
.nav-links > .prev:before,
.nav-links > .next:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_left.png);
cursor: pointer;
display: block;
position: relative;
width: 20px;
height: 7px;
}
.page-item > .prev,
.nav-links > .prev{
margin-right: auto;
justify-content: flex-start;
}
.page-item > .next,
.nav-links > .next{
margin-left: auto;
justify-content: flex-end;
}
.page-item > .next:before,
.nav-links > .next:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
}
.page-item.active > a,
.page-item > span,
.nav-links.active > a,
.nav-links > span{
cursor: not-allowed;
}
.page-item.active > a,
.page-item > .current,
.nav-links.active > a,
.nav-links > .current{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.page-item .dots,
.page-item .dots:hover,
.nav-links .dots,
.nav-links .dots:hover{
border-color: #e1e1e1;
}
.page-item .fa,
.nav-links .fa{
display: none;
}
.page-links{
clear: both;
margin-top: 20px;
}
.page-links > a,
.page-links > span,
.page-links > .theme_button{
border: 1px solid gray;
border-radius: 5px !important;
color: gray;
display: inline-block;
padding: 0 .5em;
line-height: 30px;
width: 30px;
text-align: center;
}
.page-links > a.post-page-numbers,
.page-links > span.post-page-numbers,
.page-links > .theme_button.post-page-numbers{
border: 1px solid gray;
border-radius: 50% !important;
color: gray;
font-weight: 600;
letter-spacing: -1px;
font-size: 12px;
font-family: "Montserrat",sans-serif;
display: inline-block;
padding: 0;
margin-right: 5px;
line-height: 30px;
height: 30px;
width: 30px;
text-align: center;
}
.page-links > a.disabled:hover,
.page-links > span.disabled:hover,
.page-links > .theme_button.disabled:hover{
color: gray;
border: 1px solid var(--colorMain3);
}
.page-links > a:hover,
.page-links > span:hover,
.page-links > .theme_button:hover{
color: var(--colorMain);
border: 1px solid var(--colorMain);
}
.page-links > span:first-child{
border: 0;
color: gray;
width: auto;
text-align: left;
padding: 0;
}
.page-links-title{
margin-right: 10px;
}
.ds .page-item > span,
.ds .page-item > a:not(.btn),
.ds .nav-links > span,
.ds .nav-links > a:not(.btn),
.ds .page-links > span,
.ds .page-links > a:not(.btn){
color: #fff;
}
.ds .page-item > span:hover,
.ds .page-item > a:not(.btn):hover,
.ds .nav-links > span:hover,
.ds .nav-links > a:not(.btn):hover,
.ds .page-links > span:hover,
.ds .page-links > a:not(.btn):hover{
background-color: #253138;
color: #fff;
border-color: #253138;
}
.ds .page-item > span.prev,
.ds .page-item > span.next,
.ds .page-item > a:not(.btn).prev,
.ds .page-item > a:not(.btn).next,
.ds .nav-links > span.prev,
.ds .nav-links > span.next,
.ds .nav-links > a:not(.btn).prev,
.ds .nav-links > a:not(.btn).next,
.ds .page-links > span.prev,
.ds .page-links > span.next,
.ds .page-links > a:not(.btn).prev,
.ds .page-links > a:not(.btn).next{
background-color: var(--colorMain);
color: #fff;
border-color: var(--colorMain);
}
.ds .page-item > span.prev:hover,
.ds .page-item > span.next:hover,
.ds .page-item > a:not(.btn).prev:hover,
.ds .page-item > a:not(.btn).next:hover,
.ds .nav-links > span.prev:hover,
.ds .nav-links > span.next:hover,
.ds .nav-links > a:not(.btn).prev:hover,
.ds .nav-links > a:not(.btn).next:hover,
.ds .page-links > span.prev:hover,
.ds .page-links > span.next:hover,
.ds .page-links > a:not(.btn).prev:hover,
.ds .page-links > a:not(.btn).next:hover{
border-color: #253138;
}
.hero-bg .page-item > span,
.hero-bg .page-item > a:not(.btn),
.hero-bg .nav-links > span,
.hero-bg .nav-links > a:not(.btn){
border-color: var(--colorDarkGrey);
}
.page-links a:first-child{
margin-left: 1em;
}
.pagination{
justify-content: center;
margin-bottom: -10px;
margin-top: 60px;
}
.post-navigation{
margin: 40px 0 0;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.post-navigation a{
width: 49%;
}
@media (max-width: 575px) {
.post-navigation a{
width: 100%;
}
.post-navigation a:first-child{
margin-bottom: 30px;
}
}
.post-navigation .media{
height: auto;
padding: 32px 39px;
background-position: 50% 28%;
position: relative;
text-align: left;
transition: .2s opacity ease;
}
.post-navigation .media.nav-next{
text-align: right;
}
.post-navigation .media.s-overlay.ds:before{
opacity: .8;
}
.post-navigation .media:hover{
opacity: .9;
}
.post-navigation .media .post-nav-text-wrap{
width: 100%;
}
.post-navigation .nav-subtitle{
font-style: normal;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
line-height: 1;
min-width: 8em;
padding: .25em 0 0 0;
display: inline-block;
}
.post-navigation .nav-title{
font-size: 24px;
display: block;
margin-top: 4px;
text-transform: capitalize;
line-height: 1.2;
margin-bottom: -1px;
letter-spacing: .3px;
}
.post-navigation.nav-links > div{
width: 49%;
height: auto;
position: relative;
padding: 32px 39px;
text-align: right;
background-position: 50% 28%;
transition: .2s opacity ease;
}
.post-navigation.nav-links > div .post-nav-text-wrap{
text-align: right;
}
.post-navigation.nav-links > div.s-overlay.ds:before{
opacity: .8;
}
.post-navigation.nav-links > div:hover{
opacity: .9;
}
@media (max-width: 575px) {
.post-navigation.nav-links > div{
width: 100%;
}
.post-navigation.nav-links > div:first-child{
margin-bottom: 30px;
}
}
.post-navigation.nav-links > div .fa{
font-size: 20px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.post-navigation.nav-links > div:first-child .post-nav-text-wrap{
text-align: left;
}
.post-navigation.nav-links > div:first-child .fa{
right: auto;
left: 0;
}
.post-navigation.nav-links .nav-subtitle{
font-style: normal;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
line-height: 1;
min-width: 8em;
padding: .25em 0 0 0;
display: inline-block;
}
.post-navigation.nav-links .nav-title{
font-size: 24px;
display: block;
margin-top: 4px;
text-transform: capitalize;
line-height: 1.2;
margin-bottom: -1px;
letter-spacing: .3px;
}
.post-navigation.nav-links a{
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.post-navigation .post-nav-image{
display: none;
}
.post-navigation .cover-image .post-nav-text-wrap{
text-align: center;
}
.navigation.post-navigation-2{
padding: 0;
margin-top: 60px;
margin-bottom: -7px;
display: block;
width: 100%;
overflow: hidden;
}
@media (max-width: 767px) {
.navigation.post-navigation-2{
margin-top: 40px;
margin-bottom: 0;
}
}
.navigation.post-navigation-2 a{
display: inline-block;
width: 48.5%;
position: relative;
overflow: hidden;
padding: 0;
font-weight: normal;
font-size: 14px;
}
.navigation.post-navigation-2 a[rel=next]{
float: right;
}
.navigation.post-navigation-2 a[rel=next] .media{
justify-content: flex-end;
}
.navigation.post-navigation-2 a .media{
background-position: center;
background-size: cover;
padding: 0;
height: 200px;
display: flex;
align-items: center;
}
.navigation.post-navigation-2 a .media .nav-overlay{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
display: block;
background: rgba(var(--colorDarkGreyRGB), 0.9);
z-index: 1;
}
.navigation.post-navigation-2 a .media .nav-middle{
position: relative;
display: block;
z-index: 2;
padding: 0;
max-width: 100%;
text-align: center;
}
.navigation.post-navigation-2 a .media .nav-middle .nav{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
color: #031521;
background-color: var(--colorMain2);
display: inline-block;
width: auto;
padding: 3px 10px;
transition: all .3s ease-in-out 0s;
}
.product-demo .navigation.post-navigation-2 a .media .nav-middle .nav{
color: #fff;
}
.navigation.post-navigation-2 a .media .nav-middle .title{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
font-size: 10px !important;
display: block;
word-wrap: break-word;
max-width: 100%;
margin-top: 17px;
color: #fff;
transition: all .3s ease-in-out 0s;
}
@media (max-width: 479px) {
.navigation.post-navigation-2 a .media .nav-middle .title{
display: none;
}
}
@media (min-width: 480px) {
.navigation.post-navigation-2 a .media.prev-item .nav-middle{
text-align: left;
}
.navigation.post-navigation-2 a .media.next-item .nav-middle{
text-align: right;
}
}
.nav-wrap{
display: flex;
align-items: center;
justify-content: space-between;
}
@media (min-width: 768px)and (max-width: 991px) {
.nav-wrap{
justify-content: flex-end;
}
}
.nav-wrap > .top-nav + *:not(.top-includes){
flex-grow: 100;
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 1200px) {
.top-nav{
position: relative;
flex-grow: 10;
flex-wrap: nowrap;
display: flex;
align-items: center;
}
.justify-nav-end .top-nav{
justify-content: flex-end;
}
.justify-nav-center .top-nav{
justify-content: center;
}
.sf-menu{
display: block;
}
.sf-menu,
.sf-menu ul{
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li{
position: relative;
}
.sf-menu li > ul{
position: absolute;
display: none;
top: 100%;
z-index: 99;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul{
display: block;
}
.sf-menu a{
display: block;
position: relative;
}
.sf-menu a{
padding: 10px 1.1em;
text-decoration: none;
zoom: 1;
transition-property: color, background-color, border-color, padding-top, padding-bottom;
font-size: 16px;
font-weight: bold;
text-transform: lowercase;
}
.sf-menu li{
white-space: nowrap;
*white-space: normal;
}
.sf-menu > li{
display: inline-block;
position: relative;
}
.sf-menu.nav > li:first-child > a{
margin-left: 0;
}
.sf-menu.nav > li:last-child > a{
margin-right: 0;
padding-right: 0;
}
.sf-menu > li > a{
line-height: 14px;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
padding-left: 0;
margin: 0 10px;
transition-duration: .15s;
}
.sf-menu > li > a.sf-with-ul:after{
content: "";
font-family: FontAwesome;
font-size: 12px;
position: absolute;
margin-top: 2px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 2px;
}
.affix .sf-menu > li > a{
padding-top: 15px;
padding-bottom: 15px;
}
.sf-menu > li > a:hover{
color: var(--colorMain);
}
.sf-menu > li.active > a:before{
content: "";
height: 1px;
width: 60%;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
}
.nav-narrow .sf-menu > li{
padding: 0;
}
.nav-narrow .sf-menu > li > a{
padding-top: 24px;
padding-bottom: 24px;
margin-left: 29px;
margin-right: 29px;
position: relative;
}
.nav-narrow .sf-menu > li.active > a:before{
content: "";
position: absolute;
height: 1px;
left: -20px;
right: -20px;
top: 0;
z-index: 1;
background-color: var(--colorMain);
}
.nav-bordered .sf-menu > li + li:before{
content: "";
width: 1px;
position: absolute;
left: -2px;
top: 0;
bottom: 0;
background-color: #fff;
}
.cs .sf-menu > li > a{
color: #fff;
}
.cs .sf-menu > li > a:hover{
color: var(--colorDarkGrey);
}
.ds .sf-menu > li > a{
color: #b7b5b5;
}
.ds .sf-menu > li > a:hover{
color: var(--colorMain);
}
.ls .sf-menu > li > a{
color: var(--colorDarkGrey);
text-transform: uppercase;
}
.ls .sf-menu > li > a:hover{
color: var(--colorMain);
}
.ls .sf-menu > li.active > a:before{
background-color: var(--colorDarkGrey);
}
.ls .sf-menu > li + li:before{
background-color: #e1e1e1;
}
.sf-menu li:hover,
.sf-menu li.sfHover{
transition: none;
}
.sf-menu > li .mega-menu,
.sf-menu li > ul{
margin-top: 5px;
text-align: left;
list-style: none;
padding: 28px 0 28px;
border-top: 4px solid var(--colorMain);
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
min-width: 10em;
*width: 10em;
}
.sf-menu > li .mega-menu{
padding-left: 0;
padding-right: 0;
}
.sf-menu.nav ul a{
color: var(--colorDarkGrey);
padding-left: 40px;
padding-right: 40px;
}
.sf-menu .mega-menu ul{
box-shadow: none;
padding: 0;
background: rgba(0, 0, 0, 0);
}
.sf-menu .mega-menu ul a{
padding-left: 0;
padding-right: 0;
}
.sf-menu ul a:hover,
.sf-menu ul li.active > a{
color: var(--colorMain);
}
.sf-menu ul ul{
margin-top: 0;
top: -32px;
}
.sf-arrows ul .sf-with-ul:after{
font-family: "FontAwesome";
padding-left: 7px;
content: "";
}
}
.sf-menu i[class]{
margin-right: 7px;
font-size: 1.1em;
}
@media (min-width: 1600px) {
.sf-menu > li > a{
margin: 0 30px 0 0;
}
}
@media (min-width: 1200px) {
.sf-menu .sf-xl-hidden{
display: none !important;
}
}
@media (max-width: 1199px) {
.sf-more-li{
display: none;
}
}
@media (min-width: 1200px) {
.dark-menu-style.page_header_side_special{
width: 350px;
z-index: 1009;
}
.dark-menu-style.page_header_side_special.header_side_right{
left: auto;
right: -350px;
}
.dark-menu-style.page_header_side_special .side_header_inner{
padding: 20px 0 60px;
}
.dark-menu-style.page_header_side_special .side_header_inner .widget{
padding-left: 60px;
padding-right: 60px;
}
.dark-menu-style.page_header_side_special .mainmenu_side_wrapper .widget_nav_menu li{
border: 0;
font-family: "Montserrat",sans-serif;
font-size: 30px;
}
.dark-menu-style.page_header_side_special .mainmenu_side_wrapper .widget_nav_menu li.current_page_item a,
.dark-menu-style.page_header_side_special .mainmenu_side_wrapper .widget_nav_menu li:hover a{
background-color: var(--colorMain2);
color: var(--colorDarkGrey);
opacity: 1;
}
.dark-menu-style.page_header_side_special .mainmenu_side_wrapper .widget_nav_menu li a{
padding-top: 17px;
padding-bottom: 18px;
}
.dark-menu-style.page_header_side_special .mainmenu_side_wrapper .widget_nav_menu li a:before{
display: none;
}
}
@media (min-width: 1200px) {
.page_header .toggle_menu,
.page_toplogo .toggle_menu{
display: none;
}
}
.toggle_menu{
position: absolute;
top: 50%;
right: 0;
margin-left: -30px;
margin-top: -30px;
padding: 0 !important;
width: 60px;
height: 59px;
cursor: pointer;
z-index: 1002;
visibility: visible;
opacity: .95;
}
.page_header_wrapper .toggle_menu{
z-index: 1020;
}
.ls .toggle_menu{
background-color: #fff;
}
.ls .toggle_menu:before,
.ls .toggle_menu span,
.ls .toggle_menu span:before,
.ls .toggle_menu span:after{
background-color: var(--colorDarkGrey) !important;
}
.page_toplogo .toggle_menu{
position: fixed;
top: 0;
left: auto;
right: 0;
margin: 0;
}
.toggle_menu:hover span:before{
top: -9px;
}
.toggle_menu:hover span:after{
top: 9px;
}
.toggle_menu:before,
.toggle_menu span,
.toggle_menu span:before,
.toggle_menu span:after{
display: block;
width: 25px;
position: absolute;
background-color: #fff;
content: "";
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: .25s ease-in-out;
height: 2px;
}
.toggle_menu:before,
.toggle_menu span{
left: 20px;
top: 50%;
width: 17px;
}
.toggle_menu span:before{
opacity: 1;
top: -8px;
left: -4px;
}
.toggle_menu span:after{
opacity: 1;
top: 8px;
left: -4px;
}
.toggle_menu.mobile-active{
background-color: var(--colorMain);
border: none;
left: auto;
top: 0;
right: 0;
position: fixed;
margin: 0;
z-index: 3000;
}
.toggle_menu.mobile-active:before{
background-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggle_menu.mobile-active span{
background-color: #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.toggle_menu.mobile-active span:before,
.toggle_menu.mobile-active span:after{
opacity: 0;
}
.toggle_menu.active:before{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.toggle_menu.active span{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.toggle_menu.active span:before,
.toggle_menu.active span:after{
opacity: 0;
}
@media (max-width: 767px) {
.nav-wrap{
justify-content: center;
}
}
@media (max-width: 1199px) {
.page_header [class*=col]{
min-height: 0;
}
.top-nav{
position: fixed;
visibility: hidden;
z-index: 10;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0);
opacity: 0;
transition: all .3s ease-in-out;
}
.mobile-active .top-nav{
visibility: visible;
opacity: 1;
background-color: #111;
background-color: rgba(0, 0, 0, .9);
z-index: 1002;
}
.nav-justified > li > a{
text-align: left;
}
.sf-menu{
display: block;
position: fixed;
overflow: auto;
background-color: #fff;
border-top: 61px solid var(--colorMain);
padding: 20px 10px 20px 20px;
top: 0;
left: 0;
bottom: 0;
right: 100%;
text-align: left;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
opacity: 0;
transition: all .4s ease-in-out;
}
.mobile-active .sf-menu{
opacity: 1;
right: 0;
}
.sf-menu li{
position: relative;
}
.top-nav .sf-menu a{
color: var(--colorDarkGrey);
z-index: 2;
display: block;
padding: 10px 10px;
}
.top-nav .sf-menu a.active{
color: var(--colorMain);
}
.sf-menu ul{
list-style: none;
padding-left: 10px;
margin-top: 0 !important;
}
.sf-menu ul li a{
font-weight: 500;
letter-spacing: .1em;
}
.sf-menu ul li a:before{
content: "";
margin-right: 10px;
display: inline-block;
background-color: var(--colorMain);
width: 3px;
height: 3px;
border-radius: 50%;
position: relative;
bottom: 3px;
}
.sf-arrows .sf-with-ul{
padding-right: 3.5em;
}
.sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler{
position: absolute;
right: 5px;
top: 5px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
text-align: center;
z-index: 1;
}
.sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler:after{
font-family: "FontAwesome";
content: "";
color: var(--colorDarkGrey);
}
.sfHover > .sf-with-ul + .sf-menu-item-mobile-toggler:after{
content: "";
}
}
@media screen and (min-width: 1200px) {
.top-nav ul .mega-menu ul{
border: none;
min-width: auto;
}
.top-nav .menu-item-has-mega-menu{
position: relative;
}
.top-nav .mega-menu{
display: none;
position: absolute;
width: 940px;
top: 100%;
z-index: 10;
}
.top-nav .menu-item-has-mega-menu:hover .mega-menu{
display: block;
}
.top-nav .mega-menu-row{
position: static;
display: table;
table-layout: fixed;
}
.top-nav .mega-menu-row ul{
position: static;
display: block;
}
.top-nav .mega-menu-col{
display: table-cell;
width: 2000px;
padding: 0 15px;
border-left: 1px solid #e1e1e1;
}
.top-nav .mega-menu-col > a{
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .05em;
}
.top-nav .mega-menu-col:first-child{
border-left: none;
}
.top-nav ul ul .mega-menu{
width: auto;
top: -20px;
margin-left: 1px;
display: block;
}
.top-nav ul ul .mega-menu li{
display: block;
width: auto;
border: none;
}
}
@media screen and (min-width: 1200px) {
.top-nav .mega-menu{
width: 1170px;
}
.top-nav ul .mega-menu ul{
min-width: 10em;
}
.top-nav .mega-menu-col{
padding: 0 40px;
}
}
@media screen and (max-width: 1199px) {
.top-nav .mega-menu{
position: static;
}
}
.menu-click{
padding: 0;
}
.menu-click i{
width: 1em;
text-align: center;
margin-right: 10px;
}
.menu-click .toggle_submenu{
cursor: pointer;
position: absolute;
right: 20px;
top: 8px;
font-size: 8px;
text-align: center;
opacity: .9;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: .25s ease-in-out;
border-radius: 50%;
width: 3em;
height: 3em;
line-height: 3em;
}
.menu-click .toggle_submenu:before{
top: 0;
left: 0;
position: absolute;
width: 3em;
height: 3em;
line-height: 3em;
font-family: "FontAwesome";
content: "";
}
.menu-click ul{
padding: 0;
}
.menu-click li{
position: relative;
list-style: none;
width: 100%;
}
.menu-click > li{
transition: .3s ease-in-out;
}
.menu-click a{
display: block;
padding: 10px 40px;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.menu-click a:hover{
background-color: rgba(150, 150, 150, .05);
}
.menu-click .active-submenu > a{
background-color: rgba(150, 150, 150, .05);
}
.menu-click .active-submenu > .toggle_submenu{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu-click li.active > a{
color: var(--colorMain);
}
.menu-click ul{
opacity: 0;
height: 0;
}
.menu-click ul a{
padding-top: 8px;
padding-bottom: 8px;
padding-left: 50px;
}
.menu-click ul ul a{
padding-left: 60px;
}
.menu-click ul ul ul a{
padding-left: 70px;
}
.menu-click ul ul ul ul a{
padding-left: 80px;
}
.menu-click .active-submenu > div.mega-menu{
height: auto;
}
.menu-click .active-submenu > ul,
.menu-click .active-submenu > div.mega-menu > ul{
opacity: 1;
height: auto;
}
.menu-click ul,
.menu-click div.mega-menu{
height: 0;
overflow: hidden;
transition: opacity .6s, margin-top .4s, margin-bottom .4s, height .3s ease-in-out;
}
.menu-click ul li.sfHover > .mega-menu ul{
display: block;
height: 100%;
}
.menu-click div.mega-menu > ul{
margin-right: 0;
height: auto;
}
.page_header{
transition: .5s ease-in-out;
position: relative;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1000;
margin: 0;
padding: 0;
height: auto;
}
.boxed .page_header,
.page_header.affix{
position: fixed !important;
z-index: 1001;
box-shadow: 0 2px 15px 0 rgba(100, 100, 100, .05);
opacity: .98;
}
.boxed .page_header:after,
.page_header.affix:after{
background-color: rgba(0, 0, 0, 0);
}
.page_header.affix.s-bordertop::before{
display: none;
}
.boxed .page_header{
box-shadow: none;
}
@media (max-width: 991px) {
.page_header.mobile-active{
z-index: 1003;
opacity: 1;
}
}
.page_header.affix-bottom{
top: 0 !important;
position: fixed;
}
.page_header .row{
min-height: 60px;
}
.page_header [class*=container]{
position: relative;
}
.page_header a{
display: inline-block;
}
.page_header .btn{
margin-bottom: 0;
padding: 20px 35px;
}
@media (min-width: 1200px) {
.header_disable_affix_xl .page_header{
position: relative !important;
box-shadow: none;
opacity: 1;
}
}
@media (max-width: 1199px) {
.header_disable_affix_xs .page_header{
position: relative !important;
box-shadow: none;
opacity: 1;
}
}
.header_absolute{
position: relative;
}
.header_absolute .page_header,
.header_absolute .page_header_wrapper{
z-index: 1002;
position: absolute;
right: 0;
left: 0;
}
.header_absolute .page_topline,
.header_absolute .page_toplogo,
.header_absolute .page_header_wrapper,
.header_absolute .page_title{
background-color: rgba(0, 0, 0, 0);
}
#canvas:not(.boxed) .header_absolute .page_header.affix-top{
background-color: rgba(0, 0, 0, 0);
}
.search .header_absolute .page_header.page_header_4.affix-top{
background-color: var(--colorDarkGrey) !important;
}
.page_topline{
line-height: 1.4;
}
.page_topline.small-text i{
font-size: 14px;
}
.page_topline .icon-inline{
justify-content: center;
}
.page_topline .social-icons{
display: inline-block;
}
.page_topline .widget_nav_menu{
display: inline-block;
}
.page_topline ul{
margin: 0;
padding: 0;
}
.page_topline ul li{
display: inline-block;
}
.page_topline .dropdown-menu{
margin: 23px 0 0 -25px;
min-width: auto;
}
.page_topline .dropdown-language a > img{
max-width: 16px;
position: relative;
bottom: 1px;
margin-right: 6px;
}
.page_topline .owl-news-slider-dates{
font-weight: 700;
}
.page_topline .topline-news-item{
height: 2em;
line-height: 2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 90px;
}
.page_topline .topline-news-item .cat-links{
display: inline;
}
.page_topline .topline-news-nav-arrow{
border: 1px solid var(--colorDarkGrey);
font-size: 10px;
position: relative;
bottom: 20px;
line-height: 38px;
width: 40px;
transition: opacity .2s ease-in-out;
}
.page_topline .topline-news-nav-arrow:hover{
opacity: .5;
}
.page_topline .owl-nav > div{
opacity: 1;
}
@media (min-width: 992px) {
.page_toplogo .media + .media{
margin-left: 60px;
}
}
.page_toplogo .widget_search form,
.page_toplogo .widget_product_search form,
.page_toplogo .widget_search input,
.page_toplogo .widget_product_search input{
max-width: none;
}
@media (max-width: 991px) {
.page_toplogo .media{
margin: 10px;
}
}
.page_topline .container-fluid,
.page_toplogo .container-fluid,
.page_header .container-fluid,
.page_title .container-fluid{
transition: all .2s ease-in-out;
}
@media (min-width: 1500px) {
.page_topline .container-fluid,
.page_toplogo .container-fluid,
.page_header .container-fluid,
.page_title .container-fluid{
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1500px) {
.page_topline.affix .container-fluid,
.page_toplogo.affix .container-fluid,
.page_header.affix .container-fluid,
.page_title.affix .container-fluid{
padding-top: 15px;
padding-bottom: 15px;
}
}
.page_header.page_header_3 .top-includes .meta-phone{
font-size: 30px;
font-family: "Montserrat",sans-serif;
font-weight: bold;
letter-spacing: 0;
}
@media (max-width: 1600px) {
.page_header.page_header_3 .top-includes .meta-phone{
font-size: 22px;
}
}
@media (max-width: 1600px) {
.page_header.page_header_5 [class*=col]{
min-height: 0;
display: flex;
align-items: center;
padding: 15px;
}
}
@media (max-width: 1199px) {
.page_header.page_header_5 [class*=col]{
justify-content: center;
}
}
@media (min-width: 1200px) {
.page_header.page_header_5 [class*=col]{
justify-content: start;
}
}
@media (max-width: 767px) {
.page_header.page_header_5 [class*=col]{
padding: 15px 30px;
}
}
.page_header.page_header_5 [class*=col].right-part{
justify-content: flex-end;
}
@media (max-width: 1600px) {
.page_header.page_header_5 [class*=col] a.logo{
display: flex;
align-items: center;
justify-content: center;
}
.page_header.page_header_5 [class*=col].right-part{
justify-content: space-between;
}
}
@media (max-width: 767px) {
.page_header.page_header_5 [class*=col] .btn{
display: none;
}
}
.page_header.page_header_5 .toggle-menu-wrap{
position: relative;
display: block;
width: 100px;
height: 40px;
margin-left: 40px;
}
.page_header.page_header_5 .toggle-menu-wrap .toggle_menu_side{
position: absolute;
display: block;
top: 0;
right: 0;
width: 44px;
height: 40px;
left: auto;
padding-right: 0;
background-color: rgba(0, 0, 0, 0);
margin-right: 0;
}
.page_header.page_header_5 .toggle-menu-wrap .toggle_menu_side:after{
position: absolute;
content: "menu";
color: var(--colorDarkGrey);
font-family: "Montserrat",sans-serif;
font-size: 16px;
font-weight: 500;
top: 8px;
left: -50px;
padding-right: 45px;
}
.page_header.page_header_5 .toggle-menu-wrap .toggle_menu_text{
position: relative;
display: block;
color: var(--colorDarkGrey);
}
.page_header.page_header_5 .right-part{
align-items: center;
}
@media (min-width: 1200px) {
.page_header.page_header_5 .right-part .btn{
margin-left: 30px;
}
}
@media (min-width: 1600px) {
.page_header.page_header_5 .right-part .btn{
margin-left: 60px;
}
}
.page_header.page_header_5 .right-part .btn:hover{
color: var(--colorDarkGrey);
}
.page_header.page_header_5 .right-part .header-phone{
font-size: 20px;
font-weight: bold;
color: var(--colorDarkGrey);
}
.page_header.page_header_5.affix{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.boxed .page_header_5 .container{
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1600px) {
.boxed .page_header_5 .container{
max-width: 1600px;
}
}
.page_header_6 .toggle-menu-wrap{
width: 45px;
height: 50px;
position: relative;
}
.page_header_6 .toggle-menu-wrap .toggle_menu_side.toggle_menu_side_special{
background-color: rgba(0, 0, 0, 0) !important;
position: relative;
right: auto;
width: 45px;
height: 45px;
top: auto;
-webkit-transform: none;
transform: none;
margin-left: 0;
display: inline-block;
z-index: 999;
}
.page_header_6.page-topline{
z-index: 1003;
position: absolute;
top: 0;
width: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transition: all .3s ease-in-out;
}
@media (max-width: 575px) {
.page_header_6.page-topline .header_phone{
margin-bottom: 10px;
}
}
.page_header_6.page-topline .page-topline-tab{
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
left: 50%;
margin: -40px 0 0 -40px;
background-color: var(--colorMain2);
text-align: center;
z-index: 4;
}
.page_header_6.page-topline .page-topline-tab a{
color: var(--colorDarkGrey);
display: flex;
width: 80px;
height: 80px;
justify-content: center;
align-items: center;
}
.page_header_6.page-topline .page-topline-tab a:after{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_down.png);
background-repeat: no-repeat;
width: 7px;
height: 20px;
display: block;
margin-top: 30px;
}
.page_header_6.page-topline.transform-none{
-webkit-transform: none !important;
transform: none !important;
}
.page_header_6.page-topline.transform-none .page-topline-tab a:after{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_up.png);
background-repeat: no-repeat;
width: 7px;
height: 20px;
display: block;
margin-top: 0;
}
.page_header_6.page-topline .header_phone span{
color: var(--colorMain);
}
.page_header_6.page-topline .header_center_buttons{
display: flex;
justify-content: center;
align-items: center;
}
.page_header_6.page-topline .header_center_buttons .header-button{
padding: 0 15px;
}
.page_header_6.page-topline .header_center_buttons i{
font-size: 20px;
}
.page_header_6.page-topline .mc4wp-form-fields .submit-button input{
background-color: #fff !important;
}
.page_header_7 .toggle-menu-wrap{
width: 45px;
height: 50px;
position: relative;
}
.page_header_7 .toggle-menu-wrap .toggle_menu_side.toggle_menu_side_special{
background-color: rgba(0, 0, 0, 0) !important;
position: relative;
right: auto;
width: 45px;
height: 45px;
top: auto;
-webkit-transform: none;
transform: none;
margin-left: 0;
display: inline-block;
z-index: 999;
}
.page_header_7.page-topline{
z-index: 1003;
position: absolute;
top: 0;
width: 100%;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transition: all .3s ease-in-out;
}
.page_header_7.page-topline .page-topline-tab{
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
left: 50%;
margin: -40px 0 0 -40px;
background-color: var(--colorMain2);
text-align: center;
z-index: 4;
}
.page_header_7.page-topline .page-topline-tab a{
color: var(--colorDarkGrey);
display: flex;
width: 80px;
height: 80px;
justify-content: center;
align-items: center;
}
.page_header_7.page-topline .page-topline-tab a:after{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_down.png);
background-repeat: no-repeat;
width: 7px;
height: 20px;
display: block;
margin-top: 30px;
}
@media (max-width: 480px) {
.page_header_7.page-topline .page-topline-tab{
height: 25px;
}
.page_header_7.page-topline .page-topline-tab a{
line-height: 25px;
}
}
.page_header_7.page-topline.transform-none{
-webkit-transform: none !important;
transform: none !important;
}
.page_header_7.page-topline.transform-none .page-topline-tab a:after{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_up.png);
background-repeat: no-repeat;
width: 7px;
height: 20px;
display: block;
margin-top: 0;
}
.page_header_7.page-topline .header_phone span{
color: var(--colorMain);
}
.page_header_7.page-topline .header_center_buttons{
display: flex;
justify-content: center;
align-items: center;
}
.page_header_7.page-topline .header_center_buttons .header-button{
padding: 0 15px;
}
.page_header_7.page-topline .header_center_buttons i{
font-size: 20px;
}
.page_header_7.page-topline .mc4wp-form-fields .submit-button input{
background-color: #fff !important;
}
@media (min-width: 1200px) {
.page_header_8 .sf-menu a{
font-family: "Montserrat",sans-serif;
font-weight: 600;
}
.page_header_8 .sf-menu > li > a.sf-with-ul:after{
margin-top: 1px;
}
}
@media (min-width: 1200px) {
.page_header.page_header_9.affix .container-fluid{
padding-top: 25px;
padding-bottom: 25px;
}
.page_header.page_header_9 .sf-menu a{
font-family: "Montserrat",sans-serif;
font-weight: 500;
}
.page_header.page_header_9 .sf-menu li > a{
padding-top: 10px;
padding-bottom: 9px;
margin: 0 50px 0 0;
}
.page_header.page_header_9 .sf-menu li.active > a:before{
width: 44%;
}
}
@media (min-width: 1400px) {
.page_header.page_header_9 .top-nav{
margin-left: 110px;
}
}
@media (max-width: 1199px) {
.page_header.mobile-active{
z-index: 1010;
}
}
.theme-header-logo.logo-sidebar-affix{
position: fixed;
left: 80px;
top: 45px;
z-index: 1020;
}
@media (max-width: 1199px) {
.theme-header-logo.logo-sidebar-affix{
display: none;
}
}
.admin-bar .theme-header-logo.logo-sidebar-affix{
top: 77px;
}
.top-includes{
margin: 0;
padding: 0;
}
@media (min-width: 992px) {
.top-includes{
white-space: nowrap;
}
}
.top-includes > *{
display: inline-block;
}
.top-includes > li{
margin-left: 10px;
}
.top-includes > li:first-child{
margin-left: 0;
}
@media (min-width: 992px) {
.top-includes.border-divided > li + li{
border-left: 2px solid rgba(200, 200, 200, .35);
margin-left: 26px;
padding-left: 30px;
}
}
@media (min-width: 992px) {
.top-nav + .top-includes{
margin-left: 50px;
}
}
@media (max-width: 991px) {
.top-includes.md-absolute{
position: absolute;
bottom: 0;
right: 80px;
}
}
.top-includes a.border-icon,
.top-includes a.bg-icon,
.top-includes a.color-bg-icon{
margin-top: 2px;
margin-bottom: 2px;
}
a.logo{
display: flex;
align-items: center;
}
a.logo.logo_image_and_text img{
max-height: 24px;
}
a.logo.logo_image_only img{
max-height: 60px;
}
a.logo img{
display: inline-block;
max-height: 80px;
}
a.logo .logo-text{
font-size: 30px;
text-transform: uppercase;
font-family: "Montserrat",sans-serif;
font-weight: bold;
padding: 0 20px;
}
a.logo .logo-subtext{
font-size: 22px;
padding: 0 10px;
}
a.logo .logo-text-bottom{
font-size: 26px;
}
a.logo .flex-column,
a.logo.flex-column{
align-items: flex-start;
padding-top: 10px;
padding-bottom: 10px;
}
a.logo .flex-column.text-center,
a.logo.flex-column.text-center{
display: inline-block;
}
.text-center a.logo{
justify-content: center;
align-items: center;
}
.header_logo_center a.logo{
position: relative;
display: inline-block;
padding: 10px 0;
z-index: 2;
}
.header_logo_center.affix a.logo{
padding: 5px 0;
}
@media (min-width: 992px) {
.header_logo_center .logo_wrapper{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
}
}
#search_modal{
padding: 0 !important;
}
#search_modal .widget{
padding: 20px 0;
background-color: #fff;
}
#search_modal .search-form{
margin: 0 auto 0 100px;
max-width: 960px;
padding: 0 100px 0 0;
}
@media (max-width: 1199px) {
#search_modal .search-form{
margin-right: 70px;
margin-left: 10px;
padding: 0 65px 0 0;
}
}
#search_modal a{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
color: #fff;
}
#search_modal a:hover{
color: var(--colorMain);
opacity: 1;
}
#search_modal .searchform-respond{
width: 300px;
margin: 20px auto;
color: #fff;
}
#search_modal .form-group{
margin: 0;
}
#search_modal .form-control{
background-color: rgba(0, 0, 0, 0);
height: 60px;
color: var(--colorDarkGrey);
width: 100%;
max-width: none;
font-size: 20px;
font-style: italic;
}
#search_modal .form-control:-moz-placeholder{
color: gray;
opacity: 1;
}
#search_modal .form-control::-moz-placeholder{
color: gray;
opacity: 1;
}
#search_modal .form-control:-ms-input-placeholder{
color: gray;
}
#search_modal .form-control::-webkit-input-placeholder{
color: gray;
}
#search_modal .btn{
color: var(--colorDarkGrey);
width: auto;
font-size: 0;
padding: 30px 22px 25px;
margin: 0 60px 0 0;
}
#search_modal .btn:before{
font-size: 18px;
color: var(--colorDarkGrey);
}
#search_modal .close{
text-align: center;
line-height: 60px;
position: absolute;
top: 18px;
right: 0;
min-width: 60px;
color: var(--colorDarkGrey);
text-shadow: none;
opacity: 1;
z-index: 2;
font-size: 30px;
}
.active-side-header #search_modal{
right: 310px;
}
.search_modal_button{
display: inline-block;
font-size: 14px;
line-height: 1;
padding: 0 0 0 10px;
}
.modal-search{
cursor: url(//agmaritime.com/wp-content/themes/seajay/img/cursor.png), auto;
}
.modal-search .modal-dialog{
max-width: 100%;
margin: 0;
}
.modal-search .modal-dialog .modal-content{
border: none;
cursor: default;
}
.modal-search button.close:active{
top: 18px !important;
}
.owl-carousel.team-carousel .vertical-item{
margin-bottom: 20px;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav{
position: absolute;
top: auto;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div{
left: auto;
right: auto;
position: relative;
opacity: 1;
margin: 0 10px;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
width: 20px;
height: 7px;
display: block;
cursor: pointer;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div i{
display: none;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div:first-child:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_left.png);
}
@media (min-width: 1400px) {
.owl-carousel.team-carousel.nav-type1 .owl-nav{
position: absolute;
top: 50%;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div{
position: absolute;
right: -100px;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div:hover{
cursor: default;
opacity: .6;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div.disabled:hover{
cursor: default;
opacity: .6;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/owl-next.png);
background-size: contain;
width: 100px;
height: 134px;
display: block;
cursor: pointer;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div i{
display: none;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div:first-child{
left: -100px;
right: auto;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div:first-child:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/owl-prev.png);
}
}
@media (min-width: 1500px) {
.owl-carousel.team-carousel.nav-type1 .owl-nav > div{
right: -120px;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div:first-child{
left: -120px;
}
}
@media (min-width: 1600px) {
.owl-carousel.team-carousel.nav-type1 .owl-nav > div{
right: -180px;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div:first-child{
left: -180px;
}
}
@media (min-width: 1800px) {
.owl-carousel.team-carousel.nav-type1 .owl-nav > div{
right: -270px;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div:before{
width: 167px;
height: 223px;
}
.owl-carousel.team-carousel.nav-type1 .owl-nav > div:first-child{
left: -270px;
}
}
.owl-carousel.team-carousel.nav-type2 .owl-nav,
.owl-carousel.team-carousel.nav-type3 .owl-nav{
position: absolute;
top: auto;
margin-top: 50px;
}
@media (max-width: 576px) {
.owl-carousel.team-carousel.nav-type2 .owl-nav,
.owl-carousel.team-carousel.nav-type3 .owl-nav{
margin-top: 10px;
}
}
.owl-carousel.team-carousel.nav-type2 .owl-nav > div,
.owl-carousel.team-carousel.nav-type3 .owl-nav > div{
left: auto;
right: auto;
position: relative;
opacity: 1;
margin: 0 10px;
}
.owl-carousel.team-carousel.nav-type2 .owl-nav > div:before,
.owl-carousel.team-carousel.nav-type3 .owl-nav > div:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
width: 20px;
height: 7px;
display: block;
cursor: pointer;
}
.owl-carousel.team-carousel.nav-type2 .owl-nav > div i,
.owl-carousel.team-carousel.nav-type3 .owl-nav > div i{
display: none;
}
.owl-carousel.team-carousel.nav-type2 .owl-nav > div:first-child:before,
.owl-carousel.team-carousel.nav-type3 .owl-nav > div:first-child:before{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_left.png);
}
.shortcode-team-slider{
position: relative;
width: 100%;
display: block;
overflow: hidden;
}
@media (max-width: 1200px) {
.shortcode-team-slider .overlay{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: #f5f5f5;
opacity: .81;
}
}
.shortcode-team-slider .slider-title{
display: none;
word-break: unset;
text-transform: lowercase;
position: absolute;
background-image: linear-gradient(135deg, var(--colorDarkGrey) 8.33%, transparent 8.33%, transparent 50%, var(--colorDarkGrey) 50%, var(--colorDarkGrey) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
-webkit-background-clip: text;
color: var(--colorDarkGrey);
opacity: .1;
font-size: 240px;
font-weight: 600;
line-height: 1;
left: -110px;
top: 50%;
-webkit-transform: translateY(-58%) rotate(-90deg);
transform: translateY(-58%) rotate(-90deg);
margin-top: 0;
margin-bottom: 0;
z-index: 4;
}
.shortcode-team-slider .slider-title.title-wide{
line-height: .7;
font-weight: 700;
text-transform: uppercase;
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
left: -177px;
opacity: .2;
}
.shortcode-team-slider .menu__item{
text-decoration: none;
color: var(--colorDarkGrey);
outline: none;
opacity: 1;
margin-bottom: 0;
cursor: pointer;
position: relative;
width: 100%;
}
.shortcode-team-slider .menu__item .team-slides-navigation{
display: inline-block;
width: auto;
transition: all .2s ease-in-out 0s;
padding: 10px 20px 10px 10px;
}
.shortcode-team-slider .menu__item.flex-active,
.shortcode-team-slider .menu__item:hover,
.shortcode-team-slider .menu__item:focus{
outline: none;
opacity: 1;
}
.shortcode-team-slider .menu__item.flex-active .team-slides-navigation,
.shortcode-team-slider .menu__item:hover .team-slides-navigation,
.shortcode-team-slider .menu__item:focus .team-slides-navigation{
background-color: var(--colorMain2);
}
.shortcode-team-slider .menu__item{
font-size: 1.5em;
line-height: 1;
font-weight: 400;
font-family: "Playfair Display",serif;
font-style: italic;
display: block;
transition: all .2s ease-in-out 0s;
}
.shortcode-team-slider .menu__item span{
color: var(--colorMain);
background: rgba(0, 0, 0, 0);
font-family: "Montserrat",sans-serif;
font-weight: bold;
font-style: normal;
}
.shortcode-team-slider .menu__item.flex-active,
.shortcode-team-slider .menu__item.flex-active:hover,
.shortcode-team-slider .menu__item.flex-active:focus{
opacity: 1;
}
.shortcode-team-slider .flexslider-controls{
position: absolute;
width: auto;
right: 0;
left: 6%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 4;
}
.shortcode-team-slider .flexslider-controls > ul{
padding-left: 0;
}
.shortcode-team-slider .team-social-icons{
margin-top: 0;
margin-bottom: 20px;
z-index: 4;
}
.shortcode-team-slider .team-social-icons a.social-icon.color-icon.border-icon.rounded-icon{
border-width: 3px;
border-style: solid;
padding: 0;
margin-bottom: 4px;
line-height: 34px;
width: 40px;
height: 40px;
}
.shortcode-team-slider .team-social-icons{
display: none;
transition: all .2s ease-in-out 0s;
}
.shortcode-team-slider .menu__item.flex-active + .team-social-icons{
display: block;
}
@media (min-width: 768px) {
.shortcode-team-slider .menu__item{
font-size: 30px;
}
.shortcode-team-slider .team-social-icons{
margin-bottom: 0;
position: absolute;
right: 10px;
width: 60px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.shortcode-team-slider .team-social-icons a.social-icon.color-icon.border-icon.rounded-icon{
display: inline-block;
margin-left: 0;
margin-bottom: 10px !important;
}
.shortcode-team-slider .team-social-icons a.social-icon.color-icon.border-icon.rounded-icon:last-child{
margin-bottom: 0 !important;
}
}
@media (min-width: 1200px) {
.shortcode-team-slider .team-social-icons{
right: 40px;
}
.shortcode-team-slider .team-social-icons a.social-icon.color-icon.border-icon.rounded-icon{
width: 60px;
height: 60px;
line-height: 54px;
}
.shortcode-team-slider .menu__item{
font-size: 40px;
}
}
@media (min-width: 1600px) {
.shortcode-team-slider .flexslider-controls{
left: 18.5%;
}
.shortcode-team-slider .slider-title{
display: block;
}
.shortcode-team-slider .team-social-icons{
right: 80px;
}
}
@media (max-width: 767px) {
.shortcode-team-slider .slides img{
position: relative;
right: 87px;
}
.shortcode-team-slider .menu__item span.position:after{
display: none;
}
.shortcode-team-slider .flexslider-controls{
padding: 30px 15px 60px;
text-align: center;
position: relative;
width: 100%;
right: 0;
left: 0;
top: auto;
-webkit-transform: none;
transform: none;
}
.shortcode-team-slider .team-social-icons{
margin-top: 20px;
margin-bottom: 20px;
}
}
.position{
background-color: var(--colorMain2);
width: auto;
display: inline-block;
padding: 3px 10px;
color: #031521;
}
.product-demo .position{
color: #fff;
}
.type-1.team-item .item-title{
margin-bottom: 12px;
}
.type-2.team-item .item-title{
margin-bottom: 10px;
}
.type-2.team-item .position{
margin-bottom: 25px;
}
.type-3.team-item .item-media{
padding: 15px;
background-image: linear-gradient(135deg, #e5e5e5 8.33%, #ffffff 8.33%, #ffffff 50%, #e5e5e5 50%, #e5e5e5 58.33%, #ffffff 58.33%, #ffffff 100%);
background-size: 8.49px 8.49px;
border: 0;
border-radius: 100%;
}
.type-3.team-item .item-media img{
border: 0;
border-radius: 100%;
}
.type-3.team-item .item-media .media-links,
.type-3.team-item .item-media .media-links:before,
.type-3.team-item .item-media a.abs-link{
border-radius: 100%;
border: 0;
overflow: hidden;
}
.type-3.team-item .item-title{
margin-bottom: 10px;
}
.type-3.team-item .position{
margin-bottom: 30px;
}
.type-3.team-item.content-padding .item-content{
padding: 30px 30px 0 30px;
}
.single-fw-team .column-main{
margin-top: 0;
margin-bottom: 0;
}
.single-fw-team .left-part .item-title{
line-height: 1.2;
margin-bottom: 10px;
font-family: "Playfair Display",serif;
font-style: italic;
font-weight: 400;
}
.single-fw-team .left-part .position{
margin-bottom: 23px;
}
@media (min-width: 1200px) {
.single-fw-team .left-part .position{
margin-bottom: 33px;
}
}
.single-fw-team .left-part.vertical-item.content-padding .item-content{
padding: 45px;
}
.single-fw-team .left-part.vertical-item.content-padding .item-content .list2{
padding-left: 0;
margin-bottom: 0;
}
@media (min-width: 1200px) {
.single-fw-team .left-part.vertical-item.content-padding .item-content .list2{
margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
.single-fw-team .left-part.vertical-item.content-padding .item-content{
padding: 80px;
}
}
.single-fw-team .left-part .team-social-icons{
margin-top: 20px;
}
@media (min-width: 1200px) {
.single-fw-team .left-part .team-social-icons{
margin-top: 30px;
}
}
.single-fw-team .left-part .member-info .simple-list ul li{
color: #031521;
justify-content: center;
padding: 18px 0;
border-bottom: 1px solid #e1e1e1;
}
.single-fw-team .left-part .member-info .simple-list ul li:before{
display: none;
}
.single-fw-team .left-part .member-info .simple-list ul li:last-child{
border: 0;
}
.single-fw-team .right-part{
margin-bottom: 5px;
}
@media (min-width: 1200px) {
.single-fw-team .right-part{
margin-bottom: 10px;
}
}
.single-fw-team .right-part .form-wrapper{
padding: 35px;
margin-top: 60px;
}
@media (max-width: 768px) {
.single-fw-team .right-part .form-wrapper{
margin-top: 50px;
padding: 45px 35px;
}
}
@media (min-width: 1200px) {
.single-fw-team .right-part .form-wrapper{
padding: 70px 55px 70px;
}
}
.single-fw-team .right-part .entry-content{
padding-bottom: 0 !important;
}
@media (max-width: 1200px) {
.single-fw-team .right-part .entry-content > h6{
margin-top: 2em;
margin-bottom: 1em;
}
}
@media (max-width: 576px) {
.single-fw-team .right-part .entry-content{
padding: 30px 15px;
}
.single-fw-team .right-part .entry-content .form-wrapper{
padding: 45px 15px;
}
}
.product-demo .type-3.team-item .item-title,
.product-demo .type-2.team-item .item-title,
.product-demo.single-fw-team .left-part .item-title{
font-family: "Montserrat",sans-serif;
font-style: normal;
}
.tax-fw-team-category .column-main{
margin-top: 0;
margin-bottom: 5px;
}
@media (min-width: 1200px) {
.tax-fw-team-category .column-main{
margin-bottom: 10px;
}
}
.tax-fw-team-category .column-main .isotope-wrapper{
margin-bottom: -60px;
}
.fw-event.fw-post-event .item-media{
position: relative;
overflow: hidden;
}
.fw-event.fw-post-event .item-media img{
width: 100%;
}
.fw-event.fw-post-event .item-media.cover-image{
height: 100%;
}
.fw-event.fw-post-event .media-links{
text-align: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fw-event.fw-post-event .media-links div{
position: absolute;
top: 50%;
width: 100%;
margin-top: -30px;
z-index: 4;
}
.content-absolute .fw-event.fw-post-event .media-links div a{
transition: all .35s ease .1s;
}
.content-absolute .fw-event.fw-post-event .media-links div a:first-child{
transition-delay: 0s;
}
.fw-event.fw-post-event .media-links:before{
position: absolute;
top: 0;
left: 0;
width: 130%;
height: 120%;
background: rgba(0, 0, 0, .5);
content: "";
transition: -webkit-transform .7s;
transition: transform .7s;
transition: transform .7s, -webkit-transform .7s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);
z-index: 1;
}
.fw-event.fw-post-event:hover .media-links:before{
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
}
.fw-event.fw-post-event .media-links a.abs-link{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
}
.fw-event.fw-post-event:hover .media-links a.abs-link{
opacity: 1;
background-color: rgba(3, 21, 33, .3);
z-index: 0;
}
.fw-event.fw-post-event .post-meta{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.fw-event.fw-post-event .post-meta .item-date,
.fw-event.fw-post-event .post-meta .item-time{
padding: 6px 10px;
}
.fw-event.fw-post-event .post-meta .post-date a{
color: #031521;
}
.fw-event.fw-post-event .entry-title{
margin: 20px 0 30px !important;
font-size: 20px;
}
.fw-event.fw-post-event.content-padding .item-content{
padding: 30px;
}
@media (min-width: 1200px) {
.fw-event.fw-post-event.content-padding .item-content{
padding: 60px;
}
}
.fw-event.fw-post-event.content-padding .item-content p{
font-size: 16px;
color: gray;
font-weight: 400;
line-height: 25px;
}
.fw-event.fw-post-event.content-padding .item-content .event-place{
color: #031521;
margin-top: 45px;
}
.fw-event.fw-post-event.content-padding .item-content .event-place i{
font-size: 20px;
line-height: 25px;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
color: gray;
}
.tax-fw-event-taxonomy-name .column-main{
margin-top: 0;
margin-bottom: 5px;
}
@media (min-width: 1200px) {
.tax-fw-event-taxonomy-name .column-main{
margin-bottom: 10px;
}
}
.fw-event.fw-post-event + .fw-event.fw-post-event{
margin-top: 60px;
}
.event-single{
margin-top: 10px;
}
.single-event-content .post-meta{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.single-event-content .post-meta .item-date,
.single-event-content .post-meta .item-time{
padding: 6px 10px;
}
.single-event-content .post-meta .post-date a{
color: #031521;
}
.single-event-content .event-place{
color: #031521;
margin-top: 25px;
}
.single-event-content .event-place i{
font-size: 20px;
line-height: 25px;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
color: gray;
}
.single-event-comments .comments-area{
margin-top: 0 !important;
}
@media (max-width: 577px) {
.single-event-comments .comments-area .avatar{
display: none;
}
.single-event-comments .comments-area .comment-body{
margin-left: 0;
}
}
.single-event-comments .comments-area .comment-list{
margin-top: 0;
list-style: none;
padding: 0;
}
.single-event-comments .comments-area .comment-respond{
margin-top: 0;
}
@media (min-width: 1200px) {
.single-fw-services .page_title .row{
margin: 100px 0;
}
}
.post-type-archive .vertical-item .item-title{
margin-bottom: 10px;
}
.post-type-archive .vertical-item .cat-links{
margin-bottom: 30px;
}
.tax-fw-services-category .isotope-item{
margin-bottom: 60px;
}
.tax-fw-services-category .isotope-item:last-child{
margin-bottom: 0;
}
.tax-fw-services-category .loop-item-2 .item-title{
margin-bottom: 20px;
}
.tax-fw-services-category .loop-item-2 .item-content{
padding: 40px 0 0 0;
}
.tax-fw-services-category .loop-item-2 .item-excerpt{
margin-bottom: 20px;
}
.tax-fw-services-category .loop-item-2 .read-more{
position: relative;
}
.tax-fw-services-category .loop-item-2 .read-more:after{
color: inherit;
padding: 0;
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
content: "";
margin-left: 6px;
width: 20px;
height: 7px;
display: inline-block;
}
@media (min-width: 992px) {
.tax-fw-services-category .part-2{
align-self: center;
}
.tax-fw-services-category .isotope-item{
margin-bottom: 120px;
}
.tax-fw-services-category .isotope-item .loop-item-2 .item-title{
margin-bottom: 60px;
}
.tax-fw-services-category .isotope-item .loop-item-2 .item-excerpt{
margin-bottom: 60px;
}
.tax-fw-services-category .isotope-item .loop-item-2 .item-content{
padding: 60px 0 60px 120px;
}
.tax-fw-services-category .isotope-item:nth-child(even) .loop-item-2{
flex-direction: row-reverse;
}
.tax-fw-services-category .isotope-item:nth-child(even) .loop-item-2 .item-content{
padding: 60px 120px 60px 0;
}
}
.shortcode-single-service{
position: relative;
}
.shortcode-single-service > img{
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.shortcode-single-service.right-image > img{
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.shortcode-single-service .item-title{
margin-bottom: 20px;
}
.shortcode-single-service .item-content{
padding: 40px 0 0 0;
}
.shortcode-single-service .item-excerpt{
margin-bottom: 20px;
}
.shortcode-single-service .read-more{
position: relative;
}
.shortcode-single-service .read-more:after{
color: inherit;
padding: 0;
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
content: "";
margin-left: 6px;
width: 20px;
height: 7px;
display: inline-block;
}
@media (min-width: 992px) {
.shortcode-single-service .part-2{
align-self: center;
}
.shortcode-single-service .item-title{
margin-bottom: 60px;
line-height: 1.2;
}
.shortcode-single-service .item-excerpt{
margin-bottom: 30px;
}
.shortcode-single-service .item-content{
padding: 30px 0 30px 80px;
}
.shortcode-single-service.right-image .row{
flex-direction: row-reverse;
}
.shortcode-single-service.right-image .item-content{
padding: 30px 80px 30px 0;
}
}
@media (min-width: 1200px) {
.shortcode-single-service .part-2{
align-self: center;
}
.shortcode-single-service .item-title{
margin-bottom: 60px;
line-height: 1.2;
}
.shortcode-single-service .item-excerpt{
margin-bottom: 60px;
}
.shortcode-single-service .item-content{
padding: 60px 0 60px 120px;
}
.shortcode-single-service.right-image .row{
flex-direction: row-reverse;
}
.shortcode-single-service.right-image .item-content{
padding: 60px 120px 60px 0;
}
}
.icon-service.item-service{
transition: .3s;
}
.icon-service.item-service.hero-bg,
.icon-service.item-service.ls,
.icon-service.item-service.ls.ms,
.icon-service.item-service.ds,
.icon-service.item-service.cs{
padding: 60px 40px 54px;
}
@media (min-width: 992px) {
.icon-service.item-service.hero-bg:hover,
.icon-service.item-service.ls:hover,
.icon-service.item-service.ls.ms:hover,
.icon-service.item-service.ds:hover,
.icon-service.item-service.cs:hover{
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
.icon-service.item-service .box-wrap{
margin-top: 28px;
}
body:after{
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(var(--colorDarkGreyRGB), 0.5);
z-index: 1001;
visibility: hidden;
opacity: 0;
}
body,
body:after,
#canvas,
.page_header_side{
transition: .5s ease-in-out;
}
#canvas{
left: 0;
transition-property: left, margin-left;
}
body.active-side-header{
overflow: hidden;
}
body.active-side-header #canvas{
left: 310px;
}
body.active-side-header .page_header_side{
left: 0;
}
body.active-side-header:after{
visibility: visible;
opacity: 1;
}
html.html-active-push-header{
overflow: hidden;
}
.page_header_side{
z-index: 1004;
position: fixed;
width: 310px;
left: -310px;
top: 0;
bottom: 0;
}
.page_header_side.active-slide-side-header{
box-shadow: 0 0 4px 3px rgba(50, 50, 50, .05);
}
.page_header_side ~ .page_toplogo .toggle_menu{
display: none;
}
.page_header_side a.logo{
padding: 10px 20px;
margin-bottom: 20px;
}
.page_header_side a.logo img{
max-width: 100%;
}
.page_header_side .widget{
margin-top: 60px;
padding-left: 30px;
padding-right: 30px;
}
.page_header_side .widget_icons_list li + li{
margin-top: 1em;
}
.page_header_side .social-icons{
display: block;
margin-top: 43px;
}
.page_header_side .social-icons a.border-icon,
.page_header_side .social-icons a.bg-icon,
.page_header_side .social-icons a.color-bg-icon{
margin-top: 2px;
margin-bottom: 2px;
}
@media (min-width: 1200px) {
.page_header_side ~ .page_topline .container-fluid,
.page_header_side ~ .page_toplogo .container-fluid,
.page_header_side ~ div .page_header .container-fluid{
padding-left: 65px;
padding-right: 65px;
}
}
@media (max-width: 1199px) {
.page_header_side~.page_topline [class*=container],
.page_header_side~.page_toplogo [class*=container],
.page_header_side~div .page_header [class*=container]{
padding-left: 15px;
padding-right: 15px;
}
}
.side_header_inner{
padding: 26px 0 60px;
}
.toggle_menu_side{
transition: right .3s ease-in-out;
position: absolute;
top: 0;
right: -60px;
margin: 0;
}
@media (max-width: 370px) {
.toggle_menu_side.active{
right: 0;
opacity: .4;
}
}
.toggle_menu_side:before,
.toggle_menu_side span:before,
.toggle_menu_side span:after,
.toggle_menu_side span{
background-color: #fff !important;
}
.ds .toggle_menu_side{
background-color: var(--colorMain);
}
.bs .toggle_menu_side{
background-color: var(--colorMain);
}
.ls .toggle_menu_side{
background-color: var(--colorMain);
}
@media (max-width: 1200px) {
.page_header_100 .side_header_inner{
padding: 90px 0 60px;
}
}
.page_header_100 .header_panel{
position: absolute;
display: flex;
flex-direction: column;
justify-content: space-between;
top: 0;
right: -80px;
margin-left: 0;
margin-top: 0;
padding: 0 !important;
width: 80px;
height: 100%;
cursor: pointer;
z-index: 1002;
border-right: 1px solid rgba(255, 255, 255, .1);
}
@media (max-width: 1200px) {
.page_header_100 .header_panel{
position: fixed;
flex-direction: row;
top: 0;
width: 100%;
right: 0;
height: 80px;
left: 0;
border-right: 0;
border-bottom: 1px solid rgba(255, 255, 255, .1);
}
}
@media (max-width: 480px) {
.page_header_100 .header_panel{
height: 60px;
}
}
.page_header_100 .header_panel a.logo{
margin: 0;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid rgba(255, 255, 255, .1);
}
@media (max-width: 1200px) {
.page_header_100 .header_panel a.logo{
border-bottom: 0;
padding: 10px 40px;
}
}
@media (max-width: 480px) {
.page_header_100 .header_panel a.logo{
height: 60px;
}
}
.page_header_100 .header_panel a.logo .logo-text{
display: none;
}
.page_header_100 .header_panel .toggle-menu-wrap{
position: relative;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1200px) {
.page_header_100 .header_panel .toggle-menu-wrap{
-webkit-transform: none;
transform: none;
}
}
.page_header_100 .header_panel .toggle-menu-wrap .toggle_menu_side{
position: relative;
display: block;
top: auto;
right: auto;
left: 0;
padding-right: 60px !important;
background-color: rgba(0, 0, 0, 0);
margin-right: 0;
}
@media (max-width: 1200px) {
.page_header_100 .header_panel .toggle-menu-wrap .toggle_menu_side{
padding-right: 80px !important;
}
}
.page_header_100 .header_panel .toggle-menu-wrap .toggle_menu_side:after{
position: absolute;
top: 17px;
right: -45px;
content: "menu";
color: #fff;
font-family: "Montserrat",sans-serif;
font-size: 16px;
font-weight: 500;
}
@media (max-width: 1200px) {
.page_header_100 .header_panel .toggle-menu-wrap .toggle_menu_side:after{
display: none;
}
}
.page_header_100 .header_panel .toggle-menu-wrap .toggle_menu_text{
position: relative;
display: block;
color: #fff;
}
.page_header_100 .header_panel .social-icons-wrap{
width: 100%;
padding: 60px 20px;
border-top: 1px solid rgba(255, 255, 255, .1);
}
@media (max-width: 1200px) {
.page_header_100 .header_panel .social-icons-wrap{
display: none;
}
}
.page_header_100 .header_panel .social-icons-wrap .social-icons{
display: flex;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
margin-top: 0;
}
.page_header_100 .header_panel .social-icons-wrap .social-icons a{
margin: 25px 0 0 0;
display: block;
}
.page_header_100 .header_panel .social-icons-wrap .social-icons a:first-child{
margin: 0;
}
.page_header_100.scrolled .header_panel{
background-color: rgba(var(--colorDarkGreyRGB), 0.7) !important;
transition: background-color 200ms linear;
}
.page_header_side.header_side_sticked .toggle_menu_side{
transition: .5s ease-in-out;
right: -60px;
top: 0;
}
.page_header_side.active-slide-side-header{
left: 0;
}
.active-side-header .boxed .header_push ~ div .page_header,
.active-side-header .header_push ~ div .page_header.affix{
margin-left: 310px;
}
.active-side-header.slide-right .boxed .header_push ~ div .page_header,
.active-side-header.slide-right .header_push ~ div .page_header.affix{
margin-left: -310px;
}
.page_header_side.header_side_right{
left: auto;
right: -310px;
}
.page_header_side.header_side_right.active-slide-side-header{
right: 0;
}
.page_header_side.header_side_right .toggle_menu_side{
right: auto;
transition: left .3s ease-in-out;
left: -60px;
}
@media (max-width: 370px) {
.page_header_side.header_side_right .toggle_menu_side.active{
left: 0;
}
}
.toggle_menu_side.toggle_menu_side_special{
background-color: rgba(0, 0, 0, 0) !important;
position: relative;
right: auto;
width: 60px;
height: 60px;
top: auto;
-webkit-transform: none;
transform: none;
margin-left: 0;
display: inline-block;
z-index: 999;
}
.toggle_menu_side.toggle_menu_side_special:before{
display: none;
}
.icon-inline.right-icons{
display: inline-block;
}
.icon-inline.right-icons .search_modal_button,
.icon-inline.right-icons .login-block,
.icon-inline.right-icons .toggle_menu_side_special{
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
line-height: 40px;
border: 0;
border-radius: 50%;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
@media (min-width: 1200px) {
.icon-inline.right-icons .search_modal_button,
.icon-inline.right-icons .login-block,
.icon-inline.right-icons .toggle_menu_side_special{
margin-left: 20px;
}
}
.icon-inline.right-icons .search_modal_button{
padding: 0;
}
.icon-inline.right-icons i{
color: var(--colorMain);
font-size: 14px;
}
.page_header_side_special .close-wrapper{
display: none !important;
}
.page_header_side_special .mainmenu_side_wrapper .widget-first{
margin-top: 30px;
}
.page_header_side_special .mainmenu_side_wrapper .widget-title{
margin-bottom: 14px;
}
.page_header_side_special .mainmenu_side_wrapper .widget_archive li a,
.page_header_side_special .mainmenu_side_wrapper .widget_categories li a,
.page_header_side_special .mainmenu_side_wrapper .widget_nav_menu li a,
.page_header_side_special .mainmenu_side_wrapper .widget_meta li a,
.page_header_side_special .mainmenu_side_wrapper .widget_pages li a{
flex-grow: 10;
display: inline-block;
padding-top: 9px;
padding-bottom: 9px;
}
.page_header_side_special .mainmenu_side_wrapper .wordpress-helpdesk-faq-list li,
.page_header_side_special .mainmenu_side_wrapper .widget_faq_topics li{
padding: 9px 0 9px 0;
margin-bottom: 0;
list-style: none;
border-bottom: 1px solid rgba(76, 76, 76, .1);
}
.page_header_side_special_overlay{
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(var(--colorMainRGB), 0.5);
cursor: url(//agmaritime.com/wp-content/themes/seajay/img/cursor.png), auto;
z-index: 1003;
transition: background .15s ease-in-out 0s;
}
.page_header_side_special_overlay.hidden{
visibility: hidden !important;
}
.page_header_side_special_overlay.bg-transparent{
z-index: 1005;
transition: 0s;
}
.page_header_side_special_overlay.dark-overlay-color{
background-color: rgba(var(--colorDarkGreyRGB), 0.5);
transition: 0s;
}
@media (max-width: 600px) {
.page_header_side_special_overlay{
position: fixed;
}
}
body.active-side-header.slide-right #canvas{
left: -310px;
}
body.active-side-header.slide-right .page_header_side{
left: auto;
right: 0;
}
@media (min-width: 600px) {
.page_header_side.header_side_sticked.active-slide-side-header{
left: 0;
}
.header_side_sticked ~ *{
transition: margin .5s ease-in-out;
}
.header_side_sticked ~ * .container-fluid{
padding-left: 80px;
}
.header_side_sticked ~ div .page_header{
width: auto;
}
.header_side_sticked.active-slide-side-header ~ *,
.header_side_sticked.active-slide-side-header ~ div .page_header{
margin-left: 310px;
}
.boxed .header_side_sticked.active-slide-side-header ~ *,
.boxed .header_side_sticked.active-slide-side-header ~ div .page_header{
margin-left: 0;
}
.header_side_sticked ~ .page_header_wrapper{
margin: 0 !important;
}
.page_header_side.header_side_sticked.header_side_right.active-slide-side-header{
left: auto;
}
.header_side_sticked.header_side_right.active-slide-side-header ~ *,
.header_side_sticked.header_side_right.active-slide-side-header ~ div .page_header{
margin-left: 0;
margin-right: 310px;
}
}
.ls.transparent-bg .toggle-menu-wrap{
background-color: #fff;
}
.page_slider{
position: relative;
overflow: hidden;
clear: both;
}
.page_slider > img{
width: 100%;
}
.page_slider h2{
font-size: 3em;
margin: 0;
line-height: 1;
}
.page_slider h3{
font-size: 2em;
margin: 0;
line-height: 1;
}
.page_slider h4{
font-size: 1.5em;
margin: 0;
}
.page_slider p{
font-size: 1.2em;
margin: 0;
}
@media (min-width: 992px) {
.page_slider h2{
font-size: 6em;
}
.page_slider h3{
font-size: 3em;
}
.page_slider h4{
font-size: 2.5em;
}
.page_slider p{
font-size: 1.7em;
}
}
.page_slider .flex-direction-nav .flex-prev{
left: 2%;
opacity: 1;
}
.page_slider .flex-direction-nav .flex-next{
right: 2%;
opacity: 1;
}
.page_slider .flexslider .slides{
display: flex;
}
.page_slider .flexslider:before,
.page_slider .flexslider:after{
content: "";
display: block;
clear: both;
}
.page_slider .flexslider .intro_layer img{
width: auto;
display: inline-block;
}
.page_slider .flexslider.slider-shadow{
padding-bottom: 50px;
}
.page_slider .flexslider.slider-shadow:before,
.page_slider .flexslider.slider-shadow:after{
content: "";
position: absolute;
background: rgba(0, 0, 0, 0);
z-index: 1;
bottom: 65px;
left: 10px;
width: 50%;
height: 20%;
max-width: 400px;
box-shadow: 0 25px 20px rgba(0, 0, 0, .3);
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.page_slider .flexslider.slider-shadow:after{
right: 10px;
left: auto;
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
.page_slider .intro_layers_wrapper{
display: flex;
}
.page_slider .intro_after_featured_word{
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
@media (max-width: 400px) {
.page_slider .intro_after_featured_word{
display: none;
}
}
.page_slider .intro_layers{
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
padding: 20px 0;
}
.page_slider .flex-control-nav{
position: absolute;
width: 100%;
bottom: 55px;
display: flex;
flex-direction: row;
justify-content: center;
}
@media (max-width: 991px) {
.page_slider .flex-control-nav{
display: none;
}
}
.page_slider .flex-control-nav li{
display: block;
padding-top: 6px;
padding-bottom: 6px;
}
.page_slider .flex-control-nav li a{
border-color: #fff;
background: #fff;
opacity: .5;
}
.page_slider .flex-control-nav li a.flex-active{
opacity: 1;
}
@media (min-width: 300px) {
.page_slider .cs,
.page_slider .ds{
background-color: rgba(0, 0, 0, 0);
}
.page_slider .container-fluid,
.page_slider .container,
.page_slider img + .container{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.page_slider [class*=col-]{
position: static;
min-height: 0;
margin-top: 0;
margin-bottom: 0;
}
.page_slider .intro_layers_wrapper{
position: absolute;
top: 0;
bottom: 0;
right: 15px;
left: 15px;
height: 100%;
z-index: 5;
}
}
@media (min-width: 300px)and (min-width: 600px) {
.boxed .page_slider .intro_layers_wrapper{
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 300px) {
.page_slider .intro_text_top .intro_layers{
justify-content: flex-start;
}
}
@media (min-width: 300px) {
.page_slider .intro_text_bottom .intro_layers{
justify-content: flex-end;
}
}
@media (min-width: 300px) {
.page_slider .intro_before_featured_word{
line-height: .8;
font-size: 20px;
margin: 0;
padding: 0 .2em;
text-align: left;
text-shadow: 0 0 7px rgba(0, 0, 0, .25);
}
}
@media (min-width: 300px) {
.page_slider .intro_featured_word{
line-height: .9;
white-space: nowrap;
font-size: 50px;
margin: 0;
text-shadow: 0 0 13px rgba(0, 0, 0, .1);
}
}
@media (min-width: 300px) {
.page_slider .intro_after_featured_word{
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1em;
text-shadow: 0 0 4px rgba(0, 0, 0, .4);
}
}
@media (max-width: 400px) {
.page_slider .intro_featured_word{
font-size: 40px;
}
}
@media (min-width: 992px) {
.page_slider .intro_layers_wrapper{
padding: 100px 0;
}
.page_slider .intro_before_featured_word{
font-size: 42px;
}
.page_slider .intro_featured_word{
font-size: 138px;
}
.page_slider .intro_after_featured_word{
font-size: 12px;
letter-spacing: 2em;
}
}
@media (min-width: 1600px) {
.page_slider .intro_before_featured_word{
font-size: 62px;
}
.page_slider .intro_featured_word{
font-size: 238px;
white-space: nowrap;
}
.container .page_slider .intro_featured_word{
font-size: 138px;
}
}
@media (max-width: 991px) {
.page_slider{
text-align: center;
}
}
.error404 .page_copyright_widget_area,
.error404 .page_footer,
.error404 .page_title{
display: none;
}
.error404 .widget_search{
margin: 58px 0;
color: #fff;
}
.error404 .widget_search .form-group::before{
background: #fff;
}
.error404 input.form-control{
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
}
.error404 .search-field.form-control:-moz-placeholder{
color: #fff !important;
opacity: 1;
}
.error404 .search-field.form-control::-moz-placeholder{
font-style: italic;
color: #fff !important;
opacity: 1;
}
.error404 .search-field.form-control:-ms-input-placeholder{
font-style: italic;
color: #fff !important;
}
.error404 .search-field.form-control::-webkit-input-placeholder{
font-style: italic;
color: #fff !important;
}
.error404 .page_404{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/404.jpg);
min-height: calc(100vh - 70px - 20px);
}
.error404 .page_404 .not_found{
margin-bottom: 0;
letter-spacing: -0.2em;
line-height: 1;
}
.error404 .page_404 .not_found .title-404{
font-size: 160px;
color: #fff;
font-weight: bold;
font-family: "Montserrat",sans-serif;
}
@media (max-width: 576px) {
.error404 .page_404 .not_found .title-404{
font-size: 100px;
}
}
.error404 .page_404 .page-title{
background-color: var(--colorMain2);
width: auto;
margin-top: 20px;
display: inline-block;
padding: 3px 10px;
color: #031521;
}
.error404 .header_absolute.cover-background.s-overlay.ls .page_header_wrapper.ls .page_header.page_header_7.ls.affix-top{
background-color: #fff !important;
}
.product-demo .page_404 .page-title{
color: #fff;
}
.blog_slider{
margin-bottom: 60px;
}
@media (min-width: 992px) {
.blog_slider .intro_layers_wrapper{
left: 130px;
right: 130px;
}
}
@media (max-width: 767px) {
.blog_slider{
display: none;
}
}
.blog .sticky,
.archive .sticky,
.search .sticky{
border: 1px solid var(--colorMain);
}
.blog .sticky .item-content,
.archive .sticky .item-content,
.search .sticky .item-content{
padding: 55px 60px 50px !important;
margin: 0 !important;
position: relative;
z-index: 1;
}
@media (max-width: 567px) {
.blog .sticky .item-content,
.archive .sticky .item-content,
.search .sticky .item-content{
padding: 55px 40px 50px !important;
}
}
.blog .sticky .featured-post,
.archive .sticky .featured-post,
.search .sticky .featured-post{
position: absolute;
top: 25px;
left: 50px;
}
.blog .sticky,
.archive .sticky,
.search .sticky{
border: 1px solid var(--colorMain) !important;
}
.blog .sticky .item-content,
.archive .sticky .item-content,
.search .sticky .item-content{
position: relative;
}
.blog .sticky .item-content::before,
.archive .sticky .item-content::before,
.search .sticky .item-content::before{
position: absolute;
content: "";
top: 0;
left: 0;
border-left: 3.5em solid var(--colorMain);
border-bottom: 3.5em solid rgba(0, 0, 0, 0);
}
.blog .sticky .item-content::after,
.archive .sticky .item-content::after,
.search .sticky .item-content::after{
position: absolute;
top: 4px;
left: 8px;
color: #fff;
font-family: FontAwesome;
content: "";
font-size: 1.5em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.blog-featured-posts .post{
height: 100%;
}
.entry-title,
.entry-title:last-child{
text-transform: none;
margin: 0 0 .9em;
line-height: 1;
font-size: 30px;
}
.post-date + .entry-title{
margin-top: 17px;
}
h5.entry-title,
h5.entry-title:last-child{
font-size: 20px;
margin-bottom: .7em;
}
.item-media + .item-content h1.entry-title{
margin-top: 5px;
}
.category .post,
.blog .post{
position: relative;
}
.category .post .entry-content,
.blog .post .entry-content{
margin-top: 27px;
}
.category .post .entry-content .big,
.blog .post .entry-content .big{
font-size: 16px;
font-weight: 400;
color: gray;
}
.post{
position: relative;
}
.post > .fa{
position: absolute;
right: 9px;
top: 7px;
color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2;
}
.post > .fa:before{
position: relative;
z-index: 3;
}
.post > .fa:after{
content: "";
display: block;
position: absolute;
z-index: 2;
top: -14px;
left: -35px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 40px 40px 40px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--colorMain) rgba(0, 0, 0, 0);
}
.post + .post{
margin-top: 50px;
}
@media (min-width: 992px) {
.post + .post{
margin-top: 80px;
}
}
@media (min-width: 1600px) {
.post + .post{
margin-top: 160px;
}
}
.post h3.entry-title + .entry-meta{
margin-top: -0.65em;
}
.post h1.entry-title + .entry-meta{
margin: -1em 0 2em;
}
.post.cover-image{
padding: 35px 30px 30px;
text-align: center;
height: auto;
}
@media (min-width: 992px) {
.post.cover-image{
padding: 80px 60px 80px;
}
}
@media (min-width: 1600px) {
.post.cover-image{
padding: 160px 130px 152px;
}
}
.post.cover-image .post-thumbnail{
display: none;
}
.post ul:last-child,
.post ol:last-child{
margin-bottom: 0;
}
.post.vertical-item.content-padding:not(.related-item) .item-content{
padding: 0 60px 0;
margin: 0 60px 0;
position: relative;
z-index: 1;
}
.post.vertical-item.content-padding:not(.related-item) .item-content .entry-meta > span{
display: inline-block;
margin-bottom: 15px;
}
@media (max-width: 1200px) {
.post.vertical-item.content-padding:not(.related-item) .item-content{
padding: 40px 40px;
margin: -40px 40px 0;
}
}
@media (max-width: 576px) {
.post.vertical-item.content-padding:not(.related-item) .item-content{
padding: 20px;
margin: -20px 20px 0;
}
.post.vertical-item.content-padding:not(.related-item) .item-content .entry-meta > span{
margin-right: 0;
width: 100%;
display: block;
}
}
@media (min-width: 1200px) {
.post.vertical-item.content-padding:not(.related-item).post_format-post-format-gallery .item-content,
.post.vertical-item.content-padding:not(.related-item).has-post-thumbnail .item-content{
padding: 60px 60px 0;
margin: -60px 60px 0;
}
}
.post.vertical-item.content-padding-2:not(.related-item) .item-content{
padding: 70px 30px !important;
margin: 0;
position: relative;
z-index: 1;
}
.post .alignleft{
margin: 36px 40px 25px 0 !important;
}
.post .post-date{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
padding: 5px 10px;
}
.post .post-date > a{
color: var(--colorDarkGrey);
}
.product-demo .post .post-date > a{
color: #fff;
}
.post.post-list{
display: flex;
}
.post.post-list .entry-meta{
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.post.post-list .entry-meta > span{
margin-right: 15px;
}
}
.post.post-list.format-quote,
.post.post-list.format-status,
.post.post-list.format-link{
padding: 0 !important;
}
.post.post-list .post-author.rounded-circle img{
border-radius: 50%;
position: relative;
max-width: 50px;
top: -5px;
right: -5px;
}
@media (min-width: 768px) {
.post.post-list .post-author.rounded-circle img{
max-width: 80px;
}
}
.post.post-list .item-content.entry-content{
margin-top: 0;
margin-right: 10px;
}
@media (min-width: 768px) {
.post.post-list .item-content.entry-content{
margin-right: 40px;
}
}
.post.post-list .post-date,
.post.post-list .entry-meta{
font-weight: 600;
}
.col-md-7 .post:not(.no-content-padding),
.col-lg-7 .post:not(.no-content-padding){
border: 1px solid #e1e1e1;
}
.col-md-7 .post:not(.no-content-padding) .item-content,
.col-lg-7 .post:not(.no-content-padding) .item-content{
margin: 0 !important;
padding: 30px !important;
}
@media (min-width: 992px) {
.col-md-7 .post:not(.no-content-padding) .item-content,
.col-lg-7 .post:not(.no-content-padding) .item-content{
padding: 55px 60px !important;
}
}
.col-md-7 .post + .post,
.col-lg-7 .post + .post{
margin-top: 50px;
}
@media (min-width: 992px) {
.col-md-7 .post + .post,
.col-lg-7 .post + .post{
margin-top: 80px;
}
}
@media (min-width: 1600px) {
.col-md-7 .post + .post,
.col-lg-7 .post + .post{
margin-top: 100px;
}
}
.col-md-7 .post.single-post,
.col-lg-7 .post.single-post{
border: 0 !important;
}
.col-md-7 .post.single-post .item-content,
.col-lg-7 .post.single-post .item-content{
padding: 0 !important;
}
@media (min-width: 992px) {
.col-md-7 .post.single-post,
.col-lg-7 .post.single-post{
padding: 0;
}
}
@media (max-width: 1199px) {
.col-md-7 .post.single-post .entry-meta .meta-right,
.col-lg-7 .post.single-post .entry-meta .meta-right{
display: block;
float: none;
}
}
.post.post-list + .post.post-list{
margin-top: 50px;
}
@media (min-width: 992px) {
.post.post-list + .post.post-list{
margin-top: 85px;
}
}
.post-list-ajax .alm-reveal + .alm-reveal{
margin-top: 50px;
}
@media (min-width: 992px) {
.post-list-ajax .alm-reveal + .alm-reveal{
margin-top: 85px;
}
}
.post-list-ajax .alm-reveal + .alm-reveal .big{
font-size: 16px;
font-weight: 400;
color: gray;
}
.ajax-load-more-wrap.infinite .alm-btn-wrap{
padding: 0;
}
.ajax-load-more-wrap.infinite .alm-load-more-btn.done{
display: none;
}
.extended-item-2 .item-date{
width: auto;
display: inline-block;
line-height: 1;
margin-top: 12px;
}
.extended-item-2 .item-date .post-date{
padding: 5px 10px;
background: var(--colorMain2);
}
.extended-item-2 .item-title{
margin-top: 14px;
height: 56px;
overflow: hidden;
}
.extended-item-2 .item-content{
background: #fff;
padding: 50px !important;
margin: 0 !important;
}
.extended-item-2 .item-content .excerpt{
font-size: 16px;
color: gray;
height: 52px;
overflow: hidden;
}
.extended-item-2 .item-content .item-author{
margin-top: 20px;
text-align: center;
color: #031521;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.extended-item-2 .item-content .item-author i{
display: block;
color: gray;
margin-bottom: 7px;
}
.extended-item-3 .item-date{
width: auto;
display: inline-block;
line-height: 1;
margin-top: 12px;
}
.extended-item-3 .item-date .post-date{
padding: 5px 10px;
background: var(--colorMain2);
}
.extended-item-3 .item-title{
margin-top: 14px;
height: 70px;
overflow: hidden;
line-height: 34px;
}
.extended-item-3 .item-content{
background: #fff;
padding: 50px !important;
margin: 0 !important;
}
.extended-item-3 .item-content .excerpt{
font-size: 16px;
color: gray;
height: 52px;
overflow: hidden;
}
.extended-item-3 .item-content .item-author{
margin-top: 20px;
text-align: center;
color: #031521;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.extended-item-3 .item-content .item-author i{
display: block;
color: gray;
margin-bottom: 7px;
}
.post-thumbnail{
text-align: center;
}
.post-thumbnail > img{
width: auto;
}
.post-thumbnail .owl-dots{
position: absolute;
bottom: 30px;
right: 0;
left: 0;
}
.post-thumbnail + .entry-content{
margin-top: 1.5em;
}
.entry-meta-corner{
position: absolute;
color: #fff;
background-color: var(--colorMain);
}
.entry-meta-corner .day{
padding: .1em .6em;
display: block;
background-color: var(--colorDarkGrey);
}
.entry-meta-corner .month{
padding: .1em .3em;
}
.post-password-form input[type=password]{
margin-top: .5em;
width: auto;
}
.post-password-form input[type=submit]{
position: relative;
top: -2px;
}
.entry-meta{
margin-top: 2.1em;
line-height: 2;
clear: both;
color: #031521;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
@media (min-width: 992px) {
.entry-meta{
line-height: 1;
}
}
.entry-meta > span{
margin-right: 40px;
}
.entry-meta i{
display: inline-block;
color: rgba(var(--colorDarkGreyRGB), 0.2);
margin-right: 14px;
position: relative;
top: 2px;
}
@media (min-width: 992px) {
.entry-meta i{
margin-right: 12px;
}
}
.entry-meta:before,
.entry-meta:after{
content: "";
display: block;
clear: both;
}
.entry-meta:empty{
display: none;
}
.entry-meta .post-author i{
top: 3px;
}
.entry-footer{
margin-top: 40px;
margin-bottom: 50px;
}
.entry-footer .fa{
margin-right: 10px;
}
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.entry-header:before,
.entry-header:after{
display: block;
content: "";
clear: both;
}
.cat-links{
font-size: 0;
display: block;
margin-bottom: 12px;
line-height: 1;
clear: both;
}
.cat-links:last-child{
margin-top: 42px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.cat-links:last-child{
margin-top: 15px;
}
}
.cat-links i{
font-size: 12px;
padding-right: 10px;
color: var(--colorDarkGrey);
}
.cat-links a{
display: inline-block;
line-height: 1;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
padding: 5px 8px;
margin: 10px 10px 0 0;
color: var(--colorDarkGrey);
background-color: var(--colorMain2);
border-radius: 1px;
}
.entry-footer .edit-link,
.entry-header .edit-link{
float: right;
}
.entry-footer .edit-link a:before,
.entry-header .edit-link a:before{
font-family: "FontAwesome";
content: "";
padding-right: .4em;
}
.entry-footer .entry-title + .edit-link,
.entry-header .entry-title + .edit-link{
position: absolute;
right: 15px;
top: .5em;
}
.post-adds{
display: none;
line-height: 1;
}
.post-adds i{
width: 1em;
}
.post-adds a{
display: inline-block;
margin: 0;
}
.post-adds .dropdown-menu{
padding: 0;
border: none;
}
.post-adds .share_buttons{
display: flex;
}
.post-adds .share_buttons a{
margin: 0;
display: block;
}
.post-adds .share_button{
width: 60px;
height: 60px;
line-height: 60px;
text-align: right;
}
.post-adds .share_button i{
margin-right: 0;
color: var(--colorDarkGrey);
}
.post-adds .like_button{
display: block;
color: var(--colorMain);
line-height: 60px;
width: 60px;
text-align: center;
border-right: 1px solid rgba(var(--colorDarkGreyRGB), 0.1);
}
.post-adds .votes_count{
padding: 0 21px;
}
.post-adds .views-count{
margin-left: auto;
line-height: 60px;
padding: 0 30px;
background-color: var(--colorMain);
color: #fff;
}
@media (max-width: 767px) {
.post-adds{
flex-wrap: wrap;
}
.post-adds .share_button{
line-height: 40px;
width: 40px;
}
.post-adds .like_button{
line-height: 40px;
width: 40px;
}
.post-adds .views-count{
line-height: 40px;
padding: 0 15px;
}
}
@media (max-width: 400px) {
.post-adds .item-views-word{
display: none;
}
}
.post .gallery{
display: flex;
flex-wrap: wrap;
margin: 0 -7px;
}
.post .gallery .gallery-item{
width: 50%;
padding: 0 7px;
}
.post .gallery .gallery-item img{
width: 100%;
}
.post .gallery .gallery-item figcaption{
padding: 20px 0 5px;
}
@media (min-width: 992px) {
.post .gallery.gallery-columns-1 .gallery-item{
width: 100%;
}
.post .gallery.gallery-columns-2 .gallery-item{
width: 50%;
}
.post .gallery.gallery-columns-3 .gallery-item{
width: 33.33%;
}
.post .gallery.gallery-columns-4 .gallery-item{
width: 25%;
}
.post .gallery.gallery-columns-5 .gallery-item{
width: 20%;
}
.post .gallery.gallery-columns-6 .gallery-item{
width: 16.66%;
}
.post .gallery.gallery-columns-7 .gallery-item{
width: 14.28%;
}
.post .gallery.gallery-columns-8 .gallery-item{
width: 12.5%;
}
.post .gallery.gallery-columns-9 .gallery-item{
width: 11.11%;
}
}
.author-bio a.fa{
margin-bottom: 0;
}
.comments-title{
margin-bottom: 60px;
}
.comments-area{
margin-top: 8px;
}
@media (min-width: 992px) {
.comments-area{
margin-top: 116px;
}
}
@media (min-width: 1200px) {
.comments-area{
margin-top: 150px;
}
}
.comments-area .comment-list{
margin-top: 60px;
list-style: none;
padding: 0;
}
.comments-area .comment-list .comment-respond{
margin-bottom: 75px;
}
.comments-area .comment-list ol.children{
list-style: none;
padding-left: 35px;
}
@media (min-width: 1200px) {
.comments-area .comment-list ol.children{
padding-left: 40px;
}
}
.comments-area .comment-list ol.children ol.children ol.children{
padding-left: 35px;
}
@media (max-width: 767px) {
.comments-area .comment-list ol.children ol.children ol.children{
padding-left: 20px;
}
}
.comment-body{
position: relative;
padding-bottom: 23px;
margin-bottom: 25px;
margin-left: 120px;
border-bottom: 1px solid rgba(var(--colorDarkGreyRGB), 0.1);
}
@media (min-width: 768px) {
.comment-body{
padding-bottom: 52px;
margin-bottom: 54px;
}
}
.comment-body ol,
.comment-body ol ol{
padding-left: 20px;
}
.comment-meta{
margin-bottom: 16px;
}
@media (min-width: 768px) {
.comment-meta{
display: flex;
justify-content: space-between;
align-items: center;
}
}
.comment-meta img{
border-radius: 50%;
position: absolute;
top: -15px;
left: -130px;
margin: 0;
max-width: 100px;
padding: 10px;
background-image: linear-gradient(135deg, rgba(var(--colorDarkGreyRGB), 0.1) 8.33%, transparent 8.33%, transparent 50%, rgba(var(--colorDarkGreyRGB), 0.1) 50%, rgba(var(--colorDarkGreyRGB), 0.1) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
border: 0;
}
.comment-meta .comment-author{
font-size: 20px;
}
.comment-meta .comment-metadata{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
line-height: 2;
}
.comment-meta b{
color: #031521;
font-family: "Playfair Display",serif;
font-weight: normal;
font-style: italic;
font-size: 20px;
}
@media (max-width: 575px) {
.comment-body{
margin-left: 60px;
}
ol ol .comment-body{
margin-left: 40px;
}
.comment-meta img{
max-width: 40px;
left: -60px;
top: -7px;
}
}
.reply{
margin-top: 14px;
}
.reply{
position: relative;
}
.reply a{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.reply a:hover{
color: var(--colorDarkGrey);
opacity: .8;
}
.reply a:after{
color: inherit;
display: inline-block;
padding: 0;
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/black_arrow_right.png);
content: "";
margin-left: 6px;
width: 20px;
height: 7px;
}
.comment-content p{
margin-bottom: .5em;
}
.no-comments,
.comment-awaiting-moderation{
opacity: .7;
}
.comments-pagination{
margin: 2em 0 3em;
}
.comments-area > .comment-respond{
margin-top: 70px;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.comments-area > .comment-respond{
margin-top: 145px;
}
}
.comments-area > .comment-respond .comment-form{
margin-top: 26px;
}
.comment-form{
display: flex;
flex-wrap: wrap;
}
.comment-form .form-group{
width: 100%;
}
.comment-form p{
margin-bottom: 15px;
width: 100%;
position: relative;
}
.comment-form p.comment-form-comment::before,
.comment-form p.comment-form-author::before,
.comment-form p.comment-form-email::before{
content: "";
height: 1px;
width: 30px;
bottom: 0;
left: 0;
position: absolute;
background: var(--colorDarkGrey);
}
.comment-form p.form-submit{
margin-top: 10px;
margin-bottom: -5px;
}
.comment-form label{
display: none;
}
.comment-form textarea,
.comment-form input{
width: 100%;
}
.comment-form input[type=checkbox]{
margin: 0;
visibility: hidden;
}
@media (min-width: 992px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email{
width: 50%;
}
.comment-form .comment-form-author{
padding-right: 20px;
}
}
.format-video iframe{
z-index: 10;
}
.format-link{
padding: 35px 30px 30px;
}
@media (min-width: 992px) {
.format-link{
padding: 80px 60px 80px;
}
}
@media (min-width: 1600px) {
.format-link{
padding: 160px 130px 152px;
}
}
.format-link.post.vertical-item.content-padding-2 .item-content.entry-content{
padding: 0 !important;
}
.format-chat .item-content .entry-content{
margin-bottom: -0.5em;
}
.format-chat .item-content .entry-content p{
display: flex;
}
.format-chat .item-content .entry-content p span{
color: var(--colorMain2);
font-weight: 600;
min-width: 86px;
}
.format-chat .item-content .entry-content p strong{
color: #031521;
margin-right: 20px;
min-width: 60px;
}
.format-chat .entry-meta{
display: none;
}
.format-quote > img,
.format-status > img{
display: none;
}
.format-quote .entry-content,
.format-status .entry-content{
color: #fff;
}
.format-status.post{
padding: 35px 30px 30px;
}
@media (min-width: 992px) {
.format-status.post{
padding: 80px 60px 80px;
}
}
@media (min-width: 1600px) {
.format-status.post{
padding: 160px 130px 152px;
}
}
.format-status .avatar{
display: block;
max-width: 100px;
border-radius: 50%;
margin: 0 auto 35px;
}
.format-status .cat-links{
margin-bottom: 5px;
}
.post.vertical-item.content-padding-2.format-status .item-content{
padding: 0 !important;
}
.single .format-quote .entry-content,
.single .format-status .entry-content{
color: gray;
}
.format-quote{
position: relative;
}
.format-quote.post{
padding: 35px 30px 30px;
}
@media (min-width: 992px) {
.format-quote.post{
padding: 80px 60px 80px;
}
}
@media (min-width: 1600px) {
.format-quote.post{
padding: 160px 130px 152px;
}
}
@media (min-width: 992px) {
.format-quote .item-content-wrap:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/quote-left.png);
background-size: contain;
width: 168px;
height: 136px;
display: block;
position: absolute;
left: -130px;
bottom: -152px;
}
.format-quote .item-content-wrap:after{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/quote-right.png);
background-size: contain;
width: 168px;
height: 136px;
display: block;
position: absolute;
right: -130px;
top: -160px;
}
}
.format-quote .avatar{
margin: 0 0 30px;
border-radius: 50%;
max-width: 100px;
padding: 10px;
background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 8.33%, transparent 8.33%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 58.33%, transparent 58.33%, transparent 100%);
background-size: 8.49px 8.49px;
border: 0;
}
.format-quote .item-content.entry-content .entry-content{
margin-top: -4px;
font-size: 20px;
font-family: "Playfair Display",serif;
color: gray;
font-style: italic;
line-height: 1.7;
}
.format-quote .item-content.entry-content .entry-content blockquote{
font-family: "Playfair Display",serif;
color: gray;
font-style: italic;
line-height: 1.7;
border: 0;
padding: .4em 0 0;
margin: 30px 0 0 0;
max-width: 100%;
}
.format-quote .item-content.entry-content .entry-content blockquote cite{
padding-top: 20px;
display: block;
}
.format-quote .item-content.entry-content .entry-content blockquote:before{
display: none;
}
.col-lg-7 .format-quote,
.col-lg-7 .format-status,
.col-lg-7 .format-link,
.col-md-7 .format-quote,
.col-md-7 .format-status,
.col-md-7 .format-link{
padding: 35px 30px 30px;
}
@media (min-width: 992px) {
.col-lg-7 .format-quote,
.col-lg-7 .format-status,
.col-lg-7 .format-link,
.col-md-7 .format-quote,
.col-md-7 .format-status,
.col-md-7 .format-link{
padding: 80px 60px 80px;
}
}
@media (min-width: 1600px) {
.col-lg-7 .format-quote,
.col-lg-7 .format-status,
.col-lg-7 .format-link,
.col-md-7 .format-quote,
.col-md-7 .format-status,
.col-md-7 .format-link{
padding: 120px 80px 115px;
}
}
.format-link.post.vertical-item.content-padding .item-content{
padding-bottom: 0;
margin-top: 0;
text-align: center;
}
.format-link.post.vertical-item.content-padding .item-content .entry-content{
margin-top: -3px;
text-align: center;
}
.format-link.post.vertical-item.content-padding .item-content .entry-content a{
color: var(--colorMain);
}
.format-link.post.vertical-item.content-padding .item-content .entry-content a:hover{
opacity: .7;
}
.format-link.post.vertical-item.content-padding .item-content .entry-meta{
display: none;
}
@media (min-width: 1200px) {
.single-post .page_title .row{
margin: 100px 0;
}
}
.single-post .column-main .item-media-wrap{
display: none;
}
.single-post .column-main .embed-responsive{
margin-bottom: 60px;
}
.single-post.single-format-gallery .column-main .item-media-wrap{
display: block;
margin-bottom: 60px;
}
.single-post footer{
position: relative;
}
.single-post footer .entry-blog-share{
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-post footer .entry-blog-share .dropdown-menu{
left: auto !important;
right: 0 !important;
}
.single-post .tag-links{
margin-top: 42px;
margin-right: 40px;
}
.single-post .tag-links a{
color: var(--colorDarkGrey);
}
.product-demo .single-post .tag-links a{
color: #fff;
}
@media (min-width: 768px) {
.single-post .author-meta .row{
display: flex;
}
.single-post .author-meta .row>[class*=col-] .item-media,
.single-post .author-meta .row>[class*=col-] .item-content{
display: flex;
height: 100%;
align-items: center;
}
.single-post .author-meta .row>[class*=col-] .item-media img{
-o-object-fit: cover;
object-fit: cover;
height: 100%;
display: block;
}
}
.single-post .author-meta .item-media{
z-index: 2;
}
.single-post .author-meta .item-media img{
margin: 0;
}
.single-post .author-meta .item-content{
z-index: 1;
}
.single-post .author-meta .item-content .author-name{
font-size: 30px;
font-family: "Playfair Display",serif;
font-weight: normal;
font-style: italic;
}
.single-post .author-meta .item-content .author-position{
color: #031521;
padding: 5px 10px;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
display: inline-block;
}
@media (min-width: 992px) {
.single-post .item-media.post-thumbnail{
padding: 0 100px 0;
}
}
.single-post .related-posts .related-posts-subtitle{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
position: relative;
width: auto;
margin-bottom: 0;
}
.single-post .related-posts .related-posts-subtitle:before{
content: "";
width: 50px;
height: 1px;
background: var(--colorMain);
display: inline-block;
position: relative;
vertical-align: middle;
margin-right: 30px;
}
.single-post .related-posts .related-posts-title{
margin-top: 5px;
margin-bottom: 1em;
}
.single-post .related-posts .owl-stage-outer{
padding-bottom: 15px;
}
.single-post .related-posts .related-item .item-date{
width: auto;
display: inline-block;
line-height: 1;
margin-top: 12px;
}
.single-post .related-posts .related-item .item-date .post-date{
padding: 5px 10px;
background: var(--colorMain2);
}
.single-post .related-posts .related-item .item-title{
margin-top: 14px;
height: 56px;
overflow: hidden;
}
.single-post .related-posts .related-item .item-content{
background: #fff;
}
.single-post .related-posts .related-item .item-content .excerpt{
font-size: 16px;
color: gray;
height: 52px;
overflow: hidden;
}
.single-post .related-posts .related-item .item-content .item-author{
margin-top: 20px;
text-align: center;
color: #031521;
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
}
.single-post .related-posts .related-item .item-content .item-author i{
display: block;
color: gray;
margin-bottom: 7px;
}
.post.single-post{
padding: 0 30px 0;
}
@media (min-width: 992px) {
.post.single-post{
padding: 0 100px 0;
}
}
.post.single-post .entry-content{
margin-top: 24px;
}
@media (min-width: 992px) {
.post.single-post .entry-content{
margin-top: 51px;
}
}
.post.single-post.format-chat .entry-content{
margin-top: 0;
}
.post.single-post .author-meta .cover-image img{
margin: 0;
}
.post.single-post .author-meta.content-padding .item-content{
padding: 21px 30px;
}
@media (min-width: 992px) {
.post.single-post .author-meta.content-padding .item-content{
padding: 51px 60px;
}
}
.post.single-post .author-meta.content-padding .item-content .author-position{
margin-bottom: 20px;
}
@media (min-width: 768px) {
.post.single-post .author-meta.content-padding .item-content .author-position{
margin-bottom: 33px;
}
}
.post.single-post .author-meta.content-padding .item-content .author-social a:before{
font-size: 16px;
}
.post.single-post .author-meta.content-padding .item-content .author-bio{
margin-bottom: 29px;
}
.post.single-post .navigation.post-navigation a h6{
margin-top: 12px;
}
.post.single-post .navigation.post-navigation a h6:hover{
color: var(--colorMain);
}
.post.single-post .navigation.post-navigation .prev-item,
.post.single-post .navigation.post-navigation .next-item{
padding: 30px 30px 23px;
}
@media (min-width: 992px) {
.post.single-post .navigation.post-navigation .prev-item,
.post.single-post .navigation.post-navigation .next-item{
padding: 56px 60px 49px;
}
}
@media (max-width: 767px) {
.post.single-post .navigation.post-navigation .items-nav + .items-nav{
margin-top: 30px;
}
}
.post.single-post .author-meta,
.post.single-post .navigation.post-navigation{
margin-top: 60px;
}
@media (min-width: 992px) {
.post.single-post .author-meta,
.post.single-post .navigation.post-navigation{
margin-top: 120px;
}
}
@media (min-width: 1200px) {
.post.single-post .author-meta,
.post.single-post .navigation.post-navigation{
margin-top: 140px;
}
}
.post.single-post .entry-footer,
.post.single-post .entry-meta{
margin-top: 4px;
}
.post.single-post .entry-footer .post-date,
.post.single-post .entry-meta .post-date{
font-size: 14px;
margin-bottom: 20px;
display: inline-block;
}
.post.single-post .entry-meta .meta-right{
margin-right: 0;
display: block;
margin-top: 5px;
}
@media (max-width: 567px) {
.post.single-post .entry-meta .meta-right{
margin-top: 20px;
}
}
@media (min-width: 992px) {
.post.single-post .entry-meta .meta-right{
margin: 0;
display: inline-block;
float: right;
position: relative;
top: 2px;
}
}
.post.single-post .entry-meta .meta-right > span{
margin-left: 15px;
}
@media (max-width: 567px) {
.post.single-post .entry-meta .meta-right > span{
width: 100%;
display: block;
margin-left: 0;
margin-top: 10px;
}
}
.post.single-post .entry-meta .meta-right > span:first-child{
margin-left: 0;
}
@media (min-width: 992px) {
.post.single-post .entry-meta .meta-right > span{
margin-left: 35px;
}
}
.pingback:first-child,
.trackback:first-child{
padding-top: 0;
}
.pingback .comment-body,
.trackback .comment-body{
margin-left: 0;
min-height: auto;
}
.post-item-section .owl-carousel.posts-carousel .owl-stage-outer{
padding: 15px 20px;
}
@media (min-width: 992px) {
.post-item-section .owl-carousel.posts-carousel .owl-stage-outer{
margin: -15px -20px;
}
}
.post-item-section .owl-carousel.posts-carousel .vertical-item.item-text.box-shadow .entry-meta{
margin-top: 12px;
margin-bottom: 20px;
}
.wp-audio-shortcode{
margin-bottom: 20px;
}
.blog-layout-grid .format-gallery.post .owl-theme .owl-nav{
transition: all .3s ease;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-layout-grid .format-gallery.post .owl-theme .owl-nav > div{
border-radius: 50px 0 0 50px;
opacity: 1;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 30px;
height: 60px;
background-color: #fff;
}
.blog-layout-grid .format-gallery.post .owl-theme .owl-nav > div:hover{
background-color: var(--colorMain);
width: 60px;
}
.blog-layout-grid .format-gallery.post .owl-theme .owl-nav > div:hover i{
color: #fff;
font-size: 20px;
}
.blog-layout-grid .format-gallery.post .owl-theme .owl-nav > div i{
font-family: "FontAwesome" !important;
font-size: 14px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: var(--colorDark);
width: auto;
height: auto;
-webkit-mask: none;
background-color: rgba(0, 0, 0, 0);
}
.blog-layout-grid .format-gallery.post .owl-theme .owl-nav > div i:before{
content: "";
}
.blog-layout-grid .format-gallery.post .owl-theme .owl-nav > div:first-child{
border-radius: 0 50px 50px 0;
left: 0;
right: auto;
}
.blog-layout-grid .format-gallery.post .owl-theme .owl-nav > div:first-child i:before{
content: "";
}
.blog-layout-grid .format-link.post,
.blog-layout-grid .format-quote.post,
.blog-layout-grid .format-status.post{
padding: 40px 40px 32px;
}
.blog-layout-grid .format-link.post .entry-content,
.blog-layout-grid .format-quote.post .entry-content,
.blog-layout-grid .format-status.post .entry-content{
margin-top: 0;
}
.tax-fw-portfolio-category.full-width .page_content{
display: none;
}
@media (min-width: 1200px) {
.tax-fw-portfolio-category.full-width .page_portfolio{
margin-bottom: 100px;
}
}
.tax-fw-portfolio-category.full-width .page_portfolio .container-fluid{
padding-right: 0;
padding-left: 0;
}
.page_portfolio .filters{
font-size: 12px;
line-height: 1.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .08em;
font-family: "Montserrat",sans-serif;
padding: 0 0 60px;
}
.page_portfolio .filters a.selected{
background-color: var(--colorMain2);
}
.gallery-title-item.content-absolute .item-media .media-links:before{
background-color: rgba(3, 21, 33, .5);
}
.gallery-title-item.content-absolute .item-media .hovereffect{
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.gallery-title-item.content-absolute .item-media .hovereffect .item-border{
display: block;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
position: absolute;
border: 1px solid rgba(255, 255, 255, .3);
background-color: rgba(0, 0, 0, 0);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0);
transform: scale(0);
transition: all .4s ease-in-out;
font-weight: normal;
}
.gallery-title-item.content-absolute .item-media .hovereffect:hover .item-border{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
.gallery-title-item.content-absolute .item-media .hovereffect .item-border:hover{
box-shadow: 0 0 5px #fff;
}
.gallery-title-item.content-absolute .item-media .hovereffect .overlay{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.gallery-title-item.content-absolute .item-media .hovereffect img{
display: block;
position: relative;
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all .35s;
}
.gallery-title-item.content-absolute .item-media .hovereffect:hover img{
-webkit-transform: scale(1);
transform: scale(1);
filter: url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
filter: brightness(0.7);
-webkit-filter: brightness(0.7);
}
.gallery-title-item.content-absolute .item-media .hovereffect h2{
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
width: 100%;
}
.gallery-title-item.content-absolute .item-media .hovereffect:hover h2{
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
.gallery-title-item.content-absolute .item-media .hovereffect .rotate{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 100%;
height: 100%;
position: absolute;
}
.gallery-title-item.content-absolute .item-media .hovereffect hr{
width: 50%;
opacity: 0;
filter: alpha(opacity=0);
}
.gallery-title-item.content-absolute .item-media .hovereffect hr:nth-child(2){
-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(0, 0, 1);
}
.gallery-title-item.content-absolute .item-media .hovereffect hr:nth-child(3){
-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(0, 0, 1);
}
.gallery-title-item.content-absolute .item-media .hovereffect h2,
.gallery-title-item.content-absolute .item-media .hovereffect hr{
position: absolute;
top: 50%;
left: 50%;
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
background-color: rgba(0, 0, 0, 0);
margin: 0;
}
.gallery-title-item.content-absolute .item-media .group1,
.gallery-title-item.content-absolute .item-media .group2{
position: absolute;
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
}
.gallery-title-item.content-absolute .item-media .group1{
left: 40%;
top: 40%;
}
.gallery-title-item.content-absolute .item-media .group2{
left: 60%;
top: 61%;
}
.gallery-title-item.content-absolute .item-media .hovereffect p{
width: 30%;
text-transform: none;
font-size: 15px;
line-height: 2;
}
.gallery-title-item.content-absolute .item-media .hovereffect p a{
color: #fff;
}
.gallery-title-item.content-absolute .item-media .hovereffect p a:hover,
.gallery-title-item.content-absolute .item-media .hovereffect p a:focus{
opacity: .6;
filter: alpha(opacity=60);
}
.gallery-title-item.content-absolute .item-media .hovereffect a i{
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
padding: 10px;
}
.gallery-title-item.content-absolute .item-media .group1 a i{
font-size: 20px;
}
.gallery-title-item.content-absolute .item-media .group2 a i{
font-size: 24px;
}
.gallery-title-item.content-absolute .item-media .group1 a:first-child i{
-webkit-transform: translate3d(-60px, -60px, 0) rotate(90deg) scale(2);
transform: translate3d(-60px, -60px, 0) rotate(90deg) scale(2);
}
.gallery-title-item.content-absolute .item-media .group2 a:first-child i{
-webkit-transform: translate3d(-60px, 60px, 0) rotate(90deg) scale(2);
transform: translate3d(-60px, 60px, 0) rotate(90deg) scale(2);
}
.gallery-title-item.content-absolute .item-media .hovereffect:hover hr:nth-child(2){
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(1, 1, 1);
}
.gallery-title-item.content-absolute .item-media .hovereffect:hover hr:nth-child(3){
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(1, 1, 1);
}
.gallery-title-item.content-absolute .item-media .hovereffect:hover .group1 i:empty{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0) rotate(45deg) scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
.gallery-title-item.content-absolute .item-media .hovereffect:hover .group2 i:empty{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0) rotate(45deg) scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
.gallery-title-item.content-absolute .item-title{
text-align: center;
position: absolute;
bottom: 50px;
opacity: 0;
width: 100%;
transition: all .2s ease-in;
z-index: 3;
}
.gallery-title-item.content-absolute .item-title a{
font-weight: bold;
font-size: 20px;
color: #fff;
font-family: "Montserrat",sans-serif;
letter-spacing: -0.05em;
}
.gallery-title-item.content-absolute:hover .item-title{
opacity: 1;
}
.gallery-title-item-2.content-absolute .item-media .media-links:before{
background-color: rgba(3, 21, 33, .5);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect{
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.gallery-title-item-2.content-absolute .item-media .hovereffect .item-border{
display: block;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
position: absolute;
border: 1px solid rgba(255, 255, 255, .3);
background-color: rgba(0, 0, 0, 0);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0);
transform: scale(0);
transition: all .4s ease-in-out;
font-weight: normal;
}
.gallery-title-item-2.content-absolute .item-media .hovereffect:hover .item-border{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect .item-border:hover{
box-shadow: 0 0 5px #fff;
}
.gallery-title-item-2.content-absolute .item-media .hovereffect .overlay{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.gallery-title-item-2.content-absolute .item-media .hovereffect img{
display: block;
position: relative;
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all .35s;
}
.gallery-title-item-2.content-absolute .item-media .hovereffect:hover img{
-webkit-transform: scale(1);
transform: scale(1);
filter: url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
filter: brightness(0.7);
-webkit-filter: brightness(0.7);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect h2{
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
width: 100%;
}
.gallery-title-item-2.content-absolute .item-media .hovereffect:hover h2{
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect .rotate{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 100%;
height: 100%;
position: absolute;
}
.gallery-title-item-2.content-absolute .item-media .hovereffect hr{
width: 50%;
opacity: 0;
filter: alpha(opacity=0);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect hr:nth-child(2){
-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(0, 0, 1);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect hr:nth-child(3){
-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(0, 0, 1);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect h2,
.gallery-title-item-2.content-absolute .item-media .hovereffect hr{
position: absolute;
top: 50%;
left: 50%;
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
background-color: rgba(0, 0, 0, 0);
margin: 0;
}
.gallery-title-item-2.content-absolute .item-media .group1,
.gallery-title-item-2.content-absolute .item-media .group2{
position: absolute;
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
background-color: rgba(0, 0, 0, 0);
margin: 0;
padding: 0;
}
.gallery-title-item-2.content-absolute .item-media .group1{
left: 40%;
top: 35%;
}
.gallery-title-item-2.content-absolute .item-media .group2{
left: 60%;
top: 65%;
}
.gallery-title-item-2.content-absolute .item-media .hovereffect p{
width: 30%;
text-transform: none;
font-size: 15px;
line-height: 2;
}
.gallery-title-item-2.content-absolute .item-media .hovereffect p a{
color: #fff;
}
.gallery-title-item-2.content-absolute .item-media .hovereffect p a:hover,
.gallery-title-item-2.content-absolute .item-media .hovereffect p a:focus{
opacity: .6;
filter: alpha(opacity=60);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect a i{
opacity: 0;
filter: alpha(opacity=0);
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
padding: 10px;
}
.gallery-title-item-2.content-absolute .item-media .group1 a i{
font-size: 20px;
}
.gallery-title-item-2.content-absolute .item-media .group2 a i{
font-size: 24px;
}
.gallery-title-item-2.content-absolute .item-media .group1 a:first-child i{
-webkit-transform: translate3d(-60px, -60px, 0) rotate(90deg) scale(2);
transform: translate3d(-60px, -60px, 0) rotate(90deg) scale(2);
}
.gallery-title-item-2.content-absolute .item-media .group2 a:first-child i{
-webkit-transform: translate3d(-60px, 60px, 0) rotate(90deg) scale(2);
transform: translate3d(-60px, 60px, 0) rotate(90deg) scale(2);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect:hover hr:nth-child(2){
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate(0deg) scale3d(1, 1, 1);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect:hover hr:nth-child(3){
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate(90deg) scale3d(1, 1, 1);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect:hover .group1 i:empty{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0) rotate(90deg) scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
.gallery-title-item-2.content-absolute .item-media .hovereffect:hover .group2 i:empty{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0) rotate(45deg) scale(1);
opacity: 1;
filter: alpha(opacity=100);
}
.gallery-title-item-2.content-absolute .item-title{
text-align: center;
position: absolute;
bottom: 20px;
opacity: 0;
width: 100%;
transition: all .2s ease-in;
z-index: 3;
}
.gallery-title-item-2.content-absolute .item-title a{
font-weight: bold;
font-size: 20px;
color: #fff;
font-family: "Montserrat",sans-serif;
letter-spacing: -0.05em;
}
@media (max-width: 1200px) {
.gallery-title-item-2.content-absolute .item-title a{
display: none;
}
}
.gallery-title-item-2.content-absolute:hover .item-title{
opacity: 1;
}
.single-fw-portfolio .page_content > .container,
.single-fw-portfolio .page_content > .container-fluid{
padding-bottom: 0 !important;
}
@media (min-width: 480px) {
.single-fw-portfolio .item-content-wrap{
display: block;
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar,
.single-fw-portfolio .item-content-wrap .item-content.entry-content{
display: block;
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar{
min-width: 100%;
}
}
@media (min-width: 992px) {
.single-fw-portfolio .item-content-wrap{
display: flex;
flex-direction: row;
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar,
.single-fw-portfolio .item-content-wrap .item-content.entry-content{
display: flex;
flex-direction: column;
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar{
min-width: 30%;
}
}
.single-fw-portfolio .item-content-wrap .item-content.entry-content{
margin-bottom: 15px;
padding: 20px 15px 50px;
}
.single-fw-portfolio .item-content-wrap .item-content.entry-content .big{
margin-top: 0;
}
@media (min-width: 992px) {
.single-fw-portfolio .item-content-wrap .item-content.entry-content{
margin-bottom: 30px;
}
}
@media (min-width: 1200px) {
.single-fw-portfolio .item-content-wrap .item-content.entry-content{
margin-bottom: 110px;
}
}
@media (min-width: 576px) {
.single-fw-portfolio .item-content-wrap .item-content.entry-content{
padding: 20px 30px 50px;
}
}
@media (min-width: 992px) {
.single-fw-portfolio .item-content-wrap .item-content.entry-content{
padding: 87px 30px 60px;
}
}
@media (min-width: 1200px) {
.single-fw-portfolio .item-content-wrap .item-content.entry-content{
padding: 117px 60px 40px;
}
}
@media (min-width: 1600px) {
.single-fw-portfolio .item-content-wrap .item-content.entry-content{
padding: 117px 60px 117px 120px;
}
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar{
padding: 35px 15px 20px;
}
@media (min-width: 576px) {
.single-fw-portfolio .item-content-wrap .item-content-sidebar{
padding: 35px 30px;
}
}
@media (min-width: 992px) {
.single-fw-portfolio .item-content-wrap .item-content-sidebar{
padding: 90px 30px;
}
}
@media (min-width: 1200px) {
.single-fw-portfolio .item-content-wrap .item-content-sidebar{
padding: 120px 60px 90px;
}
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar .additional-info{
padding-left: 0;
list-style: none;
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar .additional-info li{
border-bottom: 1px solid rgba(var(--colorDarkGreyRGB), 0.1);
padding: 15px 0;
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar .additional-info li:first-child{
padding-top: 0;
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar .additional-info li:last-child{
border-top: 0;
border-bottom: 0;
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar .additional-info li a{
color: gray;
font-weight: normal;
background-color: rgba(0, 0, 0, 0) !important;
padding: 0;
display: inline-block;
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar .additional-info li span{
color: #031521;
font-weight: bold;
min-width: 80px;
display: inline-block;
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar .additional-info li span.cat-links{
margin: 0;
display: inline-block;
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar .additional-info .share_buttons{
margin-top: 30px;
}
@media (min-width: 1200px) {
.single-fw-portfolio .item-content-wrap .item-content-sidebar .additional-info .share_buttons{
margin-top: 50px;
}
}
.single-fw-portfolio .item-content-wrap .item-content-sidebar .additional-info .share_buttons > a{
color: var(--colorDarkGrey);
}
.single-fw-portfolio .item-content-wrap .share_buttons{
display: block;
}
@media (min-width: 768px) {
.posts-grid-items .alm-reveal{
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0;
grid-row-gap: 0;
}
.posts-grid-items .alm-reveal > .grid-item{
grid-column: span 2;
}
}
@media (min-width: 992px) {
.posts-grid-items .alm-reveal{
grid-template-columns: repeat(12, 1fr);
}
.posts-grid-items .alm-reveal > .grid-item{
grid-column: span 3;
}
.posts-grid-items .alm-reveal > .grid-item:nth-child(3){
grid-column: span 6;
grid-row: span 2;
}
.posts-grid-items .alm-reveal:nth-child(2n) > .grid-item:nth-child(1){
grid-column: span 6;
grid-row: span 2;
}
.posts-grid-items .alm-reveal:nth-child(2n) > .grid-item:nth-child(3){
grid-column: span 3;
grid-row: auto;
}
}
.posts-grid-items .alm-reveal .content-absolute.grid-item{
overflow: hidden;
}
.posts-grid-items .alm-reveal .content-absolute.grid-item:before{
position: absolute;
top: 50%;
left: 50%;
width: calc(100% - 20px);
height: calc(100% - 20px);
border: 1px solid #fff;
content: "";
opacity: 0;
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
pointer-events: none;
z-index: 10;
}
.posts-grid-items .alm-reveal .content-absolute.grid-item .item-media{
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: -webkit-transform .35s;
transition: transform .35s;
transition: transform .35s, -webkit-transform .35s;
}
.posts-grid-items .alm-reveal .content-absolute.grid-item .item-media:before{
content: "";
background-color: var(--colorDarkGrey);
position: absolute;
width: 100%;
height: 100%;
transition: .5s all;
opacity: 0;
}
.posts-grid-items .alm-reveal .content-absolute.grid-item .gallery-title{
position: absolute;
bottom: 20px;
left: 50%;
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(-50%, 0, 0) scale3d(0.8, 0.8, 1);
color: #fff;
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
text-align: center;
width: calc(100% - 25px);
}
@media (min-width: 1200px) {
.posts-grid-items .alm-reveal .content-absolute.grid-item .gallery-title{
bottom: 38px;
}
}
.posts-grid-items .alm-reveal .content-absolute.grid-item .post-adds{
display: block;
}
.posts-grid-items .alm-reveal .content-absolute.grid-item .post-adds:after,
.posts-grid-items .alm-reveal .content-absolute.grid-item .post-adds:before{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 29.5%;
height: 1px;
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
background-color: #fff;
opacity: 0;
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
}
.posts-grid-items .alm-reveal .content-absolute.grid-item .post-adds:after{
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);
}
.posts-grid-items .alm-reveal .content-absolute.grid-item .post-adds .share_buttons{
display: flex;
flex-wrap: wrap;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
-webkit-transform-origin: 50%;
transform-origin: 50%;
width: 23.5%;
height: 23.5%;
transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
transition: opacity .35s, transform .35s, -webkit-transform .35s;
}
.posts-grid-items .alm-reveal .content-absolute.grid-item .post-adds .share_buttons > a{
display: flex;
align-items: center;
justify-content: center;
color: #fff;
width: 50%;
height: 50%;
-webkit-transform: translate3d(-60px, -60px, 0);
transform: translate3d(-60px, -60px, 0);
transition: opacity .35s, -webkit-transform .5s;
transition: opacity .35s, transform .5s;
transition: opacity .35s, transform .5s, -webkit-transform .5s;
opacity: 0;
}
.posts-grid-items .alm-reveal .content-absolute.grid-item .post-adds .share_buttons > a:nth-child(2){
-webkit-transform: translate3d(60px, -60px, 0);
transform: translate3d(60px, -60px, 0);
}
.posts-grid-items .alm-reveal .content-absolute.grid-item .post-adds .share_buttons > a:nth-child(3){
-webkit-transform: translate3d(-60px, 60px, 0);
transform: translate3d(-60px, 60px, 0);
}
.posts-grid-items .alm-reveal .content-absolute.grid-item .post-adds .share_buttons > a:nth-child(4){
-webkit-transform: translate3d(60px, 60px, 0);
transform: translate3d(60px, 60px, 0);
}
.posts-grid-items .alm-reveal .content-absolute.grid-item:hover:before{
opacity: .3;
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
.posts-grid-items .alm-reveal .content-absolute.grid-item:hover .item-media{
-webkit-transform: scale(1);
transform: scale(1);
}
.posts-grid-items .alm-reveal .content-absolute.grid-item:hover .item-media:before{
opacity: .5;
}
.posts-grid-items .alm-reveal .content-absolute.grid-item:hover .post-adds:before{
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}
.posts-grid-items .alm-reveal .content-absolute.grid-item:hover .post-adds:after{
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}
.posts-grid-items .alm-reveal .content-absolute.grid-item:hover .post-adds .share_buttons > a{
-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
transform: translate3d(0, 0, 0) rotate(-45deg);
opacity: 1;
}
.posts-grid-items .alm-reveal .content-absolute.grid-item:hover .gallery-title{
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
opacity: 1;
}
.page_portfolio .nav-links{
margin: 0 30px;
}
@media (min-width: 992px) {
.page_portfolio .nav-links{
margin: 0 100px;
}
}
.page_portfolio .nav-links a.next,
.page_portfolio .nav-links a.prev{
font-size: 0;
}
@media (max-width: 991px) {
.isotope-item.item-layout-tile.col-md-8 .gallery-title-item.content-absolute .item-title{
bottom: 20px;
}
}
.isotope-item.item-layout-tile.col-md-8 .gallery-title-item.content-absolute hr{
width: 25%;
}
.isotope-item.item-layout-tile.col-md-8 .gallery-title-item.content-absolute .item-media .group2{
left: 55%;
}
.isotope-item.item-layout-tile.col-md-8 .gallery-title-item.content-absolute .item-media .group1{
left: 45%;
}
#box_wrapper > section,
#box_wrapper > div > section{
overflow: hidden;
}
@media (min-width: 1600px) {
#box_wrapper > section.page_topline,
#box_wrapper > section.page_toplogo,
#box_wrapper > section.overflow-visible,
#box_wrapper > div > section.overflow-visible{
overflow: visible;
}
}
.page-template-full-page #canvas{
overflow: hidden !important;
}
.dropdown-shopping-cart{
position: relative;
font-weight: 700;
}
.page_toplogo .dropdown-shopping-cart{
margin-left: 24px;
}
.dropdown-shopping-cart i{
font-size: 28px;
padding-right: 14px;
}
.page_toplogo .dropdown-shopping-cart i{
position: relative;
top: .18em;
}
.dropdown-shopping-cart .badge{
position: absolute;
left: 24px;
padding: .28em .5em .2em;
border-radius: 1em;
}
.page_toplogo .dropdown-shopping-cart .badge{
top: -0.3em;
}
.dropdown-shopping-cart:hover{
color: inherit;
}
.dropdown-shopping-cart + .dropdown-menu{
margin-top: 50px;
}
@media (min-width: 576px) {
.dropdown-shopping-cart + .dropdown-menu{
min-width: 430px;
}
}
.page_title:after{
background-image: linear-gradient(90deg, transparent 49.9%, rgba(255, 255, 255, 0.4) 49.9%, rgba(255, 255, 255, 0.4) 50%, transparent 50%, transparent 99.9%, rgba(255, 255, 255, 0.4) 99.9%, rgba(255, 255, 255, 0.4) 100%);
background-size: 34%;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.page_title h1,
.page_title h2{
margin-bottom: 40px;
line-height: 1;
}
@media (max-width: 1200px) {
.page_title h1,
.page_title h2{
margin-top: 40px;
}
}
@media (min-width: 992px) {
.page_title h1,
.page_title h2{
font-size: 40px;
}
.page_title h1:last-child,
.page_title h2:last-child{
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.page_title h1,
.page_title h2{
font-size: 80px;
}
}
.page_title .small-title{
margin-bottom: 0;
}
.page_title .small-title + .breadcrumb{
font-size: 16px;
letter-spacing: 0;
text-transform: none;
font-weight: 300;
}
@media (min-width: 992px) {
.page_title .title-inline{
margin: 0;
}
.page_title .title-inline + .breadcrumb{
padding-left: 30px;
margin-left: 30px;
border-left: 1px solid rgba(200, 200, 200, .35);
}
}
.page_title .breadcrumb{
line-height: 1.6;
margin-bottom: 12px;
}
.page_title [class*=container]>.breadcrumb{
position: absolute;
right: 15px;
bottom: 0;
padding: 0 15px;
background-color: rgba(var(--colorDarkGreyRGB), 0.1);
}
.page_map{
height: 500px;
text-align: center;
}
.page_map .marker{
display: none;
}
@media (max-width: 767px) {
.fw-map{
max-height: 500px !important;
overflow: hidden;
}
}
@media (min-width: 992px) {
.fw-map{
max-height: 750px !important;
overflow: hidden;
}
}
@media (min-width: 1200px) {
.fw-map{
max-height: 800px !important;
overflow: hidden;
}
}
@media (min-width: 1600px) {
.fw-map{
max-height: 100% !important;
overflow: hidden;
}
}
.map_marker_description{
max-width: 270px;
}
.map_marker_description h3{
line-height: 1;
margin-bottom: 10px;
}
.map_marker_description img{
max-width: 90% !important;
}
.gm-style .gm-style-iw{
overflow: visible !important;
text-align: center;
line-height: 1.6em;
}
.gm-style .gm-style-iw > *:first-child{
position: relative;
}
.gm-style .gm-style-iw:before{
content: "";
display: block;
position: absolute;
border-top: 2px solid var(--colorMain);
top: -25px;
left: -16px;
right: -16px;
bottom: -25px;
background: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.gm-style .gm-style-iw .icon-inline{
display: inline-block;
margin: .3em 0;
}
.gm-style .gm-style-iw .icon-inline .icon-styled{
margin-right: 5px;
}
.page_footer{
position: relative;
overflow: hidden;
}
@media (min-width: 576px) {
.page_footer a.border-icon:before,
.page_footer a.bg-icon:before,
.page_footer a.color-bg-icon:before{
width: 4.2em;
height: 4.2em;
line-height: 4.2em;
}
}
.page_footer .side-icon-box{
margin: 0 0 20px;
}
.page_footer .side-icon-box > .icon-styled:first-child{
margin-right: 0;
position: relative;
top: .5em;
}
.page_footer .side-icon-box .icon-styled + .media-body{
margin-left: 20px;
}
.page_footer .col-md-12 .widget_social_buttons{
margin-bottom: 0;
}
.page_footer .col-md-12 .widget_social_buttons a{
margin: 0 4px 70px;
}
@media (min-width: 1200px) {
.page_footer .col-md-12 .widget_social_buttons a{
-webkit-transform: translateY(50%);
transform: translateY(50%);
margin-bottom: 0;
}
.page_footer .col-md-12 .widget_social_buttons a:hover{
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fullpage-simple + .page_footer{
position: fixed;
bottom: 0;
width: 100%;
}
@media (max-width: 1440px) {
.fullpage-simple + .page_footer{
display: none;
}
}
.fullpage-simple + .page_footer .widget{
margin-bottom: 20px;
}
.particles-js{
position: absolute;
width: 100%;
height: 100%;
}
.particles-js canvas{
position: absolute;
width: 100%;
height: 100%;
}
#particles-js2{
position: absolute;
width: 100%;
height: 53.1%;
background: #f5f5f5;
}
@media (max-width: 768px) {
#particles-js2{
height: 59%;
}
}
@media (max-width: 1024px) {
#particles-js2{
height: 63.5%;
}
}
.page_copyright{
font-size: 16px;
text-transform: none;
font-weight: bold;
}
.page_copyright.ls{
color: #031521;
}
.page_copyright.ds .small-text{
color: #fff;
}
.item-hover-content{
position: relative;
overflow: hidden;
}
.item-hover-content .item-media{
z-index: 2;
}
.item-hover-content .item-content{
position: absolute;
right: 0;
left: 0;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.item-hover-content .item-content h4{
line-height: 1;
letter-spacing: .15em;
margin-bottom: 1.4em;
}
.item-hover-content .item-content h4 span{
font-weight: 900;
}
@media (min-width: 1200px) {
.item-hover-content.content-padding .item-content{
padding: 54px 40px;
}
}
.item-hover-content:hover{
overflow: visible;
z-index: 3;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.item-gallery{
overflow: hidden;
position: relative;
background: rgba(0, 0, 0, 0);
}
.item-gallery .item-content h4{
z-index: 5;
transition: all .15s ease-in-out;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.item-gallery:hover .item-content h4{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.form-error{
color: #cc4b67;
}
.fw-column{
background-repeat: no-repeat;
background-position: 50% 50%;
}
.fw-section-title{
line-height: .9;
font-weight: 700;
text-align: center;
margin-bottom: 0;
position: absolute;
width: 100%;
top: -6px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 1199px) {
.fw-section-title{
font-size: 100px;
}
}
@media (max-width: 767px) {
.fw-section-title{
font-size: 70px;
}
}
@media (min-width: 1600px) {
.fs-240-text span{
font-size: 240px !important;
letter-spacing: -12px !important;
}
}
.toggle_menu_side.toggle_menu_side_special{
display: none;
}
.playfairfont{
font-family: "Playfair Display",serif;
font-style: italic;
font-weight: normal;
}
.special-footer-text{
margin-bottom: 0 !important;
}
.special-footer-text .widget-title{
font-size: 12px;
font-weight: 600;
letter-spacing: .1em;
line-height: 1.2;
margin-bottom: 20px !important;
text-transform: uppercase;
position: relative;
}
.special-footer-text .widget-title:before{
content: "";
position: absolute;
left: -80px;
top: 50%;
margin-top: -1px;
width: 50px;
height: 1px;
background: var(--colorMain);
}
@media (max-width: 1440px) {
.special-footer-text .widget-title:before{
display: none;
}
}
.special-footer-text h4{
line-height: 1;
}
@media (max-width: 992px) {
.special-footer-text h4{
font-size: 30px;
}
}
@media (min-width: 992px) {
section.full-height-column .row{
display: flex;
height: 100%;
}
section.full-height-column .row>[class*=col-]{
flex-grow: 1;
}
section.full-height-column .row>[class*=col-].fixed-col .muted-bg{
height: 100%;
}
}
.centered-column{
max-width: 545px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.special_section_bg{
background-repeat: no-repeat;
}
.special_section_bg.s-overlay.ls:before{
background-color: var(--colorDarkGrey);
opacity: 1;
}
@media (max-width: 1400px) {
.special_section_bg.s-overlay.ls input[type=text],
.special_section_bg.s-overlay.ls input[type=email],
.special_section_bg.s-overlay.ls input[type=url],
.special_section_bg.s-overlay.ls input[type=password],
.special_section_bg.s-overlay.ls input[type=search],
.special_section_bg.s-overlay.ls input[type=tel],
.special_section_bg.s-overlay.ls input[type=number],
.special_section_bg.s-overlay.ls textarea,
.special_section_bg.s-overlay.ls select,
.special_section_bg.s-overlay.ls .form-control{
border-bottom: 1px solid rgba(225, 225, 225, .1) !important;
}
.special_section_bg.s-overlay.ls .form-group::before{
background: #fff !important;
}
.special_section_bg.s-overlay.ls .btn-maincolor2:hover,
.special_section_bg.s-overlay.ls .btn-maincolor:hover{
color: #fff !important;
}
}
.special_section_bg_2{
background-repeat: no-repeat;
background-size: cover;
z-index: 2;
}
.special_section_bg_2.s-overlay.ls:before{
background-color: #f5f5f5;
opacity: 1;
}
.text-line{
position: relative;
display: inline-block;
}
@media (min-width: 1200px) {
.text-line{
margin-left: 20px;
}
.text-line::before{
content: "";
position: absolute;
left: -80px;
top: 50%;
margin-top: -1px;
width: 50px;
height: 1px;
background: var(--colorMain);
}
}
@media (min-width: 1600px) {
.text-line{
margin-left: 80px;
}
}
.text-line.line-left.text-line{
margin-left: 0;
}
@media (min-width: 1400px) {
.mobile-overlay:before{
display: none;
}
}
@media (min-width: 992px) {
.app-demo .mobile-overlay:before{
display: none;
}
}
@media (min-width: 1600px) {
.mobile-overlay-2:before{
display: none;
}
}
@media (min-width: 479px) {
.space-between{
display: flex;
justify-content: space-between;
align-items: center;
}
}
.special-number{
font-size: 160px;
}
.special-number > span > span{
font-weight: 100 !important;
}
.block-label-1,
.block-label-2{
display: inline-block;
background: var(--colorMain2);
padding: 6px 9px;
line-height: 1;
}
.block-label-1 > span,
.block-label-2 > span{
line-height: 1;
}
.block-label-2{
background: #fff;
}
.special-heading.custom-padding{
padding: 0 30px;
}
@media (min-width: 992px) {
.special-heading.custom-padding{
padding: 0 60px;
}
}
@media (min-width: 1200px) {
.special-heading.custom-padding{
padding: 0 80px;
}
}
@media (min-width: 1440px) {
.special-heading.custom-padding{
padding: 0 120px;
}
}
.negative-row-margin .row{
margin-top: -170px !important;
}
.negative-row-margin-2 .row{
margin-top: 70px !important;
}
@media (min-width: 1600px) {
.negative-row-margin-2 .row{
margin-top: -170px !important;
}
}
.left-margin{
margin-left: -50px;
}
@media (max-width: 1200px) {
.left-margin{
margin-left: 0;
}
}
.right-margin{
margin-right: -50px;
}
@media (max-width: 1200px) {
.right-margin{
margin-right: 0;
}
}
.special_column{
padding: 0 30px !important;
}
@media (min-width: 1600px) {
.special_column{
padding: 0 180px !important;
}
}
.fw-column.hovered > div{
padding: 55px;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (max-width: 1440px) {
.fw-column.hovered > div{
padding: 45px;
}
}
.fw-column.hovered > div:hover{
background-color: #fff;
}
.fw-column.hovered .text-wrap{
color: var(--colorDarkGrey);
}
.fields-center .form-group:before{
display: none;
}
.fields-center .form-group .form-control{
text-align: center;
}
.content-center{
max-width: 570px;
margin: 0 auto;
}
.services-footer-menu > *{
display: inline-block;
width: 44%;
}
.services-footer-menu > * .list-item{
justify-content: center;
width: auto;
}
.services-footer-menu > *:first-child{
margin-right: 9%;
}
.ds .services-footer-menu a{
color: gray;
}
.contacts-list.half-columns ul{
padding: 20px 30px;
}
@media (min-width: 768px) {
.contacts-list.half-columns ul{
display: flex;
justify-content: flex-start;
}
}
@media (min-width: 992px) {
.contacts-list.half-columns ul{
padding: 40px 60px;
}
}
@media (min-width: 1200px) {
.contacts-list.half-columns ul{
padding: 48px 80px;
}
}
@media (min-width: 1440px) {
.contacts-list.half-columns ul{
padding: 70px 120px;
}
}
.contacts-list.half-columns ul > li{
width: 100%;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.contacts-list.half-columns ul > li{
width: 49%;
margin-bottom: 0;
}
}
.contacts-list.highlight-block{
background: var(--colorMain);
}
.contacts-list.highlight-block .contact-item .desc{
color: #fff;
}
.footer-alt-logo{
margin-top: -70px;
}
.icon-box.bigger_icon .box_icon{
width: 190px !important;
height: 190px !important;
}
.icon-box.bigger_icon .box_icon .icon-inner{
width: 190px !important;
height: 190px !important;
}
.icon-box.bigger_icon img{
height: 190px;
max-width: 190px !important;
}
.icon-box.bigger_icon .box-wrap{
margin-top: 15px;
}
.icon-box.bigger_icon .box-content{
line-height: 24px;
max-width: 300px;
}
@media (min-width: 1200px) {
.icon-box.bigger_icon.first_item .box_icon{
position: relative;
}
.icon-box.bigger_icon.first_item .box_icon:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/icon_first_line.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 107px;
height: 20px;
z-index: 4;
top: 137px;
left: -100px;
}
.icon-box.bigger_icon.center_item .box_icon{
position: relative;
}
.icon-box.bigger_icon.center_item .box_icon:before{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/icon_center_line_a.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 207px;
height: 27px;
z-index: 4;
top: 30px;
left: -220px;
}
.icon-box.bigger_icon.center_item .box_icon:after{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/icon_center_line_b.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 216px;
height: 29px;
z-index: 4;
top: 120px;
right: -220px;
}
.icon-box.bigger_icon.last_item .box_icon{
position: relative;
}
.icon-box.bigger_icon.last_item .box_icon:after{
content: "";
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/icon_last_line.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 111px;
height: 25px;
z-index: 4;
top: 30px;
right: -97px;
}
}
.icon-box.icon-boxes{
justify-content: space-between;
align-items: center;
}
.icon-box.icon-boxes .box-heading{
font-size: 60px;
font-weight: bold;
margin: 0;
}
.icon-box.icon-boxes .box_icon{
height: 60px;
}
.icon-box.icon-boxes.main-color .box-heading{
color: var(--colorMain);
}
.icon-box.icon-boxes.main-color2 .box-heading{
color: var(--colorMain2);
}
.icon-box.icon-boxes.dark-color .box-heading{
color: #031521;
}
.icon-box.icon-boxes.light-color .box-heading{
color: #fff;
}
.icon-box.special{
max-width: 340px;
margin: 0 auto;
}
.icon-box.special .box-heading{
margin-top: 11px;
margin-bottom: 25px;
font-size: 30px;
line-height: 1.2;
text-transform: none;
letter-spacing: -0.05em;
}
.icon-box.special .box-content{
margin-bottom: 15px;
}
@media (min-width: 992px)and (max-width: 1200px) {
.icon-box.special .box-content{
height: 78px;
overflow: hidden;
}
}
@media (max-width: 1599px) {
.columns-height .special-heading{
font-size: 20px;
}
}
@media (min-width: 992px) {
.columns-height .fw-column > *{
height: 100%;
}
}
.special-panel:after{
background-image: url(//agmaritime.com/wp-content/themes/seajay/img/special-panel.png);
background-repeat: no-repeat;
background-size: cover;
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.min-170{
min-width: 170px;
}
.hide_title .widget-title{
display: none;
}
.simple-table .table .default-row .default-col{
border: 0;
padding: 1.2rem 0;
border-bottom: 1px solid #e1e1e1;
}
.simple-table .table .default-row .default-col strong{
color: var(--colorDarkGrey);
}
.simple-table .table .default-row:last-child .default-col{
border: 0;
}
.simple-table.numbers .table{
width: auto;
}
.simple-table.numbers .table .default-row .default-col{
vertical-align: middle;
}
.simple-table.numbers .table .default-row .default-col strong{
font-family: "Montserrat",sans-serif;
font-size: 24px;
color: var(--colorMain);
padding-right: 20px;
}
.simple-table.numbers .table .default-row .default-col{
width: 100%;
}
.simple-table.numbers .table .default-row .default-col:first-child{
width: auto;
}
.custom-footer.ds .text-wrap{
color: #fff;
}
.icon-text p{
display: inline-block;
}
.icon-text i{
color: var(--colorDarkGrey);
font-size: 40px;
margin-right: 12px;
}
.phone-responsive{
margin: 0 auto;
}
@media (max-width: 1360px) {
.phone-responsive{
max-width: 300px;
}
}
@media (max-width: 1440px) {
.phone-responsive{
max-width: 320px;
}
}
.z-index-10{
z-index: 10;
}
.mix-blend-color:before{
mix-blend-mode: color;
}
.color-semi-light{
color: #fff;
opacity: .5;
}
#box_wrapper > div > section.overflow-m-visible{
overflow: visible;
z-index: 10;
}
@media (min-width: 992px) {
.icon-box-hover{
pointer-events: none;
}
.icon-box-hover .icon-service,
.icon-box-hover .icon-box{
pointer-events: auto;
transition: .3s all;
}
.icon-box-hover:focus-within .icon-service,
.icon-box-hover:focus-within .icon-box,
.icon-box-hover:hover .icon-service,
.icon-box-hover:hover .icon-box{
opacity: .6;
}
.icon-box-hover:focus-within .icon-service:hover,
.icon-box-hover:focus-within .icon-box:hover,
.icon-box-hover:hover .icon-service:hover,
.icon-box-hover:hover .icon-box:hover{
-webkit-transform: scale(1.06);
transform: scale(1.06);
opacity: 1;
}
.small-left-offset{
margin-left: -20px;
}
}
@media (max-width: 1920px) {
.bg-auto{
background-size: auto;
}
}
.height-big .particles-js-canvas-el{
min-height: 1000px;
}
.particles-height-full .particles-js{
overflow: hidden;
}
.particles-height-full .particles-js .particles-js-canvas-el{
min-height: 100%;
height: auto !important;
}
.mc4wp-form-m-0 .mc4wp-form p{
margin-bottom: 0;
}
.footer-vertical-lines:after{
background-image: linear-gradient(90deg, transparent 49.9%, rgba(255, 255, 255, 0.1) 49.9%, rgba(255, 255, 255, 0.1) 50%, transparent 50%, transparent 99.9%, rgba(255, 255, 255, 0.1) 99.9%, rgba(255, 255, 255, 0.1) 100%);
background-size: 33.7%;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
pointer-events: none;
}
.tp_onehour[style*="color: rgb(234, 21, 25)"],
.tp_oneday[style*="color: rgb(234, 21, 25)"]{
color: #f05271 !important;
}
.tp_onehour[style*="color: rgb(34, 185, 17)"],
.tp_oneday[style*="color: rgb(34, 185, 17)"]{
color: #009118 !important;
}
.s-m-overlay{
background-position: top;
}
@media (min-width: 992px) {
.s-m-overlay:before{
display: none;
}
}
.icons-none #fullpage-social-icons{
display: none;
}
.our-solution .icon-box .box_icon{
transition: .3s all;
}
.our-solution .icon-box:hover .box_icon{
-webkit-transform: scale(1.3);
transform: scale(1.3);
transition: all .3s cubic-bezier(0.52, 1.25, 0.61, 1.89) 0s;
}
.centered-widget{
text-align: center;
}
.centered-widget .icon-inline{
justify-content: center;
}
.widget-bottom,
.side-author-widget.widget_author_bio{
position: absolute;
bottom: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
.side-author-widget.widget_author_bio{
text-align: center;
}
.side-author-widget.widget_author_bio .author-image img{
padding: 0;
}
.side-author-widget.widget_author_bio .author-name{
font-family: "Playfair Display",serif;
font-size: 24px;
font-weight: 400;
font-style: italic;
}
.image-blur .shortcode-image-carousel.owl-carousel .owl-item img{
opacity: 1;
}
.image-blur .shortcode-image-carousel.owl-carousel .owl-item:hover img{
-webkit-filter: blur(2px);
filter: blur(2px);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
@media (max-width: 991px) {
.column-reverse{
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.column-reverse .text-wrap{
order: 3;
}
.column-reverse .fw-divider-space:last-child{
order: 2;
}
}
.social-inline.widget_socials ul.social-list{
display: flex;
justify-content: center;
}
.social-inline.widget_socials ul.social-list li.list-item{
padding-bottom: 5px;
}
.social-inline.widget_socials.centered-widget ul.social-list{
justify-content: center;
}
.social-inline.widget_socials.centered-widget ul.social-list li{
margin: 0 5px;
}
.widget_bloginfo2.widget_bloginfo .social-icons a.bg-icon{
color: var(--colorDark);
}