.scroll{
	background-color: pink;

}

.active{
	 background-color: #F56060;
  border-radius: 5px;
}
.overlay{
    width: 100%;
    height: 200px;
    position: absolute;
    background: linear-gradient( rgba(0, 0, 0, .6) , rgba(0, 0, 0, .1)),
    url(https://images.pexels.com/photos/1804035/pexels-photo-1804035.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500)50%/ cover fixed;
    z-index: -4;
}

.my-nav{
  transition: 0.4s;
}
.my-nav:hover{
  background-color: #F56060;
  border-radius: 5px; 
}


h1{
	margin-top: 30px;
}
.button1{
	background-color:  #F56060;

}
.amenities1 i{
	transition: transform 1.1s ease-in-out;	
}
.amenities1:hover i{
	transform: rotateZ(360deg);	
}
.amenities{
	height: 150px;
	width: 300px;
	background-color: #F1F1F1;

}
.amenities:hover{
	box-shadow: 9px 9px 12px 5px rgba(209,205,209,1);
    transform: scale(1.1);
}
.icon1{
	color: #F56060;
}



.Service img{
/*  box-shadow: 2px -8px 9px 5px rgba(232,139,241,1);*/
  height:200px;width:200px;border-radius: 50%;
  transition: 0.1s;
}

.Service:hover img{
  box-shadow: 1px -11px 0px 5px rgba(232,139,241,1);
}
.Service:hover h4{
	  color: #E88BF1;
}
.Offer{
	height: 400px;
	widows: 100%;
	background-color:#F1F1F1; 
}

.button2{
	background-color:  #F56060;

}
.button2:hover{
	background-color:  #0EE1D7;

}
.Offer1{
   height: 280px;
   width: 300px; 
   border-radius: 10px;  
}


.flip img {
    width: 300px;
    height: 300px;
}


.footer{
	background-color: #97979C;
	height: 400px;

}
.footer a{
	text-decoration: none;
	
}

.face-div{
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background-color: white;
}
.face-div i{
	margin-left: 12px;
	margin-top: 10px;
	color: #97979C;
	transition: transform 0.4s ease-in-out;
	cursor: pointer;
}

.face-div:hover {
	color: white;
	background-color: black;
}
.face-div:hover i{
	color: white;
	transform: rotateZ(360deg);
}

.copyrigth{
	background-color: #605E5E;
	height: 100px;
}

.copyrigth1:hover {
	color: yellow;
}


.serviceBox{
    font-family: 'K2D', sans-serif;
    text-align: center;
    padding: 20px 15px 60px;
}

.serviceBox .read-more{
    color: #fff;
    background: #EB1F52;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: -56px;
    padding: 5px;
    display: block;
    transform: rotateX(-90deg);
    transform-origin: top center;
    clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
    transition:all 0.5s;
}
.serviceBox:hover .read-more{
    box-shadow: 0 0 10px #fff inset;
    transform: rotateX(0);
}

/*////////////////////////////////////////////abouts css//////////////////*/

.about1{
	color: #F56060;
	text-align: center;
}
.about2{
	font-size: 17px;
}
.about3 img{
	height: 300px;
	width: 400px;
}
.about4{
	color: #F56060;
}

.about5 img{
  height: 250px;
  width: 200px;
  border-radius: 50%;
  margin-left: 25%;

}
.about5{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.about5 p{
	font-family: 'Nunito';
	font-size: 18px;
	font-weight: 400;
    margin: 0 0 10px;
    padding: 10px;
    text-align: justify;
    line-height: 25px;
}

/*//////////////////////////////////contact CSS /////////////////////////*/

.contact{
	box-shadow: 5px 5px 20px 5px #DAD8DA;
	height: 550px;
}

.contact-h{
   background-color: #F3EBC4;
   color: #666666;
}

.input-control {
  margin: 20px  30px;
  max-width: 460px;
  position: relative;
}

input {
  position: relative;
  border: 2px solid #ebebeb;
  font-family: inherit;
  font-size: 16px;
  width: 100%;
  padding: 10px 6px;
  border-radius: 5px;
  font-weight: 400;
  outline: none;
  transition: all 0.2s ease-in-out;
}
input.bottom-border {
  border: none;
  border-bottom: 1px solid #F56060;
  border-radius: 0;
}


label {
  font-size: 16px;
  pointer-events: none;
  position: absolute;
  top: 10px;
  left: 11px;
  color: #a7a9a7;
  transition: all 0.2s ease-in-out;
}


input.input--focused + label {
  color: #F56060;
  font-size: 14px;
  top: -12px;
  left: 1px;
  font-weight: 700;
  background-color: #ffffff;
  padding: 0 5px;
}

.submit {
  padding: 8px 14px;
  font-family: inherit;
  border: none;
  background: #F56060;
  border-radius: 5px;
  font-size: 1.2rem;
  color: #fff;
  cursor: pointer;
  outline: none;
  transition: 0.2s;
}

.Contact-icon{
  font-size: 30px;
}

.contact-i{
   color: #666666 !important;	
}

.contact-i:hover{
   	
}


.map-container{
overflow:hidden;
/*padding-bottom:56.25%;*/
position:relative;
/*height:0;*/
}
.map-container iframe{
/*left:0;*/
/*top:0;*/
/*height:100%;*/
width:100%;
position:absolute;
}

/*////////////////Whatsapp Icon css///////////////////////////*/

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

#contactform {  
  width: 400px;
  right: -405px;
  height: 600px;
  margin: 25px 0;
  position: fixed;
  box-shadow: 0 0 12px 0 #333;  
}

#contact-button { 
  width: 10%;  
  padding: 7% 3%;  
  cursor: pointer;
  margin-right: 450px;
  margin-top: 120px;
  font-size: 23px; 
  color: white;  
  position: absolute;
  margin-left: -45px;
}

