/*=== Text skyblue color ===*/
a:hover,
.sectionTitle span, .element-sidenav .nav-item > a.nav-link:hover, .element-sidenav .nav-item.active > a.nav-link,
.btn-primary-outlined, .list-group-item a:hover .label, .list-group-item-primary a, .card .card-title:hover,
.countrySelect .sbOptions a:hover, ul.nav .nav-item.active .nav-link, .main-nav .nav-item a.nav-link:hover,
.navbar-sticky.main-nav .nav-item.active a.nav-link, .navbar-sticky.main-nav .nav-item.show > a,
.navbar-sticky.main-nav .nav-item a.nav-link:hover,
.main-nav .nav-item.active a.nav-link, .main-nav .nav-item.show > a, .navbar-sticky.bg-white .nav-item a.nav-link.active,
.boxed ul.nav .nav-item.active .nav-link, .boxed .main-nav .nav-item a.nav-link:hover,
.boxed .main-nav .nav-item.active a.nav-link, .boxed .main-nav .nav-item.show > a, #filters .active a,
.bg-white .main-nav .nav-item a.nav-link:hover, .header-transparent .main-nav .nav-item a.nav-link:hover, .bg-white .main-nav .nav-item.active a.nav-link, .header-transparent .main-nav .nav-item.active a.nav-link,
.bg-white .main-nav .nav-item.show > a, .header-transparent .main-nav .nav-item.show > a, .pricing_image-card .circle span.price, .pricing .circle .price,
.icon_tabs .nav-item a.nav-link:hover .fa,.icon_tabs .nav-item a.nav-link:hover .far,.icon_tabs .nav-item a.nav-link:hover .fab, .icon_tabs .nav-item a.nav-link.active .fa,.icon_tabs .nav-item a.nav-link.active .far, .icon_tabs .nav-item a.nav-link.active .fab ,.nav-unbordered.nav-tabs .nav-item .nav-link.active,
.main-nav .nav-item a.nav-link:hover, .boxed .main-nav .nav-item.active a.nav-link, .main-nav .nav-item.active a.nav-link, .main-nav .nav-item.show > a,
.main-nav .nav-item.dropdown > a.nav-link:hover, .main-nav .nav-item.dropdown > a.nav-link:focus, .dropdown-menu a:hover, .error-content span i.far.fa-frown-o,.error-content span i.fab.fa-frown-o,
.card.blog-card .card-body h3:hover, .about_phylosophy .about_phylosophy-desc ul.list-group li.list-group-item .fab, .about_phylosophy .about_phylosophy-desc ul.list-group li.list-group-item .far, .order-single .cart_product-title h5:hover,
.team-wrapper .team-card a.overlay_icon:hover .fab, 
.team-wrapper .team-card a.overlay_icon:hover .far, .card.blog-card .card-body span a.author, .about-fullwidth .vid-link i, i.overlay-icon,
.single_item .single_item-details p a, .cart h3.bg-sand span, .order-single .price span, .nav-tabs.bar-tabs .nav-link.active h5,
.about-fullwidth.about-beauty .styled_list li i,
.confirm-details .tags span, p.tag a:hover, .comment_title .btn, .reply_title .btn, .dropdown-menu a.active {
  color: #8e65ab;
}
iframe{border: none;}
.text-primary, a.text-primary:focus, a.text-primary:hover, .main-nav .nav-item a.nav-link.active {
  color: #8e65ab !important;
}

