/*
Theme Name: Education LP 10
Template Name: Education LP10
Author: LeadForest
Author URI: http://leadforest.com/
Description: Training Center Education Organization Landing Page
Version: 1.0
Tags: single page, Bootstrap, responsive, html5, css3, LeadForest, Landing page

*/
@media only screen and (max-width: 640px)
{
.logo.wow.bounceInLeft
{
background: initial !important; 
    max-width: 305px;
    position: initial !important;
    
    margin: auto !important;
}
.phone-number
{
display: initial !important;
    text-align: center;
}
.number
{
clear: both;
padding-top:25px !important;
}
.phone-number span:nth-child(1)
{
color: #fff;
    font-size: 25px !important;
    font-weight: 900;
    position: relative;
    top: 10px;
}
.phone-number span
{
float:right;
margin:auto !important;
}
input[type=file]
{
max-width: 300px !important;
}
.about-us .or_wrapper1,.about-us .or_wrapper
{
 margin: auto !important;
}
.banner-form.wow
{
background: initial !important;
padding: initial !important;
}
.slider-main
{
margin-top: 40px !important;
}
}
/* Table of Content
==================================================
#BASIC TYPOGRAPHY
#HEADER	
#BANNER
#ABOUT-US  
#NEWSLETTER
#TESTIMONIAL
#FOOTER

*/
.phone-number span
{
    color: #fff;
    font-size: 37px;
    font-weight: 900;
    position: relative;
    top: 10px;
}

* { margin: 0; padding: 0; }

/********** BODY **********/

html { width: 100%; height: 100%; }
body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 17px; color: #010101; line-height: 30px; font-weight: 300; position: relative; overflow-x: hidden; display: block !important;}
header, section, footer { width: 100%; float: left; }

/********** A TAG **********/

