@import url('https://fonts.googleapis.com/css2?family=Lilita+One&family=Oleo+Script:wght@400;700&family=Pacifico&family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bayon&family=Lilita+One&family=Oleo+Script:wght@400;700&family=Pacifico&family=Righteous&display=swap');

.yellow-ajisen-color {
    background-color: #f38423;
}
.portfolio-filter-tab-1 li a.text-white {
    color: #ffffff !important;
}
.bg-wicam-yellow {
    background-color: #f38423 !important;
}
.bg-wicam-orange {
  background-color: #e34d24 !important;
}
.btn-wicam-yellow {
    background-color: #f38423 !important;
    color: #ffffff;
}
.bg-wicam-blue {
    background-color: #100be3 !important;
}

.txt-wicam-yellow {
    color: #ff6900 !important;
}
.text-red {
  color: red !important;
}
header a.logo img {
    max-height: 65px !important;
    
}
a:hover {
  color: #f38423 !important;
}
.btn {
  font-family: 'Roboto', Battambang, sans-serif !important;
}
.bg_gradient_orange {
  /*background: rgb(243,132,35);
background: linear-gradient(0deg, rgba(243,132,35,1) 0%, rgba(227,77,36,1) 100%);*/

 /* fallback for old browsers */
/*background: -webkit-linear-gradient(to right, #f38423, #e34d24);   Chrome 10-25, Safari 5.1-6 
background: linear-gradient(to right, #f38423, #e34d24);  W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: #fc8404; 
background-image: linear-gradient(100deg,#fc8404  0%,#ff6900 90%);
}
}
.post-details a:hover, .top-header-area a:hover {
    color: #f38423 !important;
}

header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a , nav.navbar.bootsnav .navbar-nav .dropdown-menu a  {
  color: #ff6900 !important;
  font-size: 14px !important;
}
header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover , nav.navbar.bootsnav .navbar-nav .dropdown-menu a:hover,  header nav.navbar .navbar-nav > li > a.active ,  nav.navbar.bootsnav .navbar-nav .dropdown-menu a.active {
  color: #ff3700 !important;
  font-size: 15px !important;
}


nav.navbar.bootsnav .navbar-nav .dropdown-menu {
    background-color: #fff ;
    width: 230px;
    
    
}
@media (min-width: 1024px) {
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a {
    border-bottom: 1px solid #ffe2c8 !important;
  }
  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li:last-child a {
    border-bottom: 0px solid #fff !important;
  }
}
/* nav.navbar.bootsnav .navbar-nav .dropdown-menu a {
     color: #e34d24 !important; 
     font-size: 14px !important;
    
} */
.simple-dropdown .dropdown-menu {
  
  min-width: 150px;
  -webkit-box-shadow: 8px 8px 5px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 8px 8px 5px -8px rgba(0,0,0,0.75);
box-shadow: 8px 8px 5px -8px rgba(0,0,0,0.75);
}
.simple-dropdown .dropdown-menu a {
  /*border-bottom: #fff 1px ; */
}

.navbar-default {
  background-color: transparent;
 }


.header-with-topbar .navbar-top {
    top: 35px;
}
@media (max-width: 760px) {
  .header-with-topbar .navbar-top {
    top: 50px;
  }
}
.a-wicam-hover:hover {
    color: #f38423 !important;
}
.txt-blue-wicam {
    color: #100be3 !important;
}

/* #234385 !important */

.slideshow-text-shadow {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}


.a-btn-call {
	position: fixed;bottom: 15px; left: 20px; z-index: 1000; 
}
.a-btn-payment {
  position: fixed;bottom: 75px; left: 20px; z-index: 2000; 
}

.btn_call_fix  {
    animation-name: example;
    animation-duration: 1.4s;
    animation-iteration-count: infinite; 
}

@keyframes example {
   0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

.text-click-to-call {
	background: #ffffff; padding-left: 8px; padding-top: 11px; 
	bottom: -9px; 
	position: relative;
	/* background-image: linear-gradient(100deg,#ffaf19  0%,#ff6900 90%); */
   float: right; font-weight: bold;letter-spacing: 2px; -webkit-border-radius: 20px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  color: #100be3;
  border: 2px solid #100be3;
}
.text-click-to-call:hover {
  border: 2px solid #ff6900;
	color: #ff6900;
}

@media only screen and (max-width: 600px) {
    
	
	.btn_call_fix {
		left: 30%;
	}
	.a-btn-payment {
    left: 50%;
    bottom: 34px;
  }
	.a-btn-call {
	  position: fixed;bottom: 25px; left: 35%; z-index: 10000; 
}
.text-click-to-call {
	font-size: 16px;
}

}



/* box card */

.wrapper {
    display: table;
    height: 100%;
    width: 100%;
  }
  
  .container-fostrap {
    display: table-cell;
    padding: 1em;
    text-align: center;
    vertical-align: middle;
  }
  .fostrap-logo {
    width: 100px;
    margin-bottom:15px
  }
  h1.heading {
    color: #fff;
    font-size: 1.15em;
    font-weight: 900;
    margin: 0 0 0.5em;
  }
  @media (min-width: 450px) {
    h1.heading {
      font-size: 3.55em;
    }
  }
  @media (min-width: 760px) {
    h1.heading {
      font-size: 3.05em;
    }
  }
  @media (min-width: 900px) {
    h1.heading {
      font-size: 3.25em;
      margin: 0 0 0.3em;
    }
  } 
  .card {
    display: block; 
      margin-bottom: 20px;
      line-height: 1.42857143;
      background-color: #fff;
      border-radius: 2px;
      box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
      transition: box-shadow .25s; 
  }
  .card:hover {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  }
  .img-card {
    width: 100%;
    /* height:200px; */
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    display:block;
      overflow: hidden;
  }
  .img-card img{
    width: 100%;
    /* height: 200px; */
    object-fit:cover; 
    transition: all .25s ease;
  } 
  .card-content {
    padding:15px;
    text-align:left;
  }
  .card-title {
    margin-top:0px;
    font-weight: 700;
    font-size: 1.65em;
  }
  .card-title a {
    text-decoration: none !important;
  }
  .card-title a:hover{
    color: #f38423 !important;
  }
  .card-read-more {
    border-top: 1px solid #D4D4D4;
  }
  .card-read-more a {
    text-decoration: none !important;
    padding:10px;
    font-weight:600;
    text-transform: uppercase
  }
/* end box card */

/* carousel */

@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-250px * 7))}
}



