/* =Reset default browser CSS
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ol, ul {
	list-style-type: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

em, address, big, strong, cite, code, tt, var {
	font-style: normal;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
}

/* Standard HTML Tag Definition 
-------------------------------------------------------------- */
body,
form, input, select, textarea, fieldset, button {
	color: #959595;
	font-family: 'Lato', sans-serif, Helvetica, Arial;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif, Helvetica, Arial;
}

body {
	background-color: #fff;
}

/* =Custom Classes
-------------------------------------------------------------- */
.clearfix:before, .clearfix:after { 
	content: ""; 
	display: table; 
}
.clearfix:after {
	clear: both; 
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.center{
	text-align:center;
}

/* =Layout
-------------------------------------------------------------- */
#wrapper {
	width: 100%;
}

/* =Header
-------------------------------------------------------------- */
#header {
	width: 100%;
	background-color: #f5f5f4;
	position: fixed;
	z-index: 9999;
	height: 62px;
}
#fixed-header {
	width: 960px;
	margin: 0 auto;
}
.site-title {
	width: 270px;
	margin: 5px 0 0 0;
	float: left;
}
#nav {
	width: auto;
	margin: 8px 0 0 0;
	display: inline;
 	padding: 0; 
	height: 45px;
	float: right;
}
#nav ul {
	height: 45px;
	padding: 0 50px 0 0;
 	background-image: url('../images/nav-arrow.png');	
	background-position: center right; 
	float: left;
}
#nav ul li {
	margin: 0 8px;
	display: inline;
	font-size: 18px;
	font-weight: normal;
	line-height: 45px;
	float: left;
}
#nav ul li a {
	color: #444444;
	float: left;
}
#nav ul li a:hover, #nav ul li.active a {
	color: #e74c3c;
}
#header .tab-menu {
	display: none;
}
#headerimgs {
	width: 100%;
	height: 100%;
}

/* =Main
-------------------------------------------------------------- */
#main {
	width: 100%;
}
#phone-img {
	display: none;
}
#container {
	width: 100%;
	padding: 100px 0 0 0;
}
#container .top-content {
	width: 960px;
	text-align: center;
	margin: 0 auto;
}
#container h2,  #container h3 {
	font-size: 21px;
	line-height: 25px;
	font-weight: normal;
	color: #45494d;
}
#container p {
	padding: 30px 0 35px;
	font-size: 14px;
	line-height: 24px;
}
#container a.more, #wp-container a.more {
	width: 234px;
	height: 45px;
	font-size: 17px;
	line-height: 45px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background: #e74c3c;
	clear: both;
	text-align: center;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