#contactform, #contact-button {
  background-color: #1D1F20;
  border-radius: 15px 0 0 15px; 
  border: 5px solid #666666; 
  border-right: none;
  z-index: 1000;
}

.rotated-text {
    display: inline-block;
    white-space: nowrap;
    /* this is for shity "non IE" browsers
       that dosn't support writing-mode */
            transform: translate(1.1em,0) rotate(90deg);

            transform-origin: 0 0;*/
   /* IE7 and below */
   *writing-mode: tb-rl;
}

.rotated-text:before {
    content: "";
    float: right;
    margin-top: 100%;
}

form {
  width: 100%;
  padding: 20px;
}

form input {
  display: block;
  border: none;
  width: 300px;
  height: 40px; 
  margin: 15px 30px;  
}

form textarea {
  width: 300px;
  margin: 40px 30px;
  height: 150px;
}

form textarea, form input{ 
  border-radius: 20px;
  background: #f2f2f2;  
}
 form button{
    border-radius: 20px !important;
    background: #DC3545 !important;
    margin-left: 120px;
    width: 150px;
    /*margin-bottom: 50px !important */
/*    padding-bottom: 50px;*/
 }

form select {
  display: block;
  border: none;
  width: 300px;
  height: 40px; 
  margin: 15px 30px; 
  border-radius: 20px;
  background-color: #F2F2F2;
}
body{

    margin: 0px;

    padding: 0px;

}

.header{

    text-align: center;

    padding: 5px 0px;

    /*box-shadow: 0px 0px 8px rgba(0,0,0,.6);*/

    -webkit-box-shadow: -2px 8px 14px -5px rgba(194,192,194,1);

-moz-box-shadow: -2px 8px 14px -5px rgba(194,192,194,1);

box-shadow: -2px 8px 14px -5px rgba(194,192,194,1);

    background-color: #f1f1f1;

    margin-bottom: 0px;

}

.header h4{

    padding: 5px 0px;

    color: #2c2c2c;

    font-family: 'Nunito';

    font-size: 17px;

}



.type_title{

    color: #666;

     font-family: 'Nunito';

     font-weight: 600;

}



.navbar {

    margin-top: 50px;

    background: transparent ;

    transition: all 0.3s;

  /*padding: 0px 10px !important;*/

}

