File: /var/www/dev.captainschairit.com/wp-content/themes/captainschare/css/custom-6-1-19.css
html {
font-size: 62.5%
}
body {
font-family: "Noto Sans", sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #253746
}
@font-face{font-family:cooper_hewittbold;src:url(../fonts/cooperhewitt-bookitalic-webfont/cooperhewitt-bold-webfont.woff2) format("woff2"),
url(../fonts/cooperhewitt-bookitalic-webfont/cooperhewitt-bold-webfont.woff) format("woff");
font-weight:400;
font-style:normal
}
@font-face{font-family:cooper_hewittbook;src:url(../fonts/cooperhewitt-bookitalic-webfont/cooperhewitt-book-webfont.woff2) format("woff2"),
url(../fonts/cooperhewitt-bookitalic-webfont/cooperhewitt-book-webfont.woff) format("woff");
font-weight:400;
font-style:normal
}
@font-face{font-family:cooper_hewittmedium;src:url(../fonts/cooperhewitt-bookitalic-webfont/cooperhewitt-medium-webfont.woff2) format("woff2"),
url(../fonts/cooperhewitt-bookitalic-webfont/cooperhewitt-medium-webfont.woff) format("woff");
font-weight:400;
font-style:normal
}
p {
line-height:1.75
}
.pd-07 {
padding-top:.7rem!important
}
a {
color:#ff671f
}
a:hover {
color:#fec503
}
.gray-bg {
background-color:#eee
}
.heading01 {
font-size:6rem;
font-family:cooper_hewittbold
}
.heading02 {
font-size:3.4rem;
font-family:cooper_hewittbold
}
.heading03 {
font-size:2.4rem;
font-family:cooper_hewittbold
}
.text-primary {
color:#253746!important
}
.mb-190 {
margin-bottom:19rem
}
.page-section {
padding:8rem 0
}
.page-section h2.section-heading {
font-size:4rem;
margin-top:0;
margin-bottom:1.5rem
}
.page-section h3.section-subheading {
font-size:2.4rem;
font-weight:400;
color:#253746;
margin-bottom:6rem;
text-transform:none
}
#scroll {
position:fixed;
right:10px;
bottom:40px;
cursor:pointer;
width:50px;
height:50px;
background-color:#ff671f;
text-indent:-9999px;
display:none;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px;
z-index:9999;
box-shadow:0 4px 8px rgba(0,
0,
0,
.5)
}
#scroll span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#fff
}
#scroll:hover {
background-color:#253746;
opacity:1;
filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)"
}
@media (min-width: 768px) {
section {
padding:5rem 0
}
}
::-moz-selection {
background:#fc8c58;
text-shadow:none
}
::selection {
background:#fc8c58;
text-shadow:none
}
img::-moz-selection {
background:0 0
}
img::selection {
background:0 0
}
img::-moz-selection {
background:0 0
}
.btn {
border-radius:3rem;
padding:1.5rem 5rem;
font-size:1.4rem;
overflow:hidden
}
.btn-xl {
font-size:1.8rem;
padding:2rem 4rem
}
.btn-primary {
background-color:#ff671f;
border:0
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
background-color:#ff671f;
border:0;
color:#ff671f
}
.btn-primary:active,
.btn-primary:focus {
-webkit-box-shadow:0 0 0 .2rem rgba(254,
209,
55,
.5)!important;
box-shadow:0 0 0 .2rem rgba(254,
209,
55,
.5)!important
}
.top-header {
width:100%;
background-color:#253746;
padding-top:1rem;
padding-bottom:1rem;
color:#fff
}
#mainNav .top-header .container,
.fixed-menu #mainNav.main-navigation .top-header .container {
padding-top:0;
padding-bottom:0
}
.top-header p {
margin-bottom:0;
padding-bottom:0;
font-size:1.4rem;
font-weight:400
}
.top-header p a{
color: #fff;
}
.top-header p i {
padding-left:.5rem
}
.top-header p .remove {
float:right;
color:#fdbd3b;
margin-top:.5rem;
cursor:pointer
}
.login {
float:right;
text-transform:uppercase;
font-size:1.4rem;
padding:.75rem 3rem;
color:#fff;
font-weight:400;
border:1px solid #fff;
border-radius:3rem;
margin-left:2rem;
overflow:hidden
}
.login:hover {
text-decoration:none
}
.dropdown:hover>.dropdown-menu {
display:block
}
.dropdown>.dropdown-toggle:active {
pointer-events:none
}
#mainNav .navbar-toggler {
font-size:1.2rem;
right:0;
padding:0;
text-transform:uppercase;
color:#fff;
border:0;
float:right;
margin-top:.6rem;
margin-left:1.5rem;
outline:0
}
#mainNav .navbar-toggler:active {
outline:0
}
#mainNav .navbar-toggler i {
font-size:2.8rem
}
#mainNav .navbar-brand {
color:#ff671f
}
#mainNav .navbar-brand.active,
#mainNav .navbar-brand:active,
#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
color:#fec503
}
#mainNav .navbar-nav .nav-item .nav-link {
font-size:1.4rem;
font-weight:400;
padding:.75em 1rem;
color:#253746
}
#mainNav .navbar-nav .nav-item.active a::before {
content:"";
position:absolute;
z-index:-1;
left:51%;
right:51%;
bottom:0;
background:#ff671f;
height:3px;
left:0;
right:0
}
#mainNav .navbar-nav .nav-item.active a.js-scroll-trigger::before {
background:0 0
}
#mainNav .navbar-nav .nav-item .nav-link:active:before,
#mainNav .navbar-nav .nav-item .nav-link:focus:before {
background:0 0
}
#mainNav {
padding-top:0;
padding-bottom:1.5rem;
padding-left:0;
padding-right:0;
display:inherit;
border:none;
background-color:transparent
}
.main-navigation {
position:absolute;
left:0;
top:0;
margin-bottom:0;
width:100%;
border-radius:0;
z-index:9999;
border:none
}
.fixed-menu #mainNav.main-navigation {
position:fixed;
width:100%;
top:0;
padding-bottom:0;
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown;
-webkit-animation-duration:.6s;
animation-duration:.6s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
background-color:#fff;
box-shadow:0 1px 6px 0 rgba(32,
33,
36,
.28)
}
.fixed-menu #mainNav.main-navigation .container {
padding-top:.8rem;
padding-bottom:.8rem
}
#mainNav .container {
padding-top:1.5rem;
padding-bottom:1.5rem
}
#mainNav .navbar-brand {
font-size:1.75rem;
-webkit-transition:all .3s;
transition:all .3s
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0,
-100%,
0);
transform:translate3d(0,
-100%,
0)
}
to {
opacity:1;
-webkit-transform:translate3d(0,
0,
0);
transform:translate3d(0,
0,
0)
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0,
-100%,
0);
transform:translate3d(0,
-100%,
0)
}
to {
opacity:1;
-webkit-transform:translate3d(0,
0,
0);
transform:translate3d(0,
0,
0)
}
}
.fixed-menu #mainNav.main-navigation .navbar-brand {
width:20rem;
transition:.8s;
-webkit-transition:.8s
}
.fixed-menu #mainNav.main-navigation .navbar-brand img {
width:100%
}
.fixed-menu #mainNav.main-navigation .login {
background-color:transparent;
border-color:#ff671f;
color:#ff671f
}
.fixed-menu #mainNav.main-navigation .navbar-nav .nav-item .nav-link:hover {
color:#ff671f
}
.dropdown-toggle::after {
display:inline-block;
margin-left:.455em;
vertical-align:.105em;
content:"";
border-top:.3em solid;
border-right:.3em solid transparent;
border-bottom:0;
border-left:.3em solid transparent
}
#mainNav .navbar-nav .nav-item .dropdown-menu.one-dropdown-menu {
width:230px
}
#mainNav .navbar-nav .nav-item .dropdown-menu .dropdown-item {
font-size:1.4rem;
font-weight:400;
padding:.75em 1rem;
color:#253746
}
#mainNav .navbar-nav .nav-item .dropdown-menu .dropdown-item span {
font-size:1.4rem;
color:#abadb0
}
#mainNav .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
color:#ff671f;
background-color:rgba(255,
103,
31,
.07)
}
#mainNav .navbar-nav .nav-item .dropdown-menu {
margin:0;
padding:.5rem
}
.blog-icon {
width:100%;
display:flex;
margin-bottom:6rem
}
.icon-set {
width:64px;
margin-right:2rem
}
.icon {
background-image:url(../img/all-icon.png);
background-repeat:no-repeat;
background-color:#253746;
width:64px;
height:64px;
border-radius:50%;
line-height:64px;
text-align:center;
display:block
}
.icon-howit {
background-position:17px 13px
}
.icon-whydo {
background-position:18px -57px
}
.icon-information {
background-position:19px -122px
}
.icon-easy {
background-position:17px -192px
}
.icon-unlimitedUser {
background-position:-92px 13px
}
.icon-unlimitedClient {
background-position:-93px -52px
}
.icon-exportto {
background-position:-91px -120px
}
.icon-connectors {
background-position:-92px -193px
}
.text-content {
width:calc(100% -8.5rem)
}
.text-content h2 {
margin:0 0 1.5rem 0;
color:#253746;
font-size:2.4rem;
font-weight:400
}
.text-content p {
color:#253746!important;
font-size:1.6rem;
font-weight:400;
line-height:normal
}
.footer-logo {
text-align:left
}
.btn-category .btn {
padding:.4rem 2rem;
margin:0 .5rem 1rem 0;
color:#253746;
font-size:1.4rem;
background-color:#fff;
border-radius:3rem;
cursor:pointer
}
.btn-category .btn.active,
.btn-category .btn:active,
.btn-category .btn:focus,
.btn-category .btn:hover {
color:#fff;
background-color:#ff671f;
-webkit-transition:all .3s;
transition:all .3s;
box-shadow:0 0 0 .2rem rgba(255,
130,
31,
.25)
}
.my-shuffle {
position:relative;
overflow:hidden
}
.image-item {
margin-bottom:3rem;
padding:0;
height:14rem;
display:flex;
align-items:center;
justify-content:center
}
.aspect {
position:relative;
width:90%;
margin-left:auto;
margin-right:auto;
height:0;
overflow:hidden
}
.aspect__inner {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:flex;
align-items:center;
justify-content:center
}
.aspect--16x9 {
height:14rem
}
.image-item img {
max-width:100%;
display:block
}
#CompanyInfo p {
margin-bottom:3rem
}
#ContactUs.selling-more {
padding:8rem 0
}
.GetaDemo,
.fixed-menu #mainNav.main-navigation .login.GetaDemo {
background-color:#ff671f;
border:0;
color:#fff
}
.form-group {
margin-bottom:3.2rem
}
.form-control {
height:calc(1.5em + 1.2rem + 2px);
padding:.6rem 0;
border-radius:8px
}
.form-control:focus {
color:#495057;
background-color:#fff;
border-color:#fff;
outline:0;
box-shadow:none
}
.fromdrop-select {
height:calc(1.5em + 1.2rem + 2px);
padding:.6rem 0;
border-radius:0;
color:#253746;
background-color:transparent;
border:1px solid #253746;
border-radius:0;
border-left:0;
border-top:0;
border-right:0;
width:100%
}
.fromdrop-select:focus {
color:#495057;
background-color:#fff;
border-color:#fff;
outline:0;
box-shadow:none;
color:#253746;
background-color:transparent;
border:1px solid #253746;
border-radius:0;
border-left:0;
border-top:0;
border-right:0;
width:100%
}
.country-select .country-list {
width:37rem;
z-index:99999!important;
white-space:normal!important
}
.form-placeholder {
padding-top:13px;
position:relative
}
.form-placeholder .wpcf7-form-control-wrap .form-control {
background-color:transparent;
position:relative;
z-index:200;
border-radius:0;
border-left:0;
border-top:0;
border-right:0;
outline:0;
border-color:#fff;
color:#fff
}
.form-placeholder .wpcf7-form-control-wrap .form-control.placeholder {
color:transparent
}
.form-placeholder .wpcf7-form-control-wrap .form-control:-moz-placeholder {
color:transparent
}
.form-placeholder .wpcf7-form-control-wrap .form-control::-moz-placeholder {
color:transparent
}
.form-placeholder .wpcf7-form-control-wrap .form-control:-ms-input-placeholder {
color:transparent
}
.form-placeholder .wpcf7-form-control-wrap .form-control::-webkit-input-placeholder {
color:transparent
}
.form-placeholder label {
left:0;
position:absolute;
margin:0;
top:15px;
-webkit-transition:.25s cubic-bezier(.25,
.8,
.25,
1) 0s;
transition:.25s cubic-bezier(.25,
.8,
.25,
1) 0s;
-ms-transform:translate3d(0,
0,
0) scale(1);
transform:translate3d(0,
0,
0) scale(1);
-webkit-transform-origin:left top;
transform-origin:left top;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:15px
}
.form-placeholder label span {
color:red
}
.form-placeholder .wpcf7-form-control-wrap .form-control:focus+label,
.form-placeholder .wpcf7-form-control-wrap.input-focus label,
.form-placeholder .wpcf7-form-control-wrap.input-focus+label {
color:#fff;
-ms-transform:translate3d(0,
-34px,
0) scale(.85);
transform:translate3d(0,
-34px,
0) scale(.85);
padding-right:0
}
.form-placeholder.input-focus.error label {
color:red
}
.form-control-lg {
border-radius:0
}
.error-message {
color:red;
font-size:13px;
font-style:italic;
text-align:right;
position:absolute;
width:100%
}
.blog-section {
margin-bottom:15rem
}
.news-section {
padding-top:0
}
.blog h3 small {
font-size:1.3rem;
margin-bottom:.5rem;
display:block;
clear:both
}
.blog p span {
color:#ff671f
}
ul.getademo li {
line-height:1.8
}
.getademo-form .form-placeholder .wpcf7-form-control-wrap .form-control {
border-color:#253746;
color:#253746
}
.getademo-form .form-placeholder .wpcf7-form-control-wrap .form-control:focus+label,
.getademo-form .form-placeholder .wpcf7-form-control-wrap.input-focus label,
.getademo-form .form-placeholder .wpcf7-form-control-wrap.input-focus+label {
color:#253746;
-ms-transform:translate3d(0,
-34px,
0) scale(.85);
transform:translate3d(0,
-34px,
0) scale(.85);
padding-right:0
}
.country-select .wpcf7-form-control,
.getademo-form .form-placeholder select.form-control {
font-size:1.5rem
}
.getademo-form .form-placeholder .checkbox-label {
white-space:inherit;
text-overflow:inherit
}
@media (max-width: 992px) {
.banner-laptop figure {
margin:0
}
#mainNav .container {
display:inherit;
flex-wrap:inherit;
align-items:inherit;
justify-content:inherit
}
.fixed-menu #mainNav.main-navigation .container .login {
margin-top:.8rem;
margin-bottom:.5rem
}
.navbar-collapse {
position:relative;
background-color:#253746;
width:107%;
left:-1.5rem;
right:-1.5rem;
padding-left:1.5rem;
padding-right:1.5rem
}
#mainNav .navbar-nav .nav-item .nav-link {
color:#fff;
display:block
}
.GetaDemo {
float:left;
margin-left:0
}
}
header.masthead {
color:#fff;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center center;
background-size:cover;
position:relative;
display:flex;
align-items:center;
justify-content:center;
z-index:100
}
header.masthead:after {
content:"";
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
opacity:.9;
text-align:center;
z-index:-1;
background:rgba(253,
252,
252,
1);
background:-moz-linear-gradient(left,
rgba(253,
252,
252,
1) 0,
rgba(230,
100,
40,
1) 100%);
background:-webkit-gradient(left top,
right top,
color-stop(0,
rgba(253,
252,
252,
1)),
color-stop(100%,
rgba(230,
100,
40,
1)));
background:-webkit-linear-gradient(left,
rgba(253,
252,
252,
1) 0,
rgba(230,
100,
40,
1) 100%);
background:-o-linear-gradient(left,
rgba(253,
252,
252,
1) 0,
rgba(230,
100,
40,
1) 100%);
background:-ms-linear-gradient(left,
rgba(253,
252,
252,
1) 0,
rgba(230,
100,
40,
1) 100%);
background:linear-gradient(to right,
rgba(253,
252,
252,
1) 0,
rgba(230,
100,
40,
1) 100%)
}
header.masthead .intro-text {
padding-top:15rem;
padding-bottom:10rem
}
header.masthead .intro-text .btn {
padding:1.5rem 4rem;
font-size:1.4rem
}
header.masthead .intro-text .intro-lead-in {
font-size:2.2rem;
font-style:italic;
line-height:2.2rem;
margin-bottom:2.5rem
}
header.masthead .intro-text {
padding-top:30rem;
padding-bottom:8rem;
line-height:normal
}
header.masthead .intro-text .intro-heading {
font-size:4.2rem;
color:#253746;
font-weight:700;
margin-bottom:3rem
}
.banner-laptop {
position:absolute;
right:-10rem;
bottom:-11rem
}
.banner-laptop figure {
margin:0
}
header.masthead-inner {
color:#fff;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center center;
background-size:cover;
position:relative;
display:flex;
align-items:center;
justify-content:center;
z-index:100
}
header.masthead-inner:after {
content:"";
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
opacity:.9;
text-align:center;
z-index:-1;
background:rgba(253,
252,
252,
1);
background:-moz-linear-gradient(left,
rgba(253,
252,
252,
1) 0,
rgba(230,
100,
40,
1) 100%);
background:-webkit-gradient(left top,
right top,
color-stop(0,
rgba(253,
252,
252,
1)),
color-stop(100%,
rgba(230,
100,
40,
1)));
background:-webkit-linear-gradient(left,
rgba(253,
252,
252,
1) 0,
rgba(230,
100,
40,
1) 100%);
background:-o-linear-gradient(left,
rgba(253,
252,
252,
1) 0,
rgba(230,
100,
40,
1) 100%);
background:-ms-linear-gradient(left,
rgba(253,
252,
252,
1) 0,
rgba(230,
100,
40,
1) 100%);
background:linear-gradient(to right,
rgba(253,
252,
252,
1) 0,
rgba(230,
100,
40,
1) 100%)
}
header.masthead-inner .intro-text {
padding-top:20rem;
padding-bottom:10.5rem
}
header.masthead-inner .intro-text .intro-heading {
font-size:4.2rem;
line-height:5.2rem;
color:#253746;
font-weight:700;
margin-bottom:3rem
}
@media (max-width: 768px) {
header.masthead .intro-text {
padding-top:15rem;
padding-bottom:5rem
}
.banner-laptop img {
width:100%
}
.banner-laptop {
position:absolute;
right:0;
bottom:-6rem
}
header.masthead .intro-text .intro-heading {
font-size:2rem;
margin-bottom:2rem;
line-height:normal
}
.login {
color:#fff;
border:1px solid #fff
}
#mainNav .navbar-nav .nav-item .dropdown-menu.one-dropdown-menu {
width:100%;
background-color:#41515e;
padding:0
}
#mainNav .navbar-nav .nav-item .dropdown-menu .dropdown-item {
border-bottom:1px solid #677580
}
#mainNav .navbar-nav .nav-item .dropdown-menu .dropdown-item,
#mainNav .navbar-nav .nav-item .dropdown-menu .dropdown-item span {
color:#fff
}
.footer-logo {
text-align:center
}
}
.service-heading {
margin:1.5rem 0;
text-transform:none
}
.masthead-main-inner {
color:#fff;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center center;
background-size:cover;
position:relative;
display:flex;
align-items:center;
justify-content:center;
z-index:100;
padding-top:10rem;
padding-bottom:10rem
}
.masthead-main-inner:after {
content:"";
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
opacity:.8;
text-align:center;
z-index:-1;
background:#000
}
.masthead-main-inner h2 {
font-size:2.9rem;
margin-bottom:6.5rem;
text-align:center
}
.masthead-main-inner ul {
list-style:none;
margin-bottom:7.5rem
}
.masthead-main-inner ul li {
position:relative;
margin-bottom:2.5rem;
font-size:2.4rem;
line-height:2.4rem;
font-weight:400;
padding-left:1.8rem
}
.masthead-main-inner ul li:after {
position:absolute;
content:"";
top:.6rem;
left:0;
display:block;
width:1rem;
height:1rem;
border-radius:50%;
background-color:#ffbf3f
}
.connectors {
padding-bottom:17rem
}
.connectors p {
margin-bottom:0
}
.connectors h2 {
color:#253746;
margin-bottom:3rem
}
.selling-more {
color:#fff;
position:relative;
z-index:100;
padding-top:25rem;
padding-bottom:10rem
}
.selling-more:after {
content:"";
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
text-align:center;
z-index:-1;
background:rgba(41,
58,
71,
1);
background:-moz-linear-gradient(left,
rgba(41,
58,
71,
1) 0,
rgba(255,
103,
31,
1) 100%);
background:-webkit-gradient(left top,
right top,
color-stop(0,
rgba(41,
58,
71,
1)),
color-stop(100%,
rgba(255,
103,
31,
1)));
background:-webkit-linear-gradient(left,
rgba(41,
58,
71,
1) 0,
rgba(255,
103,
31,
1) 100%);
background:-o-linear-gradient(left,
rgba(41,
58,
71,
1) 0,
rgba(255,
103,
31,
1) 100%);
background:-ms-linear-gradient(left,
rgba(41,
58,
71,
1) 0,
rgba(255,
103,
31,
1) 100%);
background:linear-gradient(to right,
rgba(41,
58,
71,
1) 0,
rgba(255,
103,
31,
1) 100%)
}
.selling-more h2 {
margin-bottom:2rem
}
.selling-more-img {
position:absolute;
bottom:-10rem;
right:-10rem
}
.selling-more-img figure {
margin:0;
width:100%
}
.stay-informed {
position:absolute;
top:-38rem;
left:0;
right:0;
text-align:center;
padding-top:5rem;
padding-bottom:5rem;
width:100%;
margin:0 auto;
background-color:#ffbf3f;
border-radius:1rem
}
.stay-informed h3 {
color:#253746;
font-weight:400
}
.stay-informed p {
color:#253746
}
.stay-informed .form-control {
height:calc(2.5em + 1.8rem + 2px);
padding:1.375rem 2.75rem;
font-size:1.3rem;
border-radius:3rem;
border:0
}
.stay-informed .form-control:focus {
box-shadow:0 0 0 .2rem rgba(255,
191,
63,
.25)
}
.stay-informed .form-control::-webkit-input-placeholder {
opacity:.4
}
.stay-informed .form-control::-moz-placeholder {
opacity:.4
}
.stay-informed .form-control:-ms-input-placeholder {
opacity:.4
}
.stay-informed .form-control:-moz-placeholder {
opacity:.4
}
.btn-stay-informed {
position:absolute;
right:0;
top:0;
bottom:0;
border:0;
background-color:transparent;
width:6rem;
text-align:center;
color:#ff671f;
font-size:2.4rem;
margin:0;
padding:0
}
.btn-stay-informed:active,
.btn-stay-informed:focus,
.btn-stay-informed:hover {
color:#253746
}
.footer-menu {
list-style:none;
float:right;
padding:0
}
.footer-menu h4{
text-align: left;
text-transform: uppercase;;
}
.footer-menu a {
color:#253746;
padding:0.5rem 0;
font-size:1.3rem;
font-weight:400;
text-align: left;
text-decoration:none;
display:block;
clear: both;
}
.footer-menu a:hover {
color:#ff671f
}
.footer {
padding:3rem 0;
text-align:center;
border-top:1px solid #ccc
}
.footer ul.quicklinks {
font-size:90%;
line-height:40px;
margin-bottom:0;
text-transform:none
}
ul.social-buttons {
margin-bottom:0;
padding:0;
float:right
}
ul.social-buttons li {
display:inline-block
}
ul.social-buttons li a {
font-size:1.8rem;
display:block;
-webkit-transition:all .3s;
transition:all .3s;
color:#fff;
border-radius:100%;
outline:0;
color:#ff671f;
padding-left:.8rem;
padding-right:.8rem
}
ul.social-buttons li a:active,
ul.social-buttons li a:focus,
ul.social-buttons li a:hover {
color:#293a47
}
/*Footer Css*/
.fusion-footer-widget-column {
margin-bottom: 20px;
}
.fusion-footer-widget-area .widget-title {
margin: 0 0 16px;
}
.fusion-footer-copyright-area{
padding-left: 30px;
padding-right: 30px;
padding-top: 18px;
padding-bottom: 16px;
border-top: 1px solid #ccc;
background: #eee;
}
.fusion-footer-copyright-area>.fusion-row {
padding-left: 0px;
padding-right: 0px;
}
.fusion-copyright-content {
display: table;
width: 100%;
}
.fusion-copyright-notice {
color: rgba(126,201,237,0.3);
font-size: 1.2rem;
display: table-cell;
vertical-align: middle;
margin: 0;
padding: 0;
}
.fusion-social-links-footer {
width: 35%;
display: table-cell;
vertical-align: middle;
text-align: right;
}
span.footer-phone{
float: right;
}
.copyright-itglue, .copyright-itglue a {
color: #253746;
letter-spacing: .02em;
font-size: 1.2rem;
}
.copyright-itglue, .copyright-itglue a {
color: #253746 !important;
letter-spacing: .02em;
font-size: 1.2rem;
margin-bottom: 0;
}
.fixed-menu #mainNav.main-navigation .navbar-toggler {
color:#ff671f;
margin-top:1.3rem
}
.destop-browser-bg {
position:relative;
width:100%;
height:600px;
box-shadow:0 10px 30px rgba(0,
0,
0,
.5);
background-image:url(../img/client-dashboard-bg.png);
background-repeat:no-repeat;
background-size:100%
}
.dashboard-image-blog {
position:absolute;
top:34px;
left:0;
right:0;
transform:translate(0,
0);
width:100%;
height:566px;
background-repeat:no-repeat;
background-position:top;
background-size:cover;
transition:5s
}
.dashboard-image-blog:hover {
background-position:bottom
}
.my-shuffle.leadership .image-item {
height:auto
}
.my-shuffle.leadership .image-item .aspect {
position:relative;
box-shadow:0 3px 5px rgba(0,
0,
0,
.5);
background-color:#fff;
padding:4rem 3rem 2.5rem 3rem;
min-height:30rem;
text-align:center;
overflow:inherit;
border-radius:.6rem
}
.my-shuffle.leadership .image-item .aspect:before {
position:absolute;
top:0;
left:0;
right:0;
z-index:1;
content:"";
width:100%;
height:35%;
display:block;
background-color:#ffbf3f;
border-radius:.6rem .6rem 0 0
}
.my-shuffle.leadership .image-item .aspect .profile-icon {
position:relative;
z-index:2;
margin:0 auto;
width:116px;
height:116px;
margin-bottom:3rem;
border:4px solid #fff;
border-radius:50%;
overflow:hidden
}
.my-shuffle.leadership .image-item .aspect .profile-icon img {
width:100%;
max-width:100%
}
.my-shuffle.leadership .image-item .aspect .heading04 {
font-size:1.8rem;
font-weight:300;
color:#ff671f
}
.my-shuffle.leadership .image-item .aspect p {
font-size:1.4rem;
font-weight:300;
color:#253746;
text-align:center;
line-height:1.3
}
.my-shuffle.leadership .image-item .aspect a {
display:inline-block;
font-size:1.6rem;
color:#0177b5
}
.slider {
width:100%;
margin:0 auto
}
.slick-slide {
margin:0 17.2px;
padding:1.5rem 0 0 0
}
.slick-slide img {
width:100%
}
.slick-next:before,
.slick-prev:before {
color:#293a47;
font-size:1.6rem
}
.slick-prev:before {
content:'\f060'!important;
font-family:'Font Awesome 5 Free';
font-weight:900
}
.slick-next:before {
content:'\f061'!important;
font-family:'Font Awesome 5 Free';
font-weight:900
}
.slick-slide {
transition:all ease-in-out .3s;
opacity:1
}
.slick-active {
opacity:1
}
.slick-current {
opacity:1
}
.slick-list,
.slick-slider {
position:relative;
display:block
}
.news-slider .card-width {
width:auto
}
.card-width {
width:calc(33.3% - 7px);
margin-bottom:10px
}
.news-card {
position:relative;
border-radius:3px;
background-color:#fff;
height:100%;
padding:30px 40px
}
.card {
box-shadow:0 0 15px 0 rgba(0,
0,
0,
.15);
transition:opacity .25s linear;
border-radius:1.5rem;
border:0
}
.card:focus,
.news-card .link-wrapper:focus {
outline:0
}
.news-card .link-wrapper {
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:1
}
.news-card .news-logo {
display:flex;
align-items:center;
width:100px;
height:75px;
padding-bottom:10px
}
.slick-slide img {
display:block
}
.news-card .date:before {
position:absolute;
left:0;
bottom:0;
content:"";
width:7rem;
border-bottom:1px solid #ff671f
}
.news-card .date {
position:relative;
padding-top:0;
margin-top:0;
padding-bottom:1.2rem;
margin-bottom:1.5rem
}
.color-gray-medium {
color:#8c95a5!important
}
.news-card h4 {
line-height:1.2em;
position:relative;
font-size:2.4rem;
color:#253746
}
.color-midnight {
color:#002a3a!important
}
.news-card .description {
line-height:1.5em;
font-size:1.4rem
}
.color-gray-dark {
color:#74777a!important
}
.slick-next,
.slick-prev {
background-color:#fff;
box-shadow:0 4px 8px rgba(0,
0,
0,
.5);
height:5rem;
width:5rem;
text-align:center;
line-height:6rem;
border-radius:.4rem;
z-index:10
}
.slick-prev {
left:-15px
}
.slick-next {
right:-15px
}
.section-padding {
padding-top:8rem
}
.color-blue {
color:#19bdff!important
}
.press-list {
border-top:1px solid #dfe1e3;
width:98%
}
.press-list h3 a {
color:#253746
}
.press-list h3 a:hover {
color:#fc8c58
}
.twitter-embed {
overflow:scroll;
width:100%;
padding-top:29px;
position:relative;
border:1px solid #dfe1e3
}
.download-card {
width:48%
}
.download-card a {
position:absolute;
width:100%;
height:100%;
top:0;
left:0
}
.section-padding {
padding-top:8rem;
padding-bottom:8rem
}
.download-card h4 {
display:inline-block;
margin-bottom:0
}
.download-card h4 i {
font-size:2.4rem;
margin-left:1.5rem
}
.color-orang {
color:#fc8c58
}
.getademo-form {
background-color:#fff;
box-shadow:0 0 15px 0 rgba(0,
0,
0,
.15);
padding:2rem;
position:absolute;
top:-25rem;
z-index:999;
border-radius:1rem;
width:calc(100% - 4rem)
}
@media (min-width: 767px) {
#portfolio .portfolio-item {
margin:0 0 30px
}
.navbar {
padding-left:0;
padding-right:0
}
}
@media (max-width: 1400px) {
.selling-more-img figure img {
margin:0;
width:90%
}
.banner-laptop img{
width:inherit;
}
.banner-laptop,
.selling-more-img{
right: -5rem;
}
}
@media (max-width: 1200px) {
.banner-laptop {
position:absolute;
right:0;
bottom:-6.5rem
}
.banner-laptop img {
width:100%
}
header.masthead .intro-text {
padding-top:18.5rem
}
header.masthead .intro-text .intro-heading {
font-size:2.5rem
}
.selling-more-img figure img {
margin:0;
width:100%
}
.connectors img {
width:100%
}
.selling-more-img {
right:0
}
.stay-informed {
top:-30rem
}
.selling-more {
padding-top:18rem
}
.footer-menu a {
font-size:1.2rem;
display:block;
clear: both;
}
.login{
padding: .75rem 2rem;
}
}
@media (max-width: 992px) {
.footer-menu {
float:none;
margin:1.5rem
}
ul.social-buttons {
float:none
}
.destop-browser-bg {
height:300px;
box-shadow:0 5px 15px rgba(0,
0,
0,
.5);
background-size:100%
}
.dashboard-image-blog {
top:19px;
height:281px
}
.dashboard-image-blog:hover {
background-position:0
}
.heading01 {
font-size:4.5rem
}
.heading02 {
font-size:2.8rem
}
.heading03 {
font-size:1.8rem
}
.page-section {
padding:5rem 0
}
.footer-logo{
text-align: center;
}
}
@media (max-width: 1024px) {
.dashboard-image-blog {
top:29px;
height:572px
}
.getademo-section.mb-190 {
margin-bottom:0
}
}
@media (max-width: 885px) {
.dashboard-image-blog {
top:26px;
height:274px
}
.demo-login-btn {
float:right;
margin-top:.3rem
}
.page-section.news-slider {
padding-top:0
}
.getademo-form {
position:static
}
.fusion-copyright-notice {
padding: 0 0 15px;
display: block;
text-align: center;
}
.fusion-body .fusion-social-links-footer, .fusion-copyright-notice {
display: block;
text-align: center;
}
.fusion-social-links-footer {
width: 100%;
display: block;
text-align: center;
}
.fusion-social-links-footer .fusion-social-networks {
display: inline-block;
float: none;
margin-top: 0;
}
span.footer-phone {
float: none !important;
}
.copyright-itglue, .copyright-itglue a{
line-height: 3.0rem;
}
.fusion-footer-copyright-area .fusion-row, .fusion-footer-widget-area .fusion-row {
margin-left: -15px;
margin-right: -15px;
}
.footer-menu h4 {
text-align: center;
}
.footer-menu a {
text-align: center;
}
}
@media (max-width: 767px) {
html {
font-size:55%
}
section {
padding:5rem 0
}
.navbar {
padding-left:0;
padding-right:0;
padding-top:0
}
#mainNav .container {
padding-left:1rem;
padding-right:1rem
}
.login {
font-size:1.2rem;
padding:.5rem 2rem;
margin-top:.5rem
}
#mainNav .navbar-toggler {
margin-top:1.12rem
}
#mainNav .navbar-brand {
width:22rem
}
#mainNav .navbar-brand img {
width:100%
}
.fixed-menu #mainNav.main-navigation .container .navbar-toggler {
color:#ff671f
}
.blog-icon {
margin-bottom:3rem
}
.connectors img {
width:100%
}
.selling-more-img img {
width:100%
}
.selling-more-img {
display:none
}
.selling-more-img img {
width:80%
}
.selling-more {
padding-bottom:8rem
}
.footer {
padding:2rem
}
.footer-menu {
margin:1.5rem 0;
display:block;
float:none;
overflow:hidden
}
.selling-more {
text-align:center
}
.dashboard-image-blog {
top:19px;
height:281px
}
.blog-section,
.news-section {
margin-bottom:10rem
}
.download-card {
width:92%;
margin:0 auto
}
.slick-next,
.slick-prev {
display:none!important
}
.twitter-embed {
margin-top:3rem
}
.press-list,
.twitter-embed {
margin-left:auto;
margin-right:auto
}
.getademo-form {
margin-top:5rem
}
}
@media (max-width: 441px) {
.demo-login-btn {
margin-top:1rem
}
header.masthead .intro-text {
padding-top:18rem;
padding-bottom:20rem;
text-align:center
}
.banner-laptop img {
width:75%
}
.banner-laptop {
bottom:-5.5rem;
left:0;
text-align:center;
margin-left:-7%
}
.dashboard-image-blog {
top:12px;
height:288px
}
.demo-login-btn {
float:none;
margin-top:.3rem;
width:100%
}
#features.page-section {
margin-bottom:10rem
}
}
.top-404bg {
background-color:rgba(41,
58,
71,
.3)!important
}
.error-section {
padding-top:18rem;
text-align:center
}
.fixed-menu #mainNav.main-navigation.top-404bg {
background-color:#fff!important
}
.page-link {
position:relative;
display:block;
padding:.5rem .75rem;
margin-left:-1px;
line-height:1.25;
color:#253746;
background-color:#fff;
border:1px solid #dee2e6
}
.pagination-section ul li span .current {
color:#fff;
background-color:transparent;
font-weight:600
}
.page-link:hover {
z-index:2;
color:#ff671f;
text-decoration:none;
background-color:#f3f3f3;
border-color:#dee2e6
}
.page-item .page-link.current {
z-index:2;
color:#ff671f;
text-decoration:none;
background-color:#f3f3f3;
border-color:#dee2e6
}
.editor-default h3{
font-size: 19px;
font-weight: 400;
margin: 0 0 18px;
margin-top: 28px;
font-family: "cooper_hewittmedium";
}
.editor-default p{
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.25;
color: #293a47;
text-align: left;
}
.editor-default ul, .editor-default ol{
margin: 0 0 20px;
}
.editor-default ul li, .editor-default ol li{
font-family: "Noto Sans", sans-serif;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.25;
color: #293a47;
text-align: left;
}