/*
Theme Name: Satellite7 Child
Theme URI: http://demo.qodeinteractive.com/satellite/
Description: A child theme of Satellite7 Theme
Author: Qode Interactive
Author URI: http://www.qodeinteractive.com/
Version: 1.0.0
Template: satellite
*/
@import url("../satellite/style.css");

@font-face {
    font-family: 'remo-blond';
    src: url(font/RemoPlusPro-Blond.woff);
}

@font-face {
    font-family: 'remo-semibold';
    src: url(font/RemoPlusPro-SemiBold.woff);
}

body{
	font-family: 'remo-blond', Verdana, sans-serif, Verdana;
}

h5{
	font-family: 'remo-semibold', Verdana, sans-serif;
}

.footer_top .column_inner > div h5 {
	margin: 0 0 5px !important;
}
.home_content{
	display: inline-block;
	width: 100%;
	margin: 100px 0px 0px 0px;
	position: relative;
	z-index: 100;
	background-color: #ffffff;
}
.special_gradient{
	position:relative;
	background: -webkit-gradient(linear, left top, right top, from(rgba(246, 246, 246, 1)), to(rgba(236, 236, 236, 1)));
	background: -webkit-linear-gradient(top, rgba(246, 246, 246, 1), rgba(236, 236, 236, 1));
	background: -moz-linear-gradient(top, rgba(246, 246, 246, 1), rgba(236, 236, 236, 1));
	background: -o-linear-gradient(top, rgba(246, 246, 246, 1), rgba(236, 236, 236, 1));
	background: -ms-linear-gradient(top, rgba(246, 246, 246, 1), rgba(236, 236, 236, 1));
	background: linear-gradient(top, rgba(246, 246, 246, 1), rgba(236, 236, 236, 1));
	background-color: rgba(246, 246, 246, 1);
	margin: 0 -50%;
}
.special_gradient img{
	display:block;
	margin:0 auto 0 auto;
}
.image_with_text_over .text {
    height: 100% !important;
}


.image_with_text_over .shader {
	background-image:none !important;
}

.image_with_text_over .caption {
    color: #000;
	margin: 50% 0 0;
}

.image_with_text_over .desc{
	margin: 50% 0 0 !important;
}

.parallax section{
	margin:0 -50%;
}

a.lightbox{
	display:none !important;
}
a.preview span{
	display:none !important;
}
.projects_holder article a.lightbox, .projects_holder article a.preview{
	border:none !important;
	height:260px !important;
	width: 345px !important;	
	margin-top: -175px !important;
}
.projects_holder article span.text_holder span span.text_inner, .portfolio_gallery span h4{
	padding:100px 0px 0px 0px !important;	
}

.portfolio_like{
	display:none !important;
}

.portfolio_detail .info h5{
	display:none !important;
}
.portfolio_detail .info span{
	display:none !important;	
}

.roll .rollover, .roll:hover .regular {
display: none;
}
.roll:hover .rollover {
display: block;
margin:0 0 7% 0;
} 
Mark.count{visibility:hidden;}

.button.product_type_simple{visibility:hidden;}

ul.product-categories li.current-cat a{
	color:#009de0;
}
ul.product-categories li.cat-parent.current-cat a{
	color:#009de0;
}
ul.product-categories li.cat-parent ul.children a{
	color:#626262;
}
ul.product-categories li.cat-parent ul.children li.cat-item{
	margin:0 0 0 20px;
}
ul.product-categories li.cat-parent ul.children li.current-cat a{
	color:#009de0;	
}
.button.tiny.with_border{
	box-shadow:none !important;
}	
.submit_button input {
    font-family: remo-blond,verdana,sans-serif;
border:1px solid #000;   
}
.button.with_shadow, #submit_comment, .load_more a {
    box-shadow: none;
}
#respond textarea, #respond input[type="text"], .contact_form input[type="text"], .contact_form textarea{
	font-family: remo-blond,verdana,sans-serif;	
}

.two_columns_50_50>.column1{
    margin: 0 0 -9px 0;
}
.two_columns_50_50>.column2{
    margin: 0 0 -9px 0;
}

.two_columns_50_50>.column1>.column_inner{
	padding:0 !important;	
}
.two_columns_50_50>.column2>.column_inner{
	padding: 0 !important;
}

.text_block{
	position: relative;
}
.text_block h1{
	color:#00a2db !important;
}

