/*
Theme Name: Rocking God's Theme
Description: Rocking God's theme
Author:   AJH Create
Template: Rocking God
*/

@import url("../Divi/style.css");
@import url("http://cdn.dcodes.net/2/social_icons/dc_social_icons.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import url(https://fonts.googleapis.com/css?family=Anton);

/* Style  custom */
 body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333; 
    font-weight: 300;
}

.displaynone{
display:none !important;
}
 
.text-center{
text-align:center !important;
}
.text-right{
text-align:right !important;
}
 .text-left{
text-align:left !important;
}
 
 




 /* CUSTOM */

h1, h2, h3, h4, h5, h6{
	font-family: 'Anton', sans-serif; 
letter-spacing: 2.2px; 
}



#topheader, #topheader .et_pb_row{
	padding: 5px 0px !important
}

#topheader{
	background-color: #40a9d8;
	color: #fff;
	font-size: 14px;
}
#topheader i{
	color: #333;
}
#topheader a{
	color: #fff !important;
	margin-left:10px;
}
 
#top-menu .current-menu-item a, #top-menu .current_page_item a {
border-bottom:10px solid #3cabd9!important;
}

#topheader .login{
text-align: right;
}
 

.navi ul#top-menu{ 
	 
}
 
.et_header_style_centered nav#top-menu-nav{
	float: left
}

#top-menu li { 
    padding-right: 15px; 
}

#top-menu {
	padding-top: 4px;
}
.relative{
	position: relative;
}

 .floatbox .et_pb_row {
    padding: 0px 0 !important;
}

.float-image {
	position: absolute;
	top: -30px;
	left:-50px;;
	z-index: 9999;

}



/* featured */

.featured{
	    padding: 0px 0 !important;
}
.featured .et_pb_row {
      padding: 0px 0 !important;
}

.featured i{
	display: block;
	font-size: 38px;
	margin-bottom: 10px;
 position: absolute;
 top: 35%;
 left: 50%;
visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.style1:hover i, .style2:hover i, .style3:hover i, .style4:hover i, .style5:hover i, .style6:hover i{
	visibility: visible;
  opacity: 1;

}


.style1, .style2, .style3, .style4, .style5, .style6{
	
	position: relative;
	background-size: cover;
}
 

.style1 a, .style2 a, .style3 a, .style4 a, .style5 a, .style6 a      {
font-size: 20px;
letter-spacing: 7px;
line-height: 25px;
color: #000;
font-weight: 700;
}

.style2 a, .style3 a, .style4 a, .style5 a, .style6 a{ 

color: #FFFFFF;  
text-shadow: 0px 2px 4px rgba(0,0,0,0.50);
}


.stylebg{
	padding: 200px 0px;
}


/*  FEATURED STYLING CLASS */

.style1 .stylebg{
	background-color: #F5D200;
}

.style2 .stylebg{
	background: url('images/style2.png')   top center;
	background-size: contain;
	 
} 



.style3 .stylebg{
	background: url('images/style3.png')   top center;
	background-size: contain;
	 
} 



.style4 .stylebg{
	background: url('images/style4.png')   top center;
	background-size: contain;
 
} 

.style5 .stylebg{
	background-color: #136DC0;
}

.style6 .stylebg{
	background-color: #41A9D8;
}


.stylebg:hover{
background: none;
background-color: #b93b36;
  -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
} 

/*  FEATURED STYLING CLASS */




/* FORM */

.homeform{
	margin-top: 20px;
}

.home .wpcf7-form input{

	border: 2px solid #fff;
	background-color: transparent !important;
	padding: 5px;
	height: 45px; 
	width: 100%;
	color: #fff;
	font-size: 16px;
}

.home  .wpcf7-form p{
	color: #F5D200;
	font-weight:700;
	font-style: italic;
	font-size: 15px;
}

.home .wpcf7-form input[type="submit"]{
width:100%;
max-width: 250px;
color: #F5D200;
margin-top: 25px;
font-size: 15px;
font-weight: 700;
}


/* DEFAULT */

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.row{
	width:100%;
	clear: both;
}

@media (min-width: 992px){ 
.col-md-6 {
    width: 50%;
}
.col-md-9 {
    width: 75%;
}
.col-md-3 {
    width: 25%;
}
.col-md-10 {
    width: 83.33333333%;
}
.col-md-2 {
    width: 16.66666667%;
}
.col-md-8 {
    width: 66.66666667%;
}
.col-md-4 {
    width: 33.33333333%;
}
}
 

 


@media (min-width: 1200px) {
	 
 
}




@media (min-width: 768px) and (max-width: 979px) {
  
  .col-md-6, .col-md-9 , .col-md-3, .col-md-10, .col-md-2, .col-md-8, .col-md-4, .col-md-1, .col-md-5, .col-md-7{
  	width: 100%;
  }


.float-image {
	position: static;
	 max-height: 250px;
	 width: auto;

}
.floatbox, .intro{
	padding: 0px 0;
}
#topheader .login, #topheader{
text-align: center;
}

.col-sm-6 {
    width: 50%;
}

}


@media (max-width: 767px) {
 
.col-md-6, .col-md-9 , .col-md-3, .col-md-10, .col-md-2, .col-md-8, .col-md-4, .col-md-1, .col-md-5, .col-md-7{
  	width: 100%;
  }



.float-image {
	position: static;
	 max-height: 250px;
	 width: auto;

}
.floatbox, .intro{
	padding: 0px 0;
}
#topheader .login, #topheader{
text-align: center;
}

.col-sm-6 {
    width: 50%;
}


}




@media (max-width: 480px) {
  .col-sm-6 {
    width: 100%;
}

}