.nav-item{

  padding: 0px 10px;

}



.navbar .nav-link {

  color: #fff ;

  font-weight: 600;

  letter-spacing: 0.7px;

  font-family: 'Nunito';

}

.navbar .nav-link:hover{

  background-color: #F56060;

  border-radius: 4px;

  color: #fff;

  box-shadow: 0px 0px 8px rgba(0,0,0,.2);

    transition: 0.5s;

}

.navbar-right{

display:inline;

}

.navbar button {

  color: inherit !important;

}

.navbar.compressed {

    margin-top: 0px;

  padding-top: 10px;

  padding-bottom: 10px;

  background-color: #E88BF1 ;

  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

}

.navbar-brand img {

  /*font-size: 50px;

  color: #e779b3;*/

  width: 120px ;

  margin-left: 20%;

  padding: 0px;

}



.welcome_button :hover{

    background-color: aqua !important;

       color: #49464d;

    margin-top: 20px;

    box-shadow: 4px 7px 10px rgba(90,59,93,0.29); 

    letter-spacing: 1px;

    font-family: 'Nunito';

}

/* About Our Industry */



.welcome{

    padding: 70px 0px;

}

.welcome h2{

    text-align: center;

    padding: 10px 0px 5px;    

    font-size: 35px;

    font-family: 'Nunito';

    color: #49464d;

    font-weight: 600;

}



.welcome p{

    text-align: justify;

    font-size: 20px;

    color: #666;

    line-height: 25px;

    padding: 30px 0px;

    font-family: 'Nunito';

    letter-spacing: 0.7px;

}

.welcome_button{

   background-color: #F56060 !important;

    color: #49464d;

   margin: 20px auto 0px !important;

    box-shadow: 4px 7px 10px rgba(90,59,93,0.29); 

    letter-spacing: 1px;

    display: block !important;

    font-family: 'Nunito';

     border-radius: 10px;

     font-size: 20px;

     font-weight: 700;

}

@media only screen and (min-width: 1000px){

.carousel-inner img{

    height: 650px;

}

}

/* what we do*/



.what_we_do{

    line-height: 25px;

    padding: 30px 0;

    background: #f1f1f1;

}

.what_we_do h3{  

    font-size: 30px;

     font-family: 'Nunito';

    color: #49464d;

    font-weight: 600;

}

.what_we_do p{

    text-align: justify;

     font-family: 'Nunito';

    line-height: 25px;

    color: #666;

    margin-top: 20px;

    font-size: 18px;

    display: block;

}

.what_we_do .btn{

    background-color: #F56060;

       color: #49464d;

    margin-top: 20px;

    box-shadow: 4px 7px 10px rgba(90,59,93,0.29); 

    letter-spacing: 1px;

    font-family: 'Nunito';

}

.what_we_do .btn:hover{

    background-color: aqua;

       color: #49464d;

    margin-top: 20px;

    box-shadow: 4px 7px 10px rgba(90,59,93,0.29); 

    letter-spacing: 1px;

    font-family: 'Nunito';

}

.what_we_do .card-container {

  cursor: pointer;

  height: 250px;

  perspective: 600;

  position: relative;

  width: 100%;

}

.what_we_do .card {

  height: 100%;

  position: absolute;

  transform-style: preserve-3d;

  transition: all 1s ease-in-out;

  width: 100%;

 }

.what_we_do .card:hover {

  transform: rotateY(180deg);

}

.what_we_do .card .side {

  backface-visibility: hidden;

  border-radius: 6px;

  height: 100%;

  position: absolute;

  overflow: hidden;

  width: 100%;

  margin: 0px;

}

.what_we_do .card .back {

  background: #eaeaed;

  color: #0087cc;

  line-height: 150px;

  text-align: center;

  transform: rotateY(180deg);

}



@media (min-width:300px) and (max-width: 700px){

    .what_we_do{

        padding: 10px 0;

    }

    .what_we_do .card-container{

        height: 130px;

        margin-top: 30px;

    }

    }



/*our services*/



#what-we-do{

	background:#fff;

    padding: 50px 0px 70px;

}

