/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/

body {
	background-color:#fff; background-repeat:no-repeat;
}
a,
a:hover {
	text-decoration:none;
}
ul,
ol {
	list-style:none;
}
.wrapper {
	max-width:1000px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.main {
	width:100%;
	margin:0 0px;
	text-align:center;
	background-color:#fff;
	
}
.content {
	text-align:justify;

}


.content-text {
	margin:0 0 10px;
}

/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	 width:100%; 
	position:relative;
	display:inline-block;
	font-size:15px;
	font-weight:600;	
}
.nav-list {

    	
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
	width:20%;
	text-align:center;
	 background-color:#e1e1e1;

 
}
.nav-item a {
	display:block;
	color:#0D0D0D;
	padding:15px 1px;
		background-color:#fff;
	font-size:1em; font-weight:500;

}
.nav-item > a:hover {
	background:#dadada;
	color:#4e27df;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	background:#DBDBDB;
	border-bottom:1px solid #DFDFDF;
	display:block;
	padding:15px;
}
.nav-submenu-item a:hover {
	background:#F3F3F3;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#000 url(../img/nav.svg) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #DBDBDB;
	height:49px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../img/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#F99;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
.content{padding:10px;}
.content p{font-size:1em; color:#000;  }
.content-text{font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:500; font-size:1em; line-height:1.5; }
.content-text1{font-size:1em; font-weight:500; line-height:1.5; text-align:justify; color:#003; }
.content-text111{font-size:1em; font-weight:500; line-height:1.6; text-align:justify; color:#250691; }
.content-textLife{font-size:1.1em; font-weight:400; line-height:1.6; text-align:justify; color:#309;}
.mean{color:#FD2F24; font-weight:700;}
.mean1{color:#0C5837;}
.subimg{width:17%; height:20%; padding:7px;}
.toph1img{text-align:center; margin-top:10px;}
.subimgT{width:40%; height:auto; padding:7px;}
.icon7{color:#F33;}
.content_sub3{ padding:10px; text-align:justify; border-bottom:#E9E9E9 1px solid; margin-bottom:10px;}
.content_sub2 p{text-align:justify;}
.con1{width:100%;  float:left;  }
.con1 img{width:99%; height:10%; float:left;}
.con2 img{width:99%; height:10%; float:left;}
.con3 img{width:99%; height:10%; float:left;}
.no{color:#fff;}
.con1-1{width:47%; height:auto;border-right:1px dashed #e1e1e1; border-left:1px dashed #e1e1e1; float:left; padding:10px; }
.con1-2{width:47%; height:auto; border-right:1px dashed #e1e1e1; float:left; padding:10px; }
.conT{padding:10px; color:#0A0A76; background-color:#FCFEE2; font-weight:600; font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;}
.conT a:hover{ color:#B51E5E;}
.intro1{font-size:1.3em; font-weight:600;padding:7px;}
.intro2{font-size:1.2em; font-weight:600; padding:7px;}
.footer{background-color:#fff;}
/*------------------------------------*\
    Media Queries
\*------------------------------------*/
@media only screen and (max-width:1024px){
	.content{width:100%; }
   .subimgT{width:40%; height:auto; padding:7px;}
	.subimg{width:20%; height:auto;}
	}
@media only screen and (max-width:800px){
	.content{width:100%; }
	.content p{font-size:1em; color:#000; }

    .subimg{width:25%; height:auto;}
	.subimgT{width:50%; height:auto; padding:7px;}
	}
	
@media only screen and (max-width:480px){
	.content{width:100%; }
	.content-text{font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:500; font-size:1em; padding:0; line-height:1.5; }
.intro1{font-size:1.1em; font-weight:600;}
		.subimg{width:50%; height:auto;}
		.subimgT{width:100%; height:auto; }
   .con1-1{width:100%; height:auto; float:left;}
    .con1-2{width:100%;  height:auto;  float:left;}


	}
@media only screen and (max-width:300px){
	.content{width:100%; }
	.subimg{width:60%; height:auto;}
.logo h1{text-align:center;  font-size:24px; font-weight:600; color:#666;}
	}
	
@media only screen and (min-width: 320px) and (max-width: 768px) {
	.logo h1{text-align:center;  font-size:30px; font-weight:600; color:#666;}
    .content{width:100%; }
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:10px;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
}