/*
Template Name: Simples Plugin Styling
Template URL: ''
Description: 'Plugin styles used on websites'
Designed By: 123 Simples
Author URI: https://www.123simples.com
Version: 2.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Buttons
    1.1. Button Green Pearl
    1.2. Button Black Pearl
    1.3. SIMPLES PHONE US NOW BUTTON STYLE ONE FIXED LEFT HAND SIDE EVEN ON SCROLL
    1.4. SIMPLES PHONE US NOW BUTTON STYLE TWO STANDARD
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation
    
04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb
    4.5. Pagination
    4.6. Blog
    4.7. Comments
    4.8. Hero Area
    4.9. Error    
    4.00. Popup Search
    4.00. Popup Side Menu
    4.00. Wocommerce
    4.00. Products
    4.00. Cart
    4.00. Checkout
    4.00. Wishlist
    4.00. Contact
    4.00. About
    4.00. Team
    4.00. Testimonial
    4.00. Counter
    4.00. Blog
    4.00. Brand
    4.00. Simple Sections
    4.00. Why
    4.00. Faq
    4.00. Service
    4.00. Process
    4.00. Feature
    4.00. Gallery
    4.00. Category
    4.00. CTA
    4.00. Deal
    4.00. Tab Menu

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Buttons - Used in Rowantree, MAC
==================================*/
/* ************** 1.1 - Button Green Pearl ************************ */
.btn-school-green{color:#FFFFFF;background-color:#219145;border-color:#219145}
.btn-school-green:hover{color:#FFFFFF;background-color:#458B00;border-color:#458B00}
.btn-check:focus+.btn-school-green,.btn-school-green:focus{color:#FFFFFF;background-color:#458B00;border-color:#458B00;-webkit-box-shadow:0 0 0 0 rgba(217,185,0,0.5);box-shadow:0 0 0 0 rgba(217,185,0,0.5)}
.btn-check:checked+.btn-school-green,.btn-check:active+.btn-school-green,.btn-school-green:active,.btn-school-green.active,.show>.btn-school-green.dropdown-toggle{color:#FFFFFF;background-color:#458B00;border-color:#458B00}
.btn-check:checked+.btn-school-green:focus,.btn-check:active+.btn-school-green:focus,.btn-school-green:active:focus,.btn-school-green.active:focus,.show>.btn-school-green.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 0 rgba(217,185,0,0.5);box-shadow:0 0 0 0 rgba(217,185,0,0.5)}
.btn-school-green:disabled,.btn-school-green.disabled{color:#FFFFFF;background-color:#219145;border-color:#219145}
.btn-school-green:hover {
  background-color: #458B00;
  border-color: #458B00;
}
/* ************** 1.2 - Button Black Pearl ************************ */
.btn-black-pearl{color:#FFFFFF;background-color:#1C1D1E;border-color:#1C1D1E}
.btn-black-pearl:hover{color:#FFFFFF;background-color:#0a0a0a;border-color:#030404}
.btn-check:focus+.btn-black-pearl,.btn-black-pearl:focus{color:#FFFFFF;background-color:#0a0a0a;border-color:#030404;-webkit-box-shadow:0 0 0 0 rgba(62,63,64,0.5);box-shadow:0 0 0 0 rgba(62,63,64,0.5)}
.btn-check:checked+.btn-black-pearl,.btn-check:active+.btn-black-pearl,.btn-black-pearl:active,.btn-black-pearl.active,.show>.btn-black-pearl.dropdown-toggle{color:#FFFFFF;background-color:#030404;border-color:black}
.btn-check:checked+.btn-black-pearl:focus,.btn-check:active+.btn-black-pearl:focus,.btn-black-pearl:active:focus,.btn-black-pearl.active:focus,.show>.btn-black-pearl.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 0 rgba(62,63,64,0.5);box-shadow:0 0 0 0 rgba(62,63,64,0.5)}
.btn-black-pearl:disabled,.btn-black-pearl.disabled{color:#FFFFFF;background-color:#1C1D1E;border-color:#1C1D1E}
.btn-black-pearl:hover {
  background-color: #1C1D1E;
  border-color: #1C1D1E;
  color: #FFFFFF;
}
/* **************** 1.3 - SIMPLES PHONE US NOW BUTTON STYLE ONE FIXED LEFT HAND SIDE EVEN ON SCROLL *************** */
/* ******* ID NAME ****** simp-1-btn-call-fixed ***************** */
.simp-1-btn-call-fixed {
    position: fixed;
    z-index: 2;
    top: 80%;
    left: 30px;
}
.simp-1-btn-call-fixed .icon-wrap {
    float: left;
    position: relative;
    z-index: 1;
    width: 50px;
    height: 50px;
}
.simp-1-btn-call-fixed .icon-wrap i.fa {
    font-size: 30px;
    color: #fff;
    background: #8b0304;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    animation: icon-luc-lac 1.2s infinite ease-in-out;
}
.simp-1-btn-call-fixed .icon-wrap .border-1 {
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 1;
    top: -25px;
    left: -25px;
    border: solid 1px #8b0304;
    border-radius: 50%;
    animation: vien-lon-zoom 1.2s infinite ease-in-out;
}
.simp-1-btn-call-fixed .icon-wrap .border-2 {
    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 1;
    top: -11px;
    left: -11px;
    border: solid 1px #8b0304;
    border-radius: 50%;
    animation: vien-nho-zoom 2.2s infinite ease-in-out;
}
.simp-1-btn-call-fixed .text {
    float: left;
    padding-left: 20px;
    font-family: "Roboto";
    font-size: 13px;
    font-weight: bold;
    color: #8b0304;
    line-height: 22px;
}
.simp-1-btn-call-fixed .text span:last-child {
    font-size: 30px;
    font-family: "UtmSeagull";
}
@media(max-width: 1599px) {
    .simp-1-btn-call-fixed .text {
        display:none;
    }

    .simp-1-btn-call-fixed:hover .text {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: calc(100% + 20px);
        white-space: nowrap;
        text-shadow: 1px 1px 0 #fff;
    }
}
@keyframes icon-luc-lac {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}
@keyframes vien-nho-zoom {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .5;
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@keyframes vien-lon-zoom {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .1;
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1;
    }
}
/* **************** 1.4 - SIMPLES PHONE US NOW BUTTON STYLE TWO STANDARD *************** */
/* ******* ID NAME ****** simp-2-btn-call-centered ***************** */
.simp-2-btn-call-centered-container {
  width: 100%;
  height: 100%;
  margin: 0 auto 0;
}
.simp-2-pulse-button span{
  width:30px;
  height:30px;
  position:absolute;
  right:15px;
  top:15px;
  color:#333;
  background:rgba(255,255,255,0.5);
  border-radius:50%;
  width:50px;
  height:50px;
  float:right;
}
.simp-2-pulse-button span:before{
  font-family: FontAwesome;
  content:"\f095";
  width:15px;
  height:15px;
  display:block;
  margin:13px 15px;
  -webkit-animation: wiggle 2s infinite;
	-moz-animation: wiggle 2s infinite;
	animation: wiggle 2s infinite;
}
.simp-2-pulse-button i{
  font-size:15px;
  margin:0 auto;
  opacity:0.5;
  
}
.simp-2-pulse-button {
   color:#333;
  font-size:30px;
  font-weight:bold;
  position: relative;
  width: 340px;
  padding: 10px 15px 6px 30px;
  line-height:25px;
  text-align:left;
  height: 80px;
  border: none;
  box-shadow: 0 0 0 0 rgba(255, 232, 160, 0.7);
  border-radius: 40px;
  background-color: #fed03d;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.simp-2-pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(255, 232, 160, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(255, 232, 160, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(255, 232, 160, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 25px rgba(255, 232, 160, 0);}}


/* safari and chrome */
@-webkit-keyframes wiggle {
	0% {-webkit-transform:rotate(15deg);}
	50% {-webkit-transform:rotate(-15deg);}
	100% {-webkit-transform:rotate(15deg);}
}
 
/* firefox */
@-moz-keyframes wiggle {
	0% {-moz-transform:rotate(15deg);}
	50% {-moz-transform:rotate(-15deg);}
	100% {-moz-transform:rotate(15deg);}
}
 
/* anyone brave enough to implement the ideal method */
@keyframes wiggle {
	0% {transform:rotate(15deg);}
	50% {transform:rotate(-15deg);}
	100% {transform:rotate(15deg);}
}
/* ******************* STAND OUT RED BOX ONE LINE ONLY ***************** */
.simp-red-comment-notes {
font-weight: 500;
color: #fff;
background-color: #9F1401; /*#FF3D0D;*/
padding: 10px 15px;
border-radius: 6px;
text-align: center;
}

/* ********************* INFORMATION ANNOUNCEMENT BOX ******************** */
.simp-announcement-style1-comment-wrap {
    background-color: #FEF1B5;
    margin-left: 32px;
    list-style: outside none none;
    margin: 0 0 30px;
    position: relative;
}
.simp-announcement-style1-comment-wrap {
    margin-left: 32px;
    border: 1px solid #c6cbdc;
    border-radius: 5px;
    padding: 30px 50px;
    position: relative;
}
.simp-announcement-style1-comment-wrap h4 {
    margin: 0 0 10px;
}
.sas1-comment-author-avatar {
    background-color: #c6cbdc;
    border: 1px solid #c6cbdc;
    border-radius: 10px;
    left: -34px;
    padding: 4px;
    position: absolute;
    top: 30px;
}
.children .sas1-comment-author-avatar {
    left: -25px;
}
.sas1-comment-author-avatar img {
    border-radius: 10px;
    display: block;
}
.commentlist li .children {
	list-style: outside none none;
    margin-top: 0;
}
.sas1-comment-content .comment-meta {
	margin: 0 0 25px;
}
.sas1-comment-content .comment-meta h4 a {
	color: #222;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	border: none;
	padding-left: 0;
}
.sas1-comment-content .comment-meta a {
	color: #0347ab;
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
	border-left: 4px solid #0347ab;
	padding-left: 10px;
}
.sas1-comment-content a {
	text-decoration: none;
}
.commentlist li .sas1-comment-content p {
    color: #505050;
    margin: 0 0 25px;
}
.commentlist li .sas1-comment-content a.comment-reply-link {
    margin-top: 25px;
	font-weight: bold;
}
/* ////////////// Nicer links //////////////////////// */
.spamspan {color: #0198E1; font-weight: bold; }
a.simp-std-page:link {color: #CD3700; font-weight: bold; }
a.simp-std-page:visited {color: #CD3700; font-weight: bold; }
a.simp-std-page:hover {text-decoration: underline; background-color: #DEDEDE; }
a.simp-std-page:active {color: #CD3700; }

a.simp-std-blu-page:link {color: #0198E1; font-weight: bold; }
a.simp-std-blu-page:visited {color: #0198E1; font-weight: bold; }
a.simp-std-blu-page:hover {text-decoration: underline; background-color: #DEDEDE; }
a.simp-std-blu-page:active {color: #0198E1; }

a.simp-std-yell-page:link {color: #FFC702; font-weight: normal;}
a.simp-std-yell-page:visited {color: #FFC702; font-weight: normal;}
a.simp-std-yell-page:hover {color: #FFFFFF; font-weight: normal; text-decoration: underline; /*background-color: #DEDEDE;*/}
a.simp-std-yell-page:active {color: #FFC702;}

/* ////////////// Nice Checkmarks /////////////////// */

ul.simp-green-checkmark li {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0;
  list-style-type: none;
  padding: 6px 0 6px 2.5em;
  position: relative;
}
ul.simp-green-checkmark li:before {
  content: " ";
  display: block;
  border: solid 0.8em #008000;
  border-radius: 0.8em;
  height: 0;
  width: 0;
  position: absolute;
  left: 0.5em;
  top: 40%;
  margin-top: -0.5em;
}
ul.simp-green-checkmark li:after {
  content: " ";
  display: block;
  width: 0.3em;
  height: 0.6em;
  border: solid #FFFFFF;
  border-width: 0 0.2em 0.2em 0;
  position: absolute;
  left: 1em;
  top: 40%;
  margin-top: -0.2em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ////////////// Simple Notification Boxes //////////////// */
.smp-notificationNote {
	width: 90%;
	margin: 16px;
	position: relative;
	padding: 2px 16px;
	border-radius: 8px;
}

.smp-notificationNote p {
	padding-left: 24px;
	margin: 8px 0;
}

.smp-notificationNote > p:first-child:before {
	font-family: "FontAwesome";
	position: absolute;
	left: 16px;
}

.smp-notificationTip {
	width: 90%;
	margin: 16px;
	position: relative;
	padding: 2px 16px;
	border-radius: 8px;
}

.smp-notificationTip p {
	padding-left: 24px;
	margin: 8px 0;
}

.smp-notificationTip > p:first-child:before {
	font-family: "FontAwesome";
	position: absolute;
	left: 16px;
}

.smp-notificationExample {
	width: 90%;
	margin: 16px;
	position: relative;
	padding: 2px 16px;
	border-radius: 8px;
}

.smp-notificationExample p {
	padding-left: 24px;
	margin: 8px 0;
}

.smp-notificationExample > p:first-child:before {
	font-family: "FontAwesome";
	position: absolute;
	left: 16px;
}

.smp-notificationWarning {
	width: 90%;
	margin: 16px;
	position: relative;
	padding: 2px 16px;
	border-radius: 8px;
}

.smp-notificationWarning p {
	padding-left: 24px;
	margin: 8px 0;
}

.smp-notificationWarning > p:first-child:before {
	font-family: "FontAwesome";
	position: absolute;
	left: 16px;
}

.smp-notificationNote {
	background-color: #D5EEF8;
	color: #2183A5;
	border: 1px solid #2183a5;
}

.smp-notificationTip {
	background-color: #DDEFD7;
	color: #308935;
	border: 1px solid #308935;
}

.smp-notificationExample {
	background-color: #DDDDDD;
	color: #2B3139;
	border: 1px solid #2B3139;
}

.smp-notificationWarning {
	background-color: #F2DEDB;
	color: #992222;
	border: 1px solid #992222;
}


/* Icon choice for notification divs */

.smp-notificationNote > p:first-child:before {
	/* "i" in a circle */
	content: "\f05a";
	font-family: "FontAwesome";
	font-weight: 900;
}

.smp-notificationTip > p:first-child:before {
	/* Hand pointing right */
	content: "\f0a4";
	font-family: "FontAwesome";
	font-weight: 900;
}

.smp-notificationExample > p:first-child:before {
	/* Binoculars */
	content: "\f1e5";
	font-family: "FontAwesome";
	font-weight: 900;
}

.smp-notificationWarning > p:first-child:before {
	/* Exclamation mark in triangle */
	content: "\f071";
	font-family: "FontAwesome";
	font-weight: 900;
}

.simples-center {
text-align: center;
}
.simples-float-right {margin-left:400px;}
.simples-red {color:#FA0505;}
.simples-red-bold {color:#FA0505; font-weight:bold;}
.simples-green {color:#458B00;}
.simples-green-bold {color:#458B00; font-weight:bold;}
.simples-grey {color:#999999; font-weight:bold;}
.simples-underline-grey {color:#999999; font-weight:bold; text-decoration:underline;}
.simples-bg-smoked {background-color:#D41919;}
.simp-margin-top10 {margin-top:10px;}
.simp-margin-top20 {margin-top:20px;}
.simp-margin-top30 {margin-top:30px;}
.simp-margin-top40 {margin-top:40px;}
.simp-margin-top50 {margin-top:50px;}
.simp-margin-top60 {margin-top:60px;}
.simp-margin-top70 {margin-top:70px;}
.simp-margin-top80 {margin-top:80px;}
.simp-margin-top90 {margin-top:90px;}
.simp-margin-top100 {margin-top:100px;}
.simp-margin-top110 {margin-top:110px;}
.simp-margin-top120 {margin-top:120px; background-color: #FFFFFF; /*Old Colour #F4F4F4*/}
.simp-margin-top130 {margin-top:130px;}

/* ////////////// DIV Cleanups and Misc Clears //////////////// */
.cleaner-h1 { clear: both; width:100%; height: 1px; }
.cleaner-h5 { clear: both; width:100%; height: 5px; }
.cleaner-h10 { clear: both; width:100%; height: 10px; }
.cleaner-h10-line { clear: both; width:100%; height: 10px; border-top:2px solid #999; }
.cleaner-h15 { clear: both; width:100%; height: 15px; }
.cleaner-h20 { clear: both; width:100%; height: 20px; }
.cleaner-h30 { clear: both; width:100%; height: 30px; }
.cleaner-h40 { clear: both; width:100%; height: 40px; }
.cleaner-h50 { clear: both; width:100%; height: 50px; }
.cleaner-h60 { clear: both; width:100%; height: 60px; }
.cleaner-h100 { clear: both; width:100%; height: 100px; }