/* klik starter template - klik.net.au */
/* based on h5bp.com */

/* ==========================================================================
   H5BP stuff
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Main Stylesheet Start
   ========================================================================== */


body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;

}

.wrapper {
    width: 90%;
    margin: 0 5%;
    background-image: url('images/texture.png');
}



@media only screen and (min-width: 480px) {
	
	
	
}

@media only screen and (min-width: 768px) {
	
    
	
}

@media only screen and (min-width: 1140px) {

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

body {
 
 
 }

.fixed {
  right: 0;
  position: absolute;

}
.containerouter {
    padding-bottom: 200px;
}
.containerinner {
    text-align: center;
}
.containerinner2 {
    text-align: center;
	padding-bottom: 30px;
}
.containerinner3 p{
    text-align: center;

}
.gradient_div {
  background: -webkit-radial-gradient(rgba(255,255,255,0.9), rgba(215,215,215,0.9)); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(rgba(255,255,255,0.9), rgba(215,215,215,0.9)); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(rgba(255,255,255,0.9), rgba(215,215,215,0.9)); /* For Firefox 3.6 to 15 */
  background: radial-gradient(rgba(255,255,255,0.9), rgba(215,215,215,0.9)); /* Standard syntax */
}

h2 {
	font-family: "aktiv-grotesk-std",sans-serif;
	font-weight: 900;
	font-size:40px;	
	color: #44344d;
}
.price {
	font-family: "kepler-std",sans-serif;
	font-style: italic;
	font-size: 60px;
	padding-top: 20px;
	color: #b66ab4;
}
.pricesmall {
		font-family: "kepler-std",sans-serif;
	font-style: italic;
	font-size: 30px;
	border-bottom: 20px;
	color: #b66ab4;
}
.priceouter {
	padding-top:30px;
		padding-bottom:30px
}

.buynowbutton {
	font-family: "kepler-std",sans-serif;
	margin-top: 20px;
	background: #44344d;
	text-decoration: none;
	padding: 20px 30px 20px 30px;
	border-radius: 10px;
	text-tranform: uppercase;
	color: #fff;
	font-size: 25px;
		font-style: italic;
		   transition: background .2s ease-in-out;
   -moz-transition: background .2s ease-in-out;
   -webkit-transition: background .2s ease-in-out;
}
.buynowbutton:hover{
	font-family: "kepler-std",sans-serif;
	margin-top: 20px;
	background: #b66ab4;
	text-decoration: none;
	padding: 20px 30px 20px 30px;
	border-radius: 10px;
	text-tranform: uppercase;
	color: #fff;
	font-size: 25px;
		font-style: italic;
		
}
.buynowbutton:focus{
	font-family: "kepler-std",sans-serif;
	margin-top: 20px;
	background: #b66ab4;
	text-decoration: none;
	padding: 20px 30px 20px 30px;
	border-radius: 10px;
	text-tranform: uppercase;
	color: #fff;
	font-size: 25px;
		font-style: italic;
		
}
.about {
	padding-top:70px;
	padding-bottom: 70px;	
	color: #fff!important;
			font-family: "kepler-std",sans-serif;
			font-style: italic;
			font-weight: 100;
			font-size:30px;			
			line-height: 35px;
			padding-left: 30px;
			padding-right: 30px;

}
.aboutbackground {
	background-color:#c6c154;	
	padding-bottom: 70px;
	
}

.moreinfo {
	font-family: "kepler-std",sans-serif;
	color: #44344d;
	font-size: 25px;
		font-style: italic;
		padding-top:35px;

}
.line {
	border-top: 1px solid #fff;
	padding-bottom: 70px;
}

.abouttext p{
	color: #3b2845;	
	text-align: center;
		font-family: "aktiv-grotesk-std",sans-serif;
	font-weight: light;
	font-size:15px;	
			font-style: oblique;
	padding-bottom: 10px;
	padding-top: 10px;
}

.testimonial {
	max-width: 1000px;
	width:100% !important;
	margin:0 auto;
	height: 480px;

}

.testimonial p {
	text-align: center;	
	padding-top: 40px;
		color: #e9e35f;	
		font-family: "aktiv-grotesk-std",sans-serif;
		font-size: 15px;
		text-transform: uppercase;
		

	
}
.testimonial h3 {
	padding-top:100px;
	padding-bottom: 30px;	
	color: #fff!important;
	font-family: "kepler-std",sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size:30px;
	line-height: 35px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	
}
line2 {
	border-bottom: 2px solid #c6c154;
	padding-top: 20px;
		
}
.down {
  width: 28px;
  height: 28px;
  color: #44344d;
}
.anchorLink {
	  color: #44344d;
}
.anchorLink:hover {
	  color: #b66ab4;
	  text-decoration: none;
}
.anchorLink:focus {
	  color: #b66ab4;
	  text-decoration: none;
}
.outerbottom h3 {
	color:#fff; 
	padding-top: 50px;
	font-family: "kepler-std",sans-serif;
	font-style: italic;
	font-weight: 100;
	font-size:40px;
	line-height: 35px;
	letter-spacing: 1px;

}
.outerbottom p {
	color: #3b2845;	
	font-family: "aktiv-grotesk-std",sans-serif;
	font-weight: normal;
	font-size:15px;	
	font-style: oblique;
	line-height: 30px;
	letter-spacing: 0.5px;
	padding-bottom: 20px;
}
.outerbottom {
	padding-top: 40px;	
	background-color:#44344d;
}

.payroll_web {
	font-family: "kepler-std",sans-serif;
	margin-top: 20px;
	background: #674c77;
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	border-radius: 10px;
	text-tranform: uppercase;
	color: #fff;
	font-size: 15px;
		font-style: italic;
				   transition: background .2s ease-in-out;
   -moz-transition: background .2s ease-in-out;
   -webkit-transition: background .2s ease-in-out;
		
}
.payroll_web:focus{
	background: #674c77;
	color: #fff;

		
}
.payroll_web:hover{
	font-family: "kepler-std",sans-serif;
	margin-top: 20px;
	background: #b66ab4;
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	border-radius: 10px;
	text-tranform: uppercase;
	color: #fff;
	font-size: 15px;
		font-style: italic;
}
.footerbottom {
	height: 150px;
	background-color: #241d28;
	text-align:center;
	
}
.footertext {
		padding-top:70px;
	color: #7a598d!important;
	font-family: "kepler-std",sans-serif;
	font-style: italic;
	font-weight: 100;
	font-size:20px;
	display:inline-block;
	width:600px;
	

}


.footertext a{
	color: #7a598d!important;


}
.footertext a:hover{
	color: #b66ab4!important;
	text-decoration:none;


}
.background-attached {
	background-image: url(../images/money2.jpg); 
	background-attachment: fixed; 
	background-size: cover; 
	background-position: center center; 
	height: 480px;	
}
.aboutgreg_text {
	padding-bottom: 50px;
	padding-left: 40px;
}

.border_bottom {
	
	border-bottom: 1px solid #c6c154;
	width: 100px; 
	margin: 0 auto;

}



.row {
	margin-left: 0px!important;
	margin-right: 0px!important;
}
.outerfooter {
	padding-left:0px;
	padding-right:0px;
	
}
.top_banner {
	height: 214px;
	width: 217px;
}

.bookimage {
	width:500px; 
    height:500px;
	background:url(../images/gmsprite.png) left top;
    transition:background 0.3s steps(9, end);
    background-position: 0px top; 
    -webkit-animation: none;
}

.bookimage:hover { 
    background-position:-4500px top; 
    -webkit-animation: bkg 0.3s steps(9);
    transition: none;

} 

bookimage2 {
	margin: 0 auto;	
}

.form_styling {
	margin: 100px 100px 100px 100px;
}
p.woocommerce-result-count {
display: none;
}
.products {
display: none;
}
.woocommerce-breadcrumb {
	padding-left: 100px;	
}
.page-title { padding-left: 100px;
}
.product-remove {
	display: none;	
}
.product-thumbnail {
	display: none;	
}
.woocommerce-message {
	display:none;	
}
.page-title {
	font-family: "aktiv-grotesk-std",sans-serif;
	font-weight: 900;
	font-size:40px;	
	color: #44344d;
	text-align: center;
}
.woocommerce-breadcrumb {
		font-family: "kepler-std",sans-serif;
	color: #44344d;
	font-size: 20px;
		font-style: italic;
		padding-top:25px;
}
.home {
			font-family: "kepler-std",sans-serif;
	color: #b66ab4;
	font-size: 20px;
		font-style: italic;
		padding-top:25px;
}
.home:hover {
			font-family: "kepler-std",sans-serif;
	color: #44344d;
	font-size: 20px;
		font-style: italic;
		padding-top:25px;
		text-decoration: none;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
	border: 0px solid!important;	
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea {
	
	line-height: 1.5em!important;

}
label {
		font-family: "aktiv-grotesk-std",sans-serif;
	font-weight: 600;
	font-size:16px;	
	color: #44344d;
}
.woocommerce form .form-row .required, .woocommerce-page form .form-row .required {
	color: #b66ab4!important;
}
h3 {
				font-family:  "aktiv-grotesk-std",sans-serif;
	color: #44344d;
	font-size: 25px;
		font-weight: 600;
		padding-top:25px;
		text-decoration: none;
}
.product-name a{
	font-family:  "aktiv-grotesk-std",sans-serif;
	color: #b66ab4;
	font-size: 18px;
		font-weight: 600;
		padding-top:25px;
		text-decoration: none;
	
}
.product-name a:hover{
	font-family:  "aktiv-grotesk-std",sans-serif;
	color: #44344d;
	font-size: 18px;
		font-weight: 600;
		padding-top:25px;
		text-decoration: none;
	
}
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
	display: none!important;
}
.heading_top {
	text-align: center;	
}

.entrytext {
	padding-top: 50px;
	padding-bottom: 50px;
}
.top_post_heading {
	padding-top: 50px;	
}

h1 {
	font-family: "aktiv-grotesk-std",sans-serif !important;
	font-weight: 900;
	font-size:40px;	
	color: #44344d;
	text-align: center;
	padding-bottom:30px;
}

.backpage_breadcrumb {
	font-family: "kepler-std",sans-serif;
	color: #b66ab4;
	font-size: 20px;
	font-style: italic;
	padding-top:25px;
}
.backpage_breadcrumb:focus {

	color: #44344d;
	text-decoration: none;

}
.backpage_breadcrumb:hover {

	color: #44344d;
	text-decoration: none;

}
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
	
	font-size: 1.3em!important;
}
.woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after {
	top: 5px!important;	
}
@media (max-width: 800px) {
	.form_styling {
	margin: 50px 50px 50px 50px;
	}
	.woocommerce-breadcrumb {
	padding-left: 50px;	
}
.page-title { padding-left: 50px;
}
}