#container a.more:hover, #wp-container a.more:hover {
	background-color: #E74C3B;
}
#container .wp-bg, #wp-container .wp-bg {
	padding: 50px 0 20px;
	background-color: #f5f5f4;
}
#container .wp-bg-one {
	width: 100%;
	padding: 40px 0 20px;
	background-image: url('../images/bg-img.jpg');
	background-repeat: repeat-x;	
}
#container .content-one{
	width: 960px;
	margin: 0 auto;
}
#container .content{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#container .content-one p {
	width: 645px;
	margin: 0 auto;
}
#container .wp-content {
	width: 960px;
	margin: 0 auto;
	padding: 100px 0;
	text-align: left;
}
#container .wp-content1 {
		padding-top: 10px;
}
#container .wp-content .left {
	width: 43%;
	padding: 0 2% 0 5%;
	float: left;
}
#container .wp-content .right {
	width: 43%;
	padding: 0 5% 0 2%;
	float: right;
}
#container .content .left{
	width: 50%;
	padding: 0 0 0 5%;
	float: left;
}
#container .content .right {
	width: 40%;
	margin: -12% 5% 0 0;
	position: relative;
	display: inline;
	float: right;
}
#container .content .right img {
	float: right;
}
#container .content-two, #wp-container .content-two {
	width: 895px;
	padding: 20px 0 50px 65px;
	margin: 0 auto;
}
#container .content-two h2, #wp-container .content-two h2 {
	font-size: 21px;
	line-height: 45px;
	color: #45494d;
	padding: 0 29px 0;
	font-weight: normal;
	float: left;
}
#container .content-two .more, #wp-container .content-two .more {
	clear: none;
	float: left;
}
#container-wrapper {
	width: 960px;
	padding: 40px 0 60px 0;
	margin: 0 auto;
}
#container-wrapper .left-column {
	width: 40%;
	padding: 0 0 0 10%;
	float: left;
}
#container-wrapper .left-column h2 {
	padding: 0 0 20px 0;
	font-size: 21px;
	line-height: 23px;
	font-weight: bold;
	color: #45494d;
}
#container-wrapper .input-wrapper {
	width: 100%;
	padding: 0 0 7px 0;
	float: left;
}
#container-wrapper .input-wrapper input {
	width: 90%;
	padding: 5px 4% 5px 2%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 19px;
	border: solid 1px #d0d0d0;
	font-size: 14px;
	line-height: 19px;
	float: left;
}
#container-wrapper .input-wrapper textarea {
	width: 90%;
	padding: 5px 4% 5px 2%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 134px;
	border: solid 1px #d0d0d0;
	font-size: 14px;
	line-height: 19px;
	float: left;
}
#container-wrapper .left-column h3 {
	width: 100%;
	padding: 12px 0 8px 0;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	color: #45494d;
	float: left;
}
#container-wrapper .left-column .submit {
	width: 234px;
	height: 45px;
	margin: 10px 0 20px 0;
	font-size: 17px;
	line-height: 45px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background-color: transparent;
	background-image: url('../images/submit-bg.png');
	clear: both;
	text-align: center;
	float: left;
	border: 0;
	cursor: pointer;
	
}
#container-wrapper .left-column .submit:hover {
	background-position: bottom left;
}
#container-wrapper .right-column {
	width: 30%;
	padding: 0 15% 0 5%;
	float: right;
}
#container-wrapper .right-column h3 {
	width: 100%;
	padding: 12px 0 8px 0;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	color: #45494d;
	float: left;
}
#container-wrapper .right-column p {
	font-size: 14px;
	line-height: 19px;
}
#container-wrapper .right-column h4 {
	width: 100%;
	padding: 8px 0 8px 0;
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
	color: #45494d;
	float: left;
}

/* =
-------------------------------------------------------------- */
#wp-container {
	width: 100%;
	padding: 80px 0 0 0;
}
#wp-container .center-box {
	width: 960px;
	padding: 50px 0 50px 0;
	margin: 0 auto;
	text-align: center;
}
#wp-container .center-box h2 {
	font-size: 21px;
	line-height: 25px;
	color: #45494d;
	font-weight: normal;
}
#wp-container .center-box p.top-list {
	width: 645px;
	padding: 15px 0;
	margin: 0 auto;
	font-size: 14px;
	line-height: 24px;
	color: #959595;
	font-weight: normal;
}
#wp-container .center-box p {
	width: 900px;
	padding: 15px 30px;
	font-size: 14px;
	line-height: 24px;
	color: #959595;
	font-weight: normal;
	text-align: center;
}
#wp-container .center-box ul  {
	width: 950px;
	padding: 30px 5px;
	float: left;
}
#wp-container .center-box ul li {
	width: 270px;
	margin: 0px;
	float: left;
}
#wp-container .center-box ul li.center {
	margin: 0px 70px;
}
#wp-container .middle-box-bg {
	width: 100%;
	padding: 50px 0;
	background-color: #f5f5f4;
}
#wp-container .middle-box {
	width: 960px;
	margin: 0 auto;
}
#wp-container .middle-box-one {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
#wp-container .middle-box .left {
	width: 30%;
	float: left;
}
#wp-container .middle-box .left img {
	float: left;
}
#wp-container .middle-box-one .left {
	width: 67%;
	padding: 5% 3% 0 0;
	float: left;
}
#wp-container .middle-box .left h3, #wp-container .middle-box .right h3,
#wp-container .middle-box-one .left h3, #wp-container .middle-box-one .right h3  {
	font-size: 21px;
	line-height: 25px;
	font-weight: normal;
	color: #45494d;
}
#wp-container .middle-box .left p, #wp-container .middle-box .right p,
#wp-container .middle-box-one .left p, #wp-container .middle-box-one .right p {
	padding: 30px 0;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
}
#wp-container .middle-box .right {
	width: 67%;
	padding: 5% 0 0 3%;
	float: left;
}
#wp-container .middle-box-one .right {
	width: 30%;
	float: right;
}
#wp-container .middle-box-one .right {
	float: right;
}
#wp-container h3.title {
	font-size: 21px;
	line-height: 25px;
	font-weight: normal;
	color: #45494d;
}