/*=== Background skyblue color ===*/
.bg-primary, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active,
.btn-primary-outlined:hover, .btn-primary-outlined:focus, .btn-primary-outlined.active, .btn-primary-outlined:active, .main-nav .navbar-toggler .burger-menu,
.socialLink a:focus, .socialLink a:hover, .socialLink a.active, .socialLink a:active, .dropdown.show > .btn-primary.dropdown-toggle,
.dropdown.show > .btn-primary.dropdown-toggle.focus, .dropdown.show > .btn-primary.dropdown-toggle:focus,
.dropdown.show > .btn-primary.dropdown-toggle.active, .dropdown.show > .btn-primary.dropdown-toggle:active,
.dropdown.show > .btn-primary.dropdown-toggle.active, .dropdown.show > .btn-primary.dropdown-toggle:hover,
.label-primary, .list-group-item.active, .carousel-indicators li.active, ::-moz-selection,
.carousel-control span.icon-prev:hover, .carousel-control span.icon-prev:focus, .carousel-control span.icon-next:hover, .carousel-control span.icon-next:focus,
.arrow-shade button.slick-arrow:hover, .arrow-shade button.slick-arrow:focus, .checkbox-custom:checked + .checkbox-custom-label:before,
.radio-custom:checked + .radio-custom-label:before, .nav-cart .btn-cart,
.testimonial-carousel .carousel-indicators li.active, .slick-dots li.slick-active button, .progress-bar-primary, .main-slider .common-inner a.btn-primary, ul.nav-tabs.no-bg .nav-item .nav-link.active,
ul.nav-tabs.nav-pills .nav-item .nav-link.active, .page-item.active a.page-link, .page-item:hover a.page-link,
.page-item.active a.page-link, .page-item:hover a.page-link, .pricing.delux .card-header, .pricing_image-card .btn:hover, .pricing .btn:hover,
.deal_single .media-body span.btn, .cta .cta_content-box, .card.blog-card .card-body .circle,
.price-range .progress .progress-bar, .price-range .progress .bulet,
.price-range .price-slider-inner .ui-widget-content .ui-slider-range, .comment_title .btn:hover, .reply_title .btn:hover {
  background-color: #8e65ab ;
}
.bg-primary, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active,
.btn-primary-outlined:hover, .btn-primary-outlined:focus, .btn-primary-outlined.active, .btn-primary-outlined:active, .main-nav .navbar-toggler .burger-menu,
.socialLink a:focus, .socialLink a:hover, .socialLink a.active, .socialLink a:active, .dropdown.show > .btn-primary.dropdown-toggle,
.dropdown.show > .btn-primary.dropdown-toggle.focus, .dropdown.show > .btn-primary.dropdown-toggle:focus,
.dropdown.show > .btn-primary.dropdown-toggle.active, .dropdown.show > .btn-primary.dropdown-toggle:active,
.dropdown.show > .btn-primary.dropdown-toggle.active, .dropdown.show > .btn-primary.dropdown-toggle:hover,
.label-primary, .list-group-item.active, .carousel-indicators li.active, ::selection,
.carousel-control span.icon-prev:hover, .carousel-control span.icon-prev:focus, .carousel-control span.icon-next:hover, .carousel-control span.icon-next:focus,
.arrow-shade button.slick-arrow:hover, .arrow-shade button.slick-arrow:focus, .checkbox-custom:checked + .checkbox-custom-label:before,
.radio-custom:checked + .radio-custom-label:before, .nav-cart .btn-cart,
.testimonial-carousel .carousel-indicators li.active, .slick-dots li.slick-active button, .progress-bar-primary, .main-slider .common-inner a.btn-primary, ul.nav-tabs.no-bg .nav-item .nav-link.active,
ul.nav-tabs.nav-pills .nav-item .nav-link.active, .page-item.active a.page-link, .page-item:hover a.page-link,
.page-item.active a.page-link, .page-item:hover a.page-link, .pricing.delux .card-header, .pricing_image-card .btn:hover, .pricing .btn:hover,
.deal_single .media-body span.btn, .cta .cta_content-box, .card.blog-card .card-body .circle,
.price-range .progress .progress-bar, .price-range .progress .bulet,
.price-range .price-slider-inner .ui-widget-content .ui-slider-range, .comment_title .btn:hover, .reply_title .btn:hover {
 /* background-color: #8e65ab ;*/
}

.progress-bar, .daterangepicker td.active, .daterangepicker td.active:hover, .progress.bordered .progress-bar, .noUi-connect {
 /* background-color: #8e65ab ;*/
}

