/*--
	Theme Name: theme53095
	Theme URI: http://info.template-help.com/help/
	Description: A theme for Wordpress 3.8.x
	Author: Template_Help.com
	Author URI: http://info.template-help.com/help/
	Template: CherryFramework
	Version: 3.1.2
--*/

/* ----------------------------------------
	Please, You may put custom CSS here
---------------------------------------- */
.parallax-slider { 
height: 100px; 
}

.logo {
	/*height: 100% !important;*/
        height: 100px !important;
	padding-top: 13px !important;
}

.orderly-family-link {
	color: #ffffff !important;
}
.orderly-family-link:hover {
	color: #95c11f !important;
}


#topnav .custom-color1 {
background: #f64e07 none repeat scroll 0 0 !important; }

#topnav .custom-color2 {
background: #95c11f none repeat scroll 0 0 !important; }

#topnav .custom-color3 {
background: #0d56c2 none repeat scroll 0 0 !important; }

#topnav .custom-color4 {
background: #7f0050 none repeat scroll 0 0 !important; }

#content {
	padding-top: 0px !important;
}

.header .nav.nav__primary {
	margin: 0;
	height: 100px !important;
}
.parallax-slider {
	height:280px;
	margin-bottom:30px; !important;
}
.menu-holder.isStuck:before {
	content:'';
	position:absolute;
	top:0;
	left:-200%;
	height:100%;
	width:500%;
	background:#ff0000; !important;
}
.header .top-plane .header-info-holder {
    display: inline-block !important;
    margin: 8px 5px 0 0 !important;
}
.textwidget { 
	width: 100% !important;
	margin: 0 !important;
}
.header .header-widget {
	width: 80% !important;
}
.header .top-plane .header-info-holder i {
	margin-right: 5px !important;
	margin-left: 5px !important;
}
.header .social-nets-wrapper {
	width: 15% !important;
	float: right !important;
	margin: 0 !important;
}
@media (max-width: 480px) {
        .top-plane {
                display: none;
        }
        .video-container {
                width: 100% !important;
                height: 250px !important;
        }
        ul {
                margin-left: 0 !important;
                font-size: 20px !important;
        }
        .tg {
                width: 100% !important;
                table-layout: fixed !important;
		font-size: 20px !important;
        }
        .tg-9qe0 {
                font-size: 14px !important;
                padding: 0 !important;
                line-height: 1 !important;
                width: 25% !important;
                word-wrap: break-word;
        }
        .tg-tuty {
                width: 25% !important;
                font-size: 14px !important;
                padding-bottom: 10px !important;
                text-align: left;
                word-wrap: break-word;
        }
        .call2ActionBtnWhite {
                background-color: #95C11F;
                width: 90% !important;
                -moz-border-radius:6px;
                -webkit-border-radius:6px;
                border-radius:6px;
                display:inline-block;
                cursor:pointer;
                color:#777777;
                font-family:Raleway, Arial;
                font-size:20px;
                font-weight:normal;
                padding:15px 15px;
                text-decoration:none;
		line-height: 20px !important;
        }
        .call2ActionBtnWhite:hover {
                background-color:#777777;
                color:#fff;
        }
}

@media (max-width: 385px) {
        .call2ActionBtnWhite {
                font-size: 18px !important;
        }
        ul {
                margin-left: 0 !important;
                font-size: 18px !important;
        }
	.tg a {
		padding: 10px 10px 10px !important;
		line-height: 20px !important;
		font-size: 20px !important;
	}

}
@media (max-width: 325px) {
	.tg a {
		font-size: 16px !important;
	}
	.list {
		font-size: 16px !important;
	}		
	.call2ActionBtnWhite {
		font-size: 16px !important;
	}
	tbody span {
		font-size: 16px !important;
	}	
	ul {
		padding-inline-start: 10px !important;
	}
}