a { outline: none; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; color: #f53132; }
a:hover, a:focus { outline: none; text-decoration: underline; color: #f53132; }

/********** HEADING **********/

h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; color: #2b2b2b; line-height: normal; letter-spacing: 0.5px; font-weight: 700; font-family: 'Montserrat', sans-serif; }
h1 { font-size: 26px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

/********** P TAG **********/

p { float: none; margin: 0 0 8px 0; padding: 0; }
p a { color: #891c4a; }
p strong { font-weight: bold; }

/********** UL LI LISTING **********/

ul { margin: 0 0 15px 0; padding: 0; display: block; list-style: none; }
ul li { margin: 0 0 10px 0; padding: 0 0 0 40px; line-height: 30px; position: relative; }
ul li a { color: #2b3548; }
ul li a:hover { color: #891c4a; text-decoration: none; }
ul li::before { content: "\f376"; font-family: "Ionicons"; left: 3px; top: 0px; position: absolute; font-size: 24px; color: #f53132; }
ol { margin: 0 0 15px 15px; padding: 0; }

/********** IMAGE ALIGN **********/

.alignleft { float: left; margin: 0 30px 30px 0; }
.alignright { float: right; height: auto; margin: 0 0 30px 30px; }
.aligncenter { display: block; margin: auto auto 20px auto; }
img { max-width: 100%; }

/********** SCROLL BUTTON **********/

a.back-to-top { display: none; position: fixed; z-index: 999; right: 20px; bottom: 105px; text-align: center; }
a.back-to-top i { font-size: 30px; font-weight: 700; line-height: 1.35; font-family: "Ionicons"; color: #fff; width: 40px; height: 40px; background-color: #2b2b2b; display: block; }
a:hover.back-to-top i { background-color: #ffcd02; color: #000; }

/********** INPUT **********/

fieldset { width: 100%; float: left; position: relative; }
input[type=search] { -webkit-appearance: none; }
input[type=text], input[type=password], input[type=search] { -webkit-appearance: none; -moz-appearance: none; outline: 0; border: 1px solid #000; }
input:focus, textarea:focus, select:focus, button:focus { outline: none; text-decoration: none; -moz-appearance: none; -webkit-appearance: none; }
input, textarea, button { outline: none; text-decoration: none; -moz-appearance: none; -webkit-appearance: none; }
select { width: 100%; border: 1px solid #000; -moz-appearance: none; -webkit-appearance: none; }
textarea { width: 100%; border: 1px solid #fff; padding: 10px 15px; }
.error { border-bottom: 2px solid #f7e700 !important; }
label.error { display: none !important; }
.success-msg { position: absolute; color: #fff !important; left: 0; right: 0; }

/********** PLACEHOLDER **********/

*::-webkit-input-placeholder { color: #fff; opacity: 1; }
*::-moz-placeholder { color: #fff; opacity: 1; }
*:-ms-input-placeholder { color: #fff; opacity: 1; }

/********** HEADER **********/
.about-us
{ background: url(bg-c.jpg) no-repeat center center; background-size: cover; position: relative; overflow-x: hidden; }

.or_row.newsletter h2
{
	text-transform: uppercase;
    text-align: center;
}
.or_row.newsletter p
{
	max-width: 900px;
    margin: auto;
    text-align: justify;
    font-weight: 400;
    line-height: 25px;
}
header { background: url(banner3.jpg) no-repeat center center fixed; background-size: cover; position: relative; overflow-x: hidden; }
.header { position: relative; display: block; width: 100%; padding: 35px 0 0; }
.phone-number { position: relative; min-height: 56px; width: 100%; }
.number { position: absolute; right: 0; top: -6px; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; text-transform: uppercase; color: #fff; line-height: normal; }
.number:before { position: absolute; content: ""; background: url(phone-icon.png) no-repeat center center; width: 48px; height: 48px; border-radius: 100%; border: 1px solid #fff; margin-left: -66px; margin-top: 4px; }
.number a { color: #fff; font-size: 30px; font-weight: 700; }
.number a:hover { color: #000; text-decoration: none; }

/********** BANNER **********/
.ion-android-person:before
{
	content:url(n-ic.png);
}
.ion-email:before
{
	content:url(m-ic.png);
}
.ion-ios-telephone:before
{
	content:url(p-ic.png);
}
.ion-ios-book:before
{
	content:url(c-ic.png);
}
.ion-android-chat:before
{
	content:url(u-ic.png);
}
.logo.wow.bounceInLeft
{
	/*background: #fff;*/
    max-width: 305px;
    position: absolute;
    top: -40px;
    margin-left: 16px;
}
.banner-main { display: block; width: 100%; position: relative; padding: 10px 0 0; }
.banner-left-part { position: relative; max-width: 800px; min-height: 560px; }
.banner-image { position: absolute; left: -30px; bottom: 0; max-width: 400px; }
.banner-text { padding: 40px 0 65px 390px; color: #fff; font-size: 16px; }
.banner-top-text { display: block; padding: 60px 0 35px 0px; }
.banner-top-text p { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; }
.banner-top-text p strong { font-weight: 700; font-size: 25px; letter-spacing: 0px; line-height: 34px; }
.banner-top-text ul { padding: 15px 0 0; margin: 0; }
.banner-top-text ul li { font-size: 16px; font-weight: 300; line-height: normal; }
.banner-top-text ul li:before { content: url(list-icon.jpg); color: #fff; font-size: 16px; top: 3px; }
.banner-bottom-text { padding-right: 30px;display: block; width: 100%; position: relative; font-size: 22px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; letter-spacing: 1px; }
.banner-bottom-text:after { position: absolute; right: -40px; bottom: -60px; content: ""; background: url(big-arrow.png) no-repeat right top; width: 208px; height: 150px; }
.banner-form { position: absolute; right: 0; top: 70px; width: 300px; }
.form-title { display: block; width: 100%; text-align: left; font-size: 22px; font-weight: 300; letter-spacing: 0.8px; color: #fff; }
.form-title p strong { text-transform: uppercase; font-weight: 700; font-size: 20px;display: block;}
.form-title p{text-align: center;};
.form-part { float: left; width: 100%; padding: 0; margin: 0; }
.form-part ul, .form-part ul li { padding: 0; margin: 0; }
.form-part ul li:before { padding: 0; margin: 0; content: ""; }
.form-part ul li { position: relative; float: left; width: 100%; line-height: normal; }
.form-part ul li i.icon { position: absolute; left: 2px; top: 9px; color: #fff; font-size: 20px; }
.form-part ul li .form-input { width: 100%; height: 44px; border: none; border-bottom: 2px solid #fff; background: none; font-size: 15px; color: #fff; padding: 0 15px 0 36px; position: relative; margin-bottom: 6px; font-weight: 400; border-radius:0; }
.form-part ul li textarea.form-input { height: 100%; padding: 13px 15px 0 36px; }
.form-button { border: none; background-color: #fecc02; font-weight: 700; color: #0e0e0e; line-height: 50px; padding: 0 30px; min-width: 180px; margin-top: 20px; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-transform: uppercase; border-radius:0; }
.form-button:hover { background-color: #ffcd02; color: #000; text-shadow: none; }

/************ SELECT BOX *************/
input[type=file]
{
	text-indent: -120px;
    padding: 11px 11px 10px;
    border-bottom: 2px solid #fff;
	max-width: 270px;
	color:#fff;
}
.banner-form.wow
{
background: #FF5722;
padding: 15px;
}
.form-part ul li
{
	
}
.select-style { cursor: pointer; position: relative; }
.selectcon { background-image: url(arrow.png); position: absolute; right: 12px; top: 50%; margin-top: -4px; width: 14px; height: 9px }
.select-style .highlight, .select-style { padding-left: 0 !important; padding-right: 0 !important; }
.select-style .niceselect .value-wrapper { border: solid 0px #fff; background: #fff; }
.select-style .niceselect .top p { font-size: 16px; font-weight: 300; color: #343434 }
.select-style .niceselect .value-wrapper .values { color: #0D0C0C; font-size: 14px }
.select-style .niceselect .value-wrapper .values.active, .select-style .niceselect .value-wrapper .values:hover { background: #000; color: #fff; }
.select-style .niceselect .opt { font-size: 14px; font-weight: 400; border-bottom: 5px; cursor: default }
.select-style .niceselect .opt span { padding: 10px; font-weight: 700; display: block }
.select-style { -webkit-touch-callout: none; display: inline-block; min-width: 150px }
.niceselect .value-wrapper { display: none; position: absolute; top: 43px; width: 100%; z-index: 10 }
.niceselect .value-wrapper .opt .values { padding: 10px 10px 10px 20px }
.niceselect .value-wrapper .values { padding: 5px 15px; cursor: pointer }
.niceselect .value-wrapper .values label { cursor: pointer }
.niceselect { position: relative; text-align: left; }
.select-style label { font-weight: inherit; margin-bottom: 0; }
.niceselect p { border: none; margin-top: 0; margin-bottom: 0; padding: 0px 15px 0px 36px; height: 42px; line-height: 42px }
.niceselect input[type=radio] { visibility: hidden; position: absolute; left: -9999px }

/****** SECTION ******/

section { padding: 0px 0 40px; }

/****** ABOUT-US ******/
h2 span{
	color: #f5393a;
}
.about-us .or_wrapper
{
	max-width: 430px;
    text-align: right;
    margin-top: 100px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 1px;
    background: #fff;
    padding: 18px;
    box-shadow: 10px 10px 23px #06060614;
}
.about-us .or_wrapper1
{
	max-width: 430px;
    text-align: left;
    margin-top: 318px;
    font-weight: 400;
    line-height: 27px;
    margin-left: 50px;
	letter-spacing: 1px;
	background: #fff;
    padding: 18px;
    box-shadow: -10px -10px 23px #06060614;
}
.degrees-section { width: 100%; float: left; margin: 0; padding: 0; }
.degrees-left-section { float: left; width: 100%; }
.degrees-left-section h2,.about-us .or_wrapper1 h2 { border-bottom: 1px dashed #00000038; }
.degrees-left-section ul { margin-bottom: 40px; }
a.btns { line-height: 50px; font-size: 15px; text-transform: uppercase; text-align: center; padding: 0 40px; background: #f53132; color: #fff; display: inline-block; font-weight: 700; letter-spacing: 1px; }
a.btns:hover, a.btns:focus { background-color: #ffcd02; color: #000; text-decoration: none; }
.right-image { float: left; width: 100%; margin: 35px 0 0; padding: 0; }

/****** NEWSLETTER ******/

.newsletter-section { float: left; width: 100%; padding: 70px 0 52px; margin: 0; display: block; position: relative; }
.newsletter-box { background: #0a3232; padding: 23.1% 40px !important; float: left; width: 100%; }
.newsletter-box h2 { color: #fff; text-transform: uppercase; line-height: 32px; }
.newsletter-box p { font-size: 17px; line-height: 22px; color: #fff; }
.newsletter-input { width: 100%; float: left; font-weight: 300; font-size: 17px; height: 50px; background-color: #fff; border: 1px solid #fff; padding: 0 18px; margin-bottom: 20px; line-height: normal; border-radius:0; }
.newsletter-input::-webkit-input-placeholder { color: #737a7f; }
.newsletter-input::-moz-placeholder { color: #737a7f; }
.newsletter-input:-ms-input-placeholder { color: #737a7f; }
.newsletter-button { min-width: 156px; height: 50px; background-color: #f53132; border: none; font-weight: 700; font-size: 15px; text-transform: uppercase; color: #fff; cursor: pointer; letter-spacing: 0.75px; padding: 0 15px; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.newsletter-button:hover, .newsletter-button:focus { background-color: #ffcd02; color: #000; text-shadow: none; }
.newsletter-right-section { float: left; width: 100%; padding: 0; margin: 0; }
.small-title { font-size: 17px; color: #2b2b2b; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 30px; text-transform: uppercase; margin: 0 0 15px; }
.newsletter-right-section p { margin-bottom: 23px; }

/****** TESTIMONIAL ******/
.client-info+p
{
	padding: 0 15px;
    text-align: justify;
    font-size: 15px;
    line-height: 24px;
    font-weight: 900;
    letter-spacing: 0px;
    min-height: 230px;
    position:relative;
    text-indent:36px;
	
}
.client-info span
{
color: #111;
}
.client-info+p:after
{
   
    content: "";
    position: absolute;
    right: 23px;
    background: url(quote-icon.png) no-repeat left top;
    width: 56px;
    height: 45px;
    transform: rotate(180deg);
    bottom: 0px;
}
.testimonials-section { float: left; width: 100%; padding: 0; margin: 0; }
.testimonials-section h2 { margin-bottom: 35px; text-align: center; font-size: 22px;background: #efefefb3;    line-height: 52px;}
.slider-main { float: left; width: 100%; padding: 0; margin: 0; }
.testimonials-box { display: block; width: 100%; border: 7px solid #ecf0f1; /*min-height: 250px;*/ float:left; padding: 0px; }
.client-words { float: left; width: 100%; position: absolute; top: 49%; min-height: 90px;background: #ffffffeb;padding: 20px 20px 20px 47px; }
.pqoute:before { background: url(quote-icon.png) no-repeat left top;  content: ""; position: absolute; top: 52px;
    left: 12px;
    width: 56px;
    height: 45px; }
.client-words p { color: #4b7710; font-size: 16px;text-shadow: 1px 1px 4px #fff; font-weight: 700; font-style: italic;line-height: 24px; position: relative; z-index: 1; letter-spacing: 0.5px; }
.client-info { float: left; width: 100%; padding: 0; margin: 0; position: relative; }
.avatar-image { position: absolute; left: 0; top: 0; width: 55px; height: 55px; overflow: hidden; }
.avatar-image img { border-radius: 100%; }
.client-info { font-size: 14px; color: #f53132; text-transform: uppercase; padding: 11px 0 10px 0px; font-weight: 700;text-align: center; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.bg-foot
{
	background: url(foot-bgj.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    overflow-x: hidden;
}
.bg-foot p
{
	color: #dedbdb;
    text-align: center;
    font-weight: 400;
}
.bg-foot h3
{
	padding-top: 20px;
    text-align: center;
    color: #d6d6d6;
    font-weight: 500;
	font-size: 26px;
	margin: 0 0 15px 0;
    
    line-height: normal;
    letter-spacing: 0.5px;
   
    font-family: 'Montserrat', sans-serif;

}
a.back-to-top i:before
{
	content:url(ar.png);
}
.bg-foot h3 span
{
	    border-bottom: 1px dashed;
    padding-bottom: 5px;
}
.client-info {
    font-size: 14px;
    color: darkmagenta;
    text-transform: uppercase;
    padding: 11px 0 4px 0px;
    font-weight: 700;
    text-align: center;
    /* margin-top: -60px; */
    /* position: absolute; */
    border-bottom: 1px dashed #000000ad;
    margin-bottom: 10px;
}
/******** FOOTER *********/

footer { padding: 18px 0; background-color: #f53132; }
footer p { margin: 0; font-size: 15px; font-weight: 400; line-height: 26px; text-align: center; color: #fff; }


/***********404-Page******************/
.error-img { text-align: center; padding-top: 160px; padding-bottom: 50px; }
.error-img img { padding-bottom: 30px; max-width: 100%; }
.error-img p { font-size: 18px; }


/*********Developer Css*****************/
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { text-align: center; border: 2px solid #f7e700 !important; margin: 0 !important; color: #fff; clear: both; }
span.wpcf7-not-valid-tip { display: none; }
input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-bottom: 2px solid #f7e700 !important; clear: both; }
.wpcf7-select.wpcf7-validates-as-required.form-input.change.wpcf7-not-valid { border-bottom: 2px solid #f7e700 !important; }
div.wpcf7-mail-sent-ok {border: 2px solid #398f14;clear: both;color: #fff;text-align: center;line-height: 22px;}

/* Place holder */
input::-webkit-input-placeholder{color: #fff !important;font-size: 15px !important;}
input::-moz-placeholder{color: #fff !important;font-size: 15px !important;}
input:-ms-input-placeholder{color: #fff !important;font-size: 15px !important;}
input:-moz-placeholder  {color: #fff !important;font-size: 15px !important;}

.newsletter-box input::-webkit-input-placeholder{color: #010101 !important;font-size: 17px !important;}
.newsletter-box input::-moz-placeholder{color: #010101 !important;font-size: 17px !important;}
.newsletter-box input:-ms-input-placeholder{color: #010101 !important;font-size: 17px !important;}
.newsletter-box input:-moz-placeholder  {color: #010101 !important;font-size: 17px !important;}

.about-us .or_col-sm-12, .about-us .container, .newsletter .or_col-sm-12, .newsletter .container{ padding:0 !important; }
.about-us a.button_size_normal {line-height: 50px;font-size: 15px;text-transform: uppercase;text-align: center;padding: 0 40px;background: #f53132;color: #fff;display: inline-block;font-weight: 700;letter-spacing: 1px;}
.about-us a.button_size_normal:hover, .about-us a.button_size_normal:focus {background-color: #ffcd02;color: #000;text-decoration: none;border: 1px solid #ffcd02 !important;}

.newsletter-right-section h2{ font-size: 17px;color: #2b2b2b;font-family: 'Montserrat', sans-serif;font-weight: 700;line-height: 30px;text-transform: uppercase;margin: 0 0 15px; } 
.newsletter-right-section .or_text_block, .degrees-left-section .or_text_block{ text-align:left; }