.hover-overlay {
 /* background-color: rgba(142, 101, 171, 0.8);*/
}

.newslatter-area:before {
 /* background-color: rgba(142, 101, 171, 0.88);*/
}

/*=== Border skyblue color ===*/
.btn-primary, .socialLink a:focus, .socialLink a:hover, .socialLink a.active, .socialLink a:active, .dropdown.show > .btn-primary.dropdown-toggle,
.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active,
.dropdown.show > .btn-primary.dropdown-toggle.focus, .dropdown.show > .btn-primary.dropdown-toggle:focus, .dropdown.show > .btn-primary.dropdown-toggle.active,
.dropdown.show > .btn-primary.dropdown-toggle:active, .dropdown.show > .btn-primary.dropdown-toggle.active, .dropdown.show > .btn-primary.dropdown-toggle:hover,
.list-group-item.active, .carousel-indicators li.active, .nav-tabs.bar-tabs .nav-link.active:before,
.carousel-control span.icon-prev:hover, .carousel-control span.icon-prev:focus, .carousel-control span.icon-next:hover, .carousel-control span.icon-next:focus,
.testimonial-carousel .carousel-indicators li.active, .arrow-shade button.slick-arrow:hover, .arrow-shade button.slick-arrow:focus,
input.form-control.focus, input.form-control:focus, input.form-control.active, input.form-control:active,
textarea.form-control.focus, textarea.form-control:focus, textarea.form-control.active, textarea.form-control:active,
select.form-control.focus, select.form-control:focus, select.form-control.active, select.form-control:active,
.checkbox-custom:checked + .checkbox-custom-label:before, .radio-custom:checked + .radio-custom-label:before,
ul.nav-tabs.no-bg .nav-item .nav-link.active, ul.nav-tabs.nav-pills .nav-item .nav-link.active, .main-nav .nav-item a.nav-link:before,
.bg-white .main-nav .nav-item a.nav-link:before, .header-transparent .main-nav .nav-item a.nav-link:before,
.page-item.active a.page-link, .page-item:hover a.page-link, .icon_tabs .nav-item a.nav-link:before, .btn-primary-outlined, .pricing .btn:hover,
.nav-unbordered.nav-tabs .nav-item .nav-link.active:before, .seperator:before, .seperator:after, .price-range .progress .bulet, .pricing_image-card .btn:hover,
.price-range .price-slider-inner .ui-widget-content .ui-slider-handle, .comment_title .btn:hover, .reply_title .btn:hover,
.newsletter input.focus, .newsletter input:focus, .newsletter input.active, .newsletter input:active, .newsletter input:hover {
 /* border-color: #8e65ab !important;*/
}

.noUi-horizontal .noUi-handle {
 /* border-color: #8e65ab;*/
}

.blockquote {
  /*border-left: 3px solid #8e65ab;*/
}

.blockquote.text-right {
 /* border-right: 3px solid #8e65ab;
  border-left: 1px solid #8e65ab;*/
}

