body {

    font-family: 'Jura', sans-serif;

	font-size: 18px;

    font-weight: 400;

    color: #ddd;

	overflow-x:hidden;

}



h1,h2,h3,h4,h5,h6 {

	margin-top: 12px;

	margin-bottom: 15px;

	color: #ddd;

}



h1 {

	font-size:38px;

}



h2 {

	font-size:19px;

}



h3 {

	font-size:24px;

}



h4 {

	font-size:18px;

}



a {

	font-family: 'Jura', sans-serif;

	color: #ddd;

	font-weight: 500;

}



a:hover,

a:focus{

    text-decoration: none;

    outline: none;

	color: #78b30b;

	opacity: 0.9;

}



ul,ol{

    margin-bottom: 10px;

    padding: 0;

    list-style: none

}



.white-text {

	color: #FFF;

}



blockquote {

	position: relative;

	margin: 20px 0px;

	padding: 20px 20px 20px 60px;

	border-left: none;

	color: #374050;

}



blockquote:before{

	content:"\f10d";

	font-family:fontAwesome;

	position:absolute;

	left:0;

	top:0;

	color: #78b30b;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	border-radius:50%;

	border:1px solid #EBEBEB;

}





/* --- Section --- */

.section {

	position:relative;

	padding-top:0px;

	padding-bottom:34px;

}



.section-hr {

	margin-top:80px;

	margin-bottom:80px;

	border-color: #EBEBEB;

}



.section-header {

	margin-bottom:40px;

}



/* --- Background Image --- */

.bg-image {

	position:absolute;

	left:0;

	right:0;

	top:0;

	bottom:0;

	background-position:center;

	background-size:cover;

}







.bg-image.overlay:after {

	content:"";

	position:absolute;

	left:0;

	right:0;

	top:0;

	bottom:0;



	opacity: 0.7;

}



/* --- Buttons --- */

.main-button {

	position:relative;

	display:inline-block;

	padding:10px 50px;

	background-color: #78b30b;

	border: 2px solid transparent;

	border-radius: 4px;

	color: #FFF;

	-webkit-transition:0.2s all;

	transition:0.2s all;

	margin-bottom:20px;

}



.main-button:hover , .main-button:focus {

	background-color:#fff;

	border: 2px solid #78b30b;

	color:#78b30b;

}

/*SALAS*/

.main-button-salas {

	position:relative;

	display:inline-block;

	padding:10px 50px;

	-webkit-transition:0.2s all;

	transition:0.2s all;

        font-family: 'Jura', sans-serif;

}





}

/*END SALAS*/

.main-button.icon-button:hover , .main-button.icon-button:focus {

	padding-right: 45px;

}



.main-button.icon-button:after {

	content:"\f178";

	font-family:FontAwesome;

	position:absolute;

	width: 30px;

	right: 15px;

	text-align:center;

	opacity:0;

	-webkit-transition:0.2s all;

	transition:0.2s all;

}



.main-button.icon-button:hover:after , .main-button.icon-button:focus:after {

	opacity:1;

}



/* --  Input  -- */

input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="url"], input[type="tel"], textarea {

    height: 40px;

    width: 100%;

    border: 1px solid #EBEBEB;

	border-radius:4px;

	background: transparent;

    padding-left: 15px;

	padding-right: 15px;

	-webkit-transition:0.2s border-color;

	transition:0.2s border-color;

}



textarea {

    padding: 10px 15px;

}



input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus {

	border-color:#78b30b;

}



/*------------------------------------*\

	Logo

\*------------------------------------*/

.navbar-brand {

    padding: 7px;

}



.navbar-brand .logo {

	margin-top: -13px;

	display: inline-block;

}





}



@media only screen and (max-width: 767px) {

	.navbar-brand {

		margin-left:15px;

	}

} 



/*------------------------------------*\

	Navigation

\*------------------------------------*/

#header {

	position:relative;

	left:0;

	right:0;

	top:0;

	z-index:99;

	-webkit-transition:0.2s all;

	transition:0.2s all;

}



#header.transparent-nav {

	position:absolute;

	background-color: #26272c;

        background-image: url(img/pattern_light.png);

}



#header.transparent-nav .main-menu li a {

	color:#FFF;

}



.main-menu li a {

	text-transform:uppercase;

	-webkit-transition:0.2s all;

	transition:0.2s all;

}