#wp-container .bottom-slider {
	width: 960px;
	padding: 80px 0 0;
	margin: 0 auto;
}

/* =Footer
-------------------------------------------------------------- */
#footer {
	width: 100%;
	padding: 25px 0;
}

#colophon {
	width: 960px;
	margin: 0 auto;
}
.widget-title {
	padding: 10px 0 20px;
	font-size: 24px;
	line-height: 27px;
	font-weight: normal;
}
.first, .second {
	width: 300px;
	padding: 20px 46px 0 20px;
	float: left;
}
.third {
	width: 210px;
	padding: 20px 0 0 0;
	float: left;
}
.third .social {
	width: 210px;
	padding: 0 0 20px 0;
	float: left;
}
.third .social li {
	padding: 0 5px;
	float: left;
}
.third .social li a {
	width: 32px;
	height: 32px;
	float: left;
}
.third .social li.f {
	padding-left: 0;
}
.third .social li.f a {
	background-image: url('../images/Facebook.png');
}
.third .social li.f a:hover {
	background-image: url('../images/Facebook 2.png');
}
.third .social li.t a {
	background-image: url('../images/Twitter.png');
}
.third .social li.t a:hover {
	background-image: url('../images/Twitter 2.png');
}
.third .social li.y a {
	background-image: url('../images/YouTube.png');
}
.third .social li.y a:hover {
	background-image: url('../images/YouTube 2.png');
}
.third .social li.g a {
	background-image: url('../images/Google+.png');
}
.third .social li.g a:hover {
	background-image: url('../images/Google+ 2.png');
}
.third p {
	padding: 0 0 20px 0;
	font-size: 12px;
	line-height: 20px;
	color: #999999;
	font-style: italic;
}
.third a {
	color: #f26152;
}
.third p a {
	text-decoration: underline;
}
.first ul li, .second ul li {
	padding: 0 0 11px 15px;
	background-image: url('../images/arrow.png');
	background-position: 0 5px;
	font-size: 12px;
	line-height: 20px;
	color: #3a3a3a;
	font-style: italic;
}
.first ul li small, .second ul li small {
	font-size: 10px;
	line-height: 13px;
	color: #f26152;
}
p.copyright {
	width: 100%;
	padding: 10px 0;
	text-align: center;
}

/*******************/
p.top-head {
	padding: 20px 0;
	font-size: 23px;
	line-height: 30px;
	font-weight: normal;
	color: #fff;
}
.slideshow  {
	width: 100%;
	height: 100%;
	float: left;
}
.slideshow img  {
	width: 100%;
	height: 100%;
	position: absolute;
}
.headerimg {
	background-position: center top; 
	background-repeat: no-repeat; 
	width:100%; 
	height:100%; 
	position:absolute; 
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	left: 0;
}
#home-head a.more {
	width: 200px;
	height: 45px;
	margin: 0px 10px 0 0;
	font-size: 17px;
	line-height: 45px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background: #e74c3c;
	clear: both;
	text-align: center;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
#home-head a.more:hover {
	background-color: #f26152;
}
.botton-more {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 17px;
	line-height: 43px;
	width: 160px;
	text-align: center;
	height: 43px;
	padding: 0px;
	color: #fff;
	border: 1px solid #bbb;
	float: left;
}
.botton-more:hover {
	border: 1px solid #fff;
}
#home-head{
	position:relative;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
