html {
scroll-behavior: smooth;
}
section#banner .container{
margin-left:auto;
margin-right:auto;
}
.down_bx .flipper {
width: 240px !important;
}
li.top_txt .pulse-button {
font-family: arial;
padding: .75rem 1.5rem;
border-radius: 9999px;
text-decoration: none;
font-size: 1.25rem;
font-weight: 400;
display: inline-block;
color: #f5f6fd;
position: relative;
border: none;
box-shadow: 0 0 0 0 #00bcd4;
background-color: #00bcd4;
cursor: pointer;
animation: pulse1 2s infinite cubic-bezier(0.66, 0, 0, 1);
&:hover {
animation: none;
}
}
@keyframes pulse1 {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 999999999;
font-size: 18px;
border: none;
outline: none;
background-color: #00bcd4;
color: white;
cursor: pointer;
padding: 5px 20px;
border-radius: 4px;
}
#myBtn:hover {
background-color: #00a2f9;
color: #fff;
}
.down_bx .vertical-flip-container{
width:234px;
}
.down_bx .flipper{
width:234px;
}
.back h4 {
font-family: 'myFirstFont2';
text-shadow: none;
font-size: 20px;
}
.front h4 {
font-family: 'myFirstFont2';
font-size: 22px;
}
.front p{
font-family: 'myFirstFont1';
font-size: 16px;
text-shadow: none;
}
.front img {
width: 100%;
height: auto;
position: relative;
bottom: 33px;
}
.down_bx .front{
width: 234px;
height: 240px;
}
.down_bx .front img {
width: 234px;
height: 209px;
}
.open3 .down_bx{
bottom:275px;
}
.back {
padding: 31px 0px !important;
}
.flip-container { width: 260px;
cursor: pointer;
margin: 0px 15px;
float:left;
}
.flipper { transition: 0.6s; -webkit-transform-style: preserve-3d; position: relative; height: 240px; width: 100%; }
.front, .back { width: 100%; height: 240px; position: absolute; left: 0; top: 0; -webkit-backface-visibility: hidden; color: #fff; text-shadow: 1px 1px #000; font-size: 19px; margin-top:0px!important; z-index: 99999999999999;
line-height: 30px;
text-align: center;
padding: 31px 0px; text-align: center; }
.back { -webkit-transform: rotateY(180deg); } .back img {
width: 100%; height: auto; position: relative;
bottom: 31px;
}
.front { z-index: 2; }
.flip-container:hover .flipper, .flip-container.hover .flipper { -webkit-transform: rotateY(-180deg); }
.flip-container p { margin: 20px 10px; text-align: center; font-family: 'myFirstFont1';
font-size: 16px;
text-shadow: none;}
.vertical-flip-container .back { -webkit-transform: rotateX(180deg); }
.vertical-flip-container:hover .flipper, .vertical-flip-container.hover .flipper { -webkit-transform: rotateX(-180deg); }
.bookflip-container .flipper { -webkit-transform-origin: 0; }
@media only screen and (min-width: 1808px){
.blb {
/* margin-top: -45%; */
width: 100%;
position: absolute;
bottom: 148px;
}
}
@media only screen and (max-width: 1177px){
.service-item {
width: 31%;
}
.down_bx {
left: 260px !important;
width:100%;
}
.front, .back {
width: 100%;
}
.down_bx .front {
width: 213px;
height: 240px;
}
.down_bx .front img {
width: 213px;
height: 209px;
}
}
@media screen and (max-width:1039px){
.project-item-left .heading h3 {
line-height: 40px;
font-size: 30px;
margin: 0px 10px 10px 10px;
}
.about-item img {
width: 100% !important;
}
}
@media screen and (max-width:767px){
/* .flip-container {
-webkit-perspective: 1000;
width: 100%;
}*/
.popup-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 90%;
}
.fixed ul#menu {
margin-left: 9px;
margin-right: 9px;
}
div#burger img {
width: 25% !important;
}
.right-popup-btn a{
padding:10px 20px;
}
/* .about-left-content img {
width: 100%;
}*/
div#burger {
margin-right: 0px;
}
.about-inner-content{
width:100%;
}
section.footer-inner-content {
padding-left: 56px;
padding-right: 56px;
}
.soci{
padding-left:15px;
}
.back img {
width: 60%!important;
}
.soz {
cursor: pointer;
}
.icon.social {
margin: 0 5px 0 0 !important;
}
.down_bx .front {
width: 100%;
height: 240px;
}
.icon.social i {
left: 16px!important;
top: 13px!important;
}
.discover-item-right {
padding: 0 15px;
}
.icon.social i {
left: 15px!important;
top: 14px!important;
}
.navbar {
padding: 1rem 0rem !important;
}
ul#menu {
margin-top: 20px;
width: 95%;
z-index: 999999999999;
margin-left: auto;
margin-right: auto;
}
div#burger {
text-align: right;
cursor: pointer;
}
div#burger img {
width: 25%;
}
span.burger-close {
padding: 10px;
border: 3px solid #00a2f9;
border-radius: 50px;
}
.blb {
/* margin-top: -45%; */
width: 100%;
position: absolute;
bottom: 148px;
}
/* .discover {
background-color: #EAF3FE;
padding: 30px 20px;
}*/
.togle{
margin-top: 20px !important;
}
/*.front img {
width: 60%;
margin-top: 0px;
height: 208px;
}*/
.down_bx {
position: inherit;
/* right: 0; */
bottom: 0px;
left: 0px;
width: 100% !important;
/* text-align: center; */
}
}
@media only screen and (max-width: 1024px) {
.down_bx {
left: 247px !important;
bottom: 110px !important;
}
/* .flip-container {
width: 205px;
}*/
.service-box {
display: inline-block;
width: 100%;
}
.service-item {
width: 100% !important;
}
.spacn {
margin-left: 0px!important;
}
.down_bx .front img {
width: 197px;
height: 209px;
}
.down_bx {
width: 198px;
}
.fixed .navbrand {
margin-left: 20px;
}
.icon.social.fb i {
left: 17px!important;
}
.icon.social {
float: left;
margin: 0 4px 0 0;
cursor: pointer;
background: #0b1633;
color: #fff;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
width: 50px;
height: 50px;
border-radius: 50px;
border: 2px solid #00b8e5;
}
.down_bx .flipper {
width: 100% !important;
}
.fixed .social {
margin-right: 30px;
}
.blb {
/* margin-top: -45%; */
width: 100%;
position: absolute;
bottom: 148px;
}
.about-item {
width: 60%;
}
.pulsing-rings .pulsing-ringlet {
display: none;
}
.project-item-left .heading h3 {
line-height: 40px;
font-size: 24px;
margin: 0px 10px 10px 10px;
}
.about-item img {
width: 100%;
}
.pulsing-rings .pulsing-ringlet {
display: none !important;
}
section.footer {
background: #0B1633;
display: inline-block;
width: 100%;
padding-left: 1px;
padding-right: 1px;
}
.icon.social i {
left: 17px!important;
top: 15px!important;
}
}
@media only screen and (max-width: 991px){
.about-item {
width: 65%;
}
.about-item img {
width: 100%;
}
}
@media only screen and (max-width: 870px) {
/*.navbar .menu-item {
padding: 0;
margin: 0 10px;
}*/
}
@media only screen and (max-width: 768px) {
.contact100-form {
width: 100% !important;
}
/* section#discover {
display: none;
}*/
.icon.social i {
left: 16px!important;
top: 16px!important;
}
.fixed .navbrand {
margin-left: 20px;
}
.fixed .social {
margin-right: 30px;
}
.social a {
padding-right: 10px;
}
.navbrand h1 {
padding-left: 10px;
}
.fixed .social {
margin-right: 10px;
}
.blb {
/* margin-top: -45%; */
width: 100%;
position: absolute;
bottom: 148px;
}
.fixed .navbrand {
margin-left: 10px;
}
.navbar {
padding: 1rem 0rem;
}
.fixed {
padding: 1rem 0rem;
}
.section-eight .container-quote .quote{
top:-20px;
}
/*.navbar .menu-item {
padding: 0;
margin: 0 8px;
}*/
section#banner .blb h1 {
width: 50%!important;
margin: 0% 25% 3% 25%!important;
letter-spacing: 2px;
font-size: 21px;
}
.pulsing-rings .pulsing-ringlet {
width: 80% !important;
}
.down_bx {
bottom: 11px !important;
}
#counter {
background-color: #EAF3FE;
padding: 70px 0px !important;
}
}
@media only screen and (max-width: 600px) {
.soz_right .tip_txt .slider{
top:10px;
}
.text_1{
animation: none;
}
.down_bx .flipper {
width: 100% !important;
}
#banner h1 {
text-align: left;
}
.sldd .content{
padding:20px 20px;
}
.txt h2 {
font-family: 'myFirstFont3';
font-size: 34px;
}
.count-item {
width: 100%;
}
/* .counter-box {
display: inline-block;
width: 100%;
}*/
.sec-eight-text-area{
width:100%;
}
.blb {
/* margin-top: -45%; */
width: 100%;
position: absolute;
bottom: 143px;
}
h1.text_1{
text-align: center;
font-size: 30px!important;
}
.leftx {
padding: 20px 0px 25px 0px;
}
.services {
/*padding: 90px 20px 40px 8px;*/
width: 100%;
padding: 40px 0 0 !important
}
.services-content-title{ font-size: 16px; }
.serv-box-cntnt{ font-size: 14px; }
.service-box {
padding: 30px 0px;
}
.sec-eight-text-area p {
font-size: 14px;
padding: 0px 15px;
}
.sz{
left: -10px !important;
}
.soz_right {
right: -10px;
}
.column {
float: none;
width:100%;
}
.mySlides
{
display: none;
}
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1s;
animation-name: fade;
animation-duration: 1s;
transition: all 100ms;
}
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #00bcd4;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
.slick-active {
opacity: .5;
}
.slick-current {
opacity: 1;
}
.slideshow-container {
max-width: 100px;
position: relative;
margin: auto;
}
.tab {
overflow: hidden;
width:100%;
margin-top:10px;
text-align: center;
}
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
.tab button:hover {
background-color: #ddd;
}
.tab button.active {
background-color: #ccc;
}
.tabcontent {
display: none;
padding: 30px 12px 15px 12px;
border: 1px solid #ccc;
border-top: none;
}
}
@media only screen and (max-width: 500px) {
.blb{
bottom:50px;
}
.icon.social i {
top: 14px!important;
cursor: pointer;
}
}
@media only screen and (max-width: 415px) {
h1.text_1 {
text-align: center;
font-size: 24px!important;
}
}
@media only screen and (max-width: 414px) {
h1.text_1{
font-size: 24px!important;
}
.text_1{
animation: none;
}
}
@media only screen and (max-width: 375px) {
h1.text_1{
font-size: 21px!important;
}
.text_1{
animation: none;
}
}
@media only screen and (max-width: 360px) {
ul.tip_txt {
list-style: none;
margin-left: -14px;
}
.navbrand h1 {
padding-left: 10px;
}
.blb {
position: absolute;
bottom: 15px !important;
width: 100%;
}
.blb.typewriter p {
font-size: 15px!important;
}
h1.text_1{
font-size: 19px!important;
}
.soz_right .tip_txt .slider{
left:34px;
}
.tip_txt .slider{
left:33px;
}
section#banner .blb h1 {
font-size: 20px;
}
.lft p {
font-family: 'greycliff_cfregular';
font-size: 21px!important;
}
.popup-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 100%;
}
.contact100-form {
width: 100% !important;
display: inline-block;
padding: 0px 10px;
}
}
@media only screen and (max-width: 320px) {
ul.tip_txt {
list-style: none;
margin-left: -14px;
}
div#burger img {
width: 40% !important;
}
div#burger {
margin-right: 10px;
}
.text_1{
animation: none;
}
.blb{
bottom:15px !important;
}
.text_1{
animation: none;
}
.icon.social {
float: left;
margin: 0 8px 0 0;
}
.soz_right .tip_txt .slider{
left:34px;
}
.tip_txt .slider{
left:33px;
}
.navbar {
padding: 0rem 0rem;
}
section#banner .blb h1 {
font-size: 18px !important;
}
.lft p {
font-family: 'greycliff_cfregular';
font-size: 21px!important;
}
#banner h2 {
font-size: 60px;
line-height: 100px;
margin-top: -42px;
}
#banner p {
font-size: 13px !important;
}
}