#what-we-do h4{

    text-align: center;

    padding: 40px 0 0;

    font-size: 35px;

     font-family: 'Nunito';

    color: #49464d;

    font-weight: 600;

}

#what-we-do .card{

	padding: 1rem!important;

	border: none;

	margin-bottom:1rem;

	-webkit-transition: .5s all ease;

	-moz-transition: .5s all ease;

	transition: .5s all ease;

    background: #f1f1f1;

    font-family: 'Nunito';

}

#what-we-do .card:hover{

	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

}

#what-we-do .card .card-block{

	padding: 20px;

    position: relative;

}

#what-we-do .card .card-block a{

	color: #007b5e !important;

	font-weight:700;

	text-decoration:none;

}

#what-we-do .card .card-block a i{

	display:none;

}



#what-we-do .card h3{

	text-align: center;

	margin-top: 70px;

    color: #666;

}

#what-we-do .card:hover .card-block a i{

	display:inline-block;

	font-weight:700;

	

}

#what-we-do .card .card-block:before{

	font-family: FontAwesome;

    position: absolute;

    font-size: 50px;

    color: #F56060;

    left: 45%;



	-webkit-transition: -webkit-transform .2s ease-in-out;

    transition:transform .2s ease-in-out;

}

#what-we-do .card .block-1:before{

    content: "\f1eb";

}

#what-we-do .card .block-2:before{

    content: "\f1b9";

}

#what-we-do .card .block-3:before{

    content: "\f262";

}

#what-we-do .card .block-4:before{

    content: "\f09d";

}

#what-we-do .card .block-5:before{

    content: "\f0a1";

}

#what-we-do .card .block-6:before{

    content: "\f218";

}

#what-we-do .card:hover .card-block:before{

	-webkit-transform: rotate(360deg);

	transform: rotate(360deg);	

	-webkit-transition: .5s all ease;

	-moz-transition: .5s all ease;

	transition: .5s all ease;

}









/******************  News Slider Demo-2 *******************/