#home-head .top-box{
	width: 950px;
	margin: 0 auto;
	position:relative;
	top:250px; 
	z-index: 999;
}
#home-head .top-box{
	-webkit-animation:fadeInDown 300ms 300ms 1 forwards linear;
	-moz-animation:fadeInDown 300ms 300ms 1 forwards linear;
	-ms-animation:fadeInDown 300ms 300ms 1 forwards linear;
	-o-animation:fadeInDown 300ms 300ms 1 forwards linear;
	animation:fadeInDown 300ms 300ms 1 forwards linear;
}
#home-head .home-page-slide{
	position: absolute;
	bottom: -50px;
	left:  0;
	width: 100%;
	border-bottom: 0px solid #fff;
	-webkit-animation: slideUp 650ms 2600ms 1 forwards ease;
	-moz-animation: slideUp 650ms 2600ms 1 forwards ease;
	-ms-animation: slideUp 650ms 2600ms 1 forwards ease;
	-o-animation: slideUp 650ms 2600ms 1 forwards ease;
	animation: slideUp 650ms 2600ms 1 forwards ease;
}
#home-head .home-page-slide .arrow-down{
	z-index:300;
	display:block;
	height:31px;
	background-image:url('../images/arrow1.png');
	background-repeat:no-repeat;
	background-position:center bottom;
}
#features-scroll{
	padding-bottom:0;
}

/* =Minimum width of 961 pixels
-------------------------------------------------------------- */
@media (max-width: 961px){
	#fixed-header, #container .top-content, 
	#container .content-one, #container .wp-content, 
	#container .content, #container .content-two,#wp-container .content-two, #colophon {
		width: 100%;
		padding: 0;
	}
	#home-head .intro, #home-head .top-box, #container-wrapper, #wp-container .bottom-slider  {
		width: 100%;
	}
	#container .wp-content {
		padding: 80px 0;
	}
	#container .wp-content1 {
		padding-top: 10px;
	}
	#container .content-one p {
		width: 90%;
		padding: 25px 5%;
	}
	#container .wp-bg, #wp-container .wp-bg {
		padding: 30px 0 30px;
	}
	#container .content-two h2, #wp-container .content-two h2 {
		font-size: 21px;
		line-height: 27px;
		padding: 0 0 15px 0;
		text-align: center;
		float: none;
	}
	#container .content-two .more, #wp-container .content-two .more {
		clear: none;
		float: none;
		margin: 0 auto;
		display: block;
	}
	#wp-container .center-box, #wp-container .middle-box, #wp-container .middle-box-one {
		width: 100%;
	}
	#wp-container .center-box {
		padding: 10px 0 50px 0;
	}
	#wp-container .center-box p.top-list, 
	#wp-container .center-box p {
		width: 90%;
		padding: 10px 5%;
	}
	#wp-container .center-box ul  {
		width: 100%;
		padding: 20px 0;
		text-align: center;
	}
	#wp-container .center-box ul li  {
		width: 270px;
		margin: 10px auto;
		float: none;
	}
	#wp-container .center-box ul li.center {
		margin: 0 auto;
	}
	#wp-container .middle-box .left, #wp-container .middle-box-one .right {
		width: 268px;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	#wp-container .middle-box .left img, #wp-container .middle-box-one .right img {
		float: none;
	}
	#wp-container .middle-box .right, #wp-container .middle-box-one .left {
		width: 90%;
		margin: 0;
		text-align: center;
		padding: 30px 5% 10px;
		float: none;
	}
	.first, .second {
		width: 300px;
		margin: 0 auto;
		padding: 20px 0px 0 0;
		float: none;
	}
	.third {
		width: 300px;
		margin: 0 auto;
		padding: 20px 0 0 0;
		float: none;
	}
	#footer {
		padding: 0;
	}
}