/*=== Seperator skyblue color ===*/
.seperator svg.seperator-icon,
.main-nav .navbar-brand .logo-fill-1, .main-nav .navbar-brand .logo-fill-2, .footer-logo .logo-fill-1, .footer-logo .logo-fill-2, .error-content .logo-fill-1, .error-content .logo-fill-2 {
 /* fill: #8e65ab;*/
}
.bg-white svg{color:#181818;}

.footer-dark .socialLink li:nth-child(4n+1) a {
  border-color:   #a62023;
}
.footer-dark .socialLink li:nth-child(4n+2) a {
 border-color: #f2bd1b;
}
.footer-dark .socialLink li:nth-child(4n+3) a {
  border-color: #8e65ab;
}
.footer-dark .socialLink li:nth-child(4n+4) a{
   border-color: #8c959e;
}

.instagram li a img{
	border-style: solid;
	border-width: 2px;
}
.instagram li:nth-child(4n+1)  a img{
	  border-color:   #a62023;
}

	.instagram li:nth-child(4n+2) a img{
	  border-color: #f2bd1b;
}
.instagram li:nth-child(4n+3) a img{
	    border-color: #8e65ab;
}
.instagram li:nth-child(4n+4) a img{
	    border-color: #8c959e;
}
	
	
	

.no-gutters div:nth-child(4n+1) .hover-overlay {
 background-color: rgba(166, 32, 35, 0.8);
}
.no-gutters div:nth-child(4n+2) .hover-overlay {
  background-color: rgba(242, 189, 27, 0.8);
}
.no-gutters div:nth-child(4n+3) .hover-overlay {
  background-color: rgba(142, 101, 171, 0.8);
}
.no-gutters div:nth-child(4n+4) .hover-overlay {
 background-color: rgba(140, 149, 158, 0.8);
}


.slick-dots li.slick-active:nth-child(4n+1) button {
  background-color: #a62023;
  border: 2px solid #a62023;
}
.slick-dots li.slick-active:nth-child(4n+1) button {
  background-color: #f2bd1b;
}
.slick-dots li.slick-active:nth-child(4n+1) button {
  background-color: #8e65ab;
}
.slick-dots li.slick-active:nth-child(4n+1) button {
  background-color: #8c959e;
}
.slick-dots li:nth-child(4n+1) button {
  border: 2px solid #a62023;
}
.slick-dots li:nth-child(4n+2) button {
  border: 2px solid #f2bd1b;
}
.slick-dots li:nth-child(4n+3) button {
  border: 2px solid #8e65ab;
}
.slick-dots li:nth-child(4n+4) button {
  border: 2px solid #8c959e;
}
.service_details .service_pricing li:before {
  content: "• ";
  padding-right: 5px;
  font-size: 40px;
  vertical-align: middle;
}

/*
.dropdown-menu li:nth-child(4n+1) a , .text-1{
  color: #a62023;
}
.dropdown-menu li:nth-child(4n+2) a , .text-2 {
  color: #f2bd1b;
}
.dropdown-menu li:nth-child(4n+3) a  , .text-3{
  color: #8e65ab;
}
.dropdown-menu li:nth-child(4n+4) a , .text-4 {
  color: #8c959e;
}



.dropdown-menu li:nth-child(4n+1) a:hover {
  background-color:#f2bd1b;
}
.dropdown-menu li:nth-child(4n+2) a:hover {
  background-color:  #a62023;
}
.dropdown-menu li:nth-child(4n+3) a:hover {
  background-color: #8c959e;
}
.dropdown-menu li:nth-child(4n+4) a:hover {
  background-color: #8e65ab;
}

*/

.service_details .service_pricing li:nth-child(4n+1):before {
  color: #a62023;
}
.service_details .service_pricing li:nth-child(4n+2):before {
  color: #f2bd1b;
}
.service_details .service_pricing li:nth-child(4n+3):before {
  color: #8e65ab;
}
.service_details .service_pricing li:nth-child(4n+4):before {
  color: #8c959e;
}
.btn-default {
  background-color: #8c959e !important;
}
.btn-default:active {
  background-color: #a62023;
}
.main-slider .common-inner a.btn {
  text-align: center;
  background-color: #a62023;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
}
a:hover, .main-nav .nav-item a.nav-lin:hover, item.active a.nav-link, .main-nave .nav-item.show > a, .main-nav .nav-item a.nav-link:hover, .main-nav .nav-item.active a.nav-link, .main-nav .nav-item.show > a, .main-nav .nav-item.dropdown > a.nav-link:hover {
  color: #f2bd1b;
}

h2:before{
	before:'';
}
.teamhover:nth-child(4n+1) .hover-overlay, .socialLink li:nth-child(4n+1) a:hover, .socialLink li:nth-child(4n+1) a.active, .socialLink li:nth-child(4n+1) a:active {
  background-color: rgba(166, 32, 35, 0.8);
}
.teamhover:nth-child(4n+2) .hover-overlay, .socialLink li:nth-child(4n+1) a:hover, .socialLink li:nth-child(4n+1) a.active, .socialLink li:nth-child(4n+1) a:active {
  background-color: rgba(242, 189, 27, 0.8);
}
.teamhover:nth-child(4n+3) .hover-overlay, .socialLink li:nth-child(4n+1) a:hover, .socialLink li:nth-child(4n+1) a.active, .socialLink li:nth-child(4n+1) a:active {
  background-color: rgba(142, 101, 171, 0.8);
}
.teamhover:nth-child(4n+4) .hover-overlay, .socialLink li:nth-child(4n+1) a:hover, .socialLink li:nth-child(4n+1) a.active, .socialLink li:nth-child(4n+1) a:active {
  background-color: rgba(140, 149, 158, 0.8);
}


.teamhover:nth-child(4n+1) .card_img {

	border-color: rgba(166, 32, 35, 0.8);
border-width: 8px;
border-style: solid;
}
.teamhover:nth-child(4n+2) .card_img{
  border-color: rgba(242, 189, 27, 0.8);
	border-width: 8px;
border-style: solid;
}
.teamhover:nth-child(4n+3) .card_img {
  border-color: rgba(142, 101, 171, 0.8);
	border-width: 8px;
border-style: solid;
}
.teamhover:nth-child(4n+4) .card_img{
  border-color: rgba(140, 149, 158, 0.8);
	border-width: 8px;
border-style: solid;
}




.teamhover:nth-child(4n+1) a.overlay_icon:hover .fab, .row div:nth-child(4n+1) .card .fab,.teamhover:nth-child(4n+1) a.overlay_icon:hover .far, .row div:nth-child(4n+1) .card .far, .socialLink li:nth-child(4n+1) a:hover, .socialLink li:nth-child(4n+1) a.active, .socialLink li:nth-child(4n+1) a:active {
  color: rgba(140, 149, 158, 0.8);
}
.teamhover:nth-child(4n+2) a.overlay_icon:hover .fab, .row div:nth-child(4n+2) .card .fab,.teamhover:nth-child(4n+2) a.overlay_icon:hover .far, .row div:nth-child(4n+2) .card .far, .socialLink li:nth-child(4n+2) a:hover, .socialLink li:nth-child(4n+1) a.active, .socialLink li:nth-child(4n+1) a:active {
    color: rgba(142, 101, 171, 0.8);
}
.teamhover:nth-child(4n+3) a.overlay_icon:hover .fab, .row div:nth-child(4n+3) .card .fab,.teamhover:nth-child(4n+3) a.overlay_icon:hover .far, .row div:nth-child(4n+3) .card .far, .socialLink li:nth-child(4n+3) a:hover, .socialLink li:nth-child(4n+1) a.active, .socialLink li:nth-child(4n+1) a:active {
 color: rgba(242, 189, 27, 0.8);
}
.teamhover:nth-child(4n+4) a.overlay_icon:hover .fab, .row div:nth-child(4n+4) .card .fab,.teamhover:nth-child(4n+4) a.overlay_icon:hover .far, .row div:nth-child(4n+4) .card .far, .socialLink li:nth-child(4n+4) a:hover, .socialLink li:nth-child(4n+1) a.active, .socialLink li:nth-child(4n+1) a:active {
color: rgba(166, 32, 35, 0.8); 
}




 .bg-white .navbar-brand .cls-1{
  fill: #1c201f;
}
@media (max-width:991.98px) {
  .cls-1 {
     fill: #1c201f !important;
  }
}

.bootsidemenu .nav-label{
	border-style: solid;
border-width: 1px;
border-radius: 4px;
padding: 4px;
}
.bootsidemenu .heading{
	color:white;background-color:rgba(0,13,51,0.81);}

.overlay_icon{padding:9px;}


.main-nav .nav-item a.nav-link:hover {
color: blue;
}
.btn.btn-default {
height: 40px;
line-height: 40px;
padding: 0 20px;
}
.input-group-text {

padding: 1rem .575rem 1rem;
}
.label {
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 6px
}
a.label:focus, a.label:hover {
  text-decoration: none
}
.label:empty {
  display: none
}
.btn .label {
  position: relative;
  top: -1px
}
.label-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem
}
.label-primary {
  background-color: #007aff
}
a.label-primary:focus, a.label-primary:hover {
  color: #fff;
  background-color: #0062cc
}
.label-secondary {
  background-color: #6c757d
}
a.label-secondary:focus, a.label-secondary:hover {
  color: #fff;
  background-color: #545b62
}
.label-success {
  background-color: #1abd36
}
a.label-success:focus, a.label-success:hover {
  color: #fff;
  background-color: #149029
}
.label-info {
  background-color: #30beff
}
a.label-info:focus, a.label-info:hover {
  color: #212529;
  background-color: #00adfc
}
.label-warning {
  background-color: #ff9500
}
a.label-warning:focus, a.label-warning:hover {
  color: #212529;
  background-color: #c70
}
.label-danger {
  background-color: #ff3b30
}
a.label-danger:focus, a.label-danger:hover {
  color: #fff;
  background-color: #fc0d00
}
.label-light {
  background-color: #f8f9fa
}
a.label-light:focus, a.label-light:hover {
  color: #212529;
  background-color: #dae0e5
}
.label-dark {
  background-color: #343a40
}
a.label-dark:focus, a.label-dark:hover {
  color: #fff;
  background-color: #1d2124
}
.label-black {
  background-color: #000
}
a.label-black:focus, a.label-black:hover {
  color: #fff;
  background-color: #000
}
.label-white {
  background-color: #fff
}
a.label-white:focus, a.label-white:hover {
  color: #212529;
  background-color: #e6e6e6
}
.label-muted, .label-silver {
  background-color: #8a8a8f
}
a.label-muted:focus, a.label-muted:hover, a.label-silver:focus, a.label-silver:hover {
  color: #fff;
  background-color: #707076
}
.bootstrap-select > .btn {
height: 50px;

line-height: 50px;
}
.bootstrap-tagsinput {width:100%;min-height: 50px;
}