.main-menu li a:hover , .main-menu li a:focus {

	background-color:transparent;

}



.main-menu li a:after {

	content:"";

	display:block;

	height:2px;

	background-color:#78b30b;

	width:100%;

	-webkit-transform: translateY(5px);

	    -ms-transform: translateY(5px);

	        transform: translateY(5px);

	opacity:0;

	-webkit-transition:0.2s all;

	transition:0.2s all;

}



.main-menu li a:hover:after , .main-menu li a:focus:after {

	-webkit-transform: translateY(0px);

	    -ms-transform: translateY(0px);

	        transform: translateY(0px);

	opacity:1;

}



/* -- Mobile Nav -- */

@media only screen and (max-width: 767px) {

	#nav {

		position: fixed;

		top: 0;

		right: 0;

		width: 0%;

		max-width:250px;

		height: 100vh;

		background: #FFF;

		-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);

		        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);

		padding-top: 80px;

		padding-bottom: 40px;

		-webkit-transform: translateX(100%);

		    -ms-transform: translateX(100%);

		        transform: translateX(100%);

		-webkit-transition: 0.4s all cubic-bezier(.77,0,.18,1);

		transition: 0.4s all cubic-bezier(.77,0,.18,1);

		z-index:9;

	}



	#header.nav-collapse #nav{

		width:100%;

		-webkit-transform: translateX(0%);

		    -ms-transform: translateX(0%);

		        transform: translateX(0%);

	}

	

	.main-menu {

		margin:0;

	}

	

	.main-menu li a {

		color: #374050 !important;

		display: inline-block;

		margin-left: 40px;

	}

}



/* -- Mobile Toggle Btn -- */

.navbar-toggle {

	position:fixed;

	right:0;

	padding: 0;

	height: 40px;

	width: 40px;

	margin-top: 5px;

	z-index:99;

}



.navbar-toggle > span {

	position: absolute;

	top: 50%;

	left: 50%;

    -webkit-transform: translate(-50% , -50%);

        -ms-transform: translate(-50% , -50%);

            transform: translate(-50% , -50%);

	-webkit-transition: 0.2s background;

	transition: 0.2s background;

}



.navbar-toggle > span:before, .navbar-toggle > span:after {

	content: '';

	position:absolute;

	left:0;

	-webkit-transition: 0.2s -webkit-transform;

	transition: 0.2s -webkit-transform;

	transition: 0.2s transform;

	transition: 0.2s transform, 0.2s -webkit-transform;

}



.navbar-toggle > span , .navbar-toggle > span:before , .navbar-toggle > span:after {

	height: 2px;

	width: 25px;

	background-color:#374050;

}



.navbar-toggle > span:before {

	top: -10px;

}



.navbar-toggle > span:after {

	top: 10px;

}



#header.nav-collapse .navbar-toggle > span {

	background: transparent;

}



#header.nav-collapse .navbar-toggle > span:before {

    -webkit-transform: translateY(10px) rotate(45deg);

        -ms-transform: translateY(10px) rotate(45deg);

            transform: translateY(10px) rotate(45deg);

}



#header.nav-collapse .navbar-toggle > span:after {

    -webkit-transform: translateY(-10px) rotate(-45deg);

        -ms-transform: translateY(-10px) rotate(-45deg);

            transform: translateY(-10px) rotate(-45deg);

}



/*------------------------------------*\

	Hero Area

\*------------------------------------*/

.hero-area {

	position:relative;

	padding-top: 80px;

	padding-bottom: 80px;

}



#home.hero-area {

	height:calc(100vh - 150px);

	padding-top: 0px;

	padding-bottom: 0px;

}



.home-wrapper {

	position:absolute;

	top:50%;

	-webkit-transform:translateY(-50%);

	    -ms-transform:translateY(-50%);

	        transform:translateY(-50%);

	left:0;

	right:0;

}



/* -- Breadcrumb -- */

.hero-area-tree li {

	display:inline-block;

	font-family: 'Lato', sans-serif;

	font-weight:600;

	font-size:14px;

	color:rgba(255, 255, 255, 0.8);

}


.hero-area-tree li > a {

	color:rgba(255, 255, 255, 0.8);

}



.hero-area-tree li + li:before {

	content: "/";

	display: inline-block;

	margin: 0px 5px;

	color: rgba(235, 235, 235, 0.25);

}