.demo{

    /*background: linear-gradient(to right,#ffcccc,#d3d3d3);*/

    background: linear-gradient(to right,#f1f1f1,#eee);

    padding: 50px 0px;

}

.demo h4{

    text-align: center;

    padding: 50px 0px;

    font-size: 35px;

    font-family: 'Nunito';

    color: #49464d;

    font-weight: 600;

}

.demo h3{

	text-align: center;

	padding: 5px 0px;

    font-size: 35px;

    font-family: 'Nunito';

    color: #FF2064;

}



/******************  News Slider Demo-6 *******************/

.post-slide6{

    margin: 0 10px;

    border-left: 8px solid #F56060;

    border-bottom: 8px solid #F56060;

    box-shadow: 0 1px 2px rgba(43,59,93,0.30);

    margin-bottom:2em;

}

.post-slide6 .post-img{

    position: relative;

    overflow: hidden;

}

.post-slide6 .post-img:before{

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(0, 0,0,0.0);

    transition: all 0.40s linear 0s;

}

.post-slide6:hover .post-img:before{

    background: rgba(0, 0,0,0.6);

}

.post-slide6 .post-img img{

    width: 100%;

    height: auto;

}

.post-slide6 .post-info{

    width: 75%;

    position: absolute;

    bottom: -100%;

    left: 12.5%;

    background: #f1f1f1;

    text-align: center;

    line-height: 26px;

    padding: 15px;

    transition: bottom 0.40s ease-in-out 0s;

}

.post-slide6:hover .post-info{

    bottom:0;

}

.post-slide6 .category{

    padding: 0;

    margin: 0;

    list-style: none;

}

.post-slide6 .category li,

.post-slide6 .post-date{

    display: inline-block;

    font-size: 16px;

    color: #666;

    text-transform: capitalize;

}

.post-slide6 .category li:after{

    content: " /";

}

.post-slide6 .category li:last-child:after{

    content: "";

}

.post-slide6 .category li a{

    color: #666;

    transition: all 0.40s linear;

}

.post-slide6 .category li a:hover{

    color: #555;

    text-decoration: none;

}

.post-slide6 .post-review{

    padding: 25px 20px 25px;

    background: #fff;

    position: relative;

}

.post-slide6 .icons{

    width: 90px;

    height: 90px;

    border: 4px solid #fff;

    border-radius: 50%;

    position: absolute;

    top: -45px;

    right: 10px;

    overflow: hidden;

}

.post-slide6 .icons img{

    width: 100%;

    height: auto;

}

.post-slide6 .post-title{

    margin: 0 0 10px 0;

}

.post-slide6 .post-title a{

    font-size: 16px;

    font-weight: bold;

    letter-spacing: 2px;

    color: #666;

    display: inline-block;

    text-transform: uppercase;

    transition: all 0.30s linear 0s;

}

.post-slide6 .post-title a:hover{

    text-decoration: none;

    color: #555;

}

.post-slide6 .post-description{

    color: #555;

    font-size: 15px;

    line-height: 26px;

    margin-bottom: 20px;

}

.post-slide6 .read{

    font-size: 13px;

    color: #555;

    display: block;

    text-align: right;

    text-transform: uppercase;

}

.post-slide6 .read:hover{

    text-decoration:none;

    color: #1dcfd1;

}



/* Our Clients*/



.our_clients h2{

	text-align: center;

	padding: 10px 0px 0px;

    font-size: 35px;

    font-family: 'Nunito';

    color: #49464d;

    font-weight: 600;

}

.our_clients{

	

	padding: 0px 0px 50px;

   

}

.our_clients hr{

    width: 10%;

    border-top: 1.5px solid #FFcc2b;

    padding: 0 0 30px;

}



.slick-slide {

    margin: 0px 20px ;



}



.slick-slide img {

    width: 100%;

}



.slick-slider

{

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

    box-shadow: -10px -2px 19px 16px rgba(192,192,192,0),10px 0px 13px -7px #000000,-10px 0px 13px -7px #000000;

}



.slick-list

{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;

    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;

    height: auto;

    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}



@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/* ---------------------- */

/*       TESTIMONIAL      */

/* ---------------------- */

.parallax-section{

    -webkit-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

    background-repeat: no-repeat;

    position: relative;

}

.overlay{

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}

#testimonial{

    padding: 130px 0 95px;

    background-image: url(../images/bg-testimonial.jpg);

}

#testimonial .overlay{

   /* background: rgba(221,87,128,0.8);*/

    background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422…);

    background-attachment: fixed !important;

    -webkit-background-size: cover !important;

    background-size: cover !important;

}

.ts-testimonial-slide{

    text-align: center;

    width: 85%;

    color: #ffffff;

    margin: 0 auto;

}

.ts-testimonial-slide p{

    font-size: 24px;

    line-height: 36px;

    font-style: italic;

    font-family: 'Droid Serif';

    margin-bottom: 35px;

}

.ts-testimonial-slide .ts-testimonial-item {

  margin-bottom: 15px;

}

.ts-testimonial-slide .ts-testimonial-item .icon-client{

    background: #ffffff;

    width: 29px;

    height: 29px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    float: left;

    text-align: center;

    line-height: 29px;

    margin-top: 2px;

}

.ts-testimonial-slide .ts-testimonial-item .infor-client {

  display: inline-block;

  margin: 0 auto;

  width: auto;

}

.ts-testimonial-slide .ts-testimonial-item  .client-name{

    padding-left: 38px;

    font-size: 12.8px;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-family: 'Montserrat';

    display: block;

    line-height: normal;

    white-space: nowrap;

}

.ts-testimonial-slide .ts-testimonial-item  .client-position{

    font-size: 12px;

    font-style: italic;

    line-height: normal;

    padding-left: 38px;

    display: block;

    text-align: left;

}

.ts-testimonial-slide .ts-testimonial-item  .client-position a{

    color: white;

}

.ts-testimonial-slide .ts-testimonial-item  .client-position a:hover{

    color: #5ed9e7;

}



#section-4 {

        margin-top: 0px;

        padding: 80px 0;

        background-image: url('../image/bg-3.jpg');

    }



