/*
	Theme Name: Rayden Child
	Theme URI: http://clapat-themes.com/wordpress/rayden/
	Description: Responsive Wordpress Theme
	Template: rayden
	Version: 1.0
	Author: You
	Author URI: http://your site
	License: Themeforest
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: four-columns, custom-background, custom-colors, featured-images, full-width-template, theme-options
	Text Domain: rayden-child
*/


/*------------------------------------------------------------------

Add here your own styles
-------------------------------------------------------------------*/
a, img, a:hover, img:hover
{
	outline:none !important;
	border:none !important;
}
.nav-tabs .nav-link:hover {
    border-color: transparent!important;
   
}
body
{
	color:#fff !important;
	font-family: "Maax Regular"!important;
}
.flexnav li a {
  
	font-family: "Maax Regular"!important;
     font-size: 14px;
    line-height: 20px;
	text-decoration:none !important;
}
.copy
{
	text-align:left;
	font-size:12px;
	color:#fff;
	clear:both;
	font-family: 'Open Sans', sans-serif;
	margin-top:15px !important;
	display:block;
}
.footer-container
{
	width:100%;
	float:left;
	color:#fff;
	background:url(images/footer-bg.png) center top no-repeat fixed;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top:70px;

  text-align:left;
  font-family: 'Open Sans', sans-serif;
}
.footer
{
	height:auto !important;
}
.footer-container .fab {
    
   -webkit-border-radius: 50%;
-moz-border-radius:50%;
border-radius:50%;
    height: 25px;
    width: 25px;
    background:#FAE74C;
	padding-top:3%;
	float:left;
	color:#000000;
	text-align: center;
margin: 5px;
}
.footer-container i
{
	color:#000000;
	font-size:16px;
}
.input-box
{
	margin-bottom:30px !important;
}
.input-big
{
	height:250px !important;
}
.submit-btn
{

}
input[type="submit"] {
	background:#fae74c !important;
	padding:10px 50px;
	   -webkit-border-radius: 20px;
-moz-border-radius:20px;
border-radius:20px;
color:#000 !important;
}
.light-content input[type="text"], .light-content input[type="email"], .light-content input[type="search"], .light-content input[type="tel"], .light-content textarea {
       border-bottom: 0px solid rgba(255,255,255,0.3) !important;
}
#main-page-content, #hero-caption, .next-page-title 
{
 background: #000 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{color: #FAE74C !important;
background-color:transparent !important;

border-color: transparent transparent #FAE74C transparent !important;
border-top:0px !important;
}
.nav-tabs {
    border-bottom: 0px solid #dee2e6 !important;
}
#menu-main-menu li:nth-child(odd)::after, #menu-main-menu li:nth-child(even)::after 
{
	margin-left:8px;
	font-size:13px;
	font-weight:600;
}
#content-scroll
{
	background:url(images/main-bg.png)  no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#main-page-content, #hero-caption, .next-page-title {
    background: transparent !important;
}
.contact-background
{
		background:url(images/plastic-wrap.png)  no-repeat center center;
		width:620px;
		height:620px;
		position:absolute;
		width: 620px;

left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9;
margin: 0px auto;
}
.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required
{
	height:207px;
}
.message-box {

    margin-top: 30px;
}
.box
{
	border:1px solid #FAE74C;
	width:100%;
	margin:0px auto;
	min-height:400px;
	text-align:center;
	padding-top:20px;
	font-family: "Maax Regular"!important;
	font-size:13px;
	position: relative;
	padding-bottom: 2rem;
}
.stories-bg
{
		background:url(images/stories-bg.png) left top repeat-x;
		margin-bottom:150px;
		padding-bottom:50px;
		
}
#toggle,#toggle1,#toggle2,#toggle3,#toggle4,#toggle5 {
  color: #FFF;
 
  padding: 2%;
  text-align: center;
}
.toggleBack {
	display: none;
}
.arrow {
	margin: 0 auto;
	position: absolute;
	width: 100%;
	bottom: 1rem;
}
#panel,#panel1, #panel2, #panel3, #panel4, #panel5, .panel {
  color: #fff;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,fae74c+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(250,231,76,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(250,231,76,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(250,231,76,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6fae74c',GradientType=0 ); /* IE6-9 */


  padding:5% 10% 10% 10%;
  text-align: center;
  display: none;
}
.box-font
{
	text-transform:uppercase;
	font-family: 'silkscreennormal' !important;
	font-size:22px; color:#fff !important;
}
.highlight .box-font
{
	color:#FFF000 !important;
	font-size:28px;
border-bottom: 1px solid #FFF000 !important;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 20px;
}
h2
{
	font-family: 'silkscreennormal' !important;
	border-bottom:1px solid #929292;
	padding-bottom:15px !important;
	margin-bottom:15px  !important;
	
}
@media (min-width: 1025px)
{
.flexnav li {

    padding-top: 6px !important;
}
}
.light-content .flexnav li a:hover {
	color:#FAE74C !important;
}
.before-span:hover, #menu-main-menu li:hover {
	color:#FAE74C !important;
}

@media (max-width: 767px)
{
.footer-container .fab {

    padding-top: 1%;
	float:none;

}
.footer-container
{
	text-align:center;
}
.arrow {
  
    bottom: 0.5rem;
}
.container
{
	padding-left:15px;
	padding-right:15px;
}
/*.nav-height {

    height: auto;

}*/
}
@media (min-width: 1200px)
{
.h2, h2 {
    font-size: 3rem !important;
}
}

#loading {
		-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}
#contact-formular hr
{
	display:none;
}
input[type="submit"] {
    background: #fae74c !important;
    padding: 10px 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #000 !important;
}
.light-content .button-border.outline {
    border: solid 0px #fff;
    color: #fff;
    background-color: transparent;
}
.circle .button-border,.circle .button-border:hover {
    border-radius:inherit;
    height: auto;
    width: auto;
    line-height: inherit;
    padding: inherit;
}
.clapat-button-wrap.circle .button-border input, .clapat-button-wrap.circle .button-border a {
    height: auto;
    line-height: inherit;

}
.clapat-button-wrap.circle .button-border input:hover, .clapat-button-wrap.circle .button-border a:hover {
    height: auto;
    line-height: inherit;

}
.light-content .button-border.outline {
    border: solid 0px #fff;

}
.clapat-button-wrap.circle:hover .button-border {
    border: solid 0px transparent;
}
.up
{
	display: block;
margin: 0px auto;
    margin-top: 0px;
margin-top: 30px;
}