/*------------------------------------*\

	About & Why Us (Feature)

\*------------------------------------*/

/* -- Feature -- */

.feature {

	position:relative;

}



.feature + .feature  {

	margin-top:40px;

}



.feature .feature-icon {

	position:absolute;

	left:0;

	top:-13px;

	width:80px;

	height:80px;

	line-height:80px;

	text-align:center;

	border-radius: 50%;

	font-size:30px;

	border:1px solid #EBEBEB;

	color:#f5f5f5;

}



.feature-content {

	padding-left:100px;

}



/* -- About Img -- */

.about-img {

	margin-top:40px;

}



.about-img > img {

	width:100%;

}



/* -- About Video -- */

.about-video {

	position: relative;

	display: block;

	border-radius: 4px;

	overflow: hidden;

}



.about-video > img {

	width:100%;

}



.about-video .play-icon {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50% , -50%);

	    -ms-transform: translate(-50% , -50%);

	        transform: translate(-50% , -50%);

	width: 80px;

	height: 80px;

	line-height: 80px;

	text-align: center;

	background: #fff;

	border-radius: 50%;

	font-size: 24.027px;

	z-index:10;

	-webkit-animation : 2s play-animation infinite;

	        animation : 2s play-animation infinite;

	-webkit-transition:0.2s color;

	transition:0.2s color;

}



.about-video:hover .play-icon {

	color:#78b30b;

}



@-webkit-keyframes play-animation {

	from {

		-webkit-box-shadow : 0px 0px 0px 0px #FFF;

		        box-shadow : 0px 0px 0px 0px #FFF;

	}

	to {

		-webkit-box-shadow : 0px 0px 0px 10px transparent;

		        box-shadow : 0px 0px 0px 10px transparent;

	}

}



@keyframes play-animation {

	from {

		-webkit-box-shadow : 0px 0px 0px 0px #FFF;

		        box-shadow : 0px 0px 0px 0px #FFF;

	}

	to {

		-webkit-box-shadow : 0px 0px 0px 10px transparent;

		        box-shadow : 0px 0px 0px 10px transparent;

	}

}



.about-video:after {

	content:"";

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	top:0;

	background-color:#78b30b;

	opacity:0.7;

}



/*------------------------------------*\

	Courses

\*------------------------------------*/

.course {

	margin-top:20px;

	margin-bottom:20px;

}



.course .course-img {

	position: relative;

	display:block;

	margin-bottom:20px;

	border-radius:4px;

	overflow:hidden;

}



.course .course-img > img {

	width:100%;

}



.course-img:after {

	content:"";

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	top:0;

	background-color:#78b30b;

	opacity:0;

	-webkit-transition:0.2s opacity;

	transition:0.2s opacity;

}



.course .course-img:hover:after {

	opacity:0.7;

}



.course .course-img .course-link-icon {

	position:absolute;

	left:50%;

	top:50%;

	-webkit-transform: translate(-50% , calc(-50% - 15px));

	    -ms-transform: translate(-50% , calc(-50% - 15px));

	        transform: translate(-50% , calc(-50% - 15px));

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	border:2px solid #fff;

	color:#fff;

	border-radius:50%;

	opacity:0;

	z-index:10;

	-webkit-transition:0.2s all;

	transition:0.2s all;

}



.course .course-img:hover .course-link-icon {

	-webkit-transform: translate(-50% , -50%);

	    -ms-transform: translate(-50% , -50%);

	        transform: translate(-50% , -50%);

	opacity:1;

}



.course .course-title {

	display:block;

	height:42px;

}



.course .course-details {

	margin-top: 20px;

	padding-top: 10px;

	border-top: 1px solid #EBEBEB;

}



.course .course-details .course-price {

	float: right;

}



.course .course-details .course-price.course-free {

	color: green;

}



.course .course-details .course-price.course-premium {

	color: #78b30b;

}



#courses .center-btn {

	text-align:center;

	margin-top:40px;

}



/*------------------------------------*\

	Footer

\*------------------------------------*/



#bottom-footer {

	margin-top: -30px;

	padding-top: 0px;

	text-align:center;

}



/* -- Footer Logo -- */

.footer-logo  .logo {

	margin-top: 20px;

	display: inline-block;

}



.footer-logo  .logo > img {

	max-height:30px;

}



