/*
Theme Name: Rock The Fox 2018 Theme
Author: Rock the Fox
Author URI: http://www.lionmarketing.co.za/
Description: Rock The Fox 2018 Theme, specifically designed and developed for Rock The Fox. This theme is mobile responsive, has blog posts and video representation on the front page. All service and visual representation is Rock The Fox property.
Version: 1.00
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rock-the-fox
Tags: one-column, two-columns, flexible-header, accessibility-ready, custom-header, custom-menu, custom-logo, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, theme-options, bootstrap, parallax

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*************************************/
/************ Helper Classes ************/
/*************************************/

.Covid-Banner img {
	width: 12%;
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	height:auto;
}

@media only screen and (max-width: 600px) {
	.Covid-Banner img {
		display: none!important;
	}
	.mobile-Covid-Banner img {
		display: block!important;
	}
}

.mobile-Covid-Banner img {
	position: relative;
	width: 100%;
	display: none;
	height: auto;
}



html{
  display: block;
	overflow-x: hidden !important;
}
/*.container{
  overflow: hidden !important; 
}*/
h1,h2,h3,h4,h5,label,p,li,a{
	font-family: 'Montserrat', sans-serif !important;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
.text-just{
	text-align: justify;
}
.font-wight-100{
	font-weight: 100;
}
.font-wight-200{
	font-weight: 200;
}
.font-wight-300{
	font-weight: 300;
}
.font-wight-400{
	font-weight: 400;
}
.font-wight-500{
	font-weight: 500;
}
.font-wight-600{
	font-weight: 600;
}
.font-wight-700{
	font-weight: 700;
}
.text-upper{
	text-transform: uppercase;
}
.text-cap{
	text-transform: capitalize;
}
.space{
	width: 100%;
	height: 10vh;
}
.space-xs{
	width: 100%;
	height: 5vh;
}
.p-0{
	padding: 0 !important;
}
.p-10{
	padding: 10px !important;
}
.p-l-0{
	padding-left: 0 !important;
}
.p-r-0{
	padding-right: 0 !important;
}
.p-t-4p{
	padding-top: 4% !important;
}
.p-t-3p{
	padding-top: 3% !important;
}
.p-l-20{
	padding-left: 20px !important;
}
.p-l-30{
	padding-left: 30px !important;
}
.p-r-20{
	padding-right: 20px !important;
}
.m-t-5{
	margin-top: 5px !important;
}
.m-t-0{
	margin-top: 0 !important;
}
.m-b-0{
	margin-bottom: 0 !important;
}
.m-b-10{
	margin-bottom: 10px !important;
}
.right-float{
	float: right !important;
}
.left-float{
	float: left !important;
}
.text-icon{
	font-size:5.5em;
	color:rgba(80,80,80,.85);
}
.text-large{
	font-size: 3.5em;
}
.text-medium{
	font-size: 2.2em;
}
.text-small{
	font-size: 1em;
}
.hero{
	padding: 18% 1%;
}
.hero-xs{
	padding: 6% 1%;
}
.hero-side{
	padding: 21.8% 1%;
}
.hero-404{
    padding:calc(100vmax/4) 0;
}
.serv-space{
	padding: 22.5vmin 0 ;
}
.text-light{
	color: white !important;
}
.text-dark{
	color: black !important;
}
.dark .text-dark{
	color: white !important;
}
.dark{
	background-color: rgba(15,15,15,1);
}
.dark .panel-header,.dark .panel-body, .dark .modal-header, .dark .modal-body{
	background-color:rgba(20,20,20,.85);
}
.dark .panel-footer, .dark .modal-footer{
	background-color:rgba(10,10,10,.65);
}
.dark #find{
	background-color:rgba(15,15,15,.85) !important;
}
.dark #copyr h3{
	color:white;
}
.dark #gform_wrapper_1{
	color:white;
}
.text-red{
	color: rgba(225, 0, 32, .95) !important;
}
.text-grey{
	color: rgba(80,80,80,.85) !important;
}
.dark .text-grey{
	color: rgba(210,210,210,.85) !important;
}
.text-blue{
	color: #0088d2 !important;
}
.text-orange{
	color: rgba(227, 111, 30, .95) !important;
}
.btn-danger{
	background-color: rgba(128, 0, 32, .9) !important;	
}
.btn:hover{
	transform: scale(1.02);
	transform: scale(1.03);
	transition: cubic-bezier(-0.75,0.92,-0.65,0.64);
	transition-duration: 0.15s;
}
/* Modal */
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
#fix{
	width:100%;
	display: inline-block;
}
#fix i{
	padding: 0 5px;
}
.fix2 p{
	display: inline-flex !important;
}
#contact-main{
	min-height:550px;
}
#tog-cont{
	z-index: 2;
}
#comp-name {
  -webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
  -moz-animation: 1600ms pulsate infinite alternate ease-in-out;
  -ms-animation: 1600ms pulsate infinite alternate ease-in-out;
  -o-animation: 1600ms pulsate infinite alternate ease-in-out;
  animation: 1600ms pulsate infinite alternate ease-in-out;
}
@keyframes pulsate {
  0% { transform: scale(1); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1); }
}
@-webkit-keyframes pulsate {
  0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.02); }
  100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulsate {
  0% { -moz-transform: scale(1); }
  50% { -moz-transform: scale(1.02); }
  100% { -moz-transform: scale(1); }  
}
@-ms-keyframes pulsate {
  0% { -ms-transform: scale(1); }
  50% { -ms-transform: scale(1.02); }
  100% { -ms-transform: scale(1); }  
}
@-o-keyframes pulsate {
  0% { -o-transform: scale(1); }
  50% { -o-transform: scale(1.02); }
  100% { -o-transform: scale(1); }  
}