@font-face {
font-family: 'lg';
src: url(//clockdiary.com/wp-content/themes/ClockDiary/assets/fonts/lg.eot?n1z373);
src: url(//clockdiary.com/wp-content/themes/ClockDiary/assets/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(//clockdiary.com/wp-content/themes/ClockDiary/assets/fonts/lg.woff?n1z373) format("woff"), url(//clockdiary.com/wp-content/themes/ClockDiary/assets/fonts/lg.ttf?n1z373) format("truetype"), url(//clockdiary.com/wp-content/themes/ClockDiary/assets/fonts/lg.svg?n1z373#lg) format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
}
.lg-outer .lg-has-html5 .lg-video-play {
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.group {
*zoom: 1;
}
.group:before, .group:after {
display: table;
content: "";
line-height: 0;
}
.group:after {
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(//clockdiary.com/wp-content/themes/ClockDiary/assets/images/loading.gif) no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
body.lg-on .lg-backdrop {
z-index: 99999;
}
body.lg-on .lg-outer {
z-index: 999999;
}@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");
body {
font-family: 'Lato', sans-serif!important;
font-size: 20px!important;
font-weight: 400!important;
line-height: 32px!important;
letter-spacing: 0.014em!important;
}
::selection {
background-color: #2959F3;
}
p {
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #616161;
padding: 0;
margin: 0;
font-family: 'Lato', sans-serif!important;
}
.pheding {
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 176%;
text-align: center;
color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
font-family: 'Lato', sans-serif!important;
}
h2.wp-block-heading {
font-weight: 600;
font-size: 32px;
line-height: 140.5%;
color: #000;
}
.single h1.entry-title,
.single-post h2.wp-block-heading,
.single-post h3.wp-block-heading,
.single-post h4,
.single-post h5,
.single-post h6,
.single .bd_toc_header_title,
.single .related_posts .h2,
.single .bd_toc_wrapper .bd_toc_header .bd_toc_header_title,
.single .social_list a,
.single .social_list a:hover {
color: #181c1f !important;
}
.single .center p,
.single .center ul li,
.single .content_left_main ul li,
.single .content_left_main .bd_toc_wrapper .bd_toc_wrapper_item .bd_toc_content .bd_toc_content_list ul li a,
.single .center table th,
.single .center table td,
.single .center table tr,
.single .center .social_text,
.single .content_left_main .social_text,
.single .nav-previous,
.single .nav-next {
color: #5a656f !important;
}
.terms-of-use h2.wp-block-heading,
.privacy-policy h2.wp-block-heading {
margin-top: 10px;
}
h4.wp-block-heading {
color: #000;
font-size: 26px;
font-family: Poppins;
font-weight: 500;
line-height: 172.5%;
}
.container,
.section {
max-width: 1400px;
width: 100%;
margin: 0 auto;
padding-right: 15px;
padding-left: 15px;
}
.features3 .container,
.contact-sales .container {
width: 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
.features3 header .container,
.features3 footer .container,
.contact-sales header .container,
.contact-sales footer .container,
.contact-sales .section .is-layout-flow22 {
max-width: 1400px;
width: 100%;
margin: 0 auto;
padding: 0;
padding-right: 15px;
padding-left: 15px;
}
.wp-block-columns.section.contact-section1.is-layout-flex {
width: 100%;
max-width: 100%;
padding: 0;
}
.wp-block-columns.Inner_contact.is-layout-flex {
margin: 0;
padding: 0;
gap: 0;
}
.contact-sales #primary {
padding: 0;
}
.Inner_contact .wp-block-column.inner_right.is-layout-flow {
background: #fff;
padding-inline: 30px;
padding-block: 30px;
min-block-size: calc(100vh - 100px);
}
.Inner_contact .wp-block-column.inner_left.is-layout-flow {
padding-inline: 72px;
padding-block: 30px;
background: linear-gradient(62.78deg, #2959F3 -7.8%, #00020e 122.05%);
min-block-size: calc(100vh - 100px);
}
.wp-block-button.com-btn a {
background: linear-gradient(65deg, #2959F3 0%, #00020e 100%);
border-radius: 15px;
text-decoration: none;
color: #fff !important;
}
.Inner_contact .wp-block-column.inner_left.is-layout-flow h2 {
color: #fff;
line-height: 140%;
}
.Inner_contact .wp-block-column.inner_left h3.wp-block-heading.has-text-align-center {
color: #fff;
font-size: 25px;
}
header .onepress-menu a {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #000;
text-transform: capitalize;
padding-left: 20px;
padding-right: 20px;
letter-spacing: 0;
}
header .onepress-menu li .btn_menu {
background: #2959F3;
border-radius: 15px;
}
header .onepress-menu a {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #000;
text-transform: capitalize;
padding: 10px 20px;
}
.btn_menu {
background: #2959F3;
border-radius: 15px;
background: linear-gradient(65deg, #2959F3 0%, #00020e 100%);
}
.site-content {
border-top: 0;
min-height: 500px;
}
.onepress-menu .nav-toggle-subarrow {
display: block;
position: absolute;
right: -4px;
top: -14px;
}
.onepress-menu .fa-angle-down:before {
content: "\f107";
font-size: 22px;
font-weight: 700;
}
.menu-item-has-children:hover .nav-toggle-subarrow i {
color: #2959F3;
rotate: 180;
transform: rotate(180deg);
}
.onepress-menu ul {
min-width: 12em;
width: 12em;
border: 1px solid #e9e9e9;
border-top: none;
}
.container.pt-1.text-center {
display: grid;
grid-template-columns: 1fr 1fr;
text-align: left !important;
align-items: center;
padding: 0;
}
.site-footer .site-info {
position: relative;
text-align: center;
padding: 20px 0;
font-weight: 500;
color: #bbb;
background: #fff;
border: 1px solid #efefef;
}
.site-footer a.custom-logo-link.no-t-logo {
padding-bottom: 20px;
float: left;
width: 100%;
}
h5.follow-heading {
display: none;
}
.footer-social-icons a {
background: linear-gradient(65deg, #2959F3 0%, #00020e 100%);
width: 40px;
height: 40px;
float: right;
text-align: center;
border-radius: 50%;
margin: 0 5px !important;
}
.footer-social-icons a i:before {
color: #fff;
font-size: 16px;
}
h1.wp-block-heading {
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 110%;
color: #0e0e0e;
}
.List-banner-left ul {
display: flex;
flex-wrap: wrap;
margin: 20px 0 0;
padding: 0;
}
.List-banner-left ul li {
box-shadow: 0 0 60px rgba(0, 0, 0, 0.09);
align-items: center;
border-radius: 10px;
display: flex;
margin: 0 17px 17px 0;
background-color: #fff;
pointer-events: none;
}
.List-banner-left ul li a {
padding: 11px 15px;
background-repeat: no-repeat;
padding-right: 40px;
background-position: right 10px center;
color: #000 !important;
text-decoration: none !important;
font-weight: 500;
font-size: 12px;
line-height: 176%;
background-size: 20px 20px;
}
.List-banner-left ul li a:hover {
box-shadow: 0 20.215px 60.644px rgba(16, 30, 54, 0.2);
}
.Banner_section h4.wp-block-heading {
font-weight: 500;
font-size: 20px;
line-height: 136.5%;
color: #2959F3;
margin-bottom: 18px;
}
.Banner_section figure.wp-block-image.size-full {
float: right;
margin-right: 0;
}
.List-banner-left ul li.task-icon a {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/task-icon.svg);
}
.List-banner-left ul li.w-b-icon a {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/w-b-icon.svg);
}
.List-banner-left ul li.db-icon a {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/task-icontime.svg);
}
.List-banner-left ul li.chat-icon a {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/chat-icon.svg);
}
.List-banner-left ul li.g-icon a {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/task-icon.svg);
}
.List-banner-left ul li.doc-icon a {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/doc-icon.svg);
}
.Logos-section figure.wp-block-image.size-full {
text-align: center;
}
.tabs_section li.gutena-tab-title.active .gutena-tab-title-content {
position: relative;
}
.tabs_section li.gutena-tab-title {
border: 0 !important;
background: unset !important;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 26px;
color: #000 !important;
padding: 10px !important;
}
.tabs_section li.gutena-tab-title.active .gutena-tab-title-content:after {
content: "";
width: 100%;
height: 4px;
background: #c5b100;
position: absolute;
left: 0;
bottom: -6px;
}
.tabs_section.section4 li.gutena-tab-title.active .gutena-tab-title-content:after,
.tabs_section.section5 li.gutena-tab-title.active .gutena-tab-title-content:after {
background: #006c8f;
}
.tabs_section h5.wp-block-heading {
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 120.5%;
color: #000;
text-transform: capitalize;
}
.tabs_section p,
p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 187%;
color: #616161;
}
.wp-block-gutena-tabs.gutena-tabs-block.tabs_section {
position: relative;
align-items: center !important;
}
.tabs_section ul.gutena-tabs-tab.tab-left {
position: absolute;
display: block;
width: 100%;
z-index: 3;
left: 40px;
top: 35px;
}
.tabs_section.section3 .wp-block-columns.content-tab-inner > div:nth-child(1),
.tabs_section.section5.tab-right .wp-block-columns.content-tab-inner > div:nth-child(2) {
margin-top: -20px !important;
}
.tabs_section ul li.gutena-tab-title {
float: left;
padding: 0 15px !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 17px !important;
line-height: 26px;
color: #000 !important;
}
.tabs_section ul li.gutena-tab-title.active {
font-weight: 500 !important;
}
.content-tab-inner {
align-items: center !important;
}
.wp-block-gutena-tabs.gutena-tabs-block.tabs_section {
position: relative;
align-items: center !important;
background: #fffbf5;
border-radius: 60px;
padding: 80px 40px 20px;
margin: 60px 0 0;
overflow: hidden;
}
.tabs_section.section4.tab-center {
padding: 40px 80px 10px;
background: #effbff;
}
.tabs_section .wp-block-gutena-tab.gutena-tab-block.active {
background: unset !important;
margin-top: 10px;
padding: 0;
}
.wp-block-columns.content-tab-inner > div:first-child {
margin-top: 40px;
}
.banner-video-section video {
float: right;
max-width: 100%;
}
.wp-block-columns.Section-2.is-layout-flex.wp-container-8 {
margin-top: 100px;
}
ul.gutena-tabs-tab.tab-left > li:first-child {
padding-left: 12px !important;
}
.tab-center .gutena-tabs-content.is-layout-flow {
margin: 0 auto;
width: 1000px;
}
.tab-center .gutena-tabs-content p.has-text-align-center {
margin-top: 20px;
}
.rote_main {
position: absolute;
width: 100%;
bottom: -100%;
text-align: center;
display: contents;
}
.section4 .rote_panel,
.rote_panel2 {
content: "";
border: 2px solid #67d9ff;
border-radius: 50%;
border-top: 2px solid #67d9ff;
width: 1180px;
height: 1180px;
-webkit-animation: spin 8s linear infinite;
animation: spin 8s linear infinite;
position: absolute;
bottom: -95%;
background-repeat: no-repeat;
background-position: -58px;
overflow: visible;
}
.section4 .rote_panel2 {
width: 1080px;
height: 1080px;
}
.rote_main img.pimg1 {
position: absolute;
top: 300px;
left: 0;
}
.rote_main img.pimg2 {
position: absolute;
top: 70px;
right: 200px;
}
.rote_panel2 img.pimg2 {
bottom: 15px;
top: auto;
}
.rote_panel2 img.pimg1 {
top: 280px;
}
.tabs_section.section5.tab-right .wp-block-columns.content-tab-inner > div:nth-child(2) {
margin-top: 40px;
}
.tabs_section.section5 .wp-block-columns.content-tab-inner > div:first-child {
margin-top: 0;
}
.tabs_section.section5 .wp-block-columns.content-tab-inner.is-layout-flex,
.tabs_section.section3 .wp-block-columns.content-tab-inner.is-layout-flex {
gap: 3em;
padding: 30px 0 10px;
}
.tabs_section .wp-block-image {
box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.2);
border-radius: 15px !important;
overflow: hidden;
}
.tabs_section.section5 ul.gutena-tabs-tab.tab-right {
top: 35px;
}
.tabs_section figure.alignright.size-full {
box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.2);
border-radius: 15px !important;
overflow: hidden;
}
.wp-block-columns.support_section.is-layout-flex {
align-items: center !important;
gap: 8em;
padding-bottom: 50px;
max-width: 100%;
}
.section6 .wp-block-column.right_section {
position: relative;
}
.section6 .wp-block-column.right_section.is-layout-flow:after {
content: "";
width: 270.45px;
height: 270.45px;
background: rgba(63, 77, 161, 0.06);
position: absolute;
left: -91px;
border-radius: 50%;
bottom: -60px;
}
.rote_panel2 {
-webkit-animation: spin1 8s linear infinite;
animation: spin1 8s linear infinite;
}
@-webkit-keyframes spin1 {
0% {
-webkit-transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes spin1 {
0% {
transform: rotate(360deg);
}
100% {
transform: rotate(0deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.tabs_section ul.gutena-tabs-tab.tab-right {
position: absolute;
display: block;
width: auto;
z-index: 3;
right: 90px;
top: 85px;
}
ul.list_with_tick {
margin-left: 0;
padding: 0;
}
ul.list_with_tick li {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/tick.svg);
list-style: none;
padding-left: 30px;
background-repeat: no-repeat;
font-weight: 400;
font-size: 16px;
line-height: 230%;
background-position: 0;
}
.yikes-easy-mc-form {
max-width: 500px;
float: right;
}
span.EMAIL-label {
display: none;
}
input#yikes-easy-mc-form-1-EMAIL {
background: #fff;
border: 1px solid rgba(123, 135, 210, 0.25);
border-radius: 16px 0 0 16px;
padding: 15px;
}
label.EMAIL-label.yikes-mailchimp-field-required,
.yikes-easy-mc-form .yikes-easy-mc-submit-button {
width: 67%;
float: left;
margin: 0;
padding: 0;
}
span.edit-link {
display: none;
}
.yikes-easy-mc-form .yikes-easy-mc-submit-button {
padding: 15px;
max-width: 156px;
background: linear-gradient(65deg, #2959F3 0%, #00020e 100%);
border-radius: 0 15px 15px 0;
}
input#yikes-easy-mc-form-1-EMAIL {
background: #fff;
border: 1px solid rgba(123, 135, 210, 0.25);
border-radius: 16px 0 0 16px;
padding: 12.2px 20px;
}
.wp-block-columns.section8.is-layout-flex {
align-items: center !important;
background: #fff;
box-shadow: 0 0.6rem 1rem rgba(0, 0, 0, 0.2);
border-radius: 60px;
padding: 50px 40px;
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/dots.png);
max-width: 1100px;
margin: 60px auto;
}
.wp-block-columns.section8 h4.wp-block-heading {
margin: 0 !important;
}
.yikes-easy-mc-form .yikes-easy-mc-submit-button {
padding: 15px !important;
max-width: 156px;
background: linear-gradient(65deg, #2959F3 0%, #00020e 100%);
border-radius: 0 15px 15px 0;
margin: 0 !important;
}
.section9 .wp-block-columns {
display: grid;
grid-template-columns: 45px auto;
align-items: center !important;
grid-gap: 15px;
}
.wptww-testimonial-left {
position: absolute;
left: 0;
top: 8px;
}
.wptww-testimonials-slidelist .slick-slide {
position: relative;
}
.wptww-testimonial-content {
clear: unset;
text-align: left;
width: 90%;
margin-left: 110px;
grid-template-columns: 100%;
display: grid;
}
.wptww-testimonials-text p {
text-align: left !important;
font-style: italic;
font-weight: 400;
font-size: 15px !important;
line-height: 220.5%;
color: #000;
display: grid;
}
ul.slick-dots {
display: none !important;
}
.wptww-testimonials-list h4,
.wptww-testimonials-slidelist h4,
.wptww-testimonials-slide-widget h4 {
order: 2;
font-style: normal;
font-weight: 600;
font-size: 20px !important;
line-height: 220.5% !important;
}
i.fa.fa-quote-left,
.wptww-testimonials-text em::before,
.wptww-testimonials-text em::after {
display: none;
}
.wptww-testimonials-text p {
text-align: left !important;
}
.wptww-testimonials-slidelist.design-1 .slick-prev {
left: auto !important;
right: 70px !important;
}
.wptww-testimonials-slidelist.design-1 .slick-arrow {
top: auto !important;
bottom: -10px !important;
}
.wptww-testimonials-slidelist button.slick-arrow:active {
background-color: #fff !important;
box-shadow: none !important;
}
.wptww-testimonials-slidelist button.slick-prev,
.wptww-testimonials-slidelist button.slick-prev:hover,
.wptww-testimonials-slidelist button.slick-prev:focus {
background: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/arrow2.png) 0 0 no-repeat !important;
background-size: auto !important;
background-color: #fff !important;
background-position: center center !important;
}
.wptww-testimonials-slidelist button.slick-next,
.wptww-testimonials-slidelist button.slick-next:hover,
.wptww-testimonials-slidelist button.slick-next:focus {
background: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/arrow1.png) 0 0 no-repeat !important;
background-size: auto !important;
background-color: #fff !important;
background-position: center center !important;
}
.wtwp-testimonials-slider-wrp.wptww-clearfix {
background: #effbff;
border-radius: 60px;
padding: 50px 80px 0;
position: relative;
max-width: 1200px;
margin: 0 auto 50px;
}
body .wptww-testimonials-slidelist button.slick-next,
body .wptww-testimonials-slidelist button.slick-next:hover {
background: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/arrow1.png) 0 0 no-repeat !important;
width: 50px;
height: 50px;
background-color: #fff !important;
margin: 10px !important;
border-radius: 50% !important;
background-position: center center !important;
font-size: 0 !important;
transform: unset !important;
rotate: unset !important;
}
body .wptww-testimonials-slidelist button.slick-prev,
body .wptww-testimonials-slidelist button.slick-prev:hover {
background: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/arrow2.png) 0 0 no-repeat !important;
width: 50px;
height: 50px;
background-color: #fff !important;
margin: 10px !important;
border-radius: 50% !important;
background-position: center center !important;
font-size: 0 !important;
transform: unset !important;
rotate: unset !important;
}
.wp-block-columns.section9,
.wp-block-columns.section9 > .wp-block-column.is-layout-flow,
.wp-block-columns.section9 .wp-block-columns.is-layout-flex {
padding: 0 !important;
margin: 0 !important;
}
.wp-block-columns.section9 h4 {
margin: 0;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 176%;
}
.wp-block-columns.section6,
.wp-block-columns.section9 {
max-width: 1100px;
margin: 0 auto !important;
}
.site-header.header-fixed,
.sticky_head .site-header.header-fixed {
top: 0;
left: 0;
position: fixed;
background-color: #fff !important;
transition: unset !important;
}
.site-header.no-scroll {
background: unset !important;
box-shadow: unset !important;
border: 0 !important;
}
a.custom-logo-link.white_logo {
display: none !important;
}
.features3 .site {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/bgnew.webp);
background-repeat: no-repeat;
background-position: center top;
background-size: 95%;
}
.f_section1 .fixednav ol li {
display: grid;
grid-template-columns: 100%;
text-align: center;
text-transform: uppercase;
font: 800 12px/1.3 Axiforma, Arial, serif;
background: rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 9px;
margin: 0 5px;
transition: 0.2s;
color: #b9bec7;
font-size: 14px;
position: relative;
padding: 0;
cursor: pointer;
}
.f_section1 .fixednav a.wp-block-navigation-item__content {
background: unset;
color: #b9bec7 !important;
border-radius: 0;
display: block;
padding-top: 20px;
position: relative;
display: block;
}
.f_section1 .fixednav ol li:hover,
.f_section1 .fixednav ol li:hover a,
.f_section1 .fixednav ol li.active a {
color: #000 !important;
}
nav.features_tab_menu.wp-block-navigation.is-layout-flex ol li {
position: relative;
}
li.active span.nm,
li.active a {
color: #2959F3 !important;
}
.f_section1 a.wp-block-navigation-item__content {
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #fff !important;
background: rgba(63, 77, 161, 0.42);
border-radius: 12px;
padding: 6px 15px;
text-decoration: unset;
}
.f_section1 .fixednav a.wp-block-navigation-item__content {
padding: 6px 25px;
padding-top: 20px;
}
.features_tab_menu ul {
padding: 20px 0;
align-items: center;
justify-content: center;
}
.wp-block-column.f_banner-video-section.is-layout-flow {
margin-top: 20px;
}
.f_section1 .wp-block-column.f_banner-video-section.is-layout-flow {
margin-top: 0;
}
.f_section1 p.has-text-align-center.white_text,
.f_section3 p.has-text-align-center {
max-width: 820px;
margin: 0 auto;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 170.5%;
text-align: center;
color: #000;
}
.f_section3 p.has-text-align-center {
max-width: 1060px;
color: #616161;
}
.f_section1 h2.wp-block-heading.has-text-align-center.white_text {
font-weight: 700;
font-size: 50px;
line-height: 124%;
text-align: center;
color: #fff;
}
.wp-block-column.f_banner-video-section.is-layout-flow video {
width: 100%;
max-height: 600px;
}
.features4 .wp-block-columns.Section-2.is-layout-flex.wp-container-8 {
margin-top: 0;
}
.wp-block-columns.f_section3 {
padding-top: 50px;
}
div#f_section5 {
padding: 80px;
background: linear-gradient(62.78deg, #2959F3 -7.8%, #00020e 122.05%);
max-width: 100%;
position: relative;
padding-bottom: 30px;
}
.f_section3 h3.wp-block-heading {
font-weight: 600;
font-size: 28px;
line-height: 120.5%;
color: #000;
}
.wp-block-columns.section_inner_1.is-layout-flex {
position: relative;
align-items: center !important;
background: #effbff;
border-radius: 50px;
padding: 50px;
margin: 80px 0 100px;
overflow: hidden;
gap: 4em;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
transition: background-position 0.2s ease-out, -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out, background-position 0.2s ease-out;
transition: transform 0.2s ease-out, background-position 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.wp-block-columns.section_inner_1.is-layout-flex:hover {
-webkit-transform: translate3d(0, 2px, 0) scale(0.99);
transform: translate3d(0, 2px, 0) scale(0.99);
}
figure.wp-block-image.size-full.box-shadow {
box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
.wp-block-columns.section_inner_2.is-layout-flex {
max-width: 1400px;
margin: 25px auto;
gap: 54px;
}
nav.features_tab_menu.wp-block-navigation.is-layout-flex.fixednav {
position: fixed;
top: 100px;
left: 0;
width: 100%;
background: #fff;
z-index: 9999;
border-top: 1px solid #ddd;
box-shadow: 0 11.5526px 44.66px rgba(16, 30, 54, 0.07);
height: 91px;
margin-top: 0;
}
.fixednav li.active:after {
width: 100%;
content: "";
position: absolute;
bottom: -15px;
height: 5px;
background-color: #2959F3;
}
.hide_section {
display: none !important;
}
.wp-block-columns.section_inner_3.is-layout-flex {
background: #fff;
border-radius: 45px;
padding: 55px 40px 50px;
max-width: 1400px;
margin: 54px auto;
gap: 4em;
border: 1px solid #eaeaea;
box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.2);
}
.wp-block-columns.section_inner_2.is-layout-flex > .wp-block-column {
background: #fff;
border-radius: 45px;
padding: 50px 40px;
border: 1px solid #eaeaea;
box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.2);
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
transition: background-position 0.2s ease-out, -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out, background-position 0.2s ease-out;
transition: transform 0.2s ease-out, background-position 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.wp-block-columns.section_inner_3.is-layout-flex {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
transition: background-position 0.2s ease-out, -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out, background-position 0.2s ease-out;
transition: transform 0.2s ease-out, background-position 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.wp-block-columns.section_inner_2.is-layout-flex > .wp-block-column:hover,
.wp-block-columns.section_inner_3.is-layout-flex:hover {
-webkit-transform: translate3d(0, 2px, 0) scale(0.99);
transform: translate3d(0, 2px, 0) scale(0.99);
}
.views_tabs {
max-width: 1250px;
margin: 0 auto;
padding: 0 15px;
}
.views_tabs .wp-block-column.is-layout-flow {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.views_tabs li.gutena-tab-title {
background-repeat: no-repeat !important;
background-position: center center !important;
}
.views_tabs ul.gutena-tabs-tab.tab-flex,
.views_tabs ul.gutena-tabs-tab.tab-flex li {
background-color: transparent !important;
font-size: 0 !important;
background-size: 65% !important;
}
.views_tabs .wp-block-gutena-tab.gutena-tab-block {
background-color: transparent !important;
text-align: center;
}
.views_tabs figure.wp-block-image.size-full.tab-icon {
display: none;
}
.views_tabs .gutena-tabs-content .active img {
border-radius: 10px;
border: 1px solid #ddd;
}
.f_section5 h2.wp-block-heading {
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 140.5%;
text-align: center;
color: #fff;
}
.f_banner-video-section figure {
text-align: center;
}
.replace-video img {
max-width: 487px;
margin-top: 58px;
border-radius: 10px;
}
.f_banner-video-section figure img {
max-width: 680px;
margin-top: 80px;
border-radius: 10px;
}
.views_tabs ul.gutena-tabs-tab.tab-flex {
display: flex;
align-items: center;
justify-content: center;
}
.views_tabs ul.gutena-tabs-tab.tab-flex li {
width: auto !important;
float: unset !important;
flex: unset !important;
padding: 20px !important;
margin: 20px;
border: 0 !important;
min-width: 69px;
height: 66px;
}
.views_tabs ul.gutena-tabs-tab.tab-flex li.active {
background-color: #2959F3 !important;
border-radius: 10px !important;
}
.views_tabs ul.gutena-tabs-tab.tab-flex li div {
display: none !important;
}
.views_tabs .prev-button {
content: "";
width: 40px;
height: 40px;
position: absolute;
left: -20px;
top: 55%;
background-color: transparent;
border-radius: 50%;
z-index: 999;
cursor: pointer;
font-size: 0;
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/arrow2n.png);
background-repeat: no-repeat;
background-position: center center !important;
border: 2px solid #fff !important;
box-shadow: unset;
}
.views_tabs .next-button {
content: "";
width: 40px;
height: 40px;
position: absolute;
right: -20px;
top: 55%;
background-color: transparent;
border-radius: 50%;
z-index: 999;
cursor: pointer;
font-size: 0;
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/arrow1n.png);
background-repeat: no-repeat;
background-position: center center !important;
border: 2px solid #fff !important;
box-shadow: unset;
}
.views_tabs button:focus {
outline: unset;
}
div#f_section5:before {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/bg_view.webp);
content: "";
height: 64%;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
div#f_section9 {
padding: 60px 0 0 !important;
}
header#masthead > a {
display: none;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(10px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.betterdocs-archive-wrap.betterdocs-archive-main {
width: 100%;
max-width: 1250px !important;
margin: 0 auto !important;
}
div#betterdocs-single-content p {
padding: 10px 0;
}
.betterdocs-categories-wrap.layout-flex {
display: flex;
flex-flow: wrap;
max-width: 920px;
align-items: center;
justify-content: center;
}
.betterdocs-categories-wrap.layout-flex a {
box-shadow: unset !important;
border: 1px solid #ddd;
max-width: 275px;
}
.betterdocs-categories-wrap.layout-flex a.docs-single-cat-wrap:hover {
box-shadow: 0 0 10px rgba(3, 169, 244, 0.1) !important;
text-decoration: none;
background-color: #fff;
}
.betterdocs-article-reactions {
display: none;
}
.betterdocs-searchform .betterdocs-search-field:focus {
background: #fff;
}
.betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar,
.betterdocs-full-sidebar-right .layout3-toc-container {
top: 14vh;
}
.wpcf7-form textarea,
.wpcf7-form input[type="date"],
.wpcf7-form input[type="datetime"],
.wpcf7-form input[type="datetime-local"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="month"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="text"],
.wpcf7-form input[type="time"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="week"],
.wpcf7-form select {
border: 1px solid #ddd !important;
box-sizing: border-box;
box-shadow: unset;
border-radius: 10px;
background-color: #ffff;
width: 100%;
font-family: 'Lato', sans-serif!important;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #616161;
}
.wpcf7-not-valid-tip {
font-size: 12px;
text-transform: initial;
padding-left: 4px;
}
.wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea {
max-height: 100px;
background: #fff;
box-shadow: unset;
}
input#wp-block-search__input-1:focus {
box-shadow: unset !important;
outline: unset;
}
.wpcf7-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
background: linear-gradient(65deg, #2959F3 0%, #00020e 100%);
border-radius: 15px;
}
.betterdocs-live-search .docs-search-result li {
margin: 0;
}
.betterdocs-live-search .docs-search-result li a {
padding-top: 5px;
padding-bottom: 5px;
}
.wpcf7-form {
max-width: 500px;
margin: 50px auto;
}
.contact-sales .entry-content {
margin-bottom: 0;
}
.contact-sales p.c-policy {
font-size: 12px;
text-transform: initial;
line-height: 18px !important;
margin-bottom: 10px;
}
.wpcf7-form label:focus,
.wpcf7-form label input:focus {
outline: unset !important;
box-shadow: unset !important;
}
.contact-sales .wpcf7-response-output {
font-size: 12px;
text-transform: initial;
line-height: 18px !important;
margin-bottom: 10px;
}
.inner_right h6 {
font-size: 15px;
text-transform: initial;
line-height: 18px !important;
margin-bottom: 10px;
}
p.c-policy a {
text-decoration: underline;
text-underline-offset: 5px;
}
.section-news .list-article-content,
.archive .list-article-content,
.blog .list-article-content {
overflow: hidden;
}
.section-news .list-article-thumb,
.archive .list-article-thumb,
.blog .list-article-thumb {
margin-right: 0;
width: 100%;
margin-bottom: 30px;
margin-left: 0;
}
.wp-block-gutena-tabs.gutena-tabs-block.tabs_section.section5.tab-right {
padding: 100px 40px 30px;
background: #fff5fb;
}
.wp-block-buttons.has-custom-font-size .wp-block-button__link {
font-size: 16px;
}
.wp-block-column.tab_left_content.is-layout-flow {
margin-top: -10px !important;
}
.blog .list-article-content {
float: left;
}
.blog .list-article-thumb {
max-width: 100%;
max-height: 350px;
overflow: hidden;
margin-bottom: 10px;
}
i.fa.fa-calendar {
padding-right: 7px;
}
.single.single-post .post-data {
max-width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: auto 30%;
grid-gap: 50px;
}
body button.wp-block-search__button.wp-element-button,
body .wp-block-search .wp-block-search__label {
display: none;
}
.single.single-post .entry-thumbnail {
max-width: 100%;
max-height: 500px;
overflow: hidden;
}
body form input#wp-block-search__input-1 {
background: #fff;
background-color: #fff !important;
border: 2px solid #ccc !important;
color: #111;
box-shadow: unset !important;
height: 40px;
}
textarea:not(.editor-post-title__input),
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
padding: 10px;
max-width: 100%;
border: 0;
font-size: 15px;
font-weight: 400;
line-height: 22px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
background-color: #f2f2f2;
border-bottom: 1px solid #fff;
box-sizing: border-box;
color: #000;
}
body input.search-submit {
color: #fff;
margin: 0;
padding: 0 20px;
outline: none !important;
height: 40px;
background: #2959F3 !important;
border-radius: 15px;
border: 0 !important;
}
.list-article-meta p {
font-size: 12px;
}
.list-article-meta p span {
font-weight: 800;
color: #2959F3;
}
.blog h2.entry-title a {
font-size: 40px;
font-weight: 500;
text-decoration: unset !important;
}
.blog h2.entry-title a:hover {
color: #2959F3 !important;
}
body .list-article-meta {
margin: 0 !important;
}
.blog h2.entry-title {
margin: 0;
padding: 0;
}
.betterdocs-searchform .betterdocs-search-field:focus {
background: #fff;
box-shadow: unset !important;
border: 2px solid #ebebeb !important;
}
.single.single-post h1.entry-title {
font-size: 2.5rem !important;
line-height: 1.3;
}
.table_data.left-yoast-table-of-contents {
margin-top: 15px;
}
.wp-block-columns.Logos-section.is-layout-flex {
align-items: center !important;
}
.wp-block-columns.Logos-section.is-layout-flex img {
max-width: 95%;
}
.left.table_content_left {
padding-left: 39px;
border-left: 1px solid #e9e9e9;
margin-left: -1px;
}
.left.table_content_left div#secondary {
width: 100%;
}
p.h2 {
font-weight: 600;
font-size: 32px;
line-height: 140.5%;
color: #000;
}
.blog article.list-article:last-child {
border-bottom: 0 !important;
}
.single #primary {
padding-bottom: 0;
}
.section8 h2.wp-block-heading {
font-size: 20px;
}
.tabs_section h5.wp-block-heading {
font-size: 28px;
}
.yikes-easy-mc-error-message {
margin-bottom: 10px;
border-radius: 10px;
}
p.yikes-easy-mc-success-message.yikes-easy-mc-success-message-1.yikes-easy-mc-hidden {
margin-bottom: 10px;
border-radius: 10px;
}
.section4 h2.wp-block-heading {
font-size: 28px;
}
.docs-single-title .betterdocs-entry-title {
color: #000 !important;
}
.betterdocs-print-pdf {
display: none !important;
}
h2.wp-block-heading.has-text-align-center.testimonials_title {
margin-top: 40px;
}
.blog .list-article-thumb img {
width: 100%;
}
.tabs_section .wp-block-video {
box-sizing: border-box;
box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.2);
border-radius: 15px !important;
overflow: hidden;
}
.tabs_section .wp-block-video video {
float: left;
}
.wp-block-columns.section_inner_1.is-layout-flex > div:nth-child(1),
.wp-block-columns.section_inner_3.is-layout-flex > div:nth-child(1) {
max-width: 400px;
}
figure.wp-block-image.size-full.img_w_border img {
border: 1px solid #ddd;
border-radius: 10px;
}
div#price-plan {
padding: 50px 0 70px;
gap: 3em;
justify-content: center;
}
h2.wp-block-heading.has-text-align-center.plan_title {
margin-top: -30px;
}
div#price-plan .boxes {
border-radius: 20px;
max-width: 400px;
box-shadow: 25px 26px 73px 0 rgba(0, 0, 0, 0.06);
background-color: transparent !important;
position: relative;
border: 1px solid #dddddd45;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
transition: background-position 0.2s ease-out, -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out, background-position 0.2s ease-out;
transition: transform 0.2s ease-out, background-position 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
div#price-plan .boxes:hover {
-webkit-transform: translate3d(0, 2px, 0) scale(0.99);
transform: translate3d(0, 2px, 0) scale(0.99);
}
.wp-block-columns.faq_main {
margin-bottom: 60px;
}
div#price-plan .boxes p {
color: #a9a9aa;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
div#price-plan .boxes ul {
list-style: none;
padding: 15px 0;
}
div#price-plan .boxes ul li {
color: #35353f;
font-family: "Poppins", sans-serif1 !important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 7px 0 7px 30px !important;
margin: 0 !important;
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/bxs-check-circle.png);
background-repeat: no-repeat;
background-position: left top 7px;
}
div#price-plan .boxes .button_price {
position: absolute;
width: 80%;
bottom: 40px;
}
div#price-plan .boxes .button_price a {
border-radius: 12px !important;
background: linear-gradient(65deg, #2959F3 0%, #00020e 100%);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
div#price-plan h3 {
font-size: 32px !important;
font-style: normal;
font-weight: 600;
line-height: 41px;
color: #0b0914;
}
.wp-block-column.boxes.box1,
.wp-block-column.boxes.box2 {
padding-bottom: 100px !important;
}
.wp-block-column.boxes.box1.active_tab h3 {
font-weight: 400 !important;
color: #fff !important;
padding-top: 1em;
padding-right: 1em;
padding-left: 1em;
}
.wp-block-column.boxes.box1.active_tab p {
font-size: 14px !important;
font-style: normal;
font-weight: 400;
line-height: 29.5px;
color: #fff !important;
padding-right: 2em;
padding-left: 2em;
}
.wp-block-column.boxes.box1.active_tab {
background: linear-gradient(65deg, #2959F3 0%, #00020e 100%);
color: #fff !important;
padding: 0 !important;
}
figure.wp-block-image.size-full.is-style-default.right_arrow {
padding-left: 2em;
margin: 10px 0;
}
.wp-block-column.boxes h3.basic_plan {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/free-icon.png);
background-repeat: no-repeat;
padding-left: 50px;
background-position: left center;
}
.wp-block-column.boxes h3.ad_plan {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/dimand-icon.png);
background-repeat: no-repeat;
padding-left: 50px;
background-position: left center;
}
h1.wp-block-heading.has-text-align-center.main_title {
font-size: 47px;
font-style: normal;
font-weight: 600;
line-height: 124%;
color: #fff;
margin-bottom: 120px;
}
.faq_main .ea-card.sp-ea-single {
border-radius: 15px;
border: 1px solid #e2e2e2 !important;
background: #fff !important;
padding: 15px 35px !important;
margin: 0 auto;
margin-bottom: 20px;
max-width: 1035px;
}
.faq_main .ea-card.sp-ea-single .ea-body {
border-radius: 0 0 15px 15px;
padding: 10px 0;
}
.faq_main .ea-card.sp-ea-single h3.ea-header {
border-radius: 15px 15px 0 0;
}
.faq_main .ea-card.sp-ea-single h3.ea-header a {
padding: 0 !important;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 172.5%;
color: #000 !important;
font-family: "Poppins", sans-serif1 !important;
}
.faq_main .ea-card.sp-ea-single h3.ea-header a:hover {
color: #2959F3 !important;
}
.faq_main .ea-card.sp-ea-single h3.ea-header a .fa-minus:before {
content: "\f077";
font-weight: 300;
font-size: 16px;
}
.faq_main .ea-card.sp-ea-single h3.ea-header a .fa-plus:before {
content: "\f078";
}
.faq_main .ea-card.sp-ea-single h3 a i.ea-expand-icon {
float: right !important;
}
h2.wp-block-heading.has-text-align-center.faq_title {
margin-bottom: 40px;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 172.5%;
}
div#header-strip {
background: linear-gradient(65deg, #2959F3 26%, #00020e 100%);
color: #fff;
padding: 15px 10px;
text-align: center;
font-size: 24px;
position: relative;
}
button.close-strip {
background: transparent;
border: 0;
position: absolute;
right: 10px;
top: 12px;
}
.changebox_outer {
display: flex;
justify-content: center;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #fff;
text-transform: capitalize;
padding: 0;
align-items: center;
overflow: hidden;
}
div#header-strip span {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #00dcff;
text-transform: capitalize;
}
.lswssp-wrap {
max-width: 98%;
margin: 60px auto 0;
}
.lswssp-logo-showcase .lswssp-slick-prev,
.lswssp-logo-showcase .lswssp-slick-prev:active,
.lswssp-logo-showcase .lswssp-slick-next,
.lswssp-logo-showcase .lswssp-slick-next:active {
background: linear-gradient(65deg, #2959F3 0%, #00020e 100%) !important;
}
footer ul#menu-footer-menu {
display: flex;
width: 100%;
justify-content: right;
}
footer ul#menu-footer-menu li {
display: inline-flex;
}
footer ul#menu-footer-menu li a {
padding: 0 10px;
border-right: 1px solid #ddd !important;
color: #000;
text-decoration: none;
}
footer ul#menu-footer-menu li a:hover {
color: #2959F3;
}
footer ul#menu-footer-menu li:last-child a {
border: 0 !important;
}
div#header-strip span.ind0 {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/free-wifi.gif);
background-repeat: no-repeat;
padding-left: 40px;
background-position: left center;
background-size: 30px 30px;
}
div#header-strip .changebox {
overflow: hidden;
transition: 0.5s;
white-space: nowrap;
margin: 0 5px;
height: 16px;
min-height: 23px;
margin-top: -2.4px;
}
div#header-strip .changebox a {
color: #fff;
text-decoration: underline;
}
.single-post table th {
text-transform: capitalize !important;
}
@media (min-width: 1140px) {
header .container {
display: grid;
grid-template-columns: 200px auto;
align-items: center;
height: 100px;
}
header .onepress-menu {
float: left;
width: 100%;
margin-left: 10px;
}
header .right_menu {
float: right !important;
margin: 0 14px;
}
header .blue_btn a {
color: #fff !important;
}
.home header.no-scroll .right_menu a,
.features4 header.no-scroll .right_menu a {
color: #fff !important;
}
header .right_menu.white-bg {
background: #fff;
border: 1px solid #dddd;
}
.home header.no-scroll .right_menu.white-bg a {
color: #000 !important;
box-shadow: rgba(0, 0, 0, 0.09) 0 0 40px;
border-radius: 15px;
}
}
@media (min-width: 940px) {
.single #secondary {
padding-top: 0;
}
.tabs_section.section3 .wp-block-columns.content-tab-inner > div:nth-child(1),
.tabs_section.section5.tab-right .wp-block-columns.content-tab-inner > div:nth-child(2) {
max-width: 400px;
}
.tabs_section.section4 .wp-block-video {
margin: 50px 0;
}
}
@media (max-width: 1140px) {
.onepress-menu.onepress-menu-mobile {
height: auto !important;
padding-bottom: 135px;
background: #fff !important;
border-bottom: 2px solid #dddd;
}
.site-header.no-scroll {
background-color: #fff !important;
}
li.right_menu.btn_menu {
position: absolute;
bottom: 0;
position: absolute;
background: #2959F3;
border-radius: 15px;
color: #fff !important;
left: 16px;
bottom: 20px !important;
width: 100% !important;
text-align: center;
max-width: 92%;
}
li.right_menu.btn_menu a {
color: #fff !important;
}
li.right_menu.btn_menu.log_in_button {
background: #ddd;
color: #000 !important;
}
li.right_menu.btn_menu.log_in_button a {
color: #000 !important;
}
.onepress-menu.onepress-menu-mobile {
top: 74px;
}
li.right_menu.btn_menu.white-bg {
bottom: 80px !important;
}
.home .site {
background-size: 55%;
background-image: unset;
}
h1.wp-block-heading {
font-size: 40px;
line-height: 120%;
}
.banner-video-section video {
float: right;
max-width: 100%;
width: 100%;
}
.wp-block-button.com-btn a {
font-size: 18px !important;
}
.wp-block-columns.Section-2.is-layout-flex.wp-container-8 {
margin-top: 40px;
}
.wp-block-columns.Logos-section > .wp-block-column {
flex-basis: unset !important;
}
.wp-block-gutena-tabs.gutena-tabs-block.tabs_section {
border-radius: 60px;
padding: 40px;
}
.tabs_section ul.gutena-tabs-tab.tab-left {
left: 50px;
top: 60px;
}
.tabs_section.section5 .wp-block-columns.content-tab-inner.is-layout-flex,
.tabs_section.section3 .wp-block-columns.content-tab-inner.is-layout-flex {
gap: 2em;
}
.wtwp-testimonials-slider-wrp.wptww-clearfix {
padding: 30px;
}
.wptww-testimonials-slidelist.design-1 .slick-arrow {
bottom: -40px !important;
}
.tab-center .gutena-tabs-content.is-layout-flow {
width: 100%;
}
.section4 .rote_panel,
.rote_panel2 {
bottom: -120%;
}
.rote_main {
display: none;
}
.wp-block-gutena-tabs.gutena-tabs-block.tabs_section {
border-radius: 20px;
padding: 40px 20px;
}
.tabs_section ul.gutena-tabs-tab.tab-left {
position: relative;
left: auto;
top: auto;
bottom: auto;
display: flex;
justify-content: center;
margin-bottom: 20px;
gap: 4px;
}
.tabs_section .wp-block-gutena-tab.gutena-tab-block.active {
background: unset !important;
padding: 0;
}
header#masthead > a {
background-color: #2959F3;
padding: 10px 15px;
border-radius: 10px;
color: #fff;
position: absolute;
right: 65px;
top: 20px;
line-height: 20px;
text-decoration: unset !important;
display: block;
}
.features5 .site {
background-image: unset;
}
div#f_section1 {
background: linear-gradient(62.78deg, #2959F3 -7.8%, #00020e 122.05%);
margin-top: -40px;
padding-top: 60px;
}
.features5 .wp-block-columns.Section-2.is-layout-flex.wp-container-8 {
margin-top: 50px;
} nav.features_tab_menu.wp-block-navigation.is-layout-flex.fixednav {
top: 70px;
}
div#f_section9 {
padding: 60px 20px 0 !important;
}
.wp-block-columns.section_inner_1.is-layout-flex {
gap: 4em;
}
div#f_section5 {
padding: 60px 10px;
}
.f_section5 .views_tabs {
padding: 0 30px;
}
.f_section5 .views_tabs .prev-button {
left: 10px;
width: 30px;
height: 30px;
background-size: 50%;
}
.f_section5 .views_tabs .next-button {
right: 10px;
width: 30px;
height: 30px;
background-size: 50%;
}
.Inner_contact .wp-block-column.inner_left.is-layout-flow,
.Inner_contact .wp-block-column.inner_right.is-layout-flow {
min-block-size: unset;
flex-basis: 100% !important;
}
}
@media (max-width: 940px) {
.section-news .list-article-thumb,
.archive .list-article-thumb,
.blog .list-article-thumb {
display: block;
}
.blog h2.entry-title a {
font-size: 30px;
}
.wp-block-image .alignright {
float: left;
margin: 0;
}
}
@media (max-width: 900px) {
.single.single-post .post-data {
grid-template-columns: 100%;
}
.left.table_content_left {
padding-left: 0;
margin-left: 0;
border: 0;
}
.sidebar .widget {
margin-bottom: 30px;
}
.tabs_section ul li.gutena-tab-title {
padding: 0 px !important;
font-size: 14px !important;
padding: 0 8px !important;
}
ul.gutena-tabs-tab.tab-left > li:first-child {
padding-left: 0 !important;
}
.tabs_section ul.gutena-tabs-tab.tab-right {
position: relative;
display: block;
width: 100%;
z-index: 3;
right: auto;
top: unset !important;
margin-bottom: 20px;
display: flex;
justify-content: center;
margin-bottom: 20px;
gap: 4px;
}
.wtwp-testimonials-slider-wrp.wptww-clearfix {
padding: 10px;
}
.wp-block-columns.content-tab-inner > div:first-child {
margin-top: 0;
}
.wptww-testimonial-content {
clear: unset;
text-align: left;
width: 100%;
margin-left: auto;
grid-template-columns: 100%;
display: grid;
text-align: center;
}
.wptww-testimonials-list h4,
.wptww-testimonials-slidelist h4,
.wptww-testimonials-slide-widget h4 {
order: 2;
font-style: normal;
font-weight: 600;
font-size: 20px !important;
line-height: 110.5% !important;
}
.wptww-testimonial-left {
position: relative;
left: auto;
top: auto;
margin: 10px 0;
}
.wptww-testimonials-text p {
text-align: center !important;
}
.wptww-testimonials-slidelist.design-1 .slick-arrow {
bottom: -30px !important;
}
.wp-block-columns.support_section.is-layout-flex {
align-items: center !important;
gap: 4em;
padding-bottom: 50px;
}
.wtwp-testimonials-slider-wrp.wptww-clearfix {
padding: 10px;
margin-bottom: 40px;
}
h2.wp-block-heading {
font-weight: 600;
font-size: 32px;
line-height: 140%;
color: #000;
}
.wp-block-columns.section8.is-layout-flex {
margin: 60px auto;
}
.yikes-easy-mc-form .yikes-easy-mc-submit-button {
padding: 15px !important;
max-width: 100px;
background: #2959F3;
border-radius: 0 15px 15px 0;
margin: 0 !important;
height: 48px;
}
.wp-block-columns.section8.is-layout-flex {
padding: 20px;
}
.wp-block-gutena-tabs.gutena-tabs-block.tabs_section {
padding: 20px !important;
}
.container.pt-1.text-center {
grid-template-columns: 1fr;
align-items: center !important;
}
.footer-social-icons a {
float: left;
margin: 10px 5px !important;
}
.site-logo-div {
max-width: 120px;
}
.wptww-testimonials-text p {
line-height: 180%;
}
.views_tabs ul.gutena-tabs-tab.tab-flex li {
padding: 5px !important;
margin: 5px;
min-width: 50px;
height: 50px;
}
div#f_section2 {
padding-top: 20px;
}
.wp-block-columns.section_inner_3.is-layout-flex {
gap: 2em;
}
.tabs_section.section3 .wp-block-columns.content-tab-inner > div:nth-child(1),
.tabs_section.section5.tab-right .wp-block-columns.content-tab-inner > div:nth-child(2) {
margin-top: 0 !important;
text-align: center;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
}
}
@media (max-width: 800px) {
.f_section1 .wp-block-columns.features-list-wrap.is-layout-flex.wp-container-3 {
gap: 0 !important;
}
.f_section1 .wp-block-columns.features-list-wrap.is-layout-flex.wp-container-3 ul.has-white-color.has-text-color {
padding: 0;
margin: 0;
}
.yikes-easy-mc-form {
float: left;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
}
.wp-block-columns.Logos-section > .wp-block-column {
display: flex;
flex-basis: 45% !important;
block-size: 50px;
align-items: center;
justify-content: center;
}
div#header-strip {
display: none;
}
}
@media (max-width: 767px) {
.f_section1 .wp-block-columns.features-list-wrap.is-layout-flex.wp-container-3 > .wp-block-column.is-layout-flow:nth-child(2) {
margin-top: -10px;
}
.wp-block-columns.section8.is-layout-flex {
padding: 40px;
}
.changebox_outer,
.changebox_outer span {
font-size: 12px !important;
}
}
@media (max-width: 600px) {
.tabs_section ul li.gutena-tab-title {
font-size: 12px !important;
}
.tabs_section.section5 .wp-block-columns.content-tab-inner.is-layout-flex {
gap: 4em;
}
.tabs_section h5.wp-block-heading,
h2.wp-block-heading {
font-size: 25px;
}
h1.wp-block-heading {
font-size: 28px;
}
.wp-block-button.com-btn a {
font-size: 14px !important;
}
.pheding {
font-size: 14px;
}
.wp-block-gutena-tabs.gutena-tabs-block.tabs_section {
margin: 50px 0;
}
.site {
background: unset;
}
.Banner_section h4.wp-block-heading {
font-size: 20px;
color: #2959F3;
margin-bottom: 10px;
}
header .onepress-menu a {
font-size: 14px;
}
.f_section5 h2.wp-block-heading,
.f_section1 h2.wp-block-heading.has-text-align-center.white_text {
font-size: 27px;
}
.wp-block-columns.section_inner_1.is-layout-flex {
border-radius: 20px;
padding: 40px 30px;
margin: 50px 0;
gap: 2em;
}
.wp-block-columns.section_inner_3.is-layout-flex {
border-radius: 20px;
padding: 40px 30px;
margin: 50px 0;
gap: 2em;
}
.features5 .wp-block-separator {
margin-bottom: 10px;
}
.f_section3 h3.wp-block-heading {
font-size: 28px;
line-height: 120.5%;
color: #000;
}
div#f_section5 {
padding: 60px 10px 0;
}
.betterdocs-searchform {
padding-right: 15px;
padding-bottom: 15px;
}
.wp-block-columns.Logos-section.is-layout-flex img {
padding: 5px 0;
}
body .features-list-wrap {
width: 180px;
}
.f_section3 h3.wp-block-heading {
font-size: 22px;
}
.f_section5 h2.wp-block-heading,
.f_section1 h2.wp-block-heading.has-text-align-center.white_text {
font-size: 22px;
}
.section4 h2.wp-block-heading {
font-size: 22px;
}
.tabs_section h5.wp-block-heading,
h2.wp-block-heading {
font-size: 22px;
}
.blog h2.entry-title a {
font-size: 22px;
}
.single.single-post h1.entry-title {
font-size: 25px !important;
line-height: 1.3;
}
.Banner_section .wp-block-button.com-btn a {
margin-top: -10px !important;
}
.docs-single-title .betterdocs-entry-title {
font-size: 25px;
color: #000;
}
.wp-block-columns.Logos-section.is-layout-flex {
align-items: center !important;
gap: 20px 5px;
}
.wp-block-columns.Section-2.is-layout-flex.wp-container-8 {
margin-top: 0;
}
.wp-block-columns.Logos-section.is-layout-flex img {
max-width: 85%;
}
h1.wp-block-heading.has-text-align-center.main_title {
font-size: 40px;
}
.pricing .site {
background-size: auto 240px;
}
h1.wp-block-heading.has-text-align-center.main_title {
font-size: 33px;
margin-bottom: 50px;
}
.changebox_outer,
.changebox_outer span {
font-size: 8px !important;
}
footer ul#menu-footer-menu {
display: flex;
width: 100%;
justify-content: left;
padding: 0;
}
}
@media (max-width: 480px) {
.home .site {
background-size: 45%;
}
.List-banner-left ul li a {
font-size: 10px;
}
}@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");.h2cls,.main.h1,h2.wp-block-heading{font-style:normal;line-height:60px;font-family:Manrope,sans-serif!important;font-weight:700}.container,.h2cls,.main.h1,.section,.site-footer .container,body .bottom_section .slick-slide.slick-active.slick-current .slide-content p,h1,h2,h2.wp-block-heading,h3,h4,h5,h6,header .container{font-family:Manrope,sans-serif!important}.app_url,ul.right-menu-inner{grid-template-columns:auto auto}.contact_outer .row.g_2 p,ul#list_box{grid-template-columns:1fr 1fr;grid-gap:20px}body .main_tabs>ul li,ul#list_box li{backdrop-filter:blur(37.197750091552734px)}.pheding,ul#list_box li{text-transform:uppercase}.h2cls,h2.wp-block-heading{font-size:46px}body .bottom_section .slick-slide.slick-active.slick-current .slide-content .h3{font-family:Manrope,sans-serif!important;font-size:18px!important;font-weight:700!important}body .bottom_section .slick-slide.slick-active.slick-current .slide-content p{font-size:16px!important}body .top_section .big-description p,body a,body li,body p{font-family:Lato,sans-serif!important;font-size:20px;font-weight:400!important;line-height:32px;letter-spacing:.014em!important}.hidden_section,.hide_no_login,.lswssp-logo-showcase .slick-arrow,.mobile_show,.show_mobile,body .follow_us figure.wp-block-image.size-large.youtube_iocn,ul.onepress-menu li.showlp{display:none!important}.clockloader{display:none;border:6px solid #f3f3f3;border-radius:50%;border-top:6px solid #3498db;width:30px;height:30px;-webkit-animation:2s linear infinite spin;animation:2s linear infinite spin;margin:10px auto}form .error_message{color:red;float:left;position:relative;top:-14px;left:8px;font-size:15px}.footer-section1 img{max-width:220px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.blue_bg h2.wp-block-heading,.blue_bg h4,.blue_bg p{color:#fff!important}.inner_tab_left .wp-block-image img.shd{border-radius:30px;box-shadow:0 0 78px 0 rgba(63,77,161,.15)}.container{max-width:100%;width:100%;overflow:hidden}.section,.site-footer .container,header .container{max-width:1626px;width:90%;overflow:hidden}.inner_tab_left figure.wp-block-image.size-full,.new-right_menu ul li{text-align:center}.new-right_menu ul a{color:#000;font-size:18.667px;font-style:normal;font-weight:600;line-height:normal;text-decoration:none}ul.right-menu-inner{display:grid;grid-gap:24px;list-style:none!important;justify-content:right;align-items:center;padding:0;margin:0}.new-right_menu ul .book_demo a,li.mobile_show.book_demo{border-radius:8px;color:#fff;max-width:136px;min-width:136px;background:#2a59f3;font-size:14.462px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:.072px;margin-right:0;padding:14px 24px}.new-right_menu ul .log_in,li.mobile_show.log_in{background-image:url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/sign-icon.svg);background-repeat:no-repeat;background-position:left center;text-align:right;padding-left:35px}header.new-header .onepress-menu a{color:#000;text-transform:capitalize;padding:0 20px;font-size:20px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.066px}.main.h1{font-size:44px;text-transform:capitalize}.main.h1 strong{color:#2959f3;font-weight:500;text-transform:capitalize}.app-store p,.site-info.footer-section3 p{font-style:normal;font-weight:400;font-family:Lato,sans-serif!important;color:#fff}.site-content{background:rgba(136,40,255,.05)}.site-footer{background:#273050!important;padding:90px 0 60px}.site-footer .site-info{position:relative;text-align:left;padding:0;background:0 0;border:0}.footer-section1 .container,.site-info.footer-section3 .container{display:grid;grid-template-columns:1fr 1fr;align-items:center}.site-info.footer-section3 .container{border-top:2px solid rgba(255,255,255,.14);padding:30px 15px 0!important}.site-footer a.custom-logo-link.no-t-logo{float:left;border-radius:20px;background:#fff;padding:12px 25px;width:auto}.footer-social-icons a,.page-template-default .site-content{background:#fff}.footer-social-icons a i:before{color:#8828ff;font-size:24px;margin-top:8px;display:block}.List-banner-left ul li,.new_list .List-banner-left ul li{display:flex;margin:0 17px 17px 0;pointer-events:none;box-shadow:unset}.site-info.footer-section3 p{font-size:21.333px;line-height:normal;text-align:center}.app-store p{font-size:18px;line-height:30.667px;text-decoration:none;padding-bottom:10px}.terms .content-area ol li,.terms .content-area ul li,p,p.banner_text{color:#5f5f5f;font-weight:400;line-height:24px;font-style:normal}.site-info.footer-section3 .right-col p{text-align:right}body .footer-section2 .container{display:grid;grid-template-columns:1fr 1fr 1fr 400px 180px;justify-content:center;padding:50px 15px!important;grid-gap:40px}.footer-section2 .container .menu{margin-bottom:30px}.footer-section2 .h5{font-family:Manrope,sans-serif!important;font-size:22px;font-style:normal;line-height:46.667px;text-transform:capitalize;font-weight:700;color:#fff}ul.footer-box-menu{list-style:none;margin:0;padding:0}ul.footer-box-menu li a{color:#fff;font-family:Lato,sans-serif!important;font-size:22px;font-weight:400;line-height:32px;letter-spacing:.014em;text-decoration:none}header .current-menu-item a{text-decoration:underline;text-underline-offset:2px}.price_main .advance_plan p,.site-footer .site-info a{color:#fff}.faq_main .ea-card.sp-ea-single:last-child,li.ls_menu,ul.onepress-menu li:last-child{border:0!important}.app-store{position:absolute;bottom:10px}.box.box4{padding-bottom:100px}.app_url{display:grid;grid-gap:6px}.terms .content-area ol,.terms .content-area ul{padding-left:40px!important}.terms .content-area ol li::marker,.terms .content-area ul li::marker{font-weight:700!important}.terms .content-area ol li,.terms .content-area ul li{font-size:18px;font-family:Montserrat,sans-serif!important}.terms .content-area h2{margin-top:20px}p,p.banner_text{font-size:18px;margin:20px 0 40px;font-family:Lato,sans-serif!important}p{font-size:16px;margin:0;font-family:Montserrat,sans-serif!important}ul.Feature_list{display:grid;grid-template-columns:50% 50%;max-width:90%}body .follow_us{grid-template-columns:90px 1fr;display:grid}.List-banner-left ul li{border-radius:7.7px;border:1.444px solid #8941ff;background:#f6f1ff}.new_list .List-banner-left ul li{padding-left:30px;border-radius:7.7px;border:0;background:url(https://clockdiary.com/wp-content/themes/ClockDiary/css/images/tick-circle.svg) left center no-repeat}.com-button a.wp-block-button__link.wp-element-button{font-size:20px;font-style:normal;font-weight:500;line-height:30px;color:#fff;border-radius:8px;background:#2959f1;min-width:230px;margin-top:10px;padding:14px 24px}.wp-block-columns.section.Banner_section{overflow:visible!important;width:90%;padding:40px 15px 80px}body .follow_us{align-items:center!important}body .follow_us figure.wp-block-image.size-full,body .follow_us figure.wp-block-image.size-large{max-width:30px!important;width:auto!important;display:unset!important}body .follow_us figure.wp-block-image.size-full a,body .follow_us figure.wp-block-image.size-large a{display:unset!important;text-align:center;padding:7px}figure.wp-block-gallery.has-nested-images{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;max-width:150px;justify-content:center;align-items:center}body .follow_us figure.wp-block-image.size-large img{max-width:30px!important}body .follow_us{align-items:center!important;margin:60px 0 20px}.List-banner-left ul li a{padding:15px 10px;background-repeat:no-repeat;background-position:right 10px center;color:#060535!important;text-decoration:none!important;background-size:20px 20px;font-size:15px;font-style:normal;font-weight:500;line-height:15px;letter-spacing:.087px;width:100%}.wp-block-image.replace-video{position:relative}.wp-block-image.replace-video figure:after{content:'';background-image:url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/Icon.svg);background-repeat:no-repeat;background-position:center center;position:absolute;top:calc(30% - 10px);z-index:1;width:100px;height:100px;left:calc(50% - 10px);background-color:rgba(0,0,0,.3);border-radius:50%;cursor:pointer;display:none!important}.testimonial_main .section,.wp-block-columns.full_white.no-padding,div#content-inside{padding:0}.wp-block-columns.full_white{background:#fff;padding:80px 15px 0;margin-bottom:0}.pheding{text-align:center;font-size:20px;font-style:normal;line-height:130%;letter-spacing:3px;font-family:Manrope,sans-serif!important;font-weight:700}.Section-logos .slick-initialized .slick-slide{border-radius:20.395px!important;background:#fefefe;box-shadow:0 20px 70px 0 rgba(111,109,113,.2)!important;padding:20px}.Section-logos .lswssp-wrap{max-width:100%;margin:0 auto;width:100%;overflow:hidden!important}.Section-logos .lswssp-wrap .slick-track{padding:40px 0 70px}.Section-logos .lswssp-logo-carousel.slick-initialized{opacity:1;padding:25px 0}#primary,.entry-content{margin-bottom:0;padding-bottom:0}.section-boxes{padding:50px 20px}.section-boxes .box{padding:40px;border-radius:20.331px;background:#fefefe;box-shadow:0 19.314649581909px 33.546501159668px 0 rgba(111,109,113,.13)}.section-boxes .box h3.wp-block-heading{font-size:22px;font-style:normal;line-height:normal;font-family:Manrope,sans-serif!important;font-weight:700;margin:10px 0}.section-boxes.padding-top-0{padding-top:0}.section-boxes .box img{max-width:50px}p.p_center{max-width:700px;margin:0 auto;text-align:center}.wp-block-gutena-tab.inner_tabs{padding-top:40px!important;border-radius:30px!important;border:5px solid #dde1ff!important;background:#fff!important;box-shadow:0 1px 4px 0 rgba(255,255,255,.08) inset,0 0 32px 0 rgba(255,255,255,.04) inset!important;backdrop-filter:blur(45px)!important}.gray-bg,.section.bg-dark{box-shadow:0 1px 4px 0 rgba(255,255,255,.08) inset,0 0 32px 0 rgba(255,255,255,.04) inset}.top_tab_content p.has-text-align-center{margin:0 auto!important;text-align:center;max-width:600px}.inner_tab_left{display:grid;grid-template-columns:500px auto;margin:20px 0 0;align-items:center;grid-gap:30px}.wp-block-gutena-tab.inner_tabs .wp-block-columns{margin-bottom:0!important;gap:1em}.inner_tab_left ul{display:grid!important;grid-template-columns:auto}.wp-block-column.section{flex-basis:unset;flex-grow:unset;margin:0 auto}.wp-block-column.blue_bg.is-layout-flow{flex-basis:unset;flex-grow:unset;margin:0 auto;border-radius:9.975px;background-color:#2959f3;background-repeat:no-repeat;background-position:left center;position:relative}.section.bg-dark .t-box>div,.wp-block-column.blue_bg.is-layout-flow>div{margin:0;align-items:center!important}figure.wp-block-image.size-full.right-img{position:absolute;bottom:-45px;right:-95px;left:auto}.wp-block-button.watch_video a{background:url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/arrow-right-line.png) right 10px center no-repeat #fff;margin-top:22px;padding-right:54px;color:#2959f3;border-radius:10px}figure.wp-block-image.size-full.right-img img{max-width:82%;float:right}.wp-block-columns.section.virtual_aperture{overflow:visible;margin-bottom:60px}.wp-block-column.Left_side.is-layout-flow{padding:50px 60px 50px 50px}.section.bg-dark{border-radius:30px;background:#dde1ff;padding:60px 40px!important;margin-bottom:60px;max-width:1596px}.section.bg-dark .t-box{border-radius:17.733px;background:#fefefe;box-shadow:0 17.389711380005px 60.863983154297px 0 rgba(111,109,113,.2)}.section.bg-dark .t-box figure.wp-block-image.size-full{border-radius:10.932px;background:#fefefe;box-shadow:0 10.720530509949px 37.521850585938px 0 rgba(111,109,113,.2);min-height:60px;display:grid;align-items:center;justify-content:center}.section.bg-dark .t-box>div{padding:10px;gap:20px}.section.bg-dark .t-box figure.wp-block-image.size-full img{max-width:60px}.section.bg-dark .wp-block-columns,.section.inner-section.is-layout-flex .wp-block-columns{margin-bottom:0}.section.bg-dark .wp-block-columns.box-outer{margin-bottom:30px!important}h3.wp-block-heading.has-text-align-center.with_blue_text,h3.wp-block-heading.has-text-align-center.with_red_text{color:#000;font-family:Manrope,sans-serif!important;font-size:30px;font-style:normal;font-weight:700;line-height:normal}h2.wp-block-heading.has-text-align-center.with_blue_text,h2.wp-block-heading.has-text-align-center.with_red_text{color:#000;font-family:Manrope,sans-serif!important;font-size:40px;font-style:normal;font-weight:700;line-height:normal}h2.wp-block-heading.has-text-align-center.with_blue_text strong,h3.wp-block-heading.has-text-align-center.with_blue_text strong{color:#2959f3}h2.wp-block-heading.has-text-align-center.with_red_text strong,h3.wp-block-heading.has-text-align-center.with_red_text strong{color:red}h2.wp-block-heading.h3{font-size:36px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-1.336px;font-family:Manrope,sans-serif!important;margin-bottom:20px}.wp-block-columns.section.inner-section.is-layout-flex{padding:100px 15px 320px;position:relative;background-image:url(https://clockdiary.com/wp-content/uploads/2023/06/tabs/Right_Choice.svg);background-repeat:no-repeat;background-position:right -30px top 70px;background-size:64%}.wp-block-columns.section.inner-section.is-layout-flex ul{list-style:none;padding:0 0 24px;margin:20px 0;position:relative}.wp-block-columns.section.inner-section.is-layout-flex ul li{color:#000;font-family:Lato,sans-serif!important;font-size:20px;font-style:normal;font-weight:400;line-height:normal;padding:7px 0 7px 35px!important;margin:0!important;background-image:url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/tick-circle.svg);background-repeat:no-repeat;background-position:left top 5px}.wp-block-columns.section.inner-section.is-layout-flex ul:after{content:'';width:100%;position:absolute;bottom:-16px;height:13px;background-image:url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/bottom-line.svg);background-position:bottom left;background-repeat:no-repeat}.wp-block-columns.section.inner-section.is-layout-flex p{color:#000;font-size:18px;margin-bottom:10px}.gray-bg{margin:0 auto;background:rgba(207,206,255,.15)}.full_white,body .betterdocs-single-wraper{background-color:#fff}.main_tabs>ul,ul#list_box{background:rgba(255,255,255,.54);box-shadow:0 4px 30px 0 rgba(0,0,0,.1)}.section.price_main{position:relative;max-width:1200px;border-radius:42.645px;border:1.64px solid var(--silver,#e9ecf2);background:#fff;box-shadow:10px 20px 70px 0 rgba(72,72,72,.15);overflow:visible;margin:120px auto 10px!important;padding:20px}.advance_plan,.wp-block-button.popular_botton{box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;position:absolute}.advance_plan{right:100px;max-width:480px;top:-45px;border-radius:42.645px;background:#2959f1;padding:82.5px 40px 40px!important}.basic_plan{max-width:50%}.section.price_main ul.has-normal-font-size{list-style:none;margin:25px 0;padding:0}.section.price_main ul.has-normal-font-size li{font-family:Lato,sans-serif!important;font-size:22px!important;font-weight:400!important;line-height:32px!important;letter-spacing:.014em!important;padding:7px 0 7px 35px!important;margin:0!important;background-image:url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/check-circle-white.svg);background-repeat:no-repeat;background-position:left top 8px;background-size:25px}.section.price_main .basic_plan ul.has-normal-font-size li{background-image:url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/check-circle-1.svg)}.wp-block-button.popular_botton{border:4px solid #fff;background:#3f4da1!important;top:-33px;left:23%}.wp-block-button.popular_botton a{color:#fff!important;text-align:center;font-family:Montserrat,sans-serif!important;font-size:22.963px;font-style:normal;font-weight:500;background:#2959f1!important}.advance_plan h3{font-size:40px;font-style:normal;line-height:50px;color:#fff!important}.contact_us .wp-block-buttons,.price_main .wp-block-buttons{float:left!important}.price_main .wp-block-buttons a.wp-block-button__link.wp-element-button{font-size:16px;min-width:170px}.price_main p{font-size:20px;font-style:normal;font-weight:500!important;margin-bottom:5px}.price_main .advance_plan .wp-block-buttons a.wp-block-button__link.wp-element-button{border-radius:10px;background:#fff;color:#2959f3}.flexible_plans{padding:50px 0 60px!important;background:#fff;margin:0}.wp-block-columns.section.faq_main{padding:75px 0 10px 15px;max-width:85%;gap:80px}.wp-block-columns.section.faq_main h2.wp-block-heading{color:#000;font-size:30px;font-style:normal;font-weight:700;line-height:40.487px;text-align:center}.faq_main .ea-card.sp-ea-single,.faq_main .ea-card.sp-ea-single .ea-body{background:0 0!important;border:0!important;border-radius:0;padding:10px 0 20px!important}.faq_main .ea-card.sp-ea-single{border-bottom:1px solid #e2e2e2!important}body .faq_main .ea-card.sp-ea-single h3.ea-header a{padding:0!important;font-family:Manrope,sans-serif!important;font-size:26px!important;font-style:normal!important;font-weight:700!important;line-height:30.355px!important}.faq_main .ea-card.sp-ea-single.ea-expand h3.ea-header a{color:#2959f3!important}.wp-block-columns.section.gray-bg.contact_us.is-layout-flex{border-radius:54.498px;background:rgba(124,141,215,.16);padding:60px;margin-bottom:60px;position:relative}.gray-bg.contact_us h2.wp-block-heading{font-size:50.991px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:-.63px;margin-top:30px}figure.wp-block-image.size-full.img_right_1{max-width:72%;text-align:right;float:right;margin-top:-40px}figure.wp-block-image.size-full.img_right_1 img{margin-right:-50px;max-width:320px}figure.wp-block-image.size-full.img_right_2 img{width:80%;max-width:600px}figure.wp-block-image.size-full.img_right_2{position:absolute;bottom:0;text-align:center;right:0}.bottom_plan .advance_plan,figure.wp-block-image.size-large.faq_image_new{text-align:center!important}.main_tabs>ul{border-radius:50px;max-width:723px;margin:30px auto 20px!important;padding:10px 16px!important;border:0!important}body .main_tabs>ul li{border-radius:49.597px;border:.827px solid #bdbdbd!important;box-shadow:0 .82661670446396px 41.330833435059px 0 rgba(255,255,255,.2),0 0 41.330833435059px 0 rgba(0,0,0,.2)!important}body .inner_tabs .inner_tab_left ul li{min-width:300px!important;border-radius:11.615px!important;box-shadow:rgba(100,100,111,.2) 0 2px 16px 0!important;padding:0!important;height:70px!important;border:0!important}body .inner_tabs ul li.active,body .main_tabs>ul li.active{background:#2959f3!important}body .inner_tabs .inner_tab_left .gutena-tab-title-text div{font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:2.091px;text-transform:uppercase;font-family:Manrope,sans-serif!important;max-width:100%;margin:0 auto;padding:0 15px}body .inner_tabs .inner_tab_left .gutena-tab-title-text div strong{font-size:14.584px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.929px;text-transform:capitalize}.inner_tabs.tab_com.active{margin-bottom:0;padding:10px 50px}body .inner_tabs.tab_com.tab2.active>.wp-block-columns{margin-bottom:0!important;align-items:center!important}.wp-block-column.tab-boxs:after{width:.78px;height:100%;content:'';position:absolute;background:#000;top:0;left:-30px}.calendly_form,.cls_checked .wpcf7-not-valid-tip,.site-footer a.custom-logo-link.no-t-logo,.wp-block-column.tab-boxs.tab-box1:after,figure.wp-block-image.size-full.img_right_1{display:none}.wp-block-gutena-tab.inner_tabs .wp-block-columns.tab_boxes_outer{margin-bottom:40px!important;grid-gap:60px}.wp-block-column.tab-boxs{position:relative;padding:0 20px}.wp-block-columns.full_white.logos_slider{padding:80px 0 0}.boxes_main_div .section{width:92.5%}.top-margin-10,.wp-block-columns.full_white.main_outer{padding-top:10px!important}.top-padding-40{padding-top:40px!important}.bottom-20{margin-bottom:20px!important}.top-padding-0{padding-top:0!important}.wp-block-columns.full_white.mg-50{margin-top:-80px}.contact_outer .row.g_2 p{display:grid}.wpcf7-form{max-width:100%;margin:50px auto;border-radius:23.214px;background:#fff;box-shadow:0 0 35px 0 rgba(0,0,0,.1);padding:40px}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:10px;border:2px solid #00a0d2;font-size:20px}.contact_outer .row.g_2{width:100%;display:inline-block;margin:0}.contact_outer{padding:50px}.contact_outer .row.g_1{display:grid;grid-template-columns:auto;margin:0}.wpcf7-form .contact_outer label{width:100%;font-size:14px;font-style:normal;font-weight:600;line-height:28.699px;text-transform:capitalize}.wpcf7-form .contact_outer label input{font-size:14px;font-style:normal;font-weight:300;line-height:29.847px;letter-spacing:.115px;font-family:Lato,sans-serif!important}.wpcf7-form .contact_outer .row.g_1.botton_outer{justify-content:center;margin-top:40px}.wpcf7-form .contact_outer input.wpcf7-form-control.has-spinner.wpcf7-submit{border-radius:10px;background:#2959f3;min-width:140px;margin:0 auto}.wpcf7-form .contact_outer span.wpcf7-list-item,.wpcf7-form .contact_outer span.wpcf7-list-item input{margin:0}.wpcf7-form .contact_outer span.wpcf7-list-item-label{font-size:16px;font-style:normal;font-weight:300;line-height:29.847px;letter-spacing:.115px}ul#list_box{border-radius:50px;border:1px solid #e3e3e3;display:grid;padding:10px 15px;max-width:800px;margin:40px auto;list-style:none}.contact-us ul#list_box{margin:30px auto;padding:10px 15px}ul#list_box li{border-radius:49.597px;border:.827px solid #bdbdbd;box-shadow:0 .82661670446396px 41.330833435059px 0 rgba(255,255,255,.2),0 0 41.330833435059px 0 rgba(0,0,0,.2);padding:10px;position:relative;text-align:center;font-size:16.879px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:1.488px;font-family:Manrope,sans-serif!important;color:#000}ul#list_box li strong{border-radius:50%;background:#d9d9d9;font-weight:600;padding:5px 10px;text-align:center;font-size:12.441px}ul#list_box li.active{background:#2959f3;color:#fff}ul#list_box li.active strong{background:#fff;color:#2959f3}.max_650{max-width:650px;margin:0 auto;font-size:18px;font-style:normal;font-weight:400;line-height:24px}.calendly_form iframe{min-height:900px;float:left}.hide_div_web{visibility:hidden}body header .container{visibility:visible!important}header .godiv.current-menu-item a{text-decoration:unset}.bottom_plan .section.price_main{margin-top:0!important}.bottom_plan .advance_plan{top:0;width:40%}.bottom_plan .price_main .wp-block-buttons{float:unset!important}.error404 .container,.page-template-default .container,.page-template-default .section,.search .container{max-width:90%;width:100%;font-family:Montserrat,sans-serif!important;overflow:hidden;padding:0 15px!important}.google_signup:before,button.loginButton{font-family:"Google Sans",arial,sans-serif;font-weight:500;text-overflow:ellipsis;vertical-align:top;width:100%;text-align:center;overflow:hidden;font-size:20px}.page-template-default div#primary{padding:40px 0}.betterdocs-entry-content img{max-width:100%;height:auto}figure.wp-block-image.size-large.faq_image_new img{max-width:70%;margin:0 auto!important;float:unset}figure.wp-block-image.size-large.img_right_2{float:right;position:relative;bottom:-60px;right:-10px}figure.wp-block-image.size-large.right-img{position:absolute;bottom:-65px;right:-115px;left:auto}figure.wp-block-image.size-large.right-img img{max-width:95%;float:right}button.loginButton{flex-grow:1;background-color:#fff;padding:10px 10px 10px 12px;background-image:url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/social-microsoft.svg);background-repeat:no-repeat;background-size:27px;background-position:left 10px center;border:1px solid #ddd!important;border-radius:7px}button#loginButton2:hover{background-color:rgba(66,133,244,.1)}button.loginButton:focus,button.loginButton:focus-visible{border:1px solid #ddd!important;outline:#f0f8ff}.cl-or-divider{display:flex;justify-content:center;align-items:center;margin:15px 0}.cl-or-divider span{width:90px;padding:10px;font-size:18px;font-weight:500}.cl-or-divider:after,.cl-or-divider:before{content:"";display:block;background:#c6d2d9;width:100%;height:1px}.g_id_signin{width:100%;opacity:0}.google_signup:before{content:'Sign up with Google';background:url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/GLogo.svg) left 10px center/27px no-repeat #fff;height:55px;z-index:revert-layer;position:absolute;top:-7px;flex-grow:1;padding:10px 10px 10px 0;border:1px solid #ddd!important;border-radius:7px;padding-top:16px!important}body .betterdocs-content-area .sidebar-layout-5{box-shadow:unset}.betterdocs-single-wraper .betterdocs-full-sidebar-left{border-right:0}body.tax-doc_category .simplebar-content-wrapper{overflow:auto!important;max-height:700px}ul.latest-posts.clockdiary{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:50px;margin-top:50px}ul.latest-posts.clockdiary p{line-height:32px!important}ul.latest-posts.clockdiary li.post{border:1px solid #ddd;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;overflow:hidden;border-radius:20px;padding-bottom:40px;position:relative}ul.latest-posts.clockdiary .post-title{padding:0 0 10px}ul.latest-posts .post-contnet{padding:15px}ul.latest-posts.clockdiary li.post .read-more{padding:5px 20px;position:absolute;right:2px;bottom:20px}ul.latest-posts.clockdiary .read-more a{font-size:20px}.footer-section1 .left-col.logo a.custom-logo-link.white_logo,.logged-in .hide_no_login{display:block!important}.wp-block-column.section.blog_section{padding:60px 0}ul.latest-posts.clockdiary .post-title a{color:#000;font-family:Manrope,sans-serif!important;font-size:26px!important;font-style:normal!important;font-weight:700!important;line-height:30.355px!important}body p.extra_month{color:#ff0!important;padding:10px 0!important;font-weight:800!important}p.price_text.price_cost.has-normal-font-size{padding:5px 0}body p.main_text_n{font-weight:400!important}.site-info.footer-section3 .container{grid-template-columns:1fr!important;align-items:center}.wp-block-columns.main_blog_sec{background:#f9f4ff!important;padding-bottom:0;margin-bottom:0}@media (min-width:1040px){body .main_cd_outer{zoom:75%}.page-id-2397 .main_cd_outer,body.page-template-lp-template-php .main_cd_outer,body.post-template-default.single .main_cd_outer{zoom:normal}header.new-header .container{grid-template-columns:200px auto 340px;overflow:visible}.new-right_menu ul .book_demo a,li.mobile_show.book_demo{font-size:18.462px}.main.h1,.main.h1 strong{font-size:48px;font-weight:700;line-height:60px}.terms .content-area ol li,.terms .content-area ul li,p,p.banner_text{font-size:22px;font-weight:400;line-height:32px}.List-banner-left ul li a{font-size:18px}body .follow_us{grid-template-columns:115px 1fr}.site-info.footer-section3 p,header.new-header .onepress-menu a{font-size:22px!important;padding:0 25px}.wp-block-columns.section.Banner_section{padding:50px 15px 40px}.pheding,.section-boxes .box h3.wp-block-heading,.wpcf7-form .contact_outer label input,.wpcf7-form .contact_outer span.wpcf7-list-item-label,.wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea,ul#list_box li{font-size:22px}.Section-logos .slick-initialized .slick-slide{padding:20px;height:100px}.h2cls,body h1.wp-block-heading.h1cls,h2.wp-block-heading{font-size:48px;font-weight:700}.gutena-tab-title-text{font-size:22px;padding:10px 20px}.main_tabs>ul{max-width:100%}.top_tab_content p.has-text-align-center{text-align:center;max-width:800px}.section-boxes .box img{max-width:60px;margin-left:-6px}.section-boxes .box{padding:30px}.top_section .big-description{max-width:960px!important}.price_main .advance_plan .wp-block-buttons a.wp-block-button__link.wp-element-button,.price_main .wp-block-buttons a.wp-block-button__link.wp-element-button,.top_section .big-description p,.wp-block-button.watch_video a,.wp-block-columns.section.inner-section.is-layout-flex p{font-size:22px!important}.section.price_main ul.has-normal-font-size li,.wp-block-columns.section.inner-section.is-layout-flex ul li{font-size:22px;line-height:30px}.price_main p{font-size:26px;font-weight:600!important}.wp-block-columns.section.inner-section.is-layout-flex{padding:100px 15px 220px;background-position:right -50px top 100px;background-size:62%}.faq_main .ea-card.sp-ea-single h3.ea-header a{font-size:28px;line-height:38.355px;padding-bottom:10px!important;padding-right:10px!important}.wp-block-columns.section.faq_main h2.wp-block-heading{font-size:34px;font-style:normal;font-weight:700;line-height:46.487px}.paln_new{margin:-50px 0 0}.max_650{max-width:960px;font-size:22px;line-height:32px}ul#list_box li strong{border-radius:63%;padding:5px;font-size:18px;width:40px;height:40px;display:inline-block}.wpcf7-form .contact_outer label{width:100%;padding-bottom:10px;text-transform:capitalize;font-size:20px;font-style:normal;font-weight:500;line-height:38.847px;letter-spacing:.115px;color:#000}.wpcf7-form .contact_outer label span.wpcf7-form-control-wrap{float:left;width:100%}.wpcf7-form .contact_outer label input{line-height:38px}.wpcf7-form .contact_outer input.wpcf7-form-control.has-spinner.wpcf7-submit{border-radius:10px;min-width:auto;font-size:22px;padding:15px 30px}.wpcf7-form .contact_outer label input[type=checkbox]{width:20px;height:20px}.new-right_menu ul a{font-size:20px}.betterdocs-category-box.single-kb .docs-single-cat-wrap img{height:100px!important}.betterdocs-category-box.single-kb .docs-single-cat-wrap .docs-cat-title,.single-kb .docs-cat-list-2-box .docs-cat-title,.single-kb .docs-cat-list-2-items .docs-cat-title,.single-kb .docs-cat-title-inner .docs-cat-heading{font-size:26px!important}.betterdocs-categories-wrap.layout-flex{max-width:1160px!important}.betterdocs-categories-wrap.layout-flex a{max-width:400px!important}.betterdocs-categories-wrap.betterdocs-category-box.layout-2.single-kb .docs-single-cat-wrap,.betterdocs-categories-wrap.single-kb .docs-single-cat-wrap.docs-cat-list-2-box{padding:30px!important}.betterdocs-category-box.single-kb .docs-single-cat-wrap span,.betterdocs-toc>.toc-list li a:before,.right-sidebar-toc-wrap .betterdocs-toc>.toc-list a,.single-kb .docs-cat-list-2-box .title-count span{font-size:20px!important}.betterdocs-single-wraper .betterdocs-content-area{max-width:1648px!important;width:100%!important}betterdocs-single-wraper .betterdocs-content-area .docs-listing-main{padding:0 0 20px 20px}.betterdocs-breadcrumb .betterdocs-breadcrumb-item a,.betterdocs-breadcrumb-item.current span,.betterdocs-content ul li,.betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li a,.betterdocs-social-share .betterdocs-social-share-heading,.docs-category-listing .docs-list ul li a{font-size:20px!important;line-height:28px!important}.betterdocs-category-wraper .docs-category-listing .docs-cat-title .docs-cat-heading,body .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner .docs-cat-heading{font-size:28px!important}.docs-single-title .betterdocs-entry-title{font-size:44px!important;padding-bottom:0;text-transform:capitalize}.doc-single-content-wrapper h2.wp-block-heading{font-size:38px;font-weight:500}.doc-single-content-wrapper figure.wp-block-image.size-large{margin:15px 0}.betterdocs-single-layout4.betterdocs-single-wraper .betterdocs-content-full{max-width:1660px!important;margin:0 auto!important}body .betterdocs-single-wraper .betterdocs-content-area{min-height:800px;max-width:1660px!important;width:100%!important}}@media (min-width:1200px){.banner-video-section video,.replace-video img{float:right;max-width:100%;transform:scale(1.1)}.wp-block-columns.Banner_section{align-items:center!important}.replace-video img{width:100%!important;border-radius:unset;margin-top:0;margin-right:-85px;position:relative}
.page-id-7499 .replace-video img, .page-id-8533 .replace-video img {
margin-right: 40px;
max-width: 100%;
padding-bottom: 60px;
left: 40px;
}
.banner-video-section video{margin-top:-100px}.bottom_plan .advance_plan{height:100%}.footer-section2 .h5{font-size:24px}ul.footer-box-menu li a{font-size:22px;line-height:34.667px}body .inner_tabs .inner_tab_left .gutena-tab-title-text div{font-size:18px}.changebox_outer,div#header-strip span{font-size:22px!important;line-height:28px;font-weight:400}.section-boxes p.banner_text,p{line-height:36px}div#header-strip{min-height:60px}div#header-strip .changebox{min-height:30px;margin-top:0}.Section-logos .lswssp-wrap{max-width:1692px;width:90%;padding:0 40px}.Section-logos .slick-initialized .slick-slide{box-shadow:unset!important;border:1px solid #ddd;border-radius:0!important}.Section-logos .lswssp-logo-carousel{padding:25px 10px!important}.lswssp-logo-showcase .slick-slide{margin:0 10px}}@media (min-width:1140px){header.new-header .container{grid-template-columns:200px auto 340px;height:95px}header.new-header ul.new-right_menu li{float:right;display:inline-block;margin-left:20px}header .new-right_menu{float:right!important}header.new-header .onepress-menu{float:unset;width:auto;margin:0 auto;text-align:center;display:flex;justify-content:center}.onepress-menu li{content:'';border-right:1px solid rgba(0,0,0,.1)}}@media (min-width:1640px){body{zoom:100%}body .main_cd_outer{zoom:normal}}@media (max-width:1590px){.site-info.footer-section3 p,header.new-header .onepress-menu a{font-size:16px}}@media(max-width:1140px){.dektop_show,.dektop_show img{width:0;height:0}.main.h1,p.banner_text{text-align:center!important}.basic_plan,header#masthead .container{overflow:visible}body .faq_main .ea-card.sp-ea-single h3.ea-header a{font-size:18px!important;line-height:24.355px!important}.dektop_show{display:none}.mobile_show,.show_mobile{display:block!important}.boxes_main_div .section,.section,.site-footer .container,.wp-block-columns.section.Banner_section,header .container{width:100%}.wp-block-columns.section.Banner_section{padding:0 15px 80px}.new-right_menu,.wp-block-column.right-side.is-layout-flow.wp-block-column-is-layout-flow,figure.wp-block-image.size-full.img_right_1{display:none}.followWrap{height:auto!important}.main.h1{font-size:28px;font-weight:600;line-height:40px}.com-button a.wp-block-button__link.wp-element-button{font-size:12px;min-width:unset;margin-top:10px;padding:5px 8px}p.banner_text{font-size:16px;margin:10px 0}.wp-block-columns.button_outer_div .wp-block-buttons>.wp-block-button{margin:0 auto}.wp-block-columns.button_outer_div{display:grid;grid-template-columns:40% 50%;justify-content:center}body .follow_us{display:grid;grid-template-columns:40% 1fr;align-items:center!important;margin:30px 0;justify-content:center}body .follow_us p{margin:0;text-align:right!important}ul.Feature_list{max-width:100%;grid-gap:10px;grid-template-columns:1fr 1fr}.List-banner-left ul li{margin:0;padding:0}.List-banner-left ul li a{padding:10px;font-size:12px;width:100%}.replace-video img{max-width:100%;margin-top:0;border-radius:10px}.wp-block-image.replace-video figure:after{content:'';background-image:url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/Icon.svg);background-repeat:no-repeat;background-position:center center;position:absolute;top:calc(43% - 10px);z-index:1;width:40px;height:40px;left:calc(46% - 10px);background-color:rgba(0,0,0,.3);border-radius:50%;cursor:pointer;background-size:100% 100%;display:none!important}#nav-toggle{float:right;position:relative;width:50px;overflow:hidden;white-space:nowrap;color:transparent;height:44px;margin:0!important;padding:10px 0!important;top:15px;background:#404ea2;left:0;border-radius:10px}#nav-toggle span{position:absolute;top:50%;right:12px;margin-top:0;-webkit-transition:rotate .2s,translate .2s;transition:rotate .2s,translate .2s;display:inline-block;height:3px;width:24px;background:#fff}#nav-toggle span:after,#nav-toggle span:before{background:#fff!important}.wp-block-columns.full_white.logos_slider{padding:10px 0 0}.Section-logos .lswssp-logo-carousel.slick-initialized,h2,h3,h4{padding:0!important}#lswssp-logo-carousel-1 .lswssp-logo-img-wrap .lswssp-logo-img{max-height:30px!important}.pheding{text-align:center;font-size:16px;padding:0 15px;margin-bottom:0}.h2cls,body h1.wp-block-heading.h1cls,h2.wp-block-heading{font-size:24px!important;font-weight:700!important;line-height:30px!important;padding:0 15px}.has-text-align-center{text-align:center;padding:0 15px}.mb_tabs ul.gutena-tabs-tab.tab-center{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr;padding:23px!important;grid-gap:10px}.gutena-tabs-block.mb_tabs>.gutena-tabs-tab>.gutena-tab-title{padding:4px!important;font-size:12px;margin:0}.inner_tab_left{grid-template-columns:100%}body .inner_tabs .inner_tab_left ul li{min-width:auto!important;padding:5px!important;height:auto!important;margin:0}body .inner_tabs .inner_tab_left{margin:0}body .inner_tabs .inner_tab_left .gutena-tab-title-text div{font-size:12px;font-style:normal;font-weight:500;line-height:16.495px;letter-spacing:.2px;text-transform:uppercase}body .inner_tabs .inner_tab_left .gutena-tab-title-text div strong{font-size:10px;font-weight:500}.section-boxes .box{padding:20px}.section-boxes .box img{margin-left:-6px}.wp-block-columns.section.section-boxes{display:grid;grid-template-columns:1fr 1fr!important}h4.wp-block-heading{font-size:18px;font-weight:600;line-height:22px}.wp-block-column.Left_side.is-layout-flow{padding:40px}h2#virtual-aperture{padding:0;margin-bottom:10px}body .top_section .big-description{text-align:center;max-width:80%;margin:auto}body .bottom_section{max-width:80%;margin:20px auto 0}.top_section .big-description p{font-size:15px}body button.slick-arrow{width:20px;height:20px;background-size:6px}body .top_section .big-description p{font-size:16px}.wp-block-columns.section.inner-section.is-layout-flex{background-image:unset;padding:50px 15px}wp-block-columns.section.inner-section.is-layout-flex p{color:#000;font-size:16px;margin-bottom:10px}.wp-block-columns.section.inner-section.is-layout-flex ul li{padding:7px 0 7px 24px!important;background-position:left top 10px;background-size:18px}h2#consider-hiring-a-software-development-agency-to-help-you-with-your-project{font-size:24px;padding:0;line-height:32px}section.bg-dark .wp-block-columns.box-outer{margin-bottom:30px!important;display:grid;grid-template-columns:1fr 1fr}.section.price_main{border-radius:unset;border:unset;box-shadow:unset;margin:30px auto 10px!important}.basic_plan{border-radius:42.645px;border:1.64px solid var(--silver,#e9ecf2);background:#fff;box-shadow:10px 20px 70px 0 rgba(72,72,72,.15);margin:0 auto 70px!important;padding:50px 40px!important;width:100%;max-width:420px}.flexible_plans{padding:60px 0 0!important}.bottom_plan .section.price_main{padding-top:0!important}.paln_new{margin-bottom:0}.advance_plan{position:relative;right:unset;max-width:420px;top:unset;border-radius:42.645px;background:#2959f3;box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;padding:80px 40px!important;margin:0 auto 60px!important}.section.bg-dark .wp-block-columns.box-outer{grid-template-columns:1fr 1fr;display:grid}.section.bg-dark .t-box>div{display:grid;grid-template-columns:40px 1fr}div#content-inside{padding:0;margin-top:15px}.wp-block-columns.section.faq_main{padding:40px 15px;max-width:100%}.wp-block-columns.section.faq_main h2.wp-block-heading{font-size:22px;font-weight:700;line-height:30.487px;text-align:center}.faq_main .ea-card.sp-ea-single h3.ea-header a{font-size:18px!important;font-weight:500!important;line-height:28.355px!important}.wp-block-columns.section.gray-bg.contact_us.is-layout-flex{border-radius:54.498px;background:rgba(124,141,215,.16);padding:20px!important;margin-bottom:60px;position:relative}figure.wp-block-image.size-full.img_right_2{position:relative;bottom:-20px;text-align:center;right:0}.gray-bg.contact_us h2.wp-block-heading{font-size:24px;font-style:normal;font-weight:500;margin-top:30px;padding:0!important}.footer-section2 .container{grid-template-columns:1fr 1fr 1fr;grid-gap:20px}.app-store{position:relative;bottom:auto}.app-store p{font-size:14px;padding-bottom:10px}.onepress-menu.onepress-menu-mobile li{padding:15px 0;border-top:1px solid rgba(0,0,0,.05)!important}li.mobile_show.log_in{background-position:20px 32px!important;text-align:right;padding-top:30px}li.mobile_show.book_demo{position:absolute;bottom:32px;left:120px;padding:10px 0}body .onepress-menu.onepress-menu-mobile{padding-bottom:30px}body .content-outer.blog_section{display:grid;grid-template-columns:1fr;grid-gap:60px}.wp-block-columns.flexible_plans.bottom_plan{padding-top:0!important;margin-top:-26px}.bottom_plan .price_main .flexible_plans{padding:44px 0!important}.bottom_plan .price_main .wp-block-buttons{float:unset!important;margin-top:10px}}@media (max-width:800px){body h2,body h3,body h4{font-weight:700!important}.footer-section1 img{max-width:160px}.group-blog #primary{padding-top:120px}.betterdocs-category-wraper.betterdocs-single-wraper{width:100%;padding-top:80px}.docs-single-title .betterdocs-entry-title{font-size:25px!important;font-weight:700!important}.section-boxes .box h3.wp-block-heading{font-size:18px}.bottom_section .slick-slide.slick-active .slide-content p,body .bottom_section .slick-slide.slick-active.slick-current .slide-content .h3{font-family:Manrope,sans-serif!important;font-size:12px!important}.top_section .big-description{max-width:70%}body .bottom_section{max-width:90%}body .bottom_section .slick-slide img{max-width:45px}body .bottom_section .slick-slide.slick-active.slick-current .slide-content h3{font-size:12px}body .bottom_section .slick-slide.slick-active.slick-current .slide-content p{font-size:10px}body .bottom_section .slick-current{width:110px!important}body .bottom_section .slick-list.draggable{padding:50px 0 0!important}.section.bg-dark .t-box figure.wp-block-image.size-full img{max-width:44px}body .wp-block-columns.full_white.main_outer{padding-top:10px!important;margin-bottom:78px}.section.bg-dark .t-box>div{display:grid;grid-template-columns:40px 1fr}.section.bg-dark{padding:60px 20px!important}h3.wp-block-heading.has-text-align-center.with_blue_text,h3.wp-block-heading.has-text-align-center.with_red_text{color:#000;font-family:Montserrat,sans-serif!important;font-size:20px}.section.price_main ul.has-normal-font-size li{font-size:14px!important;padding:4px 0 4px 25px!important;background-position:left top 11px;background-size:18px}.section.price_main h3{font-size:22px!important}.price_main p{font-size:16px}.footer-section2 .container{grid-template-columns:1fr 1fr;grid-gap:20px}.footer-section1 .container{grid-gap:10px}.footer-social-icons a i:before{color:#8828ff;font-size:16px;margin-top:5px;display:block}.mb_tabs ul.gutena-tabs-tab.tab-center,.site-info.footer-section3 .container{grid-template-columns:1fr}.site-info.footer-section3 .right-col p{text-align:center}.left-col p{text-align:center!important;margin-bottom:10px}.footer-social-icons a{background:#fff;width:25px;height:25px}.site-footer .footer-social a{width:25px;height:25px;font-size:20px}.wp-block-gutena-tab.inner_tabs{border:2px solid #dde1ff!important}.contact_outer{padding:40px 25px}figure.wp-block-image.size-large.img_right_2{float:right;position:relative;bottom:-22px;right:auto}body .footer-section2 .container{grid-template-columns:1fr 1fr!important}body .top_section .big-description p,body a,body li,body p{font-family:Lato,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:20px!important;letter-spacing:.014em!important}}@media (max-width:768px){.betterdocs-search-form-wrap .betterdocs-live-search{margin-top:0}.betterdocs-search-heading h1.heading{font-size:28px!important}.wpcf7-form{margin:20px auto;padding:20px}.betterdocs-single-layout4 .betterdocs-content-full,body ul.zeroed_page.zeroed_post_list_data li{grid-template-columns:1fr}h2.wp-block-heading.h3{font-size:24px}.grid-col-2.sidebar-enable .docs-content-full-main{grid-column:auto!important}.wp-block-columns.flexible_plans.bottom_plan{padding-top:0!important;margin-top:-26px}.wp-block-columns.flexible_plans.bottom_plan .wp-block-column.basic_plan{margin-bottom:0!important}ul.latest-posts.clockdiary{grid-template-columns:1fr 1fr;padding:0 15px}}@media (max-width:600px){.contact_outer .row.g_2 p,.section.bg-dark .wp-block-columns.box-outer,.section.bg-dark.list_mobile .t-box>div,.wp-block-columns.button_outer_div,ul#list_box{grid-template-columns:1fr;grid-template-columns:1fr}ul#list_box{border-radius:0;border:0;background:0 0;box-shadow:unset;display:grid;padding:20px 15px;max-width:800px;margin:40px auto;list-style:none;grid-gap:10px}.contact-us ul#list_box{margin:30px auto;padding:10px 15px}.contact-us .wp-block-columns.full_white{padding:0 15px;margin-bottom:0}.wp-block-columns.full_white{background:#fff;padding:40px 15px 0;margin-bottom:0}.new-right_menu ul .log_in,li.mobile_show.log_in{background-position:center left 20px;text-align:right}.mobile_show.log_in a{text-align:left!important;display:inline-block;width:auto;float:left;padding-left:50px!important}.mobile_show.book_demo a{text-align:center;color:#fff!important}.onepress-menu.onepress-menu-mobile{padding-bottom:35px}.betterdocs-search-form-wrap .betterdocs-live-search{margin-top:60px}.new_list .List-banner-left ul li{padding-left:15px!important;background-size:20px;margin:0;border:0}.new_list .List-banner-left ul li a{font-size:13px!important;padding:5px 8px}.new_list .Feature_list{margin-top:8px}.wp-block-columns.button_outer_div_new{display:grid;grid-template-columns:100%;justify-content:center!important}p.banner_text_new{margin:10px 0 20px}.button_outer_div_new .com-button a.wp-block-button__link.wp-element-button{font-size:14px;padding:5px 10px}.section.bg-dark.list_mobile .t-box .wp-block-columns .wp-block-column:first-child,.section.bg-dark.list_mobile .t-box p br{display:none}.section.bg-dark.list_mobile .t-box>div{padding:0}.section.bg-dark.list_mobile .t-box{border-radius:0;background:0 0;box-shadow:unset;padding:0;margin:0}.section.bg-dark .wp-block-columns.box-outer{gap:0;margin:0!important}.section.bg-dark.list_mobile .t-box p{color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding:4px 0 4px 24px!important;margin:0!important;background-image:url(https://clockdiary.com/wp-content/themes/ClockDiary/css/images/tick-circle.svg);background-repeat:no-repeat;background-position:left top 7px;background-size:18px}.section.bg-dark.list_mobile{padding:20px!important;max-width:400px;margin-top:40px}.section.bg-dark.list_mobile .wp-block-spacer{height:0!important}.section.bg-dark.list_mobile h2.wp-block-heading.has-text-align-center.with_blue_text,.section.bg-dark.list_mobile h2.wp-block-heading.has-text-align-center.with_red_text{font-size:22px}body .wp-block-columns.full_white.main_outer{margin-bottom:0}.banner-video-section .mobile_show{display:block!important;margin-top:-30px}.com-button a.wp-block-button__link.wp-element-button{padding:8px 10px}.home #primary,.page-id-2838 #primary{padding-top:100px}.wp-block-columns.section.faq_main{padding:40px 15px 0}.left_side ul.category-filter .blog_category_item{font-size:12px!important;padding:0 2px!important}.left_side ul.category-filter{border:0!important;float:right}body .right_side select#post-filter,body .right_side_mobile select#post-filter{max-width:200px;margin-bottom:10px;margin-right:-1px}.advance_plan{margin-bottom:30px!important}ul.latest-posts.clockdiary{grid-template-columns:1fr!important;gap:20px;padding:0 15px}ul.latest-posts.clockdiary .post-title a{font-size:20px!important;line-height:30px!important;font-weight:600}ul.latest-posts.clockdiary p{line-height:20px!important}}@media (max-width:580px){.app_url,.mb_tabs ul.gutena-tabs-tab.tab-center{grid-template-columns:1fr;grid-gap:10px}.wp-block-columns.section.section-boxes,body .footer-section2 .container{grid-template-columns:1fr!important}ul.footer-box-menu li a{font-size:16px;font-style:normal;font-weight:400;line-height:20.667px;text-decoration:none}.mb_tabs ul.gutena-tabs-tab.tab-center{display:grid;width:100%;padding:10px 23px!important}.footer-section2 .container{grid-template-columns:1fr;grid-gap:20px;margin-top:15px;align-items:unset}.box.box4{padding-bottom:0}.left-col p{margin-top:12px}.footer-section2 .container .menu{margin-bottom:0}.wp-block-button.popular_botton{left:22.5%}ul.zeroed_page .author_and_date span{font-size:10px}.betterdocs-entry-content img{max-width:100%;height:auto}.inner_tabs.tab_com.active{padding:25px 0!important}.wp-block-gutena-tab.gutena-tab-block.active{padding:10px 0}body .footer-section2 .container{grid-gap:10px}.site-info.footer-section3 p,body .site-info.footer-section3 .container{padding:10px}.page-id-2093 a.custom-logo-link.no-t-logo{padding:28px 0}}@media (max-width:390px){.com-button a.wp-block-button__link.wp-element-button{font-size:10px;padding:5px}}@media (max-width:310px){.com-button a.wp-block-button__link.wp-element-button{font-size:9px}}
.site-footer {
padding: 90px 0 40px !important;
}
@media screen and (max-width: 1140px) { li.mobile_show.book_demo {
bottom: 31px !important;
}
li.mobile_show.book_demo {
position: absolute;
bottom: 32px;
left: 120px;
padding: 10px 0;
}
.onepress-menu.onepress-menu-mobile li {
border-top: 1px solid rgb(0 0 0 / 9%) !important;
}
header .site-logo-div img {
width: 200px !important;
}
.home div#content-inside {
margin-top: 0px !important;
}
body .site-header.no-scroll #nav-toggle {
background: #fff0 !important;
}
}
@media screen and (min-width: 600px) and (max-width: 1140px) {
.home .wp-block-columns.full_white {
padding: 60px 15px 0 !important;
}
li.mobile_show.log_in {
background-position: 20px 32px !important;
text-align: left !important;
padding-top: 30px;
padding-left: 30px;
}
header.new-header .onepress-menu li#menu-item-2080 a {
padding: 0px 40px 3px 40px !important;
}
.mobile_show.book_demo a {
color: #fff !important;
}
}
@media screen and (min-width: 900px) and (max-width: 1039px) {   .single-docs.page-loads-cta .betterdocs-single-layout4.betterdocs-single-wraper .docs-single-main {
padding: 20px 35px 35px 35px;
}
.tax-doc_category .betterdocs-search-form-wrap .betterdocs-live-search,
.post-type-archive-docs .betterdocs-search-form-wrap .betterdocs-live-search {
padding: 110px 0px 30px 0px !important	;
}
.single-docs.page-loads-cta #betterdocs-breadcrumb,
.tax-doc_category.page-loads-cta .betterdocs-search-form-wrap .betterdocs-live-search,
.post-type-archive-docs.page-loads-cta .betterdocs-search-form-wrap .betterdocs-live-search {
padding: 0px 0px 0px 0px !important	;
}
.page-template-common-templates.page-id-1987.page-loads-cta .content-area {
padding-top: 40px !important;
}
.page-template-common-templates.page-id-1987 .content-area {
padding-top: 130px !important;
}
.home .wp-block-columns.full_white {
padding: 60px 40px 0!important
}
.wp-block-columns.section.faq_main {
padding: 40px 40px !important;
}
.col-ab-40-cta {
padding: 0px 40px !important;
}
.home header .site-logo-div img {
padding: 16px 0px !important;
}
.footer-section2 .container {
grid-template-columns: 1fr 1fr 1fr !important;
}
.home ul.latest-posts.clockdiary {
grid-template-columns: 1fr 1fr !important;
gap: 40px;
}
.home ul.latest-posts {
padding-left: 40px !important;
padding-right: 40px !important;
}
.site-footer {
padding: 90px 0 40px !important;
}
.home .wp-block-columns.full_white {
padding: 60px 40px 0!important
}
.wp-block-columns.section.faq_main {
padding: 40px 40px !important;
}
.col-ab-40-cta {
padding: 0px 40px !important;
}
.col-ab-25-cta {
padding: 0px 25px !important;
}
.tax-doc_category .no-scroll #nav-toggle span,
.post-type-archive-docs .no-scroll #nav-toggle span,
.single .no-scroll #nav-toggle span,
.single-docs .no-scroll #nav-toggle span,
.page-template-download-template .no-scroll #nav-toggle span {
top: 50%;
}
.tax-doc_category header.no-scroll .site-logo-div img,
.post-type-archive-docs header.no-scroll .site-logo-div img,
.single header.no-scroll .site-logo-div img,
.single-docs header.no-scroll .site-logo-div img,
.page-template-download-template header.no-scroll .site-logo-div img,
.page-template-common-templates.page-id-1987 header.no-scroll .site-logo-div img,
.page-template-template-changelog header.no-scroll .site-logo-div img {
width: 150px !important;
padding-top: 25px;
padding-bottom: 25px;
}
.tax-doc_category #primary,
.post-type-archive-docs #primary,
.single #primary,
.single-docs #primary,
.page-template-download-template #primary {
padding-top: 120px !important;
}
.page-template-common-templates.page-id-1987 header .site-logo-div img {
width: 150px !important;
padding-top: 25px !important;
padding-bottom: 25px !important;
}
}
@media screen and (min-width: 800px) and (max-width: 900px) { .page-template-common-templates.page-id-1987 header .site-logo-div img {
width: 150px !important;
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.page-template-common-templates.page-id-1987.page-loads-cta .content-area {
padding-top: 40px !important;
}
.page-template-common-templates.page-id-1987 .content-area {
padding-top: 130px !important;
} .tax-doc_category .betterdocs-search-form-wrap .betterdocs-live-search,
.post-type-archive-docs .betterdocs-search-form-wrap .betterdocs-live-search {
padding: 110px 0px 30px 0px !important;
}
.single-docs.page-loads-cta #betterdocs-breadcrumb,
.tax-doc_category.page-loads-cta .betterdocs-search-form-wrap .betterdocs-live-search,
.post-type-archive-docs.page-loads-cta .betterdocs-search-form-wrap .betterdocs-live-search {
padding: 0px 0px 0px 0px !important	;
}
.tax-doc_category .no-scroll #nav-toggle span,
.post-type-archive-docs .no-scroll #nav-toggle span,
.single .no-scroll #nav-toggle span,
.single-docs .no-scroll #nav-toggle span,
.page-template-download-template .no-scroll #nav-toggle span {
top: 50%;
}
.tax-doc_category header.no-scroll .site-logo-div img,
.post-type-archive-docs header.no-scroll .site-logo-div img,
.single header.no-scroll .site-logo-div img,
.single-docs header.no-scroll .site-logo-div img,
.page-template-download-template header.no-scroll .site-logo-div img,
.page-template-template-changelog header.no-scroll .site-logo-div img  {
width: 150px !important;
padding-top: 25px;
padding-bottom: 25px;
}
.tax-doc_category #primary,
.post-type-archive-docs #primary,
.single #primary,
.single-docs #primary,
.page-template-download-template #primary {
padding-top: 120px !important;
}
.tax-doc_category header#masthead.no-scroll,
.post-type-archive-docs header#masthead.no-scroll,
.single header#masthead.no-scroll,
.single-docs header#masthead.no-scroll,
.page-template-download-template header#masthead.no-scroll {
height: 80px;
} 
.home .wp-block-columns.full_white {
padding: 60px 40px 0!important
}
.wp-block-columns.section.faq_main {
padding: 40px 20px !important;
}
.col-ab-40-cta {
padding: 0px 40px !important;
}
.col-ab-25-cta {
padding: 0px 25px !important;
}
.home header .site-logo-div img {
padding: 20px 0px !important;
}
.footer-section2 .container {
grid-template-columns: 1fr 1fr 1fr !important;
}
.home ul.latest-posts.clockdiary {
grid-template-columns: 1fr 1fr !important;
}
.home ul.latest-posts {
padding-left: 40px !important;
padding-right: 40px !important;
}
.site-footer {
padding: 90px 0 40px !important;
}
}
@media (max-width: 800px) {
.tax-doc_category .betterdocs-category-wraper.betterdocs-single-wraper {
padding-top: 0px !important;
} .tax-doc_category .betterdocs-search-form-wrap .betterdocs-live-search,
.post-type-archive-docs .betterdocs-search-form-wrap .betterdocs-live-search {
padding: 110px 0px 30px 0px !important	;
}
.single-docs.page-loads-cta #betterdocs-breadcrumb,
.tax-doc_category.page-loads-cta .betterdocs-search-form-wrap .betterdocs-live-search,
.post-type-archive-docs.page-loads-cta .betterdocs-search-form-wrap .betterdocs-live-search {
padding: 0px 0px 0px 0px !important	;
}
ul.zeroed_page .content_outer .h5 a {
font-size: 20px !important;
line-height: normal !important;
}
body .top_section .big-description p, body a, body li, body p {
font-family: Lato, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 20px !important;
letter-spacing: .014em !important;
}
.h2cls, body h1.wp-block-heading.h1cls, h2.wp-block-heading {
font-size: 22px !important;
font-weight: 700 !important;
line-height: 30px !important;
padding: 0 15px;
}
.betterdocs-sidebar-left{
display: none !important;
}
.page-template-common-templates.page-id-1987.group-blog.page-loads-cta #primary.content-area {
padding-top: 60px !important;
}
.page-template-common-templates.page-id-1987.group-blog #primary.content-area {
padding-top: 140px !important;
}
}
@media screen and (min-width: 766px) and (max-width: 800px) {
.single-docs #betterdocs-sidebar-left{
display: none !important;
}
}
@media screen and (max-width: 768px) {
.single div#content-inside.sigleblog {
margin-top: 0px !important;
}
}
@media screen and (min-width: 767px) and (max-width: 800px) {
.single-docs #betterdocs-sidebar-left{
display: none !important;
}
h2.wp-block-heading.cl-pt-top-cta {
padding-top: 40px!important;;
}
.home .wp-block-columns.button_outer_div {
grid-template-columns: 1fr !important;
}
.basic_plan,
.advance_plan {
max-width: 600px;
}
.home .wp-block-columns.full_white {
padding: 60px 40px 0!important
}
.wp-block-columns.section.faq_main {
padding: 40px 40px !important;
}
.col-ab-25-cta {
padding: 0px 25px !important;
}
.col-ab-40-cta {
padding: 0px 40px !important;
}
body .footer-section2 .container,
.footer-section2 .container {
grid-template-columns: 1fr 1fr 1fr !important;
}
.home ul.latest-posts.clockdiary {
grid-template-columns: 1fr 1fr !important;
gap: 2em !important;
}
.home ul.latest-posts {
padding-left: 40px !important;
padding-right: 40px !important;
}
.site-footer {
padding: 90px 0 40px !important;
}
}
@media (max-width: 600px) { .single-docs.page-loads-cta #betterdocs-breadcrumb {
padding: 0px 0px 0px 0px !important;
} .tax-doc_category .betterdocs-search-form-wrap .betterdocs-live-search,
.post-type-archive-docs .betterdocs-search-form-wrap .betterdocs-live-search {
margin-top: 0px !important;
}
li.mobile_show.log_in {
padding-left: 0px !important;
} h2.wp-block-heading.cl-pt-top-cta {
padding-top: 40px!important;;
}
}.no-scroll a.custom-logo-link {
display: none!important;
}
.no-scroll .site-logo-div a.custom-logo-link.white_logo {
display: block!important;
}
body .site-header.no-scroll{
background:#2959F3!important;
}
.site-header.no-scroll .new-right_menu ul .book_demo a, .home .Banner_section .com-button a.wp-block-button__link.wp-element-button {
background: #fff!important;
color: #2959F1!important;
font-weight: 700!important;
}
.home #primary {
background: #2959F3!important;
}
.home .Banner_section h1, .home .Banner_section strong, body .List-banner-left ul li a {
color: #fff!important;
}
.home p.banner_text{
color: #fff;
}
.new_list .List-banner-left ul li {
background-image: url(https://clockdiary.com/wp-content/themes/ClockDiary/css/images/icon_list.svg)!important;
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
.Section-logos .slick-initialized .slick-slide {
box-shadow: unset!important;
}
.wp-block-columns.section.Banner_section {
padding: 50px 15px 0px;
}
body .inner_tabs ul li.active, body .main_tabs>ul li.active {
background: #2A59F3 !important;
}
body .main_tabs>ul li, .main_tabs>ul{
box-shadow: unset!important;
}
body .section-boxes .box{
box-shadow: unset!important;
border:2px solid #00000020!important;
cursor: pointer;
}
body .section-boxes .box:hover {
border:2px solid #2959F1!important;
}
.wp-block-columns.gray-bg {
background: #f9f4ff;
}
body .inner_tabs .inner_tab_left ul li{
box-shadow: unset!important;
border:2px solid #00000020!important;
}
body .time-card-calculator{
font-size: 20px!important;
}
.home h1.wp-block-heading.visible_hideen {
font-size: 0px;
height: 0px;
}
.inner_tab_left {
grid-template-columns: 500px 1fr;
width:100%;
}
.inner_tabs.tab_com.active {
width: 100%;
}
@media (min-width:1240px) {
.mb_tabs figure.wp-block-image {
min-width: 688px;
}
}
@media (min-width: 1040px) {
body .site-header.no-scroll .new-right_menu ul .log_in, li.mobile_show.log_in {
background-image: url(//clockdiary.com/wp-content/themes/ClockDiary/css/images/sign-icon-white.svg);
}
.no-scroll .onepress-menu li {
border-right: 1px solid rgb(255 250 250);
}
.home .Banner_section h1, .home .Banner_section p.h1 {
font-size: 70px;
font-weight: 700;
line-height: 75px;
color:#fff!important;
}
p.banner_text, p {
font-size: 30px;
line-height: 40px;
}
body .List-banner-left ul li a {
font-size: 20px;
}
body .site-header.no-scroll .onepress-menu a, .site-header.no-scroll .new-right_menu ul a{
color:#fff!important;
}
}
@media (max-width: 800px) {
.no-scroll .site-logo-div a.custom-logo-link.white_logo {
margin-top: 27px;
}
body .site-header.no-scroll {
background: #2959F3!important;
min-height: 80px;
}
body .site-header.no-scroll #nav-toggle {
background: transparent;
}
.home .Banner_section p.h1 {
font-size: 32px!important;
font-weight: 700!important;
line-height: 40px!important;
text-align:center!important;
}
.wp-block-columns.section.Banner_section {
padding: 20px 15px 50px 20px;
}
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}body .tb_outer table th,
body.single-insights .tb_outer table tr th, 
body.single-post .tb_outer table tr th {
text-transform: capitalize !important;
background-color: rgb(0, 87, 167) !important;
color: rgb(255, 255, 255) !important;
border: 1px solid rgb(233, 233, 233) !important;
line-height: 1.42857 !important;
padding: 0.5em !important;
vertical-align: middle !important;
border: 1px solid #e9e9e9 !important !important;
}
body.single-insights .tb_outer table tr td, 
body.single-post .tb_outer table tr td {
border: 1px solid #e9e9e9 !important;
line-height: 1.42857 !important;
padding: .5em !important;
vertical-align: middle !important;
color: #333d42 !important;
background: #f7f7f7 !important;
}
.main-key-section-cta {
background-color: #fafcfe;
color: #111217;
padding: 60px 40px !important; 
}
.main-key-section-cta h2 {
margin-top: 0px !important;
margin-bottom: 10px !important;
position: relative;
padding-bottom: 25px;
color: #13004c !important;
font-weight: 700 !important;
font-size: 28px !important;
line-height: 40px !important;
}
.main-key-section-cta ul {
color: #333d42 !important;
letter-spacing: 0.4px !important;
font-size: 1em;
line-height: 1.6;
}
.main-key-section-cta li {
list-style-type: disc;
list-style-position: outside;  
font-size: 18px !important;
line-height: 28px !important;
letter-spacing: 0.4px !important;
margin: 10px 0 0 0 !important;
}