/* -- Footer Nav -- */

.footer-nav {

	text-align: right;

	padding: 20px 0px;

}



.footer-nav li {

	display:inline-block;

	margin-left:15px

}



.footer-nav li a {

	display:block;

	text-transform:uppercase;

	-webkit-transition:0.2s color;

	transition:0.2s color;

}



.footer-nav li a:hover , .footer-nav li a:focus {

	color:#78b30b;

}



.footer-nav li a:after {

	content:"";

	display:block;

	height:2px;

	background-color:#78b30b;

	width:100%;

	-webkit-transform: translateY(5px);

	    -ms-transform: translateY(5px);

	        transform: translateY(5px);

	opacity:0;

	-webkit-transition:0.2s all;

	transition:0.2s all;

}



.footer-nav li a:hover:after , .footer-nav li a:focus:after {

	-webkit-transform: translateY(0px);

	    -ms-transform: translateY(0px);

	        transform: translateY(0px);

	opacity:1;

}



/* -- Footer copyright -- */

.footer-copyright {

	line-height:40px;

}



/* -- Footer Social -- */

.footer-social {

	text-align:center;

}



.footer-social li {

	display:inline-block;

	margin-left:10px;

}



.footer-social li a {

	display:block;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	border-radius:50%;

	color:#FFF;

	background-color:#EBEBEB;

	-webkit-transition:0.2s opacity;

	transition:0.2s opacity;

}



.footer-social li a.facebook {

	background-color:#3b5998;

}



.footer-social li a.twitter {

	background-color:#55acee;

}



.footer-social li a.google-plus {

	background-color:#dd4b39;

}



.footer-social li a.instagram {

	background-color:#e95950;

}



.footer-social li a.youtube {

	background-color:#ff0000;

}



.footer-social li a.linkedin {

	background-color:#007bb5;

}



/*------------------------------------*\

	Contact Page

\*------------------------------------*/

/* -- Contact Form -- */

.contact-form:after {

	content:"";

	display:block;

	clear:both;

}



.contact-form .input {

	margin-bottom:20px;

}



.contact-form textarea.input {

	height:200px;

}



/* -- Contact Information -- */

.contact-details li  {

	margin-bottom:20px;

}



.contact-details li i {

	color: #78b30b;

	margin-right: 15px;

	border: 1px solid #EBEBEB;

	border-radius: 50%;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

}



/* -- Contact Map -- */

#contact-map {

	height:260px;

	border-radius:4px;

}



/*------------------------------------*\

	Blog Page

\*------------------------------------*/

/* -- Single Blog -- */

.single-blog {

	margin-bottom:40px;

}



.single-blog .blog-img > a {

	position:relative;

	display:block;

	border-radius:4px;

	overflow:hidden;

}



.single-blog .blog-img img {

	width:100%;

}



.single-blog .blog-img > a:after {

	content:"";

	position:absolute;

	left:0;

	top:0;

	bottom:0;

	right:0;

	background-color:#78b30b;

	opacity:0;

	-webkit-transition:0.2s opacity;

	transition:0.2s opacity;

}



.single-blog .blog-img > a:hover:after {

	opacity:0.7;

}



.single-blog .blog-meta {

	margin-top: 20px;

	padding-top: 10px;

	border-top: 1px solid #EBEBEB;

}



.single-blog .blog-meta .blog-meta-author > a {

	color: #78b30b;

}



.single-blog .blog-meta .blog-meta-comments {

	margin-left:10px;

}



.single-blog .blog-meta .blog-meta-comments > a {

	color: #798696;

}



/* -- Pagination -- */

.post-pagination {

	margin-top:40px;

	text-align:center;

}



.post-pagination .pages {

	display:inline-block;

}



.post-pagination .pages li {

	display:inline-block;

}



.post-pagination .pages li + li {

	margin-left:10px;

}



.post-pagination .pages li {

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border-radius: 50%;

	background-color: #EBEBEB;

	-webkit-transition: 0.2s all;

	transition: 0.2s all;

}



.post-pagination .pages li a {

	display:block;

	-webkit-transition: 0.2s color;

	transition: 0.2s color;

}



.post-pagination .pages li:hover  , .post-pagination .pages li.active {

	background-color: #78b30b;

	color:#FFF;

}



.post-pagination .pages li:hover a {

	color:#FFF;

} 



