
img.canadian-flag {
    max-width: 232px;
}
.bg-eight {
    background-color: #cc3368;
}
.bg-six {
    background-color: #005a56;
}._red-discount.small {
	font-size: 22px;
}
.bg-seven {
    background-color: orange;
}
img.midbar-image {
    width: 100%;
}
.large-12.columns.text-center.masters {
  padding-top: 10px;
}
span.discipline {
    font-size: 24px;
    color: #034770;
    font-weight: bold;
    margin-top: 0px;
}
.mastersam {
  color: #034770;
  font-size: 20px;
  font-weight: bold;
}
.text-center.black-belt > span {
  color: #244b6f;
  font-size: 18px;
  font-style: italic;
}
.newclass > a {
  color: red!important;
  font-size: 20px!important;
  font-weight: 600!important;
}
/*new header numbers*/
.our_tabs A {color: #ffe200 !important; display: block;}
.large-12.columns.strip-padding.side-number {
  background-color: rgba(255, 255, 255, 0.5);
  margin-right: 0;
  padding-right: 0;
  padding:10px 0;
}
.large-2.columns.text-center.our_tabs p {
    display: inline-block;
    background: url(https://saroughi.ca/wp-content/uploads/2019/05/blue-sun-bg.png) 50% 50% no-repeat;
    font-size: 23px;
    padding: 22px;
    border-radius: 20px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 4px #0a3046 solid;
}.large-3.columns.text-center.our_tabs p {
    display: inline-block;
    background: url(https://saroughi.ca/wp-content/uploads/2019/05/blue-sun-bg.png) 50% 50% no-repeat;
    font-size: 23px;
    padding: 22px;
    border-radius: 20px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 4px #0a3046 solid;
}.large-4.columns.text-center.our_tabs p {
    display: inline-block;
    background: #6679b4;
    font-size: 23px;
    padding: 22px;
    border-radius: 20px;
    color: #fef900;
    border: 1px #000000 solid;
}
.large-2.columns.text-center.our_tabs_red p {
    display: inline-block;
    background: url(https://saroughi.ca/wp-content/uploads/2019/05/red-sun-bg.png) 50% 50% no-repeat;
    font-size: 23px;
    padding: 22px;
    border-radius: 20px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 4px #540105 solid;
}
.large-3.columns.text-center.our_tabs_red p {
    display: inline-block;
    background: url(https://saroughi.ca/wp-content/uploads/2019/08/red-sun-bg-II.png) 50% 50% no-repeat;
    font-size: 23px;
    padding: 22px;
    border-radius: 20px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 4px #540105 solid;
}
._red-discount{display:block; color:white; font-weight:bold; line-height:40px; font-size: 26px;}
._red-row{display:block;}
._red-small-text{font-size:12px;line-height:8px;}
._red-exception {
    line-height: 12px;
    padding-bottom: 8px;
}




.hyperlinkedd {
  color: #024871 !important;
}
.partnership.text-center {
  color: #f7f4df;
  font-size: 28px;
  padding-bottom: 13px;
  padding-top: 0px;
  font-family: "Abel";
}
.text-one2 {
  font-size: 22px!important;
}
.calculate-margin-top.kickboxing-home.text-one {
  font-size: 31px;
  line-height: 33px;
}
.contact-header.new {
  font-size: 30px;
  line-height: 1.7em;
}
/* Custom Classes */
.black-belt {
    background: rgba(2, 72, 113, 0);
    color: #000000;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
}.black-belt span {
    letter-spacing:1px;
}.midbar-inner-wrapper {
    max-width: 60em !important;
} 

 
 
.homepage-box-image {
    background: rgba(191, 191, 191, 0.22);
    padding: 22px;
}
.boxes-container {
    margin-bottom: 36px;
    z-index: 999;
}.boxes-container {


}
.boxes-container h3 a {
    color: inherit;
}.boxes-container h3 {
    color: #fff;
    font-size: 28px;
    line-height: normal;
    margin: 0;
        font-weight: bold;
}.boxes-container h3 span {
    display: inline-block;
    font-weight: bold;
    font-size: 37px;
    line-height: normal;
    width: 100%;
}.boxes-container h3 span.red.the-year {
    color: #fff;
    letter-spacing: 5px;
}.boxes-container .midbar-one h3 { 
    margin-top: 4px;
}.boxes-container .midbar-two h3 {
  color: #000;
  line-height: 31px;
  margin: 30px 0 0;
}.boxes-container .midbar-two h3 span { 
    font-weight: bold;
    font-size: 25px;
    line-height: normal;
}.boxes-container .midbar-three h3 {
  color: #fff;
  line-height: 28px;
  margin: 31px 0 0;
}.boxes-container .midbar-three h3 span { 
    font-size: 48px;
    color: #fff;
}
.box {
    width: 19.99996%;
}
 
.bg-five {
    background-color: rgb(102, 121, 180) !important;
}
.note-banner {
    background: #9a0d0c;
    width: 100%;
       margin-top: 0px;
    margin-bottom: -4px;
   border:2px solid white;
}
 
.note-banner p {
    color: white;
    margin: 2px;
}.package-wrapper h2 {
    color: #f7f4df;
    font-size: 44px;
}

.note-banner h3 {
    padding-top:5px;
    color: White;
    margin: 13px;
}

.note-banner span {
        padding-bottom: 13px;
    display:block;
    color:white;
    font-size:20px;
    text-decoration:underline;
}


.blog {
    margin-top: 7em;
}
.blog a {
    text-decoration: underline;
}

section.recent-posts .entry-title {
   font-size: 2em;
   border-bottom: 1px solid #ddd;
   padding: 10px 0;
}

.entry-title {
  font-size: 2em;
}


.entry-meta {
  visibility: hidden;
}

.home-ten {
  font-size: 1.5em!important;
  margin-top: 31px!important;
}

.unlimited {
   font-size: 24px!important;
}

.special-text-home {

}

#box-one-text {
  margin: 0!important;
}

.flyer {
  border: 1px solid #000;
    margin: 0 5em;
}

.googleplus {
max-width: 7em;
    border: 1px solid black;
  margin-bottom: 9px;
}

.b-party-link {
  font-weight: bold;
  text-decoration: underline;
  color: lightblue;
}

.special-text-home {
  /* margin-top: 10px; */
}

.top-special {
  margin-top: 40px!important;
}
.content-header {
   font-weight:bold;
   color: red;
   font-size: 3em;
}

.program {
margin: 1em;
}

.little-dragons-header {
   color: #FC7118;
}
.kids-program {
   color: #037134;
}
.family-program {
   color: #9A0D0C;
}
.teen-program {
   color: #024872;
}

.little-dragons-header, .kids-program, .family-program, .teen-program {
   font-size: 1.8em;
   text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


.contact-header {
  font-size: 2.5em;
  font-style: italic;
}
.bg-one {
   background-color: rgb(0, 32, 96) !important;
}

.text-one {
  color: #ffffff !important;
  font-size: 27px !important;
}

.bg-two {
  background-color: #037134 !important;
}
.text-two {
color: #ffffff !important;
}

.bg-three{
  background-color: #9a0d0c !important;
}
.text-three{
}

.bg-four{
  background-color: rgb(112, 48, 160) !important;
}
.text-four{
color: #ffffff !important;
}


.white-text {
  color: #fff!important;
}

.karate-img {
  float: left;
}

.bank-street-calendar {
  border: 1px solid #000000;
  margin: 1em;
}

.orleans-calendar {
  border: 1px solid #000000;
  margin: 1em;
}

.bank-street-calendar:hover, .orleans-calendar:hover {
  box-shadow: 0 0 7px #000;

}

.phone-city {
  float: left;
  font-weight: bold;
  margin-right: 1em;
}

.midbar-image {
  border-bottom: 1px solid rgba(55, 55, 55, 0.2);
}

.side-number {
  margin-right: 1em;
}

.download-schedule {
  font-size: 1.5em;
  text-align: center;
}

.download-schedule:hover {
  text-decoration: underline;
}

.about-quote-img {
  float: left;
  margin: 1em;
  border: 1px solid #000;
}

.header-locations {
  font-size: 1.2em;
  font-style: italic;
   margin-top: 0px;
   margin: 0 0;
}

.navigation-wrapper {
    background:white;
    min-height: 70px;
    width: 100%;
    clear: both;
    position: relative;
}header .contact-phone.phone {
  background: #024871 none repeat scroll 0 0;
  box-shadow: 0 0 3px rgba(55, 55, 55, 0.8);
  border: 1px solid #ffffff;
  display: inline-block;
  float: right;
  line-height: 50px;
  margin: 27px 0 21px;
  padding: 0 18px;
  text-align: right;
}.navigation-wrapper .top-bar ul {

}.top-bar-section li.active:not(.has-form) a:not(.button), 
.top-bar-section li.active:not(.has-form) a:hover:not(.button), 
.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section ul li:not(.active):hover > a  {
    background: none;
    color: #024770;
    line-height: 70px;
    font-weight: bold;
}.top-bar .top-bar-section ul > li.active::after, .top-bar .top-bar-section ul > li:hover::after {
    /*background: url("https://saroughi.ca/wp-content/uploads/2015/08/tanbg.png");*/
    color: #024770;
    bottom: -3px;
    content: " ";
    height: 6px;
    position: absolute;
    width: 100%;
}.top-bar-section .dropdown li.active:not(.has-form) > a:not(.button), .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button) {
  background-color: #024871;
  border: medium none;
  color: #fff;
}.top-bar {
    background: none;
    height: 70px;
}.top-bar-section ul li.active > a {
    background: none;
    color: #014B76;
}.top-bar-section li:not(.has-form) a:not(.button) {
    background: none;
    padding: 0 20px;
    color: #252525;
    font-size: 18px;
    line-height: 70px;
    font-weight: bold;
}.top-bar-section ul li:hover:not(.has-form) > a {
    background: none;
    color: #024871;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    background: none;
    text-transform: none;
    color: #ffffff;
    border: none;
    line-height: 70px;
}.top-bar-section .dropdown li:not(.has-form):hover a:not(.button) {
    
}.top-bar .top-bar-section ul li  {
    margin: 0;
    background: none;
    position: relative;
}.top-bar .top-bar-section ul li a {
    font-family: "Abel";
    color: #95814b;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 25px;
    font-size: 16px;
}.top-bar-section .has-dropdown > a:after {
    top: 34px;
    border-color: #252525 transparent transparent;
}.top-bar-section .has-dropdown.moved > .dropdown {
    top: -40px;
}.top-bar-section .dropdown {
    background: none repeat scroll 0 0 #024872;
  border: 1px solid #ffffff;
  box-shadow: 0 0 10px rgba(55, 55, 55, 0.3);
}.slider-wrapper {
    
    background-position: top center;
    clear: both;
    height: 855px;
    left: 0;
    position: absolute;
    top: 91px;
    width: 100%;
    z-index: -1;
}.slider-wrapper .rhino-container {
    min-height: 780px;
    width: 100%;
}.slider-wrapper ul[id*="slider-"] {
    height: 850px !important;
    margin: 0;
    width: 100% !important;
}.calculation-parent {
    float: left;
}.midbar-wrapper {
    padding: 575px 0 5px;
    text-align: center;
    width: 100%;
    margin-top: 18px;
    margin-bottom: -47px;
}.midbar-one {
 /* background: rgba(2, 72, 113, 0.9) none repeat scroll 0 0 / 100% 100%; */
 border: 1px solid #ffffff;
  box-shadow: 0 0 2px rgba(55, 55, 55, 0.8);
  height: 320px;
  transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    -webkit-backface-visibility: hidden;
  width: 100%;
}
.midbar-one:hover, .midbar-two:hover, .midbar-three:hover {
   box-shadow: 0 0 8px rgba(55, 55, 55, .8);
   cursor: pointer;
   /* margin-top: -3px;
   -webkit-transition: margin 0.3s ease-out;
    -moz-transition: margin 0.3s ease-out;
    -o-transition: margin 0.3s ease-out; */
}


.midbar-two {
 /* background: #fff;  */
border: 1px solid #ffffff;
  box-shadow: 0 0 2px rgba(55, 55, 55, 0.8);
  height: 270px;
  transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    -webkit-backface-visibility: hidden;
  width: 100%;

}.midbar-three {
  /* background: #bd0909 none repeat scroll 0 0 / 100% 100%;  */
  border: 1px solid #ffffff;
  box-shadow: 0 0 2px rgba(55, 55, 55, 0.8);
  height: 270px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  -webkit-backface-visibility: hidden;
  width: 100%;

}.midbar-inner-wrapper h3 a {
    color: inherit;
}.midbar-inner-wrapper h3 {
    color: #fff;
    font-size: 28px;
    line-height: normal;
    margin: 0;
        font-weight: bold;
}.midbar-inner-wrapper h3 span {
    display: inline-block;
    font-weight: bold;
    font-size: 37px;
    line-height: normal;
    width: 100%;
}.midbar-inner-wrapper h3 span.red.the-year {
    color: #fff;
    letter-spacing: 5px;
}.midbar-inner-wrapper .midbar-one h3 { 
    margin-top: 4px;
}.midbar-inner-wrapper .midbar-two h3 {
  color: #000;
  line-height: 31px;
  margin: 30px 0 0;
}.midbar-inner-wrapper .midbar-two h3 span { 
    font-weight: bold;
    font-size: 32px;
    line-height: normal;
}.midbar-inner-wrapper .midbar-three h3 {
  color: #fff;
  line-height: 30px;
  margin: 31px 0 0;
}.midbar-inner-wrapper .midbar-three h3 span { 
    font-size: 48px;
    color: #fff;
}.package-wrapper {
    background: url("https://saroughi.ca/wp-content/uploads/2015/09/wood_1.png");
    background-position: top center ;
    border-top: 2px solid #d4d4b3;
    padding: 30px 0 100px;
}.package-wrapper h1 {
    color: #f7f4df;
    display: inline-block;
    font-size: 55px;
    line-height: 80px;
    margin: 30px 0 0px;
    position: relative;
}.package-wrapper h1::before {
    background: url("https://saroughi.ca/wp-content/themes/martial-arts/images/bars-pre.png");
    content: " ";
    height: 65px;
    left: -55px;
    position: absolute;
    top: 7px;
    width: 25px;
}.package-wrapper ul[id*="slider-"] {
    background: #fdfbeb;
    margin: 0;
    width: 100% !important;
    height: 375px !important;
}.package-wrapper ul[id*="slider-"] li.rhino-item {
    left: auto !important;
    position: absolute !important;
    right: 0 !important;
    width: 100% !important;
}.package-wrapper ul[id*="slider-"] li.rhino-item img {
    float: right !important;
    border-top: 4px solid #e89c94;
}.package-wrapper ul[id*="slider-"] article {
    background: #fdfbeb;
    border-top: 4px solid #d88a82;
    color: #000;
    float: left;
    height: 100%;
    left: 0px;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    top: 0;
    width: 378px;
    z-index: 1000;
}.package-wrapper ul[id*="slider-"] article h1 {
    font-size: 28px;
    font-weight: normal;
    line-height: normal;
    color: #bd0909;
}.package-wrapper ul[id*="slider-"] article h1::before {
    display: none;
}.package-wrapper ul[id*="slider-"] article h1::after {
    content: " ";
    height: 5px;
    width: 100%;
    background: url("https://saroughi.ca/wp-content/themes/martial-arts/images/bars-after.png");
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    bottom: -15px;
    left: 0;
}.package-wrapper ul[id*="slider-"] article p {
    color: #333333;
    font-family: "Ubuntu";
        text-align: left;
}.package-wrapper ul[id*="slider-"] .custom-position {
    bottom: 15px;
    position: absolute;
    right: 0;
}.package-wrapper ul[id*="slider-"] .custom-position .image-text {
}.package-wrapper ul[id*="slider-"] .custom-position .image-text p {
    background: none repeat scroll 0 0 #fdfbeb;
    font-size: 35px;
    padding: 0 30px;
    position: relative;
    font-family: "Quicksand", sans-serif;
}.package-wrapper ul[id*="slider-"] .custom-position .image-text a {
    line-height: 62px;
    display: inline-block;
    position: relative;
    font-family: "Quicksand", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    float: right;
    top: -4px;
    color: #ffffff;
    padding: 0 34px 0 20px;
    background: #b30909;
    background: -moz-linear-gradient(top,  #b30909 0%, #681814 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b30909), color-stop(100%,#681814));
    background: -webkit-linear-gradient(top,  #b30909 0%,#681814 100%);
    background: -o-linear-gradient(top,  #b30909 0%,#681814 100%);
    background: -ms-linear-gradient(top,  #b30909 0%,#681814 100%);
    background: linear-gradient(to bottom,  #b30909 0%,#681814 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30909', endColorstr='#681814',GradientType=0 );
}.package-wrapper ul[id*="slider-"] .custom-position .image-text a:before { 
    background: inherit;
    content: " ";
    height: 62px;
    left: -9px;
    position: absolute;
    width: 20px;
    z-index: 1;
    -moz-transform: skewX(-15deg) skewY(0deg);
    -webkit-transform: skewX(-15deg) skewY(0deg);
    -o-transform: skewX(-15deg) skewY(0deg);
    -ms-transform: skewX(-15deg) skewY(0deg);
    transform: skewX(-15deg) skewY(0deg);
}.internal-page {
    margin: 568px 0 0;
        box-shadow: 4px 0px 7px rgba(55, 55, 55, .3);
}.content-wrapper {
    background: #fff;
    padding: 70px 0;
}.content-wrapper .bars {
    background: url("https://saroughi.ca/wp-content/themes/martial-arts/images/horizontal-bars.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
    margin: 30px 0;
    width: 100%;
    display: block;
    clear: both;
}
/* Start Default V8 Styles */
#wpadminbar {
    display: none !important;
}
body {
    font-family: "Calibri",sans-serif;
}h1, h1 a {
    color: #252525;
    font-family: "Abel";
    font-size: 2em;
    line-height: 1.27em;
    margin: 25px 0;
}h2 {
    color: #252525;
    font-family: "Abel";
    font-size: 1.8em;
    line-height: 2.2rem;
    margin: 25px 0;
}h3 {
    color: #252525;
    font-family: "Abel";
    font-size: 1.6em;
    line-height: 1.8rem;
    margin: 25px 0;
}h4 {
    font-family: "Abel";
    color: #252525;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 35[x];
    margin: 25px 0;
}p {
    font-family: "Ubuntu";
    color: #252525;
    font-size: 16px;
    margin: 15px 0;
}.content-wrapper li, .content-wrapper a {
    font-family: 'Ubuntu';
    color: #252525;
    font-size: 22px;
    margin: 7px 0;
}ul {
    list-style-type: none;
}ul.special-list {
    width: 100%;
    clear: both;
    float: left;
    margin-left: 0;
}ul.special-list li {
    list-style-type: disc;
    float: left;
    margin: 7px 13px;
}ul.special-list li:first-child {
    list-style-type: none;
    margin-left: 0;
}.strip-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}.subnav {
    background: none repeat scroll 0 0 #e0e0e0;
    display: block;
    float: left;
    height: 80px;
    margin: 0 3px;
    padding: 20px 40px;
}.about-right > span {
    clear: both;
    display: block;
    font-size: 65px;
    line-height: 1.5;
}.about-right {
    font-family: open sans;
    font-size: 40px;
    font-weight: lighter;
    line-height: 1;
}.row {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%;
}.contain-to-grid {
    background: none !important;
}.contain-to-grid .top-bar {
    max-width: 75em;
}.page-wrapper {
    max-width: 75rem;
    clear: both;
}.header-company-title a {
    color: #252525;
    float: left;
    font-family: "Abel";
        font-size: 2.3em;
    font-weight: bold;
    line-height: normal;
    margin: 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}.header-company-serviceorder {
    color: #454545;
    font-family: "Abel";
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}.footer-wrapper {
    width: 100%;
    background: #024871;
}.footer-inner-wrapper {
    margin: 0 auto;
    padding: 25px 0 0 0;
}footer.footer-wrapper h3 {
    color: #ffffff;
    font-family: "Quicksand",sans-serif;
    font-size: 20px;
    font-weight: bold;
}footer.footer-wrapper h3 span.special-font {
    font-family: "Indie Flower", cursive;
    font-size: 16px;
    color: #dabd74;
}.contactForm  {
    margin-top: 20px;
}.contactForm  label{
    font-weight: bold;
    display: block;
}.contactForm input {
    width: 100%;
    padding: 3px;
    margin-bottom: 5px;
}.contactForm textarea {
    width: 100%;
}.contactForm .captchaWrapper {
    margin-top: 10px;
}.contactForm .captchaRefresh {
    vertical-align: top;
}.contactForm .submitWrapper {
    text-align: center;
    margin-top: 30px;
}.contactForm .submitWrapper span.submit {
    font-size: inherit;
    font-weight: bold;
    background-color: #fafafa;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    padding: 3px 20px;
    cursor: pointer;
}.contactForm .submitWrapper span.submit:hover {
    background-color: #eaeaea;
}.emailConfirmation {
    margin: 0 auto;
}.emailConfirmation h1 {
    color: #00CC00;
}.content-wrapper p.contact-address, 
 .content-wrapper p.contact-info, 
 .content-wrapper p.contact-phone, 
 .content-wrapper p.contact-fax, 
 .content-wrapper p.contact-email,
 .content-wrapper time {
    color: #4d4d4d;
    font-family: "Quicksand",sans-serif;
    font-size: 22px;
    margin: 0;
    padding: 0 0 0 0;
}p.contact-title {
    font-family: "Quicksand",sans-serif;
    color: #151515;
    font-size: inherit;
    margin: 15px 0;
}p.contact-address,
 p.contact-info,
 p.contact-phone,
 p.contact-fax,
 p.contact-email {
    color: #ebe8d1;
    font-family: 'Abel';
    font-size: 22px;
    margin: 0;
    padding: 0 0 0 35px;
}.social-icons .social-wrapper {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}.social-icons .social-wrapper .fa {
    color: #FFFFFF;
    margin: 5px;
    line-height: 64px;
    width: 64px;
    text-align: center;
    font-size: 24px;
        border: 1px solid #ffffff;
}

.social-icons .social-wrapper .fa:hover {
   opacity: .8;
}


.social-icons .social-wrapper .fa-facebook {
    background: #5e547b;
}.social-icons .social-wrapper .fa-youtube-play {
    background: #f16261;
}.social-icons .social-wrapper .fa-instagram {
    background: #c7c5b3;
}.social-icons .social-wrapper .fa-google-plus {
    background: #4d4f54;
}.social-icons .social-wrapper .fa-twitter {
    background: #63cdf1;
}.social-icons .social-wrapper .fa-pinterest {
    background: #f16261;
}footer.footer-wrapper .ajax-content {
    margin: 0 auto;
    max-width: 300px;
}footer.footer-wrapper .recent-photos img {
    float: left;
    display: block;
    margin: 5px;
    max-width: 30%;
}footer.footer-wrapper .recent-photos img:nth-child(3) {
    clear: right;
}footer.footer-wrapper p.contact-address {
    background: url("https://saroughi.ca/wp-content/themes/martial-arts/images/house-icon.png");
    background-repeat: no-repeat;
    background-position: 5px 8px;
}footer.footer-wrapper p.contact-phone {
    /*background: url("https://saroughi.ca/wp-content/themes/martial-arts/images/phone-icon.png");*/
    background-repeat: no-repeat;
    background-position: 5px 8px;
}footer.footer-wrapper p.contact-email {
    /*background: url("https://saroughi.ca/wp-content/themes/martial-arts/images/email-icon.png");*/
    background-repeat: no-repeat;
    background-position: 5px 8px;
}footer.footer-wrapper .footer-bottom .footer-menu .title-area {
    display: none;
}footer.footer-wrapper .footer-bottom .footer-menu .top-bar-section ul li {
    background: none;
}footer.footer-wrapper .footer-bottom .footer-menu .top-bar-section ul li a {
    font-size: 12px;
    font-family: "Quicksand", sans-serif;
    color: #fff;
}footer.footer-wrapper .footer-bottom .footer-menu .top-bar-section ul li.active a {
    color: #ffffff;
}footer.footer-wrapper .footer-bottom .footer-menu .top-bar-section .has-dropdown > a::after {
    display: none;
}footer.footer-wrapper .footer-bottom .footer-menu .top-bar-section .dropdown {
    display: none;
}.footer-bottom {
    background: #080c0d;
    margin: 60px 0 0;
}.disclaimer p {
    font-size: 14px;
}.disclaimer .lnm-image > img {
    margin: 10px 0 0;
    opacity: 0.2;
}.fc-header-left, .fc-header-center, .fc-header-right {
    clear: both;
    display: block;
    width: 100%;
    text-align: center;
}#preloader {
    background: none repeat scroll 0 0 #fff;
    display: block;
    padding: 20% 0 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 999999;
    top: 0;
}.slick-background-wrapper {
    left: 0;
    position: fixed;
    top: 0;
    z-index: -1;
    width: 101% !important;
    overflow: hidden;
}.spinner {
    margin: 100px auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}.spinner > div {
    background-color: #444;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
    20% { -webkit-transform: scaleY(1.0) }
}@keyframes stretchdelay {
    0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* * * START CUSTOM CSS * * */
.conv.internal-page {
    margin: 0; 
    box-shadow: 4px 0px 7px rgba(55, 55, 55, .3);
}.large-4.columns.text-center.our_tabs a p {
    display: inline-block;
    background: url(https://saroughi.ca/wp-content/uploads/2019/05/blue-sun-bg.png) 50% 50% no-repeat;
    font-size: 23px;
    padding: 22px;
    border-radius: 20px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 4px #0a3046 solid;
}.large-4.columns.text-center.our_tabs a p {
    display: inline-block;
    background: url(https://saroughi.ca/wp-content/uploads/2019/05/blue-sun-bg.png) 50% 50% no-repeat;
    font-size: 23px;
    padding: 22px;
    border-radius: 20px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 4px #0a3046 solid;
}.large-4.columns.text-center.our_tabs a p {
    display: inline-block;
    background: #6679b4;
    font-size: 23px;
    padding: 22px;
    border-radius: 20px;
    color: #fef900;
    border: 1px #000000 solid;
}
.large-4.columns.text-center.our_tabs_red p {
    display: inline-block;
    background: url(https://saroughi.ca/wp-content/uploads/2019/05/red-sun-bg.png) 50% 50% no-repeat;
    font-size: 23px;
    padding: 22px;
    border-radius: 20px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 4px #540105 solid;
}
.large-4.columns.text-center.our_tabs_red p {
    display: inline-block;
    background: url(https://saroughi.ca/wp-content/uploads/2019/08/red-sun-bg-II.png) 50% 50% no-repeat;
    font-size: 23px;
    padding: 22px;
    border-radius: 20px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 4px #540105 solid;
}.large-4.columns.text-center.our_tabs a p {
    display: inline-block;
    background: url(https://saroughi.ca/wp-content/uploads/2019/05/blue-sun-bg.png) 50% 50% no-repeat;
    font-size: 23px;
    padding: 22px;
    border-radius: 20px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 4px #0a3046 solid;
}.flex-aligner {
    display: flex;
    align-items: center;
}.promo {
    display: inline-block;
    background: url(https://saroughi.ca/wp-content/uploads/2019/08/red-sun-bg-II.png) center / cover no-repeat;
    font-size: 34px;
    padding: 22px;
    border-radius: 20px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 4px #540105 solid;
}



@media only screen and (max-width: 1450px) { 
    .top-bar .top-bar-section ul li a {
        font-size: 13px;
        padding: 0 10px;
    }
}
@media only screen and (max-width: 1050px) { 
    .top-bar .top-bar-section ul li a {
        font-size: 15px;
        padding: 0 15px;
    }.midbar-wrapper {
        padding: 170px 0 30px;
    }.midbar-inner-wrapper h3 {
        font-size: 20px;
    }.midbar-inner-wrapper h3 span {
        font-size: 30px;
    }.midbar-inner-wrapper .midbar-one h3 {
        margin-top: 70px;
    }.midbar-inner-wrapper .midbar-two h3 span, .midbar-inner-wrapper .midbar-three h3 span {
        font-size: 30px;        
    }.slider-wrapper {
            top: 213px;
                min-width: 100%;
    }.package-wrapper ul[id*="slider-"] .custom-position {
        display: none;
    }.top-bar .toggle-topbar.menu-icon a span::after {
        box-shadow: 0 0 0 1px #ad0707, 0 7px 0 1px #ad0707, 0 14px 0 1px #ad0707;
    }.top-bar .toggle-topbar.menu-icon a {
        color: #ad0707;
        font-weight: lighter;
        line-height: 33px;
    }.top-bar.expanded .title-area {
        background:none;
    }.flex-aligner {
        display: flex;
        align-items: center;
    }.flex-aligner {
        flex-wrap: wrap;
    }
  }
@media only screen and (max-width: 640px) {
/* mobile optimisation 03/2020 */
.large-12.columns.text-center.masters{
    padding-top: 0px;
}.mastersam {
    font-size: 14px;
    line-height: 1;
}
.our_tabs A {display: inline-block;}
.large-2.columns.text-center.our_tabs p{
    display: inline-block;
    background: #0d507f;
    font-size: 18px;
    padding: 5px;
    border-radius: 10px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 2px #0a3046 solid;
    background-size: cover;
    margin: 5px 0;
    width: 100%;
}
.large-3.columns.text-center.our_tabs_red p {
    display: inline-block;
    background: #b00000;
    font-size: 16px;
    padding: 5px;
    border-radius: 10px;
    color: #ffe200;
    text-shadow: 2px 2px 3px #000000;
    border: 2px #540105 solid;
    background-size: cover;
    margin: 5px 0;
    width: 100%;
}
._red-discount {
    display: block;
    color: white;
    font-weight: bold;
    line-height: 35px;
    font-size: 18px;
}
/**/
.boxes-container .midbar-two h3, .boxes-container .midbar-three h3, .boxes-container .midbar-one h3 {
    margin: 31px 0 27px !important;
}
.flyer {
    border: 1px solid #000;
    margin: 0;
}
 .box {
     width:100%;
 }
.midbar-three {

  border: 5px solid rgba(55, 55, 55, 0.2);
  box-shadow: 0 0 2px rgba(55, 55, 55, 0.8);
  height: 145px;
    transform: rotate(0deg);
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  -webkit-backface-visibility: hidd
  width: 100%;
}
.seal-1, .seal-2 {
    position:absolute;
    width: 77px;
}.seal-1 {
    left:0;
}.seal-2 {
    right:0
}.header-company-serviceorder {
    font-size: 14px;
}.black-belt span {
    letter-spacing: 0px;
}.midbar-two {
  
  border: 5px solid rgba(255, 255, 255, 0);
  box-shadow: 0 0 2px rgba(55, 55, 55, 0.8);
  height: 146px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  -webkit-backface-visibility: hidden;
  width: 100%;
}
 
.midbar-one {

  border: 5px solid #ffffff;
  box-shadow: 0 0 2px rgba(55, 55, 55, 0.8);
  height: 150px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  -webkit-backface-visibility: hidden;
  width: 100%;
}

.bg-one {
   background-color: #002060 !important;
}
.text-one {
color: #fff !important;
}

.bg-two {
  background-color: #037134 !important;
}
.text-two {
color: #ffffff !important;
}

.bg-three{
  background-color: #9a0d0c !important;
}
.text-three{
}

.bg-four{
  background-color: #7030A0 !important;
}
.text-four{
color: #ffffff !important;
}


    #lightbox, #outerImageContainer, #imageContainer, #lightboxImage, #imageDataContainer {
        height: auto !important;
        max-width: 100% !important;
    }#imageContainer > #hoverNav a {
        bottom: 20px;
        height: 60px !important;
        position: fixed;
    }.load-in-footer img {
        display: block;
        margin: 0 auto 15px;
    }.header-company-title a {
        text-align: center;
        display: block;
        letter-spacing: 5px;
        font-size: 1.5em;
        padding:0 60px;
    }header .contact-phone.phone {
        display: none;
    }.top-bar.expanded .title-area {
        background: transparent;
    }.top-bar-section li.active:not(.has-form) a:not(.button), 
     .top-bar-section li.active:not(.has-form) a:hover:not(.button), 
     .top-bar-section li:not(.has-form) a:hover:not(.button), 
     .top-bar-section ul li:hover:not(.active) > a {
        line-height: 45px;
    }.top-bar-section li.active:not(.has-form) a:not(.button), 
     .top-bar-section li.active:not(.has-form) a:hover:not(.button), 
     .top-bar-section li:not(.has-form) a:hover:not(.button), 
     .top-bar-section ul li:hover:not(.active) > a,
     .top-bar-section .dropdown li:not(.has-form) a:not(.button),
     .top-bar-section .dropdown li:hover:not(.has-form) a:not(.button) {
        line-height: 45px;
    }.top-bar .top-bar-section ul > li.active::after, 
     .top-bar .top-bar-section ul > li:hover::after {
        display: none;
    }.top-bar-section li:not(.has-form) a:not(.button) {
        line-height: 45px;      
    }.top-bar .toggle-topbar.menu-icon a span::after {
        box-shadow: 0 0 0 1px #ad0707, 0 7px 0 1px #ad0707, 0 14px 0 1px #ad0707;
    }.top-bar .toggle-topbar.menu-icon a {
        color: #ad0707;
        font-weight: lighter;
        line-height: 33px;
    }.navigation-wrapper .top-bar ul {
        float: none;
    }.top-bar {
        height: 42px;
    }.footer-menu {
        display: none;
    }.slider-wrapper {
        clear: both;
        position: relative;
        top: 0;
        z-index: -1;
    }






.slider-wrapper {
        height: 225px;
        overflow: hidden;
        min-width: 100%;
        max-width: 100%;
    }.internal-page {
        margin: 0;
    }.content-wrapper {
        padding: 30px 0;
    }
    h1, h1 a {
        font-size: 1.5em;
        text-align: center;
    }
    h2, h3, h4 {
        font-size: 1.2em;
        text-align: center;
    }.midbar-wrapper {
        padding: 0;
    }.midbar-one {
        height: auto;
    }.midbar-two {
        height: auto;
    }.midbar-three {
        height: auto;
    }.midbar-inner-wrapper h3 {
        font-size: 18px;
        line-height: normal;
        margin: 0;
    }.midbar-inner-wrapper h3 span {
        display: inline-block;
        font-weight: normal;
        font-size: 23px;
        line-height: normal;
    }.midbar-inner-wrapper h3 span.red.the-year {
        color: #fff;
        letter-spacing: 15px;
    }.midbar-inner-wrapper .midbar-one h3 { 
        margin-top: 15px;
    }.midbar-inner-wrapper .midbar-two h3 {
        color: #e9d08c;
        line-height: 23px;
        margin: 15px 0;
    }.midbar-inner-wrapper .midbar-two h3 span { 
        font-size: 23px;
        line-height: normal;
    }.midbar-inner-wrapper .midbar-three h3 {
        margin: 15px 0;
        line-height: normal;
    }.midbar-inner-wrapper .midbar-three h3 span { 
        font-size: 23px;
    }.package-wrapper h1 {
        font-size: 1.3em;
        line-height: 50px;
        margin: 10px 0 30px;
    }.package-wrapper ul[id*="slider-"] .custom-position {
        display: none;
    }.package-wrapper ul[id*="slider-"] article {
        position: relative;
        width: 100%;
    }.package-wrapper ul[id*="slider-"] li.rhino-item img {
        display: none;
    }.content-wrapper p.contact-address, 
     .content-wrapper p.contact-info, 
     .content-wrapper p.contact-phone, 
     .content-wrapper p.contact-fax, 
     .content-wrapper p.contact-email,
     .content-wrapper time {
        font-size: 1.2em;
    }p.contact-address, 
     p.contact-info, 
     p.contact-phone, 
     p.contact-fax, 
     p.contact-email {
        background: none !important;
        padding: 0;
        text-align: center;
        font-size: 1.2em;
    }.disclaimer {
        text-align: center;
    }
}
@media only screen and (max-width: 640px) {
    .package-wrapper h2 {
      color: #f7f4df;
      font-size: 32px;
      margin-top: -16px;
}.partnership.text-center {
  color: #f7f4df;
  font-size: 14px;
  margin: 12px 24px;
}
}
.bannerpic{width:200px;}
/*gallery thumb hover text fix*/
.gallery-button.custom-legacy h2 {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: bold;
    color: white;
    font-size: 4em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000)";
    text-shadow: 0px 0px 25px #000000;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);
}.gallery-button.custom{
  padding: 0 5px;
  margin-bottom: 10px;    
  display: block;
  position: relative;
  width: 100%;
}.gallery-button.custom:hover .main-overlay{
  background: rgba(0,0,0,.8); 
}.gallery-button.custom img{
  width: 100%;
}.gallery-button.custom h2{
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;  
  transition: all 500ms ease;
}.gallery-button.custom:hover h2{
  top: 40%;
  opacity: 1;
   color: #ffffff;
    font-size: 5em;
}.gallery-button.custom:hover .gallery-hr {
  width: 80%;
}.gallery-button.custom:hover span{
  top: 0;
  opacity: 1;
}.gallery-button span:hover{
  background: #abd332;
  color: #202020; 
}
/*end fix*/
.vertical-padding{padding:20px 0;}
.banner-pic{height:118px;margin:15px 0;}
.killpadding p.contact-info, .killpadding p.contact-phone{padding:0!important;}
.red-highlight SPAN{color:#FF0000;font-weight:bold;}
.red-text{color:#FF0000;}
