/* Css For Kidko */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider 
6. Welcome Section
7. Service Section
9. Takecare Section
8. Gallery Section
10. Team Section
11. Clients Section
12. About Section
14. News Section
15. Testimonial Section
16. Contact Section
19. Main Footer
20. Footer Bottom
21. Header Style Two
22. Slider Style Two
23. About Style Two
24. Team Style Two
25. Chooseus Section
26. Healthcare Section
27. Pricing Section
28. Google Map Section
29. Cta Section
30. About Page
31. Page Title
32. Page Info
33. About Style Three
34. Faq Section
35. Error Section
36. Service Page
37. Service Page Section
38. Single Service Page
39. Single Service Content
40. Gallery Page
41. Our Blog/Blog Page
42. Blog Grid
43. Blog-Single
44. Contact Page
45. Contact Section
46. Google Map


**********************************************/


/* use font link */

@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:300,400,500,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');

/* use style sheet */

@import url('font-awesome-all.css');
@import url('flaticon.css');
@import url('owl.css');
/*@import url('bootstrap.css');*/
@import url('jquery.fancybox.min.css');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('jquery.bootstrap-touchspin.css');



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  /*margin:0px;
  padding:0px;
  border:none;
  outline:none;*/
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:15px;
  color:#848484;
  line-height:26px;
  font-weight:400;
  background:#ffffff;
  font-family: 'Open Sans', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

  @media (min-width:1200px) {
  .container {
    max-width: 1170px;
    padding: 0px;
  }
}

.container-fluid{
  padding: 0px;
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

/*.boxed_wrapper{
  position: relative;
  overflow-x: hidden;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
}*/


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
  color: #ff7162;
}

input,button,select,textarea{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
}

/*ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}*/

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}

.gray-bg{
  background: #f2f1f0;
}

.black-bg{
  background: #3b3634;
}

.sec-pad{
  padding: 144px 0px 150px 0px;
}

figure{
  margin: 0px;
}

img{
  display: inline-block;
  max-width: 100%;
  height: auto;
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3),
        0 0 0 30px rgba(255, 255, 255, 0.1);
    }
}

/** button **/

.theme-btn{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  padding: 17px 40px;
  background-color: #ff7162;
  line-height: 26px;
  color: #ffffff !important;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  transition: all 500ms ease;
  z-index: 1;
}

.theme-btn:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  background-color: #253b70;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
}

.theme-btn:hover:before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}


.pagination{
  position: relative;
  display: block;
  margin-top: 30px;
}

.pagination li{
  display: inline-block;
  margin: 0px 5px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  height: 60px;
  font-weight: 700;
  width: 60px;
  line-height: 60px;
  text-align: center;
  color: #2b3c6b;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.active{
  background: #ff7162;
  color: #ffffff;
}

.sec-pad{
  padding: 144px 0px 150px 0px;
}

.preloader{
  position: fixed; 
  left:0px;
  top:0px;
  height:100%;
  width: 100%;
  z-index:999999;
  background-color:#ffffff;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/icons/preloader.gif);
}

.scroll-top {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  bottom: 105%;
  right: 50px;
  font-size: 20px;
  border-radius: 50%;
  z-index: 99;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  background: #ff7162;
  transition: .5s ease;
}

.scroll-top.open {
  bottom: 30px;
}

.scroll-top:hover{
  background: #2b3c6b;
}

.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}



/** cta-section **/

.cta-section{
  position: relative;
  display: block;
  width: 100%;
  background: #9321eb;
  padding: 95px 0px 100px 0px;
}

.cta-section .content-box h3{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #fff;
  font-weight: 900;
  margin-bottom: 11px;
}

.cta-section .content-box h1{
  position: relative;
  display: block;
  font-size: 60px;
  line-height: 70px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #fff;
  font-weight: 900;
  margin-bottom: 25px;
}

.cta-section .content-box .text{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #dfbdf9;
  font-weight: 600;
  margin-bottom: 36px;
}

.cta-section .anim-icon .icon-1 {
  background: url(../images/icons/anim-icon-9.png);
  width: 158px;
  height: 115px;
  top: -45px;
  left: 180px;
  background-repeat: no-repeat;
}

.cta-section .anim-icon .icon-2 {
  background: url(../images/icons/anim-icon-10.png);
  width: 149px;
  height: 106px;
  top: 220px;
  right: 260px;
  background-repeat: no-repeat;
}

.parallax-icon {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.parallax-icon .icon-1 {
  left: 110px !important;
  top: 160px !important;
  background: url(../images/icons/parallax-icon-1.png);
  width: 131px;
  height: 86px;
  background-repeat: no-repeat;
}

.parallax-icon .icon-2 {
  left: 30% !important;
  top: 80px !important;
  background: url(../images/icons/parallax-icon-2.png);
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}

.parallax-icon .icon-3 {
  left: 27% !important;
  top: 70% !important;
  background: url(../images/icons/parallax-icon-3.png);
  width: 59px;
  height: 63px;
  background-repeat: no-repeat;
}

.parallax-icon .icon-4 {
  left: 40% !important;
  top: 40% !important;
  background: url(../images/icons/parallax-icon-4.png);
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
}

.parallax-icon .icon-5 {
  left: 75% !important;
  top: 80px !important;
  background: url(../images/icons/parallax-icon-5.png);
  width: 119px;
  height: 54px;
  background-repeat: no-repeat;
}

.parallax-icon .icon-6 {
  left: 65% !important;
  top: 40% !important;
  background: url(../images/icons/parallax-icon-6.png);
  width: 47px;
  height: 65px;
  background-repeat: no-repeat;
}

.parallax-icon .icon-7 {
  left: 72% !important;
  top: 70% !important;
  background: url(../images/icons/parallax-icon-7.png);
  width: 57px;
  height: 50px;
  background-repeat: no-repeat;
}


/** gallery-section **/

.gallery-section{
  position: relative;
  display: block;
  /*background: #f2eee9;*/
  padding-left: 0px;
  padding-right: 0px;
}

.gallery-section .sec-title{
  position: relative;
  display: block;
  margin-bottom: 60px;
}

.gallery-block{
  position: relative;
}

.gallery-block .image-box{
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.gallery-block .image-box .image{
  position: relative;
}

.gallery-block .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
}

.gallery-block .overlay-box{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  background-color: rgba(33, 47, 84, 0.5);
  content: "";
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.gallery-block .image-box:hover .overlay-box{
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.gallery-block .overlay-box a{
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  height: 50px;
  width: 50px;
  font-size: 15px;
  background-color: #ff7162;
  color: #ffffff;
  font-weight: 700;
  border-radius: 50%;
  font-weight: 400;
  line-height: 70px;
  transform: translate(-50%,-50%);
}

.gallery-block .overlay-box a i{
  position: relative;
  font-weight: 700;
  margin-top:17px;
}

.gallery-section .owl-nav,
.gallery-section .owl-dots{
  display: none;
}