.pagination-back , .pagination-next {

	display: block;

	text-align: center;

	border-radius: 40px;

	background-color: #EBEBEB;

	-webkit-transition: 0.2s all;

	transition: 0.2s all;

	height:40px;

	padding:0px 30px;

	line-height:40px;

}



.pagination-next:hover  , .pagination-back:hover  {

	color:#FFF;

	background-color:#78b30b;

}



.pagination-next:after {

	content:"\f178";

	font-family:FontAwesome;

	margin-left:15px;

}



.pagination-back:before {

	content:"\f177";

	font-family:FontAwesome;

	margin-right:15px;

}



/*------------------------------------*\

	Blog Page Sidebar

\*------------------------------------*/

.widget + .widget {

	margin-top:40px;

}



/*-- Search --*/

.widget.search-widget {

	position:relative

}



.widget.search-widget .input {

	padding-right:60px;

}



.widget.search-widget button {

	position:absolute;

	right:0;

	top:0;

	height:40px;

	width:40px;

	background-color:transparent;

	border:none;

}



.widget.search-widget .input:focus + button {

	color:#78b30b;

}



/*-- Category --*/

.category-widget .category {

	display:block;

	text-transform:uppercase;

	padding-top: 10px;

	padding-bottom: 10px;

}



.category-widget .category + .category {

	border-top: 1px solid #EBEBEB;

}



.category-widget .category:before {

	content: "";

	display: inline-block;

	width: 4px;

	height: 4px;

	border-radius: 50%;

	background-color: #78b30b;

	margin-right:10px;

}



.category-widget .category span {

	font-size:14px;

	margin-left:10px;

	color:#798696;

}



/*-- Sidebar Posts --*/

.single-post:after {

	content:"";

	display:block;

	clear:both;

}



.single-post + .single-post {

	margin-top:20px;

}



.single-post .single-post-img {

	position:relative;

	width: 80px;

	display: block;

	float: left;

	margin-right: 10px;

	margin-top: 3px;

	border-radius: 4px;

	overflow: hidden;

}



.single-post .single-post-img img {

	width:100%;

}



.single-post-img:after {

	content:"";

	position:absolute;

	left:0;

	top:0;

	bottom:0;

	right:0;

	background-color:#78b30b;

	opacity:0;

	-webkit-transition:0.2s opacity;

	transition:0.2s opacity;

}



.single-post-img:hover:after {

	opacity:0.7;

}



/*-- Tags --*/

.tags-widget .tag {

	display: inline-block;

	font-size: 14px;

	text-transform: uppercase;

	margin-right: 0px;

	margin-top: 5px;

	padding: 5px 15px;

	border-radius: 40px;

	border: 1px solid #EBEBEB;

	color: #798696;

	-webkit-transition: 0.2s all;

	transition: 0.2s all;

}



.tags-widget .tag:hover {

	background-color:#78b30b;

	border-color:#78b30b;

	color:#FFF;

}



/*------------------------------------*\

	Single Post Page

\*------------------------------------*/

/* --- Blog Post Meta --- */

.blog-post-meta {

	margin-top:40px;

}



.blog-post-meta li {

	display:inline-block;

}



.blog-post-meta li + li {

	margin-left:15px;

}



.blog-post-meta li , .blog-post-meta li > a {

	color: rgba(255, 255, 255, 0.8);

}



.blog-post-meta .blog-meta-author > a {

	color: #78b30b;

}



/* --- Blog Share --- */

.blog-share {

	border-top: 1px solid #EBEBEB;

	padding-top: 10px;

	margin-top: 40px;

}



.blog-share > h4 {

	display:inline-block;

	margin:0;

}



.blog-share a  {

	display:inline-block;

	margin-left:10px;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	color:#FFF;

	background-color:#EBEBEB;

	border-radius:50%;

	-webkit-transition:0.2s opacity;

	transition:0.2s opacity;

}



.blog-share a.facebook {

	background-color:#3b5998;

}



.blog-share a.twitter {

	background-color:#55acee;

}



.blog-share a.google-plus {

	background-color:#dd4b39;

}



/* --- Blog Comments --- */

.blog-comments {

	margin-top:40px;

}



.blog-comments .media {

	margin-top:20px;

	margin-bottom:20px;

}



.blog-comments .media .media {

	margin-left:20px;

}