.full-section.dark-section {

    background-color: #555;

    color: #fff;

}

.parallax {

    background-attachment: fixed !important;

    -webkit-background-size: cover !important;

    background-size: cover !important;

}        

.full-section {

    position: relative;

    overflow: hidden;

    z-index: 1;

    margin-bottom: 100px;

    padding: 60px 0;

    background: no-repeat center center;

}

.full-section.dark-section {

    background-color: #555;

    color: #fff;

}

.full-section-container {

    position: relative;

    z-index: 6;

}



.full-section-overlay-color {

    position: absolute;

    z-index: 2;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0.9;

    background-color: #282e3a;

}

.headline {

    text-align: center;

    padding: 10px 0px 45px;

    font-size: 45px;

    font-family: 'Nunito';

    color: #F56060;

}

.parallax{

  background-image: url("../image/banner2.png");

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  color: #fff;

}

.small_banner{

  padding: 90px 0px;

}

@media only screen and (max-width: 400px) {
#contactform{
    font-size: 12px;
}

    .parallax h1{

        padding: 50px !important;

    }

    .bg-overlay{

        height: 350px !important;

    }

    .navbar {

        margin-top: 20%;

    }

}

.small_banner{

  text-align: center;

  color: #fff;

  font-size: 40px;

  padding-bottom: 115px;

  font-family: 'Nunito';

}

.full-section-overlay-color1 {

    position: absolute;

    z-index: 2;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0.9;

    background-color: #41162F;

}

.serviceBox{

    font-family: 'K2D', sans-serif;

    text-align: center;

    padding: 20px 15px 60px;

}

.serviceBox .service-icon{

    color: #E88BF1;

    background-color: #fff;

    font-size: 50px;

    line-height: 100px;

    height: 150px;

    width: 150px;

    margin: 0 auto 40px;

    border-radius: 50%;

    border: 2px solid #E88BF1;

    display: block;

    transition: all 0.3s;

}

.serviceBox:hover .service-icon{

    border-color: transparent;

    box-shadow: 0 0 10px #fff, 0 -10px 0 10px #E88BF1;

}

.serviceBox .title{

    color: #303030;

    font-size: 20px;

    text-transform: uppercase;

    padding: 0 10px;

    margin-bottom: 15px;

    transition: all 0.3s;

}

.serviceBox:hover .title{ color:#E88BF1; }

.serviceBox .description{

    font-size: 15px;

    text-align: center;

    line-height: 27px;

    margin-bottom: 20px;

}

.serviceBox .read-more{

    color: #fff;

    background: #E88BF1;

    font-size: 18px;

    text-transform: uppercase;

    margin-bottom: -56px;

    padding: 5px;

    display: block;

    transform: rotateX(-90deg);

    transform-origin: top center;

    -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);

    clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);

    transition:all 0.5s;

}

.serviceBox:hover .read-more{

    box-shadow: 0 0 10px #fff inset;

    transform: rotateX(0);

}

.serviceBox .read-more:hover{

    letter-spacing: 2px;

    text-shadow: 0 0 5px #000;

    text-decoration: none;

}

.serviceBox.blue .service-icon{

    color: #F56060;

    border-color: #F56060;

}

.serviceBox.blue:hover .service-icon{

    border-color: transparent;

    box-shadow:0 0 10px #fff, 0 -10px 0 10px #F56060;

}