/* =Minimum width of 620 pixels
-------------------------------------------------------------- */
@media (max-width: 620px){
	.hidden-phone, #home-head {
		display: none !important;
	}
	#home-head .top-box {
		top: 72px !important;
		left: 0 !important;
	}
	#phone-img {
		width: 100%;
		padding: 62px 0 0 0;
		display: block;
	}
	.home #container{
		padding-top: 30px;
	}
	#container h2, #container h3, #container .content-two h2, #wp-container .content-two h2, #wp-container .center-box h2,#wp-container .middle-box .left h3, #wp-container .middle-box .right h3, #wp-container .middle-box-one .left h3, #wp-container .middle-box-one .right h3 {
		font-size: 19px;
		line-height: 25px;
		font-weight: normal;
		color: #45494d;
		width: 90%;
		padding: 0 5%;
	}
	#wp-container .middle-box-one, #container-wrapper  {
		padding-top: 5px;
	}
	#wp-container .center-box h2 {
		width: 90%;
		padding: 0 5%;
	}
	#container .content .right img {
		float: none;
	}
	#container .content-two h2, #wp-container .content-two h2 {
		padding: 0px 5% 12px;
	}
	p.top-head {
		padding: 10px 0;
		font-size: 25px;
		line-height: 24px;
		color: #fff;
	}
	#container .wp-content .left {
		width: 80%;
		padding: 0 10%;
		text-align: center;
		float: none;
	}
	#container .content-one p {
		width: 80%;
		padding: 20px 10%;
	}
	#container .wp-content .right {
		width: 80%;
		padding: 0 10%;
		text-align: center;
		float: none;
	}
	#container .wp-bg-one {
		background-image: none;
	}
	#container .content .right {
		width: 100%;
		margin: 0;
		text-align: center;
		display: block;
		float: none;
	}
	#container .content .left {
		width: 80%;
		padding: 0 10%;
		text-align: center;
		float: none;
	}
	#container a.more {
		margin: 0 auto;
		display: block;
		float: none;
	}
	#container-wrapper .right-column {
		width: 90%;
		padding: 0 5%;
		float: left;
	}
	#container-wrapper .left-column {
		width: 90%;
		padding: 0 5%;
		float: left;
	}
	#container-wrapper .left-column .submit {
		margin: 10px auto 20px auto;
		float: none;
	}
	nav {
		width: 100%;
		padding: 50px 0 0 0;
		float: none;
	}
	#nav {
		display: none;
		width: 100%;
		margin: 0;
		padding: 0 0 10px 0;
		height: auto;
	}
	#nav ul {
		width: 200px;
		margin: 0 auto;
		padding: 0;
		height: auto;
		float: none;
	}
	#nav ul li {
		width: 200px;
		margin: 2px auto;
		height: 40px;
		font-size: 19px;
		line-height: 40px;
		padding: 0;
		background-image: none;
		text-align: center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		text-align: cetner;
		border-radius: 5px;
		background-color: #e4e5e5;
		text-transform: uppercase;
		clear: both;
		float: left;
	}
	#nav ul li a {
		display: block;
		float: none !important;
		color:#000000;
	}
	#nav ul li:hover, #nav ul li.active {
		background-color: #f26152;
	}
	#nav ul li a:hover, #nav ul li.active a {
		color: #fff;	 
	}
	#header .tab-menu {
		float: right;
		width: 51px;
		height: 50px;
		margin: 1px 3% 0 0px;
		display: block;
 		text-indent: -9999px; 
		background-image: url('../images/tab-bg.png');
	}
	#home-head a.more {
		width: 160px;
		height: 40px;
		margin: 3px 10px 5px 0px;
		font-size: 15px;
		line-height: 40px;
		font-weight: bold;
	}
	.botton-more {
		width: 140px;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
	}
}

/* =Minimum width of 420 pixels
-------------------------------------------------------------- */
@media (max-width: 421px){ 
	html {
		-webkit-text-size-adjust: none;
	}
	.site-title {
		width: 210px;
	}
	p.top-head {
		padding: 10px 0;
		font-size: 21px;
		line-height: 26px;
		font-weight: bold;
		color: #fff;
	}
	#nav {
		margin-top: 8px;
	}
	#container .content .left,
	#container .wp-content .right,
	#container .wp-content .left {
		width: 90%;
		padding: 0 5%;
	}
	#container .content-one p {
		width: 90%;
		padding: 20px 5%;
	}
}

/* =Print
----------------------------------------------- */
@media print {
	#nav, #home-head, #phone-img,#wp-container .bottom-slider,
#container-wrapper .left-column form,	#footer {
		display: none !important;
	}
}