/*===================== 
	Premery bg color 
=====================*/

::selection {
 background: #50aab2;
}
::-moz-selection {
 background: #50aab2;
}
::-webkit-selection {
  background: #50aab2;
}

/* Premery bg Hex color*/
.site-bg-primary,
.nav-line-animation > li > a:before,
.nav-line-animation > li > a:after,
.input-animate.input .spin,
.wt-separator:after,
.work-hover-grid h5,
.sep-line-one:after,
.wt-separator:before,
.sep-line-one:before,
.site-button-link::before,
.our-team-two h5,
.play-now .icon,
.latest-blog-1 .wt-post-info .post-date:after,
.filter-navigation a::before,
.f-social-link.social-icons li a:after,
.footer-link ul li a::before,
.our-team-one .team-bg,
.our-team-one ul li a:hover,

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus ,
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus,
ol.comment-list li.comment .reply a::before,
.contact-one .form-control:focus + .spin,
.cssload-box-loading::after,
.is-fixed .header-center .navbar-toggle .icon-bar,
.header-style-1 .navbar-toggler .icon-bar {
	background-color:#50aab2;
}



/* Premery hex buttons bg color*/
.site-button {
	background-color:#50aab2;
}
.site-button:hover,
.site-button:focus,
.site-button:active{
	background-color:#da4386;
}

.site-button:hover,
.site-button:focus,
.site-button:active,
.our-team-one:hover .team-bg, .our-team-one.hover .team-bg{
	background-color:#1f3334;
}

/*===================== 
	Premery text color 
=====================*/
/* Premery text Hex color*/
a,
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover,
.site-text-primary,
ul.primary li::before,
button.scroltop,

.header-nav .nav > li:hover > a,
.header-nav .nav > li .sub-menu li a:hover,
.header-nav .nav > li .sub-menu li:hover > a,
.header-nav .nav > li .mega-menu > li ul a:hover,

.header-nav .nav > li.active > a, 
.header-nav .nav > li.current-menu-item > a,
.header-nav .nav li.has-child.nav-active > a,

ol.comment-list li.comment .reply a,

.masonry-filter > li.active a, 
.masonry-filter > li a:hover, 
.masonry-filter > li a:active, 
.masonry-filter > li a:focus,
.nav-dark.header-nav .nav > li .sub-menu li a:hover,
.site-button-link::after,

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev:active,
.owl-carousel .owl-nav button.owl-prev:focus,
.owl-carousel .owl-nav button.owl-nextt:hover,
.owl-carousel .owl-nav button.owl-next:active,
.owl-carousel .owl-nav button.owl-next:focus,

.our-team-two ul li a:hover,

.latest-blog-1 .wt-post-info .post-date,
.testimonial-5 .testimonial-paragraph .fa-quote-left,
.f-social-link.social-icons li a,
.footer-link ul li a:after,
.site-footer .widget-section > ul > li a:hover,
.has-child .submenu-toogle,
.nav-dark.header-nav .nav > li > a:hover, .nav-dark.header-nav .nav > li > a:active, .nav-dark.header-nav .nav > li > a:focus{
	color:#50aab2;
}

@media only screen and (max-width:991px) {
.contact-slide-show.text-white,
.site-bg-primary .site-search-btn {
	color:#50aab2 !important;
}
}

/*===================== 
	Premery border color 
=====================*/

/* Premery Hex border color*/
.site-button:after,
.site-button:before,
.tp-thumbs-inner-wrapper .tp-thumb.selected:after,
ol.comment-list li.comment .comment-body{
	border-color:#50aab2;
}


.site-button:hover:before,
.site-button.hover:before,
.site-button:hover:after,
.site-button.hover:after {
	border-color:#1f3334;
}

/*===================== 
	Secondery bg hex color
 =====================*/
 
/* Secondery hex buttons bg color*/
.site-button-secondry,
.nav-dark.header-nav .nav > li .sub-menu,
.nav-dark.header-nav .nav > li .mega-menu{
	background-color:#1f3334;
}


.site-button-secondry:hover,
.site-button-secondry:focus,
.site-button-secondry:active {
	background-color:#247E86;
}

.site-button-secondry:hover:before,
.site-button-secondry.hover:before,
.site-button-secondry:hover:after,
.site-button-secondry.hover:after {
  border-color: #247E86;
}



a:active, a:hover, a:focus {
    color: #1f3334;
}
/* Secondery hex text color*/
.text-secondry {
	color:#1f3334;
}
/* Secondery hex background color*/
.bg-secondry {
	background-color:#1f3334;
}