*{ 
font-family:'Open Sans';
}
.text-center img {
display: inline-block;
}
.shadow {
-webkit-box-shadow: 0px 0px 5px 2px rgba(190,187,187,1);
-moz-box-shadow: 0px 0px 5px 2px rgba(190,187,187,1);
box-shadow: 0px 0px 5px 2px rgba(190,187,187,1);
padding: 5px;
}
.no-padding {
padding: 0px;
}
.no-margin {
margin: 0px;
}
.btn.get-btn {
background-image: url(//thewowfactory.co.za/wp-content/themes/stevethemagician/img/others/butn-bg.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
color: #fff;
font-family: "Oswald";
font-size: 28px;
padding: 25px 30px 30px;
text-decoration: none;
text-transform: uppercase;
}
header {
background-image: url(//thewowfactory.co.za/wp-content/themes/stevethemagician/img/others/bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}
header .header-top {
padding-top: 10px;
}
header .header-logo {
margin-top: 60px;
}
header .head-sub .header-options {
text-align: right;
margin-top: 30px;
}
header .head-sub .header-options img {
display: inline-block;
}
header .head-sub .header-options ul li {
padding: 0px 0px 0px 3px;
vertical-align: middle;
}
header .head-sub .header-options ul li a i {
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
font-size: 18px;
height: 40px;
padding: 9px 0;
text-align: center;
width: 40px;
}
header .head-sub .header-options ul li.facebook a i {
background-color: #5a7ac8;
}
header .head-sub .header-options ul li.twitter a i {
background-color: #5bbcec;
}
header .head-sub .header-options ul li.youtube a i {
background-color: #fd3832;
}
header .head-sub .header-options .head-btn {
margin-left: 10px;
}
header .magician img {
position: absolute;
right: 0;
} .mainmenu .sub-menu {list-style: outside none none;  min-width: 250px;  padding: 0;  position: absolute;  z-index: 1000;  display:none;}
.mainmenu li:hover .sub-menu{ display:block; }
.mainmenu .sub-menu li{}
.mainmenu .sub-menu li a { background: none repeat scroll 0 0 #fff;  display: block;  padding: 10px 15px !important;  text-align: left; color: #000 !important;  text-decoration: none;  transition: all 1s ease-in-out 0s;}
.mainmenu .sub-menu li a:hover { background:#fff !important; border-left:5px solid #000; padding-left:25px;} header .mainmenu {
background: #00a9fe; background: -moz-linear-gradient(top, #00a9fe 0%, #0081e3 100%); background: -webkit-linear-gradient(top, #00a9fe 0%,#0081e3 100%); background: linear-gradient(to bottom, #00a9fe 0%,#0081e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9fe', endColorstr='#0081e3',GradientType=0 ); border-radius: 30px;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 10;
}
header .mainmenu .navbar {
margin: 0px;
}
header .mainmenu .nav.navbar-nav li {
border-right: 1px solid #1a91e8;
padding: 0 16px;
}
header .mainmenu .nav.navbar-nav a {
color: #fff;
font-family: "Oswald";
font-size: 15px;
padding: 20px 0px;
text-transform: uppercase;
}
header .mainmenu .nav.navbar-nav a.active,
header .mainmenu .nav.navbar-nav a:focus,
header .mainmenu .nav.navbar-nav a:hover {
background: none;
}
header .mainmenu .nav.navbar-nav li.home {
padding-left:0px;
border-right: none;
}
header .mainmenu .nav.navbar-nav li.contact {
border-right: none;
}
header .mainmenu .nav.navbar-nav li.phone {
padding-left: 29px;
padding-right: 0;
border-right: none;
}
header .mainmenu .nav.navbar-nav li.home a, header .mainmenu .nav.navbar-nav li.phone a {
padding: 11px 0 0;
}
header .mainmenu .nav.navbar-nav li.home a i {
background-color: #fff;
border-radius: 50%;
color: #00a1f9;
font-size: 25px;
height: 40px;
padding: 6px 0;
text-align: center;
width: 40px;
}
header .mainmenu .nav.navbar-nav li.phone a i {
background-color: #fff;
border-radius: 50%;
color: #00a1f9;
font-size: 25px;
height: 40px;
padding: 6px 0;
text-align: center;
width: 40px;
}
header .header-bottom {
position: relative;
}
header .header-bottom .carousel-content {
position: absolute;
right: 5%;
top: 37%;
}
header .header-bottom .owl-carousel .owl-item img {
border-top-right-radius: 40px;
border-top-left-radius: 40px;
}
header .header-bottom .carousel-content h3 {
color: #fec60b;
font-family: "Oswald";
font-size: 65px;
font-weight: 700;
text-transform: uppercase;
text-shadow: 4px 4px 0 #ffffff, -4px -4px 0 #ffffff, -4px 4px 0 #ffffff, 4px 4px 0 #ffffff, 4px 4px 0 #ffffff, 4px 4px 0 #ffffff, 4px -4px 0 #ffffff;
} header .header-bottom .owl-theme .owl-controls {
margin-top: 0;
}
header .header-bottom .owl-dots {
bottom: 12%;
position: absolute;
right: 31%;
}
header .header-bottom .owl-theme .owl-dots .owl-dot span {
background-color: transparent;
border: 1px solid #fff;
width: 15px;
height: 15px;
margin: 0px 3px;
}
header .header-bottom  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background-color: #fff;
}
header .header-welcome {
padding: 80px 0;
}
header .header-welcome .welcome-contents h5 {
color: #3e4346;
font-family: Oswald;
font-size: 36px;
text-transform: uppercase;
margin-bottom: 25px;
}
header .header-welcome .welcome-contents h5 span {
color:#0d5cab;
font-family: Oswald;
}
header .header-welcome .welcome-contents p {
color:#3b3b3b;
font-size: 13px;
line-height: 1.8;
margin-bottom: 20px;
}
header .header-welcome .welcome-contents a.btn.blue-btn {
background-color: #0d5cab;
border-radius: 3px;
color: #fff;
font-family: "Oswald";
font-size: 16px;
padding: 8px 25px;
text-transform: uppercase;
}
.holder .category-holder .category-wrap {
margin-bottom: 20px;
}
.holder .category-holder .category-box {
padding: 30px;
}
.holder .category-holder .bday-box {
background-color: #0081e3;
border-radius: 0 0 30px 0px;
margin-right: 20px;
}
.holder .category-holder .others-box {
background-color: #0081e3;
border-radius: 30px 0 0 0;
}
.holder .category-holder .education-box {
background-color: #ffcb17;
border-radius: 0 0 0 30px;
}
.holder .category-holder .balloon-box {
background-color: #ffcb17;
border-radius: 0 30px 0 0;
margin-right: 20px;
}
.holder .category-holder .category-img {
position: relative;
border: 5px solid #fff;
border-radius: 30px;
display: inline-block;
}
.holder .category-holder .category-img:hover .category-sub {
display: block;
}
.holder .category-holder .category-img > img {
border-radius: 25px;
}
.holder .category-holder .category-img .category-sub {
left: 0;
position: absolute;
right: 0;
top: 30%;
display: none;
}
.holder .category-holder .category-contents {
padding: 2% 17% 0;
}
.holder .category-holder .category-contents h5 {
color: #fff;
font-family: "Oswald";
font-size: 24px;
text-transform: uppercase;
margin-bottom: 20px;
}
.holder .category-holder .category-contents p {
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 1.8;
}
.holder .category-holder .category-contents a.btn.empty-btn {
border: 2px solid #fff;
border-radius: 30px;
color: #fff;
font-family: "Oswald";
font-size: 15px;
padding: 5px 30px;
text-decoration: none;
text-transform: uppercase;
margin-top: 20px;
}
.holder .feeds-section {
padding: 10px 0;
}
.holder .feeds-section .testimonial > h5 {
color: #27a8e1;
font-family: "Oswald";
font-size: 36px;
text-transform: uppercase;
}
.holder .feeds-section .testimonial-box {
background-color: #e9e9e9;
margin-top: 20px;
padding: 60px 22px;
min-height:344px;
}
.holder .feeds-section .testimonial-box .test-contents p {
color: #9ca2a4;
font-size: 15px;
line-height: 1.6;
}
.holder .feeds-section .testimonial-box .test-contents h5 {
color: #27a8e1;
font-size: 20px;
font-family: "BebasNeueRegular";
text-transform: uppercase;
margin-top: 20px;
position: relative;
padding-left: 15px;
}
.holder .feeds-section .testimonial-box .test-contents h5::after {
position: absolute;
content:"|";
left: 0;
top:0;
display: inline-block;
}
.holder .feeds-section .testimonial-slider .owl-theme .owl-controls {
margin-top: 0;
}
.holder .feeds-section .testimonial-slider .owl-dots {
bottom: 14%;
left: 28%;
position: absolute;
}
.holder .feeds-section .testimonial-slider .owl-theme .owl-dots .owl-dot span {
background-color: #c2dce7;
margin: 0px 3px;
}
.holder .feeds-section .testimonial-slider  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background-color: #27a8e1;
}
.holder .feeds-section .fb-feeds {
margin-top: 12px;
}
.holder .feeds-section .fb-feeds img {
width: 100%;
}
footer {
position: relative;
}
footer .footer-overlay {
width: 100%;
position:  absolute;
top: 0;
}
footer .footer-overlay img {
width: 100%;
}
footer .footer-top {
background-image: url(//thewowfactory.co.za/wp-content/themes/stevethemagician/img/others/footer-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 140px 0 20px;
}
footer .footer-top .foot-common h5 {
color: #fff !important;
font-family: "Oswald";
font-size: 24px;
text-transform: uppercase;
text-decoration: none;
margin-bottom: 25px;
}
footer .quick-link ul li {
padding-bottom: 10px;
}
footer .quick-link ul li a {
color: #fff;
font-size: 15px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
footer .footer-logo {
position: relative;
}
footer .footer-logo img {
border: 2px solid #fff;
border-radius: 5px;
width: 100%;
}
footer .footer-logo .footer-butn {
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 35%;
}
footer .foot-mapframe iframe {
border-radius: 10px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
footer .copyrights {
background-color: #323232;
padding:30px 0px;
}
footer .copyrights p {
color: #fff;
font-size: 14px;
margin: 0;
} #menu-item-70 > a {  margin-top: 6px; }
#menu-item-68 > a {  margin-top: 6px; }
.footer-first.foot-common h5 { font-size:24px; margin-left:48px; }
.footer-top { border:2px solid; margin-top:38px; }
.page-holder li { list-style:none; padding:10px; text-align:justify;}
.page-holder { margin-top:7% !important; } 
.category-wrap.category-wrap1 {background: rgba(0,129,227,1);
background: -moz-linear-gradient(left, rgba(0,129,227,1) 0%, rgba(0,129,227,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 62%, rgba(255,205,23,1) 63%, rgba(255,203,23,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,129,227,1)), color-stop(45%, rgba(0,129,227,1)), color-stop(46%, rgba(255,255,255,1)), color-stop(62%, rgba(255,255,255,1)), color-stop(63%, rgba(255,205,23,1)), color-stop(100%, rgba(255,203,23,1)));
background: -webkit-linear-gradient(left, rgba(0,129,227,1) 0%, rgba(0,129,227,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 62%, rgba(255,205,23,1) 63%, rgba(255,203,23,1) 100%);
background: -o-linear-gradient(left, rgba(0,129,227,1) 0%, rgba(0,129,227,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 62%, rgba(255,205,23,1) 63%, rgba(255,203,23,1) 100%);
background: -ms-linear-gradient(left, rgba(0,129,227,1) 0%, rgba(0,129,227,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 62%, rgba(255,205,23,1) 63%, rgba(255,203,23,1) 100%);
background: linear-gradient(to right, rgba(0,129,227,1) 0%, rgba(0,129,227,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 62%, rgba(255,205,23,1) 63%, rgba(255,203,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081e3', endColorstr='#ffcb17', GradientType=1 );
}
.category-wrap.category-wrap2 {background: rgba(255,203,23,1);
background: -moz-linear-gradient(left, rgba(255,203,23,1) 0%, rgba(255,203,23,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 62%, rgba(0,129,227,1) 63%, rgba(0,129,227,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,203,23,1)), color-stop(45%, rgba(255,203,23,1)), color-stop(46%, rgba(255,255,255,1)), color-stop(62%, rgba(255,255,255,1)), color-stop(63%, rgba(0,129,227,1)), color-stop(100%, rgba(0,129,227,1)));
background: -webkit-linear-gradient(left, rgba(255,203,23,1) 0%, rgba(255,203,23,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 62%, rgba(0,129,227,1) 63%, rgba(0,129,227,1) 100%);
background: -o-linear-gradient(left, rgba(255,203,23,1) 0%, rgba(255,203,23,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 62%, rgba(0,129,227,1) 63%, rgba(0,129,227,1) 100%);
background: -ms-linear-gradient(left, rgba(255,203,23,1) 0%, rgba(255,203,23,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 62%, rgba(0,129,227,1) 63%, rgba(0,129,227,1) 100%);
background: linear-gradient(to right, rgba(255,203,23,1) 0%, rgba(255,203,23,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 62%, rgba(0,129,227,1) 63%, rgba(0,129,227,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb17', endColorstr='#0081e3', GradientType=1 );
}   @media screen and (max-width: 1920px) {
.holder .category-holder .left-box { padding-left:0px; min-height:494px;}
.holder .category-holder .right-box { padding-right:0px; min-height:494px; } 
}
@media screen and (max-width: 1366px) {
.holder .category-holder .left-box { padding-left:0px !important; min-height:500px;}
.holder .category-holder .right-box { padding-right:0px !important; min-height:500px; }
}
@media screen and (max-width: 1365px) {
.btn.get-btn {
font-size: 17px;
padding: 28px 30px 30px;
}
header .mainmenu .nav.navbar-nav li {
padding: 0 10px;
}
header .mainmenu .nav.navbar-nav a {
font-size: 13px;
}
header .header-bottom .carousel-content h3 {
font-size: 55px;
}
header .header-welcome .welcome-contents h5 {
font-size: 33px;
margin: 0px 0px 10px;
}	
header .header-welcome .welcome-contents p {
margin-bottom: 10px;
}
.holder .category-holder .bday-box, .holder .category-holder .balloon-box {
margin-right: 0px;
}
.holder .feeds-section .testimonial-box {
padding: 40px 30px;
}
.holder .feeds-section .testimonial-slider .owl-dots {
bottom: 5%;
}	
}
@media screen and (max-width: 1023px) {
.holder .category-holder .left-box { padding-left:37px !important; min-height:500px;}
.holder .category-holder .right-box { padding-right:37px !important; min-height:500px; }
header .mainmenu .nav.navbar-nav li.home a i, header .mainmenu .nav.navbar-nav li.phone a i {
font-size: 15px;
height: 30px;
width: 30px;
}
header .mainmenu .nav.navbar-nav li.phone a i {
padding: 8px 0;
}
header .mainmenu .nav.navbar-nav li.phone {
padding-left: 15px;
}
header .mainmenu .nav.navbar-nav li {
padding: 0 6px;
border: 0px;
}
header .mainmenu .nav.navbar-nav a {
font-size: 11px;
padding: 15px 0;
}
header .header-bottom .carousel-content h3 {
font-size: 45px;
text-shadow: 4px 0 0 #ffffff, -3px -4px 0 #ffffff, -1px 4px 0 #ffffff, -4px 2px 0 #ffffff, 4px 3px 0 #ffffff, 4px 4px 0 #ffffff, 4px -4px 0 #ffffff;
}
header .header-bottom .carousel-content {
top: 25%;
}
header .header-welcome .welcome-contents h5 {
font-size: 25px;
}
.holder .category-holder .category-contents {
padding: 2% 5% 0;
}
.holder .feeds-section .testimonial-box .test-contents p {
font-size: 12px;
}
.holder .feeds-section .testimonial-slider .owl-dots {
left: 30%;
}
footer .quick-link ul li a {
font-size: 13px;
}
header .mainmenu .nav.navbar-nav li.home a i, header .mainmenu .nav.navbar-nav li.phone a i {
font-size: 15px;
height: 35px;
width: 33px;
}
#menu-item-70 > a {  margin-top: 3px; }
#menu-item-68 > a {  margin-top: 3px; }
.facebook-feed {  text-align: center;  }
}
@media screen and (max-width: 767px) {
header .header-logo {
text-align: center;
}
header .header-logo img {
display: inline-block;
}
.icon-bar {
background-color: #fff;
}
header .header-logo {
margin-top: 30px;
}
header .head-sub .header-options {
text-align: center;
}
header .mainmenu .nav.navbar-nav li.home a i, header .mainmenu .nav.navbar-nav li.phone a i {
font-size: 25px;
height: 40px;
width: 40px;
}
header .mainmenu .nav.navbar-nav a {
font-size: 15px;
}
header .magician img {
margin: 0 auto;
position: relative;
width: 50%;
}
header .header-bottom .carousel-content {
position: relative;
right: 0;
text-align: center;
top: 0;
}
header .header-bottom .owl-dots {
bottom: 0;
left: 0;
right: 0;
}
header .header-welcome {
padding: 30px 0;
}
.header-welcome .welcome-contents {
margin-bottom: 30px;
text-align: center;
}
.holder .category-holder .category-box {
border-radius: 0px;
}
.holder .category-holder .category-img { left:16px !important; }
.holder .category-holder .category-img .category-sub {
top: 15%;
}
.holder .feeds-section .testimonial > h5 {
text-align: center;
}
.holder .feeds-section .testimonial-box .test-img {
margin-bottom: 30px;
}
.holder .feeds-section .testimonial-box .test-img img {
width: auto;
margin: 0 auto;
}
.holder .feeds-section .testimonial-box .test-contents {
text-align: center;
}
.holder .feeds-section .testimonial-box .test-contents p {
font-size: 14px;
}
.holder .feeds-section .testimonial-box .test-contents h5::after {
display: none;
}
.holder .feeds-section .testimonial-slider .owl-dots {
bottom: 2%;
left: 0;
right: 0;
}
footer .footer-top {
padding: 40px 0;
}
footer .footer-top .foot-common h5 {
margin: 25px 0;
}
.wpcf7-form-control-wrap input { margin-bottom:25px; }
.holder .category-holder .left-box { padding-left:37px !important; }
}
@media screen and (max-width: 320px) {
}