.select2-container .select2-search--inline {
 float: left;
 margin: 0;
 }


.select2-results__option {
padding: 5px;
user-select: none;
-webkit-user-select: none;
margin: 0px;
}
@media (min-width: 992px){
.home-service { 
padding-top: 75px;
 padding-bottom: 20px!important;
	}}
.paragraphtools{
	/*position:absolute;*/
	margin-left:30px;
	margin-top:40px;
	z-index: 5;
}

figcaption {
  /*display: none;*/
}
.note-float-left{
	margin-right:12px;
}
a{color:#ca2127;}

.section-title .title {
/*letter-spacing: 1.5px;*/
font-size: 38px;
font-weight: 600;
}
.h6, h6 {
font-size: 1.7rem;
font-weight: 300 !important;
}

h1.heading{
			font-size: 0.8rem;
	
	}

h2{
		font-size: 1.0rem;
	font-weight:200;
	}
/* Heading for Parallax Section */ 
.paral h1 {
color: rgba(255, 255, 255, 0.8);

text-align: center;
padding-top: 60px;font-size: 1.3rem;
line-height: 2.3rem;
	font-weight: 600;
}

@media (min-width: 415px) { 
	h1.heading{
			font-size: 1.3rem;
	}
}

@media (min-width: 576px) { 
	h1.heading{
			font-size: 1.3rem;
	}
		h2{
		font-size: 1.0rem;
	}
 
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 	
	h1.heading{
			font-size: 2.0rem;
	}
		h2{
		font-size: 1.2rem;
	}
	
	.paral h1 {
font-size: 1.8rem;line-height:3.2rem;
}
	
	}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	h1.heading{
			font-size: 2.44rem;
	}
		h2{
		font-size: 1.6rem;
	}
		.paral h1 {
font-size: 1.6rem;
			line-height:3.6rem;

}
 } 

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 	
	h1.heading{
			font-size: 3rem;
	}
		h2{
		font-size: 2.0rem;
	}
		.paral h1 {
font-size: 3rem;line-height:7.4rem;

}
 }
