/*===================== 
	Primary bg color 
=====================*/

/* Hex */
#loading-area > div,
.bg-primary,
.about-sidebox .closebtn,
a.bg-primary:hover,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.site-button,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar {
  background-color: #f2a21f;
}

/*Hex color :hover */
.about-sidebox .closebtn:hover,
.site-button:active,
.site-button:hover,
.site-button:focus,
.active > .site-button,
.bg-primary-dark,
.sidenav .closebtn:hover,
.style-2 .dez-social-icon.dez-border li a:hover {
  background-color: #f2a21f;
}

/*===================== 
	Premery text color 
=====================*/
a,
.text-primary,
.site-button.outline,
.dez-countdown .date .time,
.lg-outer .lg-toogle-thumb,
.lg-outer .lg-toogle-thumb:hover {
  color: #f2a21f;
}

/*===================== 
	Border Color color 
=====================*/
.subscribe-box .form-control,
.site-button.outline,
.dez-countdown .date .time {
  border-color: #f2a21f;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #f2a21f;
}

/* GD */

.style-1 .countdown .date .time {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2e79ff+0,5462ff+100 */
  background: rgb(46, 121, 255); /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(46, 121, 255, 1) 0%,
    rgba(84, 98, 255, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(46, 121, 255, 1) 0%,
    rgba(84, 98, 255, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(46, 121, 255, 1) 0%,
    rgba(84, 98, 255, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e79ff', endColorstr='#5462ff',GradientType=1 ); /* IE6-9 */
}
.site-button:active,
.site-button:hover,
.site-button:focus,
.contact-box .form-group:after,
.style-1 .dez-social-icon li a,
.site-button.gradient {
  background-image: linear-gradient(
    to right,
    #f2a21f 0,
    #f0a226 51%,
    #f2a21f 100%
  );
  background-size: 200%;
}
.style-1 .dez-social-icon li a:hover,
.site-button.gradient:hover {
  background-position: right center;
}
#loading-area > div,
.contact-box .form-group:after,
.site-button.shadow {
  box-shadow: 10px 10px 30px 0 rgba(251, 209, 181, 0.25) !important;
}

.contact-info {
  background: #e8d8c0;
}
.style-4 .dez-title {
  font-family: "Roboto";
}
.contact-info .col:first-child {
  background: #e8d8c0;
}
.style-4 .countdown .date .time {
  color: #f2a21f;
}
.gallery-box .gallery-media img {
  transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.gallery-media h4 {
  color: #121414;
  font-weight: 700;
  background: #e8d8c0;
  padding: 12px;
  display: block;
  margin-top: -25px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .contact-box {
    width: 50%;
  }
}