.slider {
	background: white;
	/*  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);  */
	height: 105px;
	margin: auto;
	overflow:hidden;
	position: relative;
	width: 100%;
	
	&::before,
	&::after {
		
		content: "";
		height: 110px;
		position: absolute;
		width: 200px;
		z-index: 2;
	}
	
	&::after {
		right: 0;
		top: 0;
		transform: rotateZ(180deg);
	}

	&::before {
		left: 0;
		top: 0;
	}
	
	.slide-track {
		animation: scroll 40s linear infinite;
		display: flex;
		width: calc(250px * 14);
	}
	
	.slide {
		height: 100px;
		width: 250px;
    margin-left: 10px;
	}
  .slide img {
    /* border: 1px rgb(230, 226, 226) solid; */
   
  }
}
/* end carousel */


.box{
  padding:0px 0px;
}

.box-part{
  /* ff6900 ffaf19 fc8404
  background: #fc8404; 
  background-image: linear-gradient(100deg,#ff6900  0%,#ffad15 90%);*/
  
  padding:60px 40px;
  margin:5px 0px;
  box-shadow: 6px 7px 7px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 6px 7px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 6px 7px 7px 0px rgba(0,0,0,0.2);
-moz-border-radius: 20px;
border-radius: 20px;

  background: linear-gradient(-90deg, #ffaf19, #ff6900, #2314f3, #040185);
  background-size: 400% 400%;
  animation: gradient-box 10s ease infinite;
}
.text{
  margin:20px 0px;
}

.box-part:hover{
  transform: scale(1.03);
  
  /* background: rgb(47,84,213);
  background: linear-gradient(0deg, rgba(47,84,213,1) 0%, rgba(15,0,153,1) 100%); */
  
}
.box-part a {
  font-weight: bold;
}
.box-part a:hover {
  color: #ffffff !important;
  font-size: 18px;
  
}


@keyframes gradient-box {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}

.highlight .pricing-box, .box-shadow-wc {
  box-shadow: 6px 7px 7px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 6px 7px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 6px 7px 7px 0px rgba(0,0,0,0.2);

}

.footer-logo {
  max-height: 80px;
}
.list-style-10 li {
  padding: 7px 0;
}

.btn-promo  {
  color: #fff !important;
  background-color: #ff6900 !important;
  border-color: #f38423 !important;
}
.btn-promo:hover , .btn-promo-active{
  color: #fff !important;
  background-color: #e34d24 !important;
}


.cover-background {
  background-position: bottom !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: bottom; 
  position: relative;

}
.slide-height {
  max-height: 480px !important;
}

/* .main-slider {
  min-height: 880px !important;
} */




/* price table */
.wrapper{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 15px;
 
  padding: 0px 20px;

}
.pricing-table{
 box-shadow: 0px 0px 18px #ccc;
 text-align: center;
 padding: 30px 0px;
 border-radius: 5px;
 position: relative;
 background: white;

}
.pricing-table .head {
  border-bottom:1px solid #eee;
  padding-bottom: 50px;
  transition: all 0.5s ease;
}
.pricing-table:hover .head{
 border-bottom:1px solid #ff6900;
 
}

.pricing-table .head .title{
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}

.pricing-table .content .price{
  /*background:linear-gradient(to right, #8E2DE2 0%, #4A00E0 100%);*/
  
  background-image: linear-gradient(100deg,#ffaf19  0%,#ff6900 90%);
  width: 90px;
  height: 90px;
  margin: auto;
  line-height: 90px;
  border-radius: 50%;
  border: 5px solid #fff;
  box-shadow: 0px 0px 10px #ccc;
  margin-top: -50px;
   transition: all 0.5s ease;
   z-index: 10000;
}
.pricing-table:hover .content .price{
  transform: scale(1.2);

}
.pricing-table .content .price h1{
  color:#fff;
  font-size: 27px;
  font-weight: 700;
}
.pricing-table .content ul{
 list-style-type: none;
 margin-bottom: 20px;
 padding-top: 10px;
 margin-left: -35px;
 
}

.pricing-table .content ul li{
  margin: 5px 0px;
  color:#555;
  font-size: 14px;
}

.pricing-table .content .sign-up{
  /* background:linear-gradient(to right, #8E2DE2 0%, #4A00E0 100%); */
  background-image: linear-gradient(100deg,#ffaf19  0%,#ff6900 90%);
  border-radius: 40px;
  font-weight: 500;
  position: relative;
  display: inline-block;
}


.pricing-table .btn {
color: #fff;
padding: 14px 40px;
display: inline-block;
text-align: center;
font-weight: 600;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3 linear;
transition: all 0.3 linear;
border: none;
font-size: 12px;
text-transform: capitalize;
position: relative;
text-decoration: none;
  margin: 2px;
  z-index: 9999;
  text-decoration: none;
  border-radius:50px;

}

.pricing-table .btn:hover{
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.pricing-table .btn.bordered {
z-index: 50;
color: #333;
}
.pricing-table:hover .btn.bordered{
color:#fff !important;
}

.pricing-table .btn.bordered:after {
background: #fff none repeat scroll 0 0;
border-radius: 50px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3 linear;
transition: all 0.3 linear;
width: 100%;
z-index: -1;	
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
}
.pricing-table:hover .btn.bordered:after{
opacity:0;
transform:scale(0);
}

@media screen and (max-width:768px){
 .wrapper{
      grid-template-columns: repeat(2,1fr);
  } 
}

@media screen and (max-width:600px){
 .wrapper{
      grid-template-columns: 2fr;
  } 
}



/* end pricing table */



.title-seven h1 {
  text-align: center;
  font-family: "Righteous", "Bayon", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 33px;
  color: #464343;
  letter-spacing: 1px;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  grid-template-rows: 27px 0;
  grid-gap: 20px;
  align-items: center;
}

.title-seven h1:after,
.title-seven h1:before {
  content: " ";
  display: block;
  border-bottom: 1px solid #ff6900;
  border-top: 1px solid #ff6900;
  height: 5px;
  background-color: #f8f8f8;
}
.page-title-small h1 {
  font-size: 16px;
}
hr.hr-gradient {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(151, 151, 151, 0.75), rgba(0, 0, 0, 0));
}
hr.hr-gradient2 {
  border: 0;
  border-bottom: 1px dashed #fff;
  background: #ccc;
}
.btn {
  font-family:  Battambang, sans-serif;
}