.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.parajustify  p{
	
	font-size:1.5rem;
}
.parajustify li{
	
	font-size:1.3rem;
}
.review{
	font-size: 1.3rem;
}


/* Feel free to change duration  */ 
.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}



@-webkit-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-ms-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}


.scroll-down {
  margin: 0;
  border: 2px solid #CCC;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
}
.scroll-down a {
  display: block;
  opacity: 0;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  line-height: 0;
  font-size: 0;
  color: transparent;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  -moz-background-size: 0 auto;
  -o-background-size: 0 auto;
  -webkit-background-size: 0 auto;
  background-size: 0 auto;
  -webkit-animation: pulse 1.5s 0s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0s infinite normal ease forwards;
  animation: pulse 1.5s 0s infinite normal ease forwards;
  background-image: url("/images/arrow-down.svg");
  background-repeat: no-repeat;
}
.scroll-down a:before, .scroll-down a:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("/images/arrow-down.svg") no-repeat center top;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.scroll-down a:before {
  -webkit-animation: pulse 1.5s 0.25s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0.25s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0.25s infinite normal ease forwards;
  animation: pulse 1.5s 0.25s infinite normal ease forwards;
}
.scroll-down a:after {
  -webkit-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  animation: pulse 1.5s 0.5s infinite normal ease forwards;
}
.scroll-down a:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.webcoderskull {
  font-size: 0.9em;
}