.text_block_content{
	position: absolute;
    top: 50px;
    left: 50px;
}

.smaller{
	font-size: 12px;
}

 
@keyframes swinging{
    0%{
		transform: rotate(10deg);
		-webkit-box-shadow: 6px 0px 34px 1px rgba(166,166,166,0.44);
		-moz-box-shadow: 6px 0px 34px 1px rgba(166,166,166,0.44);
		box-shadow: 6px 0px 34px 1px rgba(166,166,166,0.44);

	}
    50%{
		transform: rotate(-5deg);
		-webkit-box-shadow: 0px 0px 75px -17px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 75px -17px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 75px -17px rgba(0,0,0,0.5);
	}
    100%{
		transform: rotate(10deg);
		-webkit-box-shadow: 6px 0px 34px 1px rgba(166,166,166,0.44);
		-moz-box-shadow: 6px 0px 34px 1px rgba(166,166,166,0.44);
		box-shadow: 6px 0px 34px 1px rgba(166,166,166,0.44);
	
	}
}

@keyframes swinging_noShadow{
    0%{	transform: rotate(10deg);}
    50%{ transform: rotate(-5deg);}
    100%{transform: rotate(10deg);}
}

@keyframes rope_swinging{
    0%{transform: rotate(2deg);}
    50%{transform: rotate(-1deg)}
    100%{transform: rotate(2deg);}
}

@keyframes fade{
    0%{opacity: 0; transform: rotate(0deg);}
    100%{opacity: 1; transform: rotate(0deg);}
}
 
.swingimage{
    -webkit-transform-origin: 50% 0% !important;
    transform-origin: 50% 0% !important;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite !important;
    animation: swinging 3.5s ease-in-out forwards infinite !important;
}

.swingimage_round{
	border-radius: 65px !important;
    -webkit-transform-origin: 50% 0% !important;
    transform-origin: 50% 0% !important;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite !important;
    animation: swinging 3.5s ease-in-out forwards infinite !important;
}
.swingimage_round_delay{
	border-radius: 65px !important;
    -webkit-transform-origin: 50% 0% !important;
    transform-origin: 50% 0% !important;
    -webkit-animation: swinging 4s ease-in-out forwards infinite !important;
    animation: swinging 4s ease-in-out forwards infinite !important;
}

.swingimage_round_noShadow{
	border-radius: 65px !important;
    -webkit-transform-origin: 50% 0% !important;
    transform-origin: 50% 0% !important;
    -webkit-animation: swinging_noShadow 3.5s ease-in-out forwards infinite !important;
    animation: swinging_noShadow 3.5s ease-in-out forwards infinite !important;
}

.swingimage_noShadow{
    -webkit-transform-origin: 50% 0% !important;
    transform-origin: 50% 0% !important;
    -webkit-animation: swinging_noShadow 3.5s ease-in-out forwards infinite !important;
    animation: swinging_noShadow 3.5s ease-in-out forwards infinite !important;
}

.swingimage_middle_label{
    -webkit-transform-origin: 50% 0% !important;
    transform-origin: 50% 0% !important;
    -webkit-animation: swinging_noShadow 4s ease-in-out forwards infinite !important;
    animation: swinging_noShadow 4s ease-in-out forwards infinite !important;
}
.swingimage_back_label{
    -webkit-transform-origin: 50% 0% !important;
    transform-origin: 50% 0% !important;
    -webkit-animation: swinging_noShadow 4.5s ease-in-out forwards infinite !important;
    animation: swinging_noShadow 4.5s ease-in-out forwards infinite !important;
}


#rope_swing{
    -webkit-transform-origin: 50% 30% !important;
    transform-origin: 50% 10% !important;
    -webkit-animation: rope_swinging 3.5s ease-in-out forwards infinite !important;
    animation: rope_swinging 3.5s ease-in-out forwards infinite !important;
}


.fade{
    -webkit-animation: fade 1s ease-in-out forwards!important;
    animation: fade 1s forwards !important;
}


footer{
	margin: -9px auto 0;
}

@media screen and (max-width: 320px) {
  .home_content {
    margin: 0;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  .home_content {
    margin: 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  .home_content {
    margin: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  .home_content {
    margin: 0;
  }
}
@media screen and (min-width: 980px) and (max-width: 1024px) {
  .home_content {
    margin: 0;
  }
}