File: //home/turkishi/www/wp-content/themes/kidzieo/css/fid/fid-style-3.css
.pbminfotech-ele-fid-style-3 {
text-align: center;
width: 320px;
height: 320px;
line-height: inherit;
padding: 100px 0;
border-radius: 100%;
position: relative;
background-color: var(--pbmit-kidzieo-light-bg-color);
}
.pbminfotech-ele-fid-style-3::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
width: 320px;
height: 320px;
line-height: inherit;
padding: 100px 0;
border-radius: 100%;
border: 2px dashed rgba(var(--pbmit-kidzieo-global-color-rgb),0.3);
}
.pbminfotech-ele-fid-style-3:hover::after {
-webkit-animation-name: Rotate;
-moz-animation-name: Rotate;
-ms-animation-name: Rotate;
animation-name: Rotate;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
}
.pbminfotech-ele-fid-style-3 .pbmit-fld-contents {
line-height: inherit;
}
.pbminfotech-ele-fid-style-3 .pbmit-fid-inner {
font-size: 100px;
line-height: 90px;
display: inline-block;
margin: 0;
color: var(--pbmit-kidzieo-global-color);
}
.pbminfotech-ele-fid-style-3 .pbmit-fid-title {
font-size: 20px;
line-height: 26px;
margin: 0;
}
.pbminfotech-ele-fid-style-3 .pbmit-fid-inner .pbmit-fid sup,
.pbminfotech-ele-fid-style-3 .pbmit-fid-inner .pbmit-fid sub {
font-size: 50px;
line-height: 50px;
position: relative;
right: 10px;
top: -40px;
}
.pbminfotech-ele-fid-style-3 .pbmit-fid-inner .pbmit-fid-before sub,
.pbminfotech-ele-fid-style-3 .pbmit-fid-inner .pbmit-fid-before sup {
font-size: 50px;
line-height: 50px;
position: relative;
left: 0px;
top: -40px;
}
.pbminfotech-ele-fid-style-3 .pbmit-fid-inner .pbmit-fid sub,
.pbminfotech-ele-fid-style-3 .pbmit-fid-inner .pbmit-fid-before sub {
bottom: -8px;
top: inherit;
}
@-webkit-keyframes Rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes Rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes Rotate {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@keyframes Rotate {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@media (min-width: 1150px) and (max-width: 1200px) {
.pbminfotech-ele-fid-style-3::after,
.pbminfotech-ele-fid-style-3 {
width: 300px;
height: 300px;
}
.pbminfotech-ele-fid-style-3 .pbmit-fid-inner {
font-size: 80px;
line-height: 70px;
}
}
@media (min-width: 1050px) and (max-width: 1150px) {
.pbminfotech-ele-fid-style-3::after,
.pbminfotech-ele-fid-style-3 {
width: 280px;
height: 280px;
}
.pbminfotech-ele-fid-style-3 .pbmit-fid-inner {
font-size: 70px;
line-height: 60px;
}
}
@media (min-width: 1024px) and (max-width: 1050px) {
.pbminfotech-ele-fid-style-3::after,
.pbminfotech-ele-fid-style-3 {
width: 260px;
height: 260px;
}
.pbminfotech-ele-fid-style-3 .pbmit-fid-inner {
font-size: 60px;
line-height: 50px;
}
}
@media (max-width: 767px) {
.pbminfotech-ele-fid-style-3 {
margin: 0 auto;
width: 300px;
height: 300px;
}
.pbminfotech-ele-fid-style-3::after {
width: 300px;
height: 300px;
}
}