svg.webc {
  
  background-size: 0.12em 100%;
  font: 6em/1 acumin-pro, sans-serif;
	font-weight: 100;
}

.webcoderskull-1 {
  fill: none;
  stroke: white;
  stroke-dasharray: 7% 28%;
  stroke-width: 3px;
  -webkit-animation: stroke-offset 7s infinite linear;
          animation: stroke-offset 7s infinite linear;
}
.webcoderskull-1:nth-child(1) {
  stroke: #ca2127;
  stroke-dashoffset: 7%;
}
.webcoderskull-1:nth-child(2) {
  stroke: #ca2127;
  stroke-dashoffset: 14%;
}
.webcoderskull-1:nth-child(3) {
  stroke: #ca2127;
  stroke-dashoffset: 21%;
}
.webcoderskull-1:nth-child(4) {
  stroke: #ca2127;
  stroke-dashoffset: 28%;
}
.webcoderskull-1:nth-child(5) {
  stroke: #ca2127;
  stroke-dashoffset: 35%;
}

@-webkit-keyframes stroke-offset {
  50% {
    stroke-dashoffset: 35%;
    stroke-dasharray: 0 87.5%;
  }
}

@keyframes stroke-offset {
  50% {
    stroke-dashoffset: 35%;
    stroke-dasharray: 0 7.5%;
  }
}





/* Header Parallax Element Style*/ 
.paral {
min-height: 30%;
background-attachment: fixed;
background-size:100%;

	background-position: 50% 50%;
}

/* Paragrapgh for Parallax Section */ 
.paral p {
font-size: 24px;
color:#f5f5f5;
text-align: center;
line-height: 60px;
}


/* Image for Parallax Section */ 


/* Add more images for more sections */

/* Remove Bottom Margin from Jumbotron */
.jumbotron{margin-bottom: 0;}

/* Footer */
.wn-footer {
padding: 2.5rem 0;
text-align: center;
color: white;
background-color: #607D8B;
border-top: .05rem solid #e5e5e5;
}

.wn-footer a {
color: yellow;
}
.btn-custom{
	box-shadow: 0 3px 7px rgba(145, 17, 37, 0.5);
}