.serviceBox.blue:hover .title{ color: #F56060; }

.serviceBox.blue .read-more{ background: #F56060; }

.serviceBox.orange .service-icon{

    color: #FF8214;

    border-color: #FF8214;

}

.serviceBox.orange:hover .service-icon{

    border-color: transparent;

    box-shadow:0 0 10px #fff, 0 -10px 0 10px #FF8214;

}

.serviceBox.orange:hover .title{ color: #FF8214; }

.serviceBox.orange .read-more{ background: #FF8214; }

.serviceBox.green .service-icon{

    color: #8FB900;

    border-color: #8FB900;

}

.serviceBox.green:hover .service-icon{

    border-color: transparent;

    box-shadow:0 0 10px #fff, 0 -10px 0 10px #8FB900;

}

.serviceBox.green:hover .title{ color: #8FB900; }

.serviceBox.green .read-more{ background: #8FB900; }

@media only screen and (max-width:990px){

    .serviceBox{ margin: 0 0 50px; }

}



/*Side Enquiry Form*/

@media only screen and (min-width: 500px){
    #contactform {  

  width: 400px;

  right: -405px;

  height: 82%;

  margin: 25px 0;

  position: fixed;

  box-shadow: 0 0 12px 0 #333;  

  z-index: 1500;

}



#contact-button { 

  width: 5%;  

  padding: 7% 3%;  

  padding-right: 8% !important;

  cursor: pointer;

  margin-left: -50px;

  margin-top: 150px;

  font-size: 23px; 

  color: white;  

  position: absolute;

}
}

@media only screen and (max-width: 499px){
    #contactform {  

  width: 300px;

  right: -300px;

  height: 82%;

  margin: 25px 0;

  position: fixed;

  box-shadow: 0 0 12px 0 #333;  

  z-index: 1500;

}



#contact-button { 

  width: 5%;  

  padding: 7% 3%;  

  padding-right: 8% !important;

  cursor: pointer;

  margin-left: -40px;

  margin-top: 150px;

  font-size: 23px; 

  color: white;  

  position: absolute;

}
}

#contactform, #contact-button {

  background-color: #1D1F20;

  border-radius: 15px 0 0 15px; 

  border: 5px solid #666666; 

  border-right: none;

}



.rotated-text {

    display: inline-block;

    white-space: nowrap;

    /* this is for shity "non IE" browsers

       that dosn't support writing-mode */

    -webkit-transform: translate(1.1em,0) rotate(90deg);

       -moz-transform: translate(1.1em,0) rotate(90deg);

         -o-transform: translate(1.1em,0) rotate(90deg);

            transform: translate(1.1em,0) rotate(90deg);

    -webkit-transform-origin: 0 0;

       -moz-transform-origin: 0 0;

         -o-transform-origin: 0 0;

            transform-origin: 0 0;*/

   /* IE9+ */

   -ms-transform: none;

   -ms-transform-origin: none;

   /* IE8+ */

   -ms-writing-mode: tb-rl;

   /* IE7 and below */

   *writing-mode: tb-rl;

}



.rotated-text:before {

    content: "";

    float: right;

    margin-top: 100%;

}



form {

  width: 100%;

  padding: 10px;

}

.contact-form{

    background: #fff;

    margin-top: 10%;

    margin-bottom: 5%;

    width: 70%;

    z-index: 1500;

}

.contact-form .form-control{

    border-radius:1rem;

}


.contact-image{

    text-align: center;

}

.contact-image img{

    border-radius: 6rem;

    width: 11%;

    margin-top: -3%;

    transform: rotate(29deg);

}

.contact-form form{

    padding: 8% !important;

}

.contact-form form .row{

    margin-bottom: -7%;

}

.contact-form h3{

    margin-bottom: 8%;

    margin-top: -10%;

    text-align: center;

    color: #0062cc;

}

.contact-form .btnContact {

    width: 50%;

    border: none;

    border-radius: 1rem;

    padding: 1.5%;

    background: #dc3545;

    font-weight: 600;

    color: #fff;

    cursor: pointer;

    margin-left: 25%; 

    height: 35px; 

    font-size: 20px; 

    font-family: 'Nunito';

}



.contact-form .btnContact:hover {

    background-color: 

}



.btnContactSubmit

{

    width: 50%;

    border-radius: 1rem;

    padding: 1.5%;

    color: #fff;

    background-color: #0062cc;

    border: none;

    cursor: pointer;

}



/*about management*/

.management img {

    height: 250px;

  border-radius: 50%;

}

@media only screen and (max-width: 1000px){

.management p{

    display: block;

    font-size: 15px;

    text-align: justify-all;

    word-spacing: 0.3px;

}

}

.last_footer a:hover{

    color: yellow;

}