.blog-comments .media .media:nth-last-child(1) {

	margin-bottom:0px;

}



.blog-comments .media .media-body {

	padding:20px;

	background-color:#EBEBEB;

	border-radius:0px 4px 4px;

}



.blog-comments .media .media-left:before {

	content:"";

	position:absolute;

	right:0;

	top:0;

	border-style: solid;

	border-width: 0px 15px 15px;

	border-color: transparent #EBEBEB transparent transparent;

}



.blog-comments .media-left {

	position:relative;

	padding-right:20px;

}



.blog-comments .media-left img {

	width:80px;

	height:80px;

	background-color:#EBEBEB;

	border-radius:50%;

}



.blog-comments .media .date-reply {

	font-size:12px;

	text-transform:uppercase;

	color:#374050;

}

.blog-comments .media .date-reply .reply {

	margin-left:15px;

}



/* --- Blog Reply Form --- */

.blog-reply-form {

	margin-top:40px;

}



.blog-reply-form .input {

	margin-bottom:20px;

}



.blog-reply-form .input.name-input , .blog-reply-form .input.email-input {

	width: calc(50% - 10px);

	float:left;

}



.blog-reply-form .input.email-input {

	margin-left: 20px;

}



.blog-reply-form textarea {

	height:90px;

}



/*------------------------------------*\

	Responsive

\*------------------------------------*/

@media only screen and (max-width: 991px) {

	.section-header h2 {

		font-size:24px;

	}



	/*-- Why us --*/

	#why-us .feature {

		margin-top:40px;

	}

	

	.about-video {

		margin-top:40px;

	}

	

	/*-- Call to action --*/

	#cta {

		text-align:center;

	}

	

	/*-- Footer --*/

	.footer-logo {

		text-align:center;

	}

	

	.footer-nav {

		text-align:center;

	}

	.footer-nav li {

		margin-top: 10px;

	}

	

	.footer-social {

		text-align:center;

	}

	.footer-social li {

		margin-top: 10px;

	}

	

	.footer-copyright {

		text-align:center;

		line-height:inherit;

		margin-top:20px;

	}

	

	/*-- Contact page --*/

	.contact-form  {

		margin-bottom:40px;

	}



	.contact-form button {

		float:none !important;

	}

	

	/*-- Blog page --*/

	#main {

		margin-bottom:80px;

	}

}



@media only screen and (max-width: 767px) {

	/*-- Hero area --*/

	.hero-area h1 {

		font-size:30px;

	}



	/* -- Breadcrumb -- */

	.hero-area-tree li {

		font-size:12px;

	}



	/*-- Pagination --*/

	.post-pagination .pages {

		display:none;

	}

}



@media only screen and (max-width: 480px) {

	/*-- Courses --*/

	#courses-wrapper [class*='col-xs'] {

		width:100%;

	}

	

	/*-- Blog Comments --*/

	.blog-comments .media .media {

		margin-left:0px;

	}

	

	/*-- Blog Reply Form --*/

	.blog-reply-form .input.name-input , .blog-reply-form .input.email-input {

		width: 100%;

		float:none;

	}

	

	.blog-reply-form .input.email-input {

		margin-left: 0px;

	}

}



/*------------------------------------*\

	Preloader

\*------------------------------------*/ 

#preloader {

	position:fixed;

	left:0;

	right:0;

	top:0;

	bottom:0;

	background-color:#FFF;

	z-index:9999;

}



#preloader .preloader {

	position:absolute;

	left:50%;

	top:50%;

	-webkit-transform: translate(-50% , -50%);

	    -ms-transform: translate(-50% , -50%);

	        transform: translate(-50% , -50%);

}



#preloader .preloader:after {

	content:"";

	display:block;

	width:40px;

	height:40px;

	border: 1px solid #EBEBEB;

    border-top: 1px solid #78b30b;

    border-radius: 50%;

	-webkit-animation: 1s preloader linear infinite;

	        animation: 1s preloader linear infinite;

}



@-webkit-keyframes preloader {

	from { -webkit-transform: rotate(0deg); transform: rotate(0deg);}

	to { -webkit-transform: rotate(360deg); transform: rotate(360deg);}

}



@keyframes preloader {

	from { -webkit-transform: rotate(0deg); transform: rotate(0deg);}

	to { -webkit-transform: rotate(360deg); transform: rotate(360deg);}

}