@-webkit-keyframes bkg {
    0% {background-position: 0px top;}
  100% {background-position: -4500px top;}
}
@media (max-width: 991px) {

.top_banner {
	height: 185px;
	width: 182px;
}
.buynowbutton {

	margin-top: 20px;
	padding: 15px 25px 15px 25px;
	font-size: 20px;

}
.buynowbutton:hover{
	margin-top: 20px;
	padding: 15px 25px 15px 25px;
	font-size: 20px;

}
.buynowbutton:focus{
	margin-top: 20px;
	padding: 15px 25px 15px 25px;
	font-size: 20px;

}

h2 {
	font-family: "aktiv-grotesk-std",sans-serif;
	font-weight: 900;
	font-size:35px;	
	color: #44344d;
}
.price {
	font-family: "kepler-std",sans-serif;
	font-style: italic;
	font-size: 45px;
	padding-top: 20px;
	color: #b66ab4;
}
.pricesmall {
		font-family: "kepler-std",sans-serif;
	font-style: italic;
	font-size: 25px;
	border-bottom: 20px;
	color: #b66ab4;
}
.priceouter {
	padding-top:15px;
		padding-bottom:15px
}
.moreinfo {
	font-family: "kepler-std",sans-serif;
	color: #44344d;
	font-size: 20px;
		font-style: italic;
		padding-top:10px;

}
.down {
	width: 20px;
	height: 20px;
}


@media (max-width: 767px) {
.top_banner {
	height: 160px;
	width: 158px;
}
h2 {
	font-family: "aktiv-grotesk-std",sans-serif;
	font-weight: 900;
	font-size:30px;	
	color: #44344d;
}
.price {
	font-family: "kepler-std",sans-serif;
	font-style: italic;
	font-size: 40px;
	padding-top: 20px;
	color: #b66ab4;
}
.pricesmall {
		font-family: "kepler-std",sans-serif;
	font-style: italic;
	font-size: 20px;
	border-bottom: 20px;
	color: #b66ab4;
}
.priceouter {
	padding-top:15px;
		padding-bottom:10px
}

.containerouter {
    padding-bottom: 100px;
}
.buynowbutton {

	margin-top: 20px;
	padding: 10px 20px 10px 20px;
	font-size: 15px;

}
.buynowbutton:hover{
	margin-top: 20px;
	padding: 10px 20px 10px 20px;
	font-size: 15px;

}
.buynowbutton:focus{
	margin-top: 20px;
	padding: 10px 20px 10px 20px;
	font-size: 15px;

}
img-responsive {
	padding-top: 0px!important;	
}
.bookimage2 { 
	height: 300px;
	width: 300px;
		margin: 0 auto;	
}

.moreinfo {
	font-family: "kepler-std",sans-serif;
	color: #44344d;
	font-size: 20px;
		font-style: italic;
		padding-top:10px;

}
.down {
	width: 15px;
	height: 15px;
}
.testimonial h3 {
	font-size:25px;
	line-height: 35px;
	
}
.testimonial p {

		font-size: 13px;
}
.about {
	font-size: 20px;	
	line-height: 25px;
}
.abouttext p{
	font-size:12px;	
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 2;
}
.outerbottom p {

	font-size:12px;	
	font-style: oblique;
	line-height: 25px;
	letter-spacing: 0.1px;
}
.outerbottom h3 {

	font-size:30px;	

}

}
@media (max-width: 630px) {
	.background-attached {

	height: 500px;	
}


.testimonial h3 {
	font-size:20px;
	line-height: 25px;
	
}
.testimonial p {

		font-size: 10px;
}
.testimonial {

	height: 500px;

}
.aboutgreg_text {
	padding-bottom: 50px;
	padding-left: 10px;
	padding-right: 10px;
}

}
@media (max-width: 598px) {
	.background-attached {

	height: 500px;	
}
.top_banner {
	height: 130px;
	width: 128px;
}
.containerouter {
    padding-bottom: 80px;
}
h2 {
	font-family: "aktiv-grotesk-std",sans-serif;
	font-weight: 900;
	font-size:20px;	
	color: #44344d;
}
.bookimage2 { 
	height: 200px;
	width: 200px;
	padding-top: 20px;
}
@media (max-width: 555px) {
	.background-attached {

	height: 520px;	
}
@media (max-width: 501px) {
	.background-attached {

	height: 550px;	
}
}
@media (max-width: 422px) {
	.background-attached {

	height: 600px;	
}
}