@charset "utf-8";
/* CSS Document */

/***** fonts *****/

@font-face {
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto-Bold.eot');
	src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Bold.woff') format('woff'),
		url('../fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Light';
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Light.woff') format('woff'),
		url('../fonts/Roboto-Light.ttf') format('truetype');
	font-weight: 300; 
	font-style: normal; 
}

@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}





@font-face {
    font-family: 'roboto_slabbold';
    src: url('../fonts/robotoslab-bold.eot');
    src: url('../fonts/robotoslab-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-bold.woff2') format('woff2'),
         url('../fonts/robotoslab-bold.woff') format('woff'),
         url('../fonts/robotoslab-bold.ttf') format('truetype'),
         url('../fonts/robotoslab-bold.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_slablight';
    src: url('../fonts/robotoslab-light.eot');
    src: url('../fonts/robotoslab-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-light.woff2') format('woff2'),
         url('../fonts/robotoslab-light.woff') format('woff'),
         url('../fonts/robotoslab-light.ttf') format('truetype'),
         url('../fonts/robotoslab-light.svg#roboto_slablight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_slabregular';
    src: url('../fonts/robotoslab-regular.eot');
    src: url('../fonts/robotoslab-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-regular.woff2') format('woff2'),
         url('../fonts/robotoslab-regular.woff') format('woff'),
         url('../fonts/robotoslab-regular.ttf') format('truetype'),
         url('../fonts/robotoslab-regular.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_slabthin';
    src: url('../fonts/robotoslab-thin.eot');
    src: url('../fonts/robotoslab-thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotoslab-thin.woff2') format('woff2'),
         url('../fonts/robotoslab-thin.woff') format('woff'),
         url('../fonts/robotoslab-thin.ttf') format('truetype'),
         url('../fonts/robotoslab-thin.svg#roboto_slabthin') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome

 */@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.fa-twitter:before{content:"\f099"}
.fa-facebook:before{content:"\f09a"}
.fa-youtube-play:before{content:"\f16a"}
.fa-linkedin:before{content:"\f0e1"}
.fa-phone:before{content:"\f095"}
.fa-print:before{content:"\f02f"}
.fa-clock-o:before{content:"\f017"}
.fa-home:before{content:"\f015"}
.fa-envelope:before{content:"\f0e0"}



/***** start reset css *****/
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,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,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight: normal;}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
object,embed{max-width:100%}
html{overflow-y:scroll}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
th{font-weight:normal;vertical-align:bottom}
td{font-weight:400;vertical-align:top}
hr{display:block;border-top:1px solid #ccc;padding:0;float:left;width:100%}
input,select{vertical-align:middle}
pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline}
.ie6 input{vertical-align:text-bottom}
select,input,textarea{font:99% sans-serif}
table{font-size:inherit; width: 100%;}
a:hover,a:active{outline:none}
small{font-size:85%}
strong{font-weight:700;}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre,code,kbd,samp{font-family:monospace,sans-serif}
.clickable,input[type=button],input[type=submit],button{cursor:pointer}
button,input,select,textarea{margin:0}
button{width:auto;overflow:visible}
.ie7 img{-ms-interpolation-mode:bicubic}
.ie6 html{filter:expression(document.execCommand(BackgroundImageCache,false,true))}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
body{font-size:15px;font-family:'roboto_slabregular';color:#000;font-weight:400;line-height:25px;background:#fff}
body,select,input,textarea{color:#000}
a{color:#4496d2;text-decoration:none}
::-moz-selection{background:#3f87c4;color:#fff;text-shadow:none}
::selection{background:#3f87c4;color:#fff;text-shadow:none}
a:link{-webkit-tap-highlight-color:transparent}
ins{background-color:#fcd700;color:#000;text-decoration:none}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:700}
.clear{clear:both;}
.pull-left{float:left;}
.pull-right{float:right;}
.mr-0{margin-right:0px !important}
/***** end reset css *****/
::-webkit-input-placeholder {
   font-family: 'roboto_slablight';
}
:-moz-placeholder { /* Firefox 18- */
   font-family: 'roboto_slablight';
}
::-moz-placeholder {  /* Firefox 19+ */
   font-family: 'roboto_slablight';
}
:-ms-input-placeholder {  
   font-family: 'roboto_slablight';
}
.container{ width:1200px; margin:0 auto;}

 img{ max-width:100%;}
/*Header*/
.header{ padding:0 0 10px;}
.header-top{ background:#eeeff0;}
.header-top .top-left{ float:left; font-size:13px; font-family:'roboto_slabregular'; color:#213d64; font-weight:400; text-transform:uppercase; padding:4px 0 0;}
.header-top .top-right{ float:right;}
.header-top .top-right ul.link{ float:left; padding:11px 0 0; margin:0 15px 0 0;} 
.header-top .top-right ul.link li{ padding:0 8px; float:left; line-height:10px;}
.header-top .top-right ul.link li + li{ border-left:1px solid #586c89;}
.header-top .top-right ul.link li a{ font-size:13px; font-family: 'roboto_slablight'; color:#213d64; font-weight:400; text-transform:uppercase;}
.header-top .top-right ul.social{ float:right;} 
.header-top .top-right ul.social li{ float:left; border-right:1px solid #f8f9f9; padding:5px 10px;}
.header-top .top-right ul.social li a i{color:#2f3c40;font-size:18px;}
.header-bottom{ padding:15px 0 5px;}
.header-bottom .logo{ float:left;} 
.header-bottom .logo img{max-width:60%;}
.navigation{ float:right; padding:12px 0 0;}
.navigation ul{ margin:0px; padding:0px;}
.navigation ul li{ float:left;  padding:0 15px;}
.navigation ul li a{ font-size:14px;font-family:'roboto_slabregular'; color:#f5821f; font-weight:400; text-transform:uppercase; display:block; border-bottom:2px solid transparent;}
.navigation ul li a:hover{ border-bottom:2px solid #ffca4f;}
.navigation ul li:nth-child(6){ padding-right:0px;}
.navigation ul li:nth-child(1){ padding-left:0px;}

.navigation ul li a:hover{color:#e46900;}

/***** banner *****/
.banner{ background:rgba(245, 130, 31, 0.79) url(../images/banner-bg.png) repeat;}
.banner .text{ float:left; width:67%; padding-top:30px; box-sizing:border-box; padding-right:16%;}
.banner .text h1{ font-size:36px; font-family: 'roboto_slabthin'; color:#fff; font-weight:300; line-height:52px;}
.banner .text h1 strong{ font-family:'roboto_slabregular'; font-weight:400;}
.banner .text p{ font-size:17px; font-family: 'roboto_slabthin'; color:#fff; font-weight:300; padding:14px 0 0;}
.banner .text a{  border-radius:3px; padding:10px 35px; font-size:16px; font-family: 'roboto_slablight'; color:#000; font-weight:300; text-transform:uppercase; display:inline-block; text-align:center; border:0px solid #ffffff; margin-top:30px; background:#ffca4f; }
.banner .text a:hover{ background:#fff; color:#e46900;}
.banner .form{ float:right; width:33%; padding:30px 38px 40px; background:#eeeff0; box-sizing:border-box;}
.banner .form h2{ font-size:22px; font-family: 'roboto_slabthin'; color:#000; font-weight:300; padding:0 0 12px;}
.banner .form h2 strong{ font-family:'roboto_slabregular'; font-weight:400;}
.banner .form input[type="text"], .banner .form input[type="email"], .banner .form textarea{ box-sizing:border-box; border:1px solid #ccc; background:#fff; margin-top:10px; width:100%;  padding:8px 10px; font-family: 'roboto_slablight'; font-size:13px; color:#717171;}
.banner .form textarea{ min-height:70px; height:100%;}

.banner .form input[type="text"], .banner .form input[type="email"], .banner .form textarea,::-webkit-input-placeholder {color:#717171; opacity:1;}

.banner .form input[type="text"], .banner .form input[type="email"], .banner .form textarea,:-moz-placeholder { color:#717171; opacity:1;}

.banner .form input[type="text"], .banner .form input[type="email"], .banner .form textarea,::-moz-placeholder {  color:#717171; opacity:1; }

.banner .form input[type="text"], .banner .form input[type="email"], .banner .form textarea,:-ms-input-placeholder { color:#717171; opacity:1; }

.banner .form .sesb{ margin-top:5px;}
.banner .form .sesb .left{ float:left; width:45%; position:relative;}
.banner .form .sesb .left input[type="text"]{ width:100%; margin:0; float:left; padding-right:60px;}
.banner .form input[type="submit"]{ background:#e46900; border:1px solid #0a2446; float:right; font-size:13px; font-family:'roboto_slabregular'; color:#fff; font-weight:400; text-transform:uppercase; border-radius:3px; padding:7px 30px;}
.banner .form input[type="button"]{ background:#178d9e; border:1px solid transparent; float:right; font-size:14px; font-family:'roboto_slabregular'; color:#fff;text-transform:uppercase; border-radius:3px; padding:7px 30px;}
.banner .form input[type="button"]:hover{ background:#fff; color:#178d9e; border:1px solid #178d9e;}
.captch-load{ float:left; padding-left:5px;}
.captch-load img{ padding-left:5px; padding-top:3px;}
.banner .form .sesb .left img{background:#1656a5;padding:0px 3px 0px; position:absolute; right:0px; top:0px; margin:6px 0px;}
/*faq*/
.howorks, .faq{ padding:50px 0; text-align:center;}
.faq .queans{ background:#f4f6f8 url(../images/faq.jpg) no-repeat right bottom; padding:24px; margin:30px 0 0;}
.faq .queans .icon{ float:left; width:59px; height:45px; background:#213d69 url(../images/sprite.png) no-repeat 0 -992px; font-size:0; margin:0 20px 0 0;}
.faq .queans .icon1{ background-position:-64px -992px;}
.faq .queans .icon2{ background-position:-128px -992px;}
.faq .queans .icon3{ background-position:-192px -992px;}
.faq .queans .icon4{ background-position:-256px -992px;}
.faq .queans .icon5{ background-position:-256px -992px;}
.faq .queans .icon6{ background-position:-320px -992px;}
.faq .queans .icon7{ background-position:-384px -992px;}
.faq .queans span{ padding:10px 0 0; display:inline-block;}
.faq .queans .active .icon{ background-color:#9e0927;}
.faq .queans .active .ac-title{ color:#9e0927;}

/* accordion style */
.accordion-wrapper{ width:700px; text-align:left;}
.ac-pane { margin-bottom: 15px; background-color:#fff;}
.ac-pane:last-child { margin-bottom: 0; }
.ac-content { display: none; }
.ac-title {font-size:17px; font-family: "roboto_slablight"; color:#000; font-weight:300; display: block; background-color:#fff; border-bottom:1px solid #f3f4f5;}
.ac-title i { float: right;  font-size: 20px; margin:12px 12px 0 0;}
.ac-title i:before { content: "\f107"; }
.active .ac-title i:before { content: "\f106"; }
.ac-content { font-size:13px; font-family: "roboto_slablight"; color:#444444; font-weight:300; padding:10px; text-align:justify;}

/***prices**/
.prices{ padding:0 0 50px;}
.prices .inside{ background:url(../images/prices-bg.jpg) repeat 0 0; height:650px; padding:75px 34px 0; box-sizing:border-box; margin:50px auto 0; color:#fff; text-align:center;}
.prices .title{ font-size:22px; font-weight:400;}
.prices p{ font-size:15px; font-family:"roboto_slablight"; font-weight:300; line-height:28px; padding:15px 0;}
.prices .choose{ background:rgba(0, 0, 0, 0.40); padding:25px 20px 30px; display:flex; text-align:left; justify-content:space-between;}
.prices .choose label{ display:block; font-size:16px; text-transform:uppercase; padding:0 0 8px;}
.prices .choose .form-group{ width:23%;}
.prices .choose .form-group select{ width:100%; background:url(../images/select-arrow.png) no-repeat right center; border:1px solid #fff; border-radius:3px; font-size:14px; font-family: "roboto_slablight"; color:#f00; padding:6px; appearance:none; -moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */}
.prices .total{ background:#fff; color:#000; padding:15px 0 10px;}
.prices .total p{ padding:0; font-size:20px; font-family:'roboto_slabregular'; padding: 0 0 15px;}
.prices .total p span{ color:#5e8219;}
.prices .total .cost{ font-size:30px;}
.prices .total .cost span{ color:#9e0927;}
.prices  input[type="submit"]{ background:#e46900; font-size:20px; font-family: "roboto_slablight"; color:#fff; font-weight:300; border:0; padding:10px 30px; margin:40px 0 0; transition: all 0.5s ease;}
.prices  input[type="submit"]:hover{ background:#5e8219; transition: all 0.5s ease;}
.prices .info{ padding:20px 0 0;}
/*end prices*/

/*Contact Us*/
.contact-page{padding:60px 0px 120px;background:#f7f7f7;}
.contact-page .contact-us{background:#fff;}
.contact-us .contact-top{padding:20px 0px 30px;border-bottom:1px solid #edeff2;text-align:center;}
.contact-top h2{color:#213d64;font-size:26px;font-family:font-family:'roboto_slabregular';font-weight:300;padding:20px 0px;}
.contact-top p{color:#213d64;font-size:16px;font-family: 'roboto_slablight';font-weight:300;}
.contact-form{padding:30px 50px;}
.contact-form .contact-detail{margin-bottom:30px;}
.contact-form .contact-detail li{list-style:none;float:left;margin-right:65px;color:#213d64;font-size:16px;font-family: 'roboto_slablight';font-weight:300;}
.contact-form .contact-detail li a{color:#9e0927 ;}
.contact-form .contact-detail li i{color:#9e0927 ;font-size:20px;vertical-align:middle;padding-right:10px;}
.contact-form .form-group{margin-bottom:20px;}
.contact-form .form-group .form-half{float:left;width:346px;margin-right:30px;}
.contact-form input[type='text'], .contact-form input[type='email'], .contact-form textarea, .find-tutor select{border:1px solid #d6d6d6;padding:15px 10px;color:#524f4f;font-size:15px;outline:none;width:100%;box-sizing:border-box;} 
.btn3{border-radius:30px;border:1px solid #9e0927 ;color:#9e0927;font-size:15px;text-transform:uppercase;padding:10px 30px;margin:30px auto 10px;display:block;font-family:'roboto_slabregular';font-weight:300;background:none;}
.btn3 i{padding-right:5px;}
.btn3:hover{background:#9e0927;color:#fff;transition:0.3s ease-in-out;}

/* find tutor */
.find-tutor .form-group .form-half {float: left; margin-right: 2%; width: 23%;}
.find-tutor select{ padding:8px 10px; appearance:none; -moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */ background:url(../images/gray-select-arrow.png) no-repeat right center; color:#9d9d9d; font-family: "roboto_slablight"; font-size:14px;}
.find-tutor input[type="text"]{ padding:9px 10px;}

/***Welcome**/
.welcome{padding:45px 0px 20px;text-align:center;}
.main-heading{font-size:24px;color:#444444;font-family: 'roboto_slablight';font-weight:300;padding-bottom:40px;text-align:center;}
.main-heading span{color:#e46900;}
.welcome p{font-size:16px;color:#484848;font-family: 'roboto_slablight';font-weight:300;}
.blue{color:#30517e !important;}

/**Service**/
#service{border-top:1px solid #f4f6f8; padding:50px 0px;}
.services article{ margin-bottom:40px;}
.services article:last-child{ margin-bottom:0px;}
.services article .service-detail{ display:inline-block; width:33%; box-sizing:border-box; padding-right:10%; vertical-align:top;}
.services article .service-detail:last-child{ padding-right:0px;}
.services article i{ display:block;  background:url(../images/sprite.png) 0px 0px no-repeat;width:70px;height:70px;}
.services article .service-info{ width:100%;}
.subheading{font-size:14px;color:#e46900;font-family:'roboto_slabregular';font-weight:300;text-transform:uppercase;}
.services article .service-detail:hover a{color:#30517e;}
.services article p{color:#444444;font-family: 'roboto_slablight';font-weight:300;font-size:14px;line-height:20px;margin-top:4px;}
.services article i.icon2{background-position:-110px 0px;}
.services article i.icon3{background-position:-215px 0px;}
.services article i.icon4{background-position:-320px 0px;}
.services article i.icon5{background-position:-423px 0px;}
.services article i.icon6{background-position:-518px 0px;}

/**Keystone**/
.keystone{padding:50px 0px;background:#fafafa;}
.keystone article{float:left;width:50%;margin-right:50px;}
.keystone article + article{margin-right:0px;width:45%;}
.keystone article .features{margin:10px 0px 20px;}
.keystone article h3{color:#0c0c0c;font-size:19px;font-family: 'roboto_slablight';font-weight:300;padding:10px 0px 20px;text-transform:uppercase;float:left;}
.keystone article h3:after{content:"";height:2px;width:30px;background:#e46900;float:right;margin:13px 0px 0px 15px;}
.keystone article i{float:left;background:url(../images/sprite.png) 0px -90px no-repeat;width:80px;height:80px;margin-right:20px;}
.keystone article .subheading{font-size:16px;text-transform:none;}
.keystone article p{color:#444444;font-size:15px;font-family: 'roboto_slablight';font-weight:300;}
.keystone article img{max-width:100%;margin:10px 0px;}
.keystone article i.ethical{background-position:0px -185px;}
.keystone article i.efficient{background-position:0px -280px;}

/**Team**/
.team{padding:50px 0px;}
.team p{font-size:16px;color:#484848;font-family: 'roboto_slablight';font-weight:300;text-align:center;}
.team-inner{margin:10px 0px;}
.team-inner li{list-style:none;margin:40px 5px 20px;text-align:center;position:relative;float:left;width:19%;}
.hover{ text-align:center; background:rgba(255,255,255,0.7); position:absolute; top:0; width:100%; height:100%; display:none;transition:all 0.3s ease-in-out 9s;margin:0px auto;left:0;right:0;}
.hover:after{ content:''; vertical-align:middle; display:inline-block; height:100%;}
.hover h5{ vertical-align:middle;color:#000000;font-family:'roboto_slabregular';font-weight:300;font-size:14px;position:relative;top:35%;}
.hover h5 span{color:#d93637;display:block;font-style:italic;}
.hvr{ vertical-align:central;}
.team-inner li:hover .hover{ display:block;transition:all 0.3s ease-in-out 9s;}
.team-inner li img{max-width:100%;}
.portfolio .flex-control-nav{display:none;}


/*Testimonials*/
.testimonials{background:url(../images/testimonial-bg.jpg) center center no-repeat;background-size:cover;padding:40px 0px 60px;margin-bottom:23px;}
.testimonials .main-heading{text-align:left;margin-left:163px;}
.testimonials li{list-style:none;}
.testimonials li .author{border-radius:50%;border:2px solid #fff;width:100px;height:100px;float:left;margin-right:30px;vertical-align:middle;margin-top:15px;}
.testimonials li .author img{border-radius:50%;max-width:100%;}
.testimonials li .testimonial{float:right;width:80%;background:#fff;border:1px solid #ececec;box-shadow:0px 0px 3px #ececec;padding:25px 25px 25px 50px;position:relative;border-radius:5px;}
.testimonials li .testimonial .arrow{background:url(../images/testimonial-arrow.png) 0px 0px no-repeat;position:absolute;top:50px;left:-18px;height:25px;width:20px;}
.testimonials li .testimonial p{color:#484848;font-size:17px;font-family: 'roboto_slablight';font-weight:300;font-style:italic;margin-bottom:10px;}
.testimonials li .testimonial .author-name{color:#e46900;font-size:15px;font-family: 'roboto_slablight';font-weight:300;font-style:italic;}
/*Slider*/
.flexslider a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider a img{outline:none;border:none;margin:0 auto;text-align:center}
.flexslider{margin:0;padding:0;position:relative;zoom:1;background:none;}
.flexslider .slides > li{backface-visibility:hidden;-webkit-backface-visibility:hidden;display:none}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.flex-viewport{max-height:auto;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.flexslider .slides{zoom:1}
.loading .flex-viewport {
  max-height:100px;
}
.flex-direction-nav {display:none;}

/* Control Nav */
.flex-control-nav {width: 100%;position: absolute;bottom: -40px;text-align: center;}
.flex-control-nav li {margin: 0 3px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {width:25px;height:3px;display: block;background: #d1d1d1;cursor: pointer;text-indent: -9999px;}
.flex-control-paging li a:hover {background: #e46900;}
.flex-control-paging li a.flex-active {background: #e46900;cursor: default;}

/*Footer*/
footer{background:#e5ecf1;}
.footer-col{vertical-align:top; width:22%;border-right:1px solid #d3d9de; box-sizing:border-box; padding:0px 70px; float:left;}
.footer-col:nth-child(4){ border-right:none;}
.footer-col h4{ font-size:17px; color:#000000; font-family:'roboto_slabregular'; font-weight:normal; margin-bottom:5px;}
.footer-menu{ margin:0px; padding:0px; font-family: 'Roboto-Regular';}
.footer-menu li{ display:block;}
.footer-menu li a{ font-size:12px; color:#5e5e5e; display:block; padding-top:4px;}
.footer-menu li a:hover{ color:#e46900 ;}
.footer-col.detail{ width:34%;}
.footer-col.detail img{  padding-bottom:10px;}
.footer-col.detail span{font-size:10px; color:#5e5e5e; display:block; padding-bottom:5px;font-family: 'Roboto-Regular';}

/*copyright*/
.copyright{ border-top:1px solid #d3e0ea; padding:20px 0px 12px; margin-top:30px; font-size:13px; color:#000000; font-family: 'roboto_slablight';}
.copyright .copyright-text{ display:inline-block; width:49%;}
.copyright .pay-card{ display:inline-block; text-align:right; width:50%;}
.copyright .pay-card span a img{ display:inline-block; vertical-align:middle;}

/*About Us*/
.inner-banner{padding:50px 0px;}
.inner-banner h1{background:url(../images/banner-seprate.png) center bottom no-repeat;color:#fff; font-size:32px; font-family: 'roboto_slabthin';font-weight:300;text-align:center;text-transform:uppercase;padding:10px 0px 30px; line-height: normal;}
.inner-banner h1 span{font-size:36px;font-family:'roboto_slabregular';font-weight:700;text-transform:none;}
.who-we-are{padding:70px 0px;}
.who-we-are .left{float:left;width:75%;}
.who-we-are .left figure{float:left;margin-right:45px;}
.who-we-are .left figure img{max-width:100%;}
.who-we-are .about-info{float:left;width:50%;}
.who-we-are .about-info h2{color:#434343;font-size:18px;font-family: 'roboto_slablight';font-weight:300;text-transform:uppercase;padding-bottom:10px;}
.who-we-are .about-info p{font-size:14px;color:#434343;font-family: 'roboto_slablight';font-weight:300;text-align:justify;margin-bottom:10px;}
.who-we-are .about-info .about-button{margin:20px 0px 0px;}
.btn1{font-size:13px;color:#e46900;font-family: 'roboto_slablight';font-weight:300;text-transform:uppercase;padding:7px 40px;border:1px solid #e46900;display:inline-block;}
.btn2{font-size:13px;color:#30517e;font-family: 'roboto_slablight';font-weight:300;text-transform:uppercase;padding:7px 40px;border:1px solid #e46900;margin-left:20px;display:inline-block;}
.btn1:hover{background:#e46900;color:#fff;transition:0.3s ease-in-out;}
.btn2:hover{background:#e46900;color:#fff;transition:0.3s ease-in-out;}
.who-we-are .right{float:right;width:22%;background:rgba(247, 156, 77, 0.98);}
.who-we-are .right .box{border-bottom:1px solid #fff;padding:30px 20px;}
.who-we-are .right .box i{float:left;background:url(../images/sprite.png) 0px -380px no-repeat;width:50px;height:50px;margin-right:10px;}
.who-we-are .right .box .info{float:left;}
.who-we-are .right .box .info h3{font-family: 'roboto_slabthin';font-weight:300;font-size:39px;color:#fff;}
.who-we-are .right .box .info h3 span{display:block;font-size:17px;text-transform:uppercase;}
.who-we-are .right .box i.icon2{background-position:0px -400px;}
.why-we-are{background:#f6f6f6;padding:60px 0px 50px;text-align:center;}
.why-we-are h2{font-size:18px;color:#e46900;font-family: 'roboto_slablight';font-weight:300;text-transform:uppercase;padding:10px 0px 20px;}
.why-we-are p{color:#3e3e3e;font-size:15px;font-family: 'roboto_slablight';font-weight:300;}
.about-keystone{background:none;padding:100px 0px}
.about-keystone article h3{font-family:'roboto_slabregular';font-weight:300; color:#e46900;}
.about-keystone article h3:after{background:none;}
.about-keystone article .top{color:#3e3e3e;font-family:'roboto_slabregular';font-weight:300;font-size:15px;margin-bottom:10px;}
.about-keystone article p{font-family: 'roboto_slablight';}
.about-keystone h5{font-size:15px;font-weight:300; color:#e46900;}

/*Services Page*/
.service-top{padding:50px 0px;}
.service-top article{float:left;width:50%;border:1px solid #e1e1e1;border-radius:5px;padding:35px 30px;position:relative;margin-right:50px;}
.service-top article .arrow{background:url("../images/service-arrow.jpg") no-repeat 0 0;height:35px;right:-23px;position: absolute;top:42%;width: 24px;}
.service-top article h2{color:#e46900;font-size:19px;font-family: 'roboto_slablight';font-weight:300;padding-bottom:15px;}
.service-top article p{font-size:14px;color:#444444;font-family: 'roboto_slablight';font-weight:300;text-align:justify;}
.service-top aside{float:right;position:relative;}
.service-top aside img{max-width:100%;position:relative;}
.service-top aside .text{position:absolute;background:rgba(0,0,0,0.70);padding:15px 20px;right:20px;bottom:35px;border-radius:4px;color:#fff;font-size:18px;font-family:'roboto_slabregular';font-weight:300;}
.service-category figure img{max-width:100%;}
.service-category .inner{padding:50px 0px 100px;}
.service-category .inner .service-detail{background:url(../images/box-bottom.png) center bottom no-repeat;padding-bottom:30px;}
.service-bottom{background:#f4f4f4;padding:45px 0px;text-align:center;}
.service-bottom .btn1, .service-bottom .btn2{background:#ffffff;}
.service-bottom .btn1:hover{background:#e87a7b;color:#fff;transition:0.3s ease-in-out;}
.service-bottom .btn2:hover{background:#01b176;color:#fff;transition:0.3s ease-in-out;}

/*Contact Us*/
.contact-page{padding:55px 0px 115px;background:#f7f7f7;}
.contact-page .contact-us{background:#fff;  background:url(../images/f-tutor-bg.jpg) no-repeat right center /cover;}
.contact-us .contact-top{padding:20px 0px 30px;border-bottom:1px solid #edeff2;text-align:center;}
.contact-top h2{color:#fff;font-size:26px; font-family:font-family:'roboto_slabregular'; font-weight:300;padding:20px 0px;}
.contact-top p{color:#fff;font-size:16px;font-family: 'roboto_slablight';font-weight:300;}
.contact-form{padding:30px 50px;}
.contact-form .contact-detail{ margin-bottom:30px; }
.contact-form .contact-detail li{ list-style:none; color:#fff;font-size:16px;font-family: 'roboto_slablight';font-weight:300;}
.contact-form .contact-detail li i{color:#fff ;font-size:20px;vertical-align:middle;padding-right:10px;}
.contact-form .contact-from-main{ float:left; width:50%; padding-right:25px; box-sizing:border-box;}
.contact-form .form-group{margin-bottom:20px;}
.contact-form .form-group .form-half{ margin-bottom:15px;}
.contact-form input[type='text'], .contact-form input[type='email'], .contact-form textarea{border:1px solid #d6d6d6;padding:8px 10px 22px;color:#524f4f;font-size:15px;outline:none;width:100%;box-sizing:border-box;} 
.f-tutor-contact textarea{height:138px;}
.btn3{border-radius:30px;border:1px solid #ffca4f ;color:#ffca4f;font-size:15px;text-transform:uppercase;padding:10px 30px;margin:30px auto 10px;display:block;font-family:'roboto_slabregular';font-weight:300;background:none;}
.btn3 i{padding-right:5px;}
.btn3:hover{background:#e46900;color:#fff;transition:0.3s ease-in-out; border:1px solid #e46900;}
/* find tutor */

/*become a turor*/
.betutor-banner{ background:url(../images/become-tutor-banner.jpg) no-repeat 0 0; background-size:cover; text-align:center; color:#fff; height:411px;}
.betutor-banner article{ padding:55px 0 0;}
.betutor-banner .heading{ font-size:50px; font-family: 'roboto_slabthin'; font-weight:300; text-transform:uppercase; border-bottom:1px solid rgba(255, 255, 255, 0.44);}
.betutor-banner p{ font-size:25px; font-family: "roboto_slablight"; font-weight:300; line-height:35px; padding:35px 0 60px;}
.betutor-banner a{ border:1px solid #fff; border-radius:3px; font-size:18px; font-family: "roboto_slablight"; font-weight:300; color:#fff; text-transform:uppercase; padding:8px 25px; display:inline-block; transition: all 0.5s ease;}
.betutor-banner a:hover{ background:#fff; color:#000; transition: all 0.5s ease;}
.betutor{ padding:50px 0;}
.inner-heading{font-size:30px; font-family: "roboto_slablight"; color:#000; font-weight:300; text-transform:uppercase; padding:10px 0;}
.inner-pragraph, .betutor .help ul li{font-size:14px; font-family: "roboto_slablight"; color:#444444; font-weight:300; padding:10px 0;}
.betutor .help{ text-align:center; border-bottom:1px solid #e8e8e9; padding:0 0 40px; margin:0 0 20px;}
.betutor .help ul{ display:flex; justify-content:space-between; margin:30px 0 30px;}
.betutor .help ul li{width:31%; line-height:22px; font-size:13px; position:relative;}
.betutor .help ul li i{ width:80px; height:80px; border:2px solid #9da6ab; border-radius:50%; margin:auto; display:block; background:url(../images/sprite.png) no-repeat -2px -905px;}
.betutor .help ul li + li i{ background-position:-96px -905px;}
.betutor .help ul li + li + li i{ background-position:-191px -907px;}
.betutor .help ul li span{font-size:20px; font-family: "roboto_slablight"; color:#000; font-weight:300; padding:10px 0; text-transform:uppercase; display:block; padding:25px 0 10px;}
.betutor .text-area p{padding:10px 0;}
.betutor .help ul li + li:before{ font-size:30px; font-family: 'FontAwesome'; color:#d1d2d4; content:'\f105'; position:absolute; left:0; top:35px;}

/*How it Work*/
.work{background:#f7f7f7;padding:40px 0px;}
.work .work-step{margin:0;border-bottom:1px solid #ebeff4;}
.work .work-step li{list-style:none;float:left;margin-right:116px;text-align:center;position:relative;margin-top:10px;}
.work .work-step li:last-child{margin-right:0px;}
.work .work-step li a{padding:25px 25px 20px;display:block;border:1px solid transparent;}
.work .work-step li a i{margin:0 auto;display:block;background:url(../images/sprite.png) 0px -530px no-repeat;width:50px;height:60px;}
.work .work-step li a i.talk{background-position:0px -595px;}
.work .work-step li a i.proceed{background-position:0px -670px;}
.work .work-step li a i.receive{background-position:0px -745px;width:55px;}
.work .work-step li a h2{font-size:17px;color:#213d64;font-family: 'roboto_slablight';font-weight:300;}
.work .work-step li a:hover, .work .work-step li.active a{background:#fff;border:1px solid #f79c4d;}
.work .work-step li a:hover .arrow,  .work .work-step li.active a .arrow{background:url(../images/tab-arrow.png) center bottom 1px no-repeat;position:absolute;width:30px;height:34px;margin:0 auto;left:0;right:0;}
.work .work-step li a:hover h2, .work .work-step li.active a h2{color:#30517e;} 
.work .work-step li a:hover i, .work .work-step li.active a i{background-position:-105px -530px;}
.work .work-step li a:hover i.talk, .work .work-step li.active a i.talk{background-position:-106px -595px;}
.work .work-step li a:hover i.proceed, .work .work-step li.active a i.proceed{background-position:-107px -670px;}
.work .work-step li a:hover i.receive, .work .work-step li.active a i.receive{background-position:-105px -745px;}
.work-content{padding:20px 0px 0px;}
.work-content p{font-size:17px;color:#393939;font-family: 'roboto_slablight';font-weight:300;margin-top:10px;}
.how-it-work{padding:40px 0px 70px;}
.how-it-work .top{margin-bottom:20px;}
.how-it-work .top figure{float:left;margin-right:25px;}
.how-it-work .top aside{color:#000;font-size:16px;font-family: 'roboto_slablight';font-weight:300;margin-top:15px;}
.how-it-work p{color:#444;font-weight:300;font-size:15px;font-family: 'roboto_slablight';margin:10px 0px;}
.how-it-work p + p{font-family:'roboto_slabregular';}
.quality{padding:30px 0px 40px;background:#f7f7f7;}
.quality article{-webkit-columns: 2 450px;-moz-columns: 2 450px;columns: 2 450x;-webkit-column-gap: 2em;-moz-column-gap: 2em;column-gap: 2em;}
.quality article .quality-detail{float:left;margin:20px 0px;}
.quality article i{float:left;background:url(../images/sprite.png) 0px -810px no-repeat;width:70px;height:70px;margin-right:15px;}
.quality article .quality-info{float:left;width:77%;}
.quality article h3{font-size:14px;color:#e46900;text-transform:uppercase;font-family: 'roboto_slablight';}
.quality article p{color:#444444;font-family: 'roboto_slablight';font-weight:300;font-size:14px;line-height:20px;margin-top:4px;}
.quality article i.icon2{background-position:-95px -810px;}
.quality .buttons{border-top:1px solid #fff;padding:40px 0px 0px;text-align:center;}
.quality .buttons .btn1, .quality .buttons .btn2{background:#fff;}
.quality .buttons .btn1:hover{background:#e46900;color:#fff;transition:0.3s ease-in-out;}
.quality .buttons .btn2:hover{background:#e46900;color:#fff;transition:0.3s ease-in-out;}
.tabs{width:100%;display:inline-block}
.tab-links:after{display:block;clear:both;content:''}
.tab{display:none}
.tab.active{display:block}

/*thanks*/
.thanks{padding:80px 0px;}
.thanks h2{font-size:45px;text-transform:uppercase;padding-bottom:80px;}

/*Content Page*/
.content-page{padding:40px 0px;}
.content-page .heading{font-size:16px;text-transform:uppercase;font-weight:300;padding:15px 0px;color:#e46900;}
.content-page span{color:#000;font-family:"roboto_slablight";line-height:30px;}
.content-page p{font-size:14px;color: #000;font-family: "roboto_slablight";font-weight: 300;line-height:30px;}
.content-page ol li{ margin: 10px 0;font-weight: normal;font-size: 14px;margin-left: 30px;font-family: "roboto_slablight";}
.content-page ul li{ margin: 10px 0;font-weight: normal;font-size: 14px;margin-left: 30px;font-family: "roboto_slablight"; list-style: disc;}

/******features-section**************/
.feature-section{ padding:60px 0px 40px;}
.feature-iteam{ background:#efefef; padding:40px 35px 0px; float:left; width:22%;text-align:center; margin-right:2%; box-sizing:border-box;  height:412px; }
.feature-iteam:last-child{ margin-right:0px;}
.feature-iteam figure{ padding-bottom:18px;}
.feature-iteam figcaption{ padding-bottom:28px;}
.feature-iteam figcaption h3{ color:#000000; font-size:22px; font-family:'roboto_slabregular'; font-weight:normal; margin-bottom:13px;}
.feature-iteam figcaption p{ font-size:15px; color:#585858; font-family:"roboto_slablight"; line-height:19px;}
.feature-iteam a{ text-transform:uppercase; color:#000000; font-size:15px; font-family:"roboto_slablight";  background:#ffca4f; -moz-border-radius:16px; webkit-border-radius:16px; border-radius:16px; padding:7px 30px; display:inline-block;}
.feature-iteam a:hover{ background:#e46900; color:#fff;}
.feature-iteam button{ text-transform:uppercase; color:#000000; font-size:15px; font-family:"roboto_slablight";  background:#ffca4f; -moz-border-radius:16px; webkit-border-radius:16px; border-radius:16px; padding:7px 30px; display:inline-block;border:none;margin-top: 10px;}
.feature-iteam button:hover{ background:#e46900; color:#fff;}


/***********newsletter-section******/
.newsletter-section{     background: #f79c4d; padding:60px 0px 50px; margin-bottom:45px;}
.newsletter-form{ max-width:675px; margin:0px auto;}
.newsletter-fromgroup{font-family:"roboto_slablight"; position:relative; box-sizing:border-box;}
.newsletter-fromgroup label{ font-size:25px; color:#fff; display:inline-block; padding-right:15px; vertical-align:middle; box-sizing:border-box; width:44%;}
.newsletter-fromgroup input{  font-family:"roboto_slablight";font-size:15px; color:#787878;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:none; background:#fff; height:39px; padding:10px 125px 10px 10px;width:100%; width:55%; box-sizing:border-box; display:inline-block;}
.newsletter-fromgroup button{ font-size:17px; color:#fff; padding:8px 20px 8px; height:39px; border:none; position:absolute; right:2px; top:0px; -moz-border-radius-topleft:4px; border-top-right-radius:4px; moz-border-bottom-right-radius:4px; border-bottom-right-radius:4px; 
background: rgba(0,163,255,1);
background: -moz-linear-gradient(top, rgba(0,163,255,1) 0%, rgba(0,163,255,1) 22%, rgba(1,132,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,163,255,1)), color-stop(22%, rgba(0,163,255,1)), color-stop(100%, rgba(1,132,255,1)));
background: -webkit-linear-gradient(top, rgba(0,163,255,1) 0%, rgba(0,163,255,1) 22%, rgba(1,132,255,1) 100%);
background: -o-linear-gradient(top, rgba(0,163,255,1) 0%, rgba(0,163,255,1) 22%, rgba(1,132,255,1) 100%);
background: -ms-linear-gradient(top, rgba(0,163,255,1) 0%, rgba(0,163,255,1) 22%, rgba(1,132,255,1) 100%);
background: linear-gradient(to bottom, rgba(0,163,255,1) 0%, rgba(0,163,255,1) 22%, rgba(1,132,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3ff', endColorstr='#0184ff', GradientType=0 ); font-family:"roboto_slablight";}

.newsletter-fromgroup button:hover{
background: rgba(1,132,255,1);
background: -moz-linear-gradient(top, rgba(1,132,255,1) 0%, rgba(0,163,255,1) 78%, rgba(0,163,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,132,255,1)), color-stop(78%, rgba(0,163,255,1)), color-stop(100%, rgba(0,163,255,1)));
background: -webkit-linear-gradient(top, rgba(1,132,255,1) 0%, rgba(0,163,255,1) 78%, rgba(0,163,255,1) 100%);
background: -o-linear-gradient(top, rgba(1,132,255,1) 0%, rgba(0,163,255,1) 78%, rgba(0,163,255,1) 100%);
background: -ms-linear-gradient(top, rgba(1,132,255,1) 0%, rgba(0,163,255,1) 78%, rgba(0,163,255,1) 100%);
background: linear-gradient(to bottom, rgba(1,132,255,1) 0%, rgba(0,163,255,1) 78%, rgba(0,163,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0184ff', endColorstr='#00a3ff', GradientType=0 );}

.newsletter-fromgroup ::-webkit-input-placeholder {color:#787878; opacity:1;}
.newsletter-fromgroup ::-moz-placeholder { color:#787878; opacity:1;}
.newsletter-fromgroup :-ms-input-placeholder {color: #787878; opacity:1;}
.newsletter-fromgroup :-moz-placeholder { color: #787878; opacity:1;}

/*******f-tutor-main*******/

.f-tutor-contact{ background:#FFF;}
.f-tutor-contact .heading{ text-align:center; font-family:"roboto_slablight"; padding-top:40px; padding-bottom:30px;}
.f-tutor-contact .heading h2{ font-size:26px; color:#000000; font-weight:normal; margin-bottom:15px;}
.f-tutor-contact .heading p{ font-size:15px; color:#4e4e4e;}
.f-tutor-contact .contact-form{ background:url(../images/f-tutor-bg.jpg) no-repeat right center /cover; padding:70px 0px 90px;}
.f-tutor-contact form{ padding:0px; max-width:995px; margin:0px auto;}
.f-tutor-contact form .form-title{ font-size:22px; color:#fff; font-family:'roboto_slabregular'; font-weight:normal; text-align:center; margin-bottom:15px; margin-top:35px;}
.f-tutor-contact form .one-third{ float:left; width:32.3%; margin-right:1%; margin-bottom:10px;}
.one-third-common{ margin-right:-1%;}
.f-tutor-contact form .one-third input{ font-size:13px; color:#717171; height:35px; padding:0px 10px; width:100%;  font-family:"roboto_slablight";}
.f-tutor-contact form .one-third select{ font-family:"roboto_slablight"; padding:0px 10px; height:35px; appearance:none; -moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */ background:#fff url(../images/drope-icon.png) no-repeat right center; color:#717171; font-size:13px; width:100%;}
.f-tutor-contact form .one-third ::-webkit-input-placeholder {color:#717171; opacity:1;}
.f-tutor-contact form .one-third ::-moz-placeholder { color:#717171; opacity:1;}
.f-tutor-contact form .one-third :-ms-input-placeholder {color:#717171; opacity:1;}
.f-tutor-contact form .one-third :-moz-placeholder { color:#717171; opacity:1;}
.f-tutor-contact form .one-third-one{ float:left; width:66%; margin-right:1%;}
.f-tutor-contact form .one-third-two{float:left; width:33%;}
.f-tutor-contact form .one-third-two label{  background:#ffca4f; display:block; text-align:center; font-family:"roboto_slablight"; font-size:23px; padding:15px 0px;}
.f-tutor-contact form .one-third-two .left{ width:80%; float:left; position:relative; margin-top:7px;}
.f-tutor-contact form .one-third-two .left input{ padding:10px; box-sizing:border-box;}
.f-tutor-contact form .one-third-two .left img{ position:absolute; right:0px; top:7px;}
.f-tutor-contact form .one-third-two  .btnRefresh{ float:left; text-align:center; padding-top:7px; width:20%; box-sizing:border-box;}

.f-tutor-contact form .one-full{ text-align:center; padding:5px 0px;  font-family:"roboto_slablight"; color:#fff; font-size:13px;}
.f-tutor-contact form .one-full a{ color:#fff;}
.f-tutor-contact form .submit{ background:#178d9e; color:#fff; font-size:18px; font-weight:normal; font-family:'roboto_slabregular'; border:0px; text-transform:uppercase; padding:9px 20px; display:block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; max-width:170px; margin:0px auto; width:100%; margin-top:25px;}

/**********progress*****/

.progress{ max-width:995px; margin:0px auto;}
.progress ul{ margin:0px; padding:0px; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.progress ul li{ display:inline-block; font-size:18px; margin-right:-3px;  text-align:center; font-family:'roboto_slabregular'; color:#000; padding:7px 20px; box-sizing:border-box; width:33.3%;}
.progress ul li.success{ background:#ffca4f; }
.progress ul li.success:first-child{ border-top-left-radius:5px; border-bottom-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;}
.progress ul li.success:last-child{ border-top-left-radius:5px; border-bottom-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;}

/**********make-payment-******/

.make-payment .m-payment-head{ text-transform:uppercase;  font-family:'roboto_slabregular'; padding-top:40px;  padding-bottom:8px; color:#fff;}
.make-payment .m-payment-head h2{ font-size:24px; font-weight:normal; margin-bottom:5px;}
.make-payment .m-payment-head p{ font-size:13px;}
.make-payment .payment-option{ background:#fff; padding:20px; box-sizing:border-box;float:left; width:48%; font-family:'roboto_slabregular'; color:#333; margin-right:3%; margin-bottom:30px;}
.make-payment .payment-option:last-child{ margin-right:0px;}
.make-payment .payment-option .title{ font-size:20px; font-weight:normal; margin-bottom:8px;}
.make-payment .payment-option .subhead{ font-size:13px;  font-family:"roboto_slablight"; line-height:20px; }
.make-payment .payment-option form input[type="submit"]{ font-family:'roboto_slabregular'; border:1px solid #e46900;  margin-top:10px; background:#e46900;  color:#fff; font-size:16px; width:100%; padding:12px 10px; text-transform:uppercase;}
.make-payment .payment-option form input[type="submit"]:hover{ background:#fff; color:#e46900;}
.make-payment .order-summary{ border:1px solid #ddd; border-radius:3px; box-sizing:border-box; -moz-border-radius:3px; -webkit-border-radius:3px; width:100%; background:#fff; padding-bottom:25px;}
.make-payment .order-summary .heading{ background:#f5f5f5; color:#333333; font-size:18px; padding:18px 20px; text-align:left; font-family:'roboto_slabregular'; }
.make-payment .order-summary .panel{ padding:15px;}
.make-payment .order-summary .panel table{ border-collapse:collapse; width:100%; border:1px solid #ddd; border-spacing:0px; font-size:14px; }
.make-payment .order-summary .panel table th,td{ border:1px solid #ddd; text-align:left; padding: 7px 10px; color:#333;}
.make-payment .order-summary .panel table th,td .btn{ border-radius:0px; color:#333; border:1px solid #ccc; padding:8px 15px; text-transform:uppercase; font-size:14px; background:#fff;}
.make-payment .order-summary .panel table th,td p{ margin-bottom:10px; font-size:13px;font-family:"roboto_slablight"; }
.email-box{display:block; padding-top:20px; color:#fff; font-size:22px;  font-family:"roboto_slablight";}
 #mobile-menu{ display:none; position:absolute; right:15px; top:22px;}

/*************career******/

.career-main  .career-banner img{ width:100%;}

.career-main .career-content{ text-align:center; color:#000; padding-top:45px;}
.career-main .career-content h1{font-size:36px; margin-bottom:18px;}
.career-main .career-content .lead{ font-size:20px;}
.career-main .para{  padding:45px 0px; font-size:16px; text-align:center; font-family:"roboto_slablight";}

.career-main .career-iteam{ float:left; width:48%; margin-left:2%;}
.career-main .career-iteam img{ width:100%;}
.career-main .career-iteam-common{ margin-left:-2%;}

.career-main .career-benefits{ text-align:center; padding:45px 0px;}
.career-main .career-benefits h2{ font-size:30px; color:#000; margin-bottom:18px;}
.career-main .benefits-iteam{ display:inline-block; vertical-align:top; width:33%; color:#000; text-align:center; padding:0px 20px; box-sizing:border-box; margin-top:40px;}
.career-main .benefits-iteam .icon{ background:#f0f0f0; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; height:100px; width:100px;  display:block; margin:0px auto;} 
.career-main .benefits-iteam .icon img{ padding-top:15px; text-align:center;}
.career-main .benefits-iteam .title{ font-size:18px; margin-top:15px; margin-bottom:15px; }
.career-main .benefits-iteam .descraption{ font-size:16px; font-family:"roboto_slablight"; line-height:24px;}

.career-main .work-section{ background:url(../images/work-bg.jpg) no-repeat center center / cover; padding:100px 0px;}
.career-main .work-content{ display:inline-block; vertical-align:top; width:49%; box-sizing:border-box; padding:0 30px; text-align:center; position:relative;}
.career-main .work-content:after{ position:absolute; right:0px; top:0; height:100%; width:2px; background:#fff; content:"";}
.career-main .work-content:last-child:after{ position:inherit;}
.career-main .work-content h3{ font-size:24px;  color:#fff;}
.career-main .work-content p{ font-size:16px; font-family:"roboto_slablight"; color:#000; color:#fff;}

.career-main .postion-section{ padding:45px 0px;}
.career-main .postion-main h3{ text-align:center; font-size:30px; margin-bottom:40px;}
.career-main .postion-col{ border:1px solid #d3d9de; display:block; background:#fff; padding:20px; margin-bottom:20px; box-sizing:border-box;}
.career-main .postion-col:last-child{ margin-right:0px;}
.career-main .postion-col h5{ font-size:14px;}
.career-main .postion-col h3{ font-size:24px; margin:10px 0px; text-align:left;}
.career-main .postion-col .job-desc{ font-size:16px; font-family:"roboto_slablight"; line-height:24px; float:left; width:87%;}
.career-main .postion-col .btn{ margin-top:0px; float:right;  border:1px solid #e46900; background:#e46900; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:5px 20px;}
.career-main .postion-col .btn:hover{ background:#fff; color:#e46900;}	

.postion-col .apply-form{ padding:10px;  box-sizing:border-box; margin-top:20px;}
.postion-col .apply-form .one-third{ float:left; width:31%; margin-right:3%; margin-bottom:20px; }
.postion-col .apply-form .one-half{ float:left; width:48%; margin-right:3%; margin-bottom:20px;}
.postion-col .apply-form .form-control{ width:100%; padding:10px; height:42px; border:1px solid #d3d9de; font-size:14px; color:#787878; box-sizing:border-box;}
.postion-col .apply-form .one-third:last-child, .postion-col .apply-form .one-half:last-child{ margin-right:0px;}
.postion-col .apply-form button{  background:#ffca4f; color:#000; border:0px; padding:10px 35px; text-transform:uppercase; display:inline-block; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.postion-col .apply-form button:hover{  background:#e46900;}
.postion-col .apply-form a{ text-transform:capitalize; margin-left:10px;}

.postion-col .apply-form .form-control::-webkit-input-placeholder {color:red; color:#787878;}
.postion-col .apply-form .form-control::-moz-placeholder { color:#787878; opacity:1;}
.postion-col .apply-form .form-control:-ms-input-placeholder {color: #787878; opacity:1;}
.postion-col .apply-form .form-control:-moz-placeholder { color: #787878; opacity:1;}
.apply-form{ display:none;}



/***********support*****/
.support-main .support-banner{background:url(../images/support-bg.jpg) no-repeat center center / cover; padding:50px 0px;}
.support-banner article{ color:#fff; text-align:center; max-width:700px; margin:0 auto 55px; box-sizing:border-box;}
.support-banner article h2 { font-size:36px; margin-bottom:25px;}
.support-banner article p{ font-size:16px;  font-family:"roboto_slablight";}
.support-banner article form{ margin-top:45px;}
.support-banner article form input{ width:55%; background:#fff; height:48px; border:none; padding:0 10px; display:inline-block; font-size:14px; color:#787878;}
.support-banner article form input ::-webkit-input-placeholder {color:#787878; opacity:1;}
.support-banner article form input ::-moz-placeholder { color:#787878; opacity:1;}
.support-banner article form input :-ms-input-placeholder {color: #787878; opacity:1;}
.support-banner article form input :-moz-placeholder { color: #787878; opacity:1;}
.support-banner article form  button{ width:auto; background:#ffca4f; color:#000; font-size:16px; padding:0px 35px; display:inline-block; height:49px;  border:0px; cursor:pointer;}
.support-banner article form  button:hover{ background:#fff;}
.support-iteam-box{  margin:-35px auto 50px; text-align:center; background:#fff; padding:55px 40px; box-sizing:border-box; -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);}
.support-iteam-box h3{ font-size:24px; margin-bottom:10px;}
.support-iteam-box .lead{ font-size:14px; font-family:"roboto_slablight"; margin-bottom:30px;}
.support-iteam-box .support-iteam{ width:27%; float:left; margin-right:6%; text-align:center; color:#000;}
.support-iteam-box .support-iteam:last-child{ margin-right:0px;}
.support-iteam-box .support-iteam .icon{ border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px; display:block; height:60px;width:60px; margin:0px auto;}
.support-iteam-box .support-iteam .icon img{ padding-top:13px;}
.support-iteam-box .support-iteam .title{ font-size:20px; font-weight:normal; padding:5px 0px 15px; position:relative;}
.support-iteam-box .support-iteam .title:after{position:absolute; height:3px; width:50px;content:""; background:#ffca4f; bottom:0px; left:0px; right:0px; margin:0px auto;}
.support-iteam-box .support-iteam .descraption{ font-size:14px; font-family:"roboto_slablight"; line-height:22px; padding-top:18px;}

#ac-wrapper{ position: fixed; bottom:20px; left: 50%; width:415px; border-radius:5px; padding:15px; background-color: #3c3545; z-index: 999; box-sizing:border-box; margin-left:-207px; }           
#ac-wrapper #popup{ position: relative; bottom:0px; left: 0px;}
#ac-wrapper #popup .container{width: auto;}
#ac-wrapper #popup .container p{font-size:12px; color: #fff; display: inline-block; line-height: 18px; font-family: "roboto_slablight";}
#ac-wrapper #popup .container p span{font-size:17px; display: block; margin-bottom: 5px;font-family: "roboto_slabregular";color: #f7dc4e;}
#ac-wrapper #popup .container p a{ color:#ed4b5b;font-family:"roboto_slabregular"; font-style: italic;}
input[type="submit"]{display:block; font-family:"roboto_slablight"; font-size:12px; color: #fff; background:#eb4f5b; border-radius: 3px; text-align: center; padding:5px 15px; text-decoration: none; font-style: inherit;border: none;position: inherit; cursor: pointer; margin-top: 10px; text-transform: uppercase;}

/*media*/
@media only screen and (max-width: 1200px){
	.container{width:970px;}
	.banner .text h1{ font-size:33px;}
	.banner .text a{margin:20px 0 0;}
	.keystone article{margin-right:40px;}
	.testimonials li .testimonial{width:76%;}
	.testimonials li .author{margin:15px 20px 0px 10px;}
	.footer-top-menu .footer-nav{width:70%;}
	.footer-top .footer-bottom-menu .footer-box{width:16%;}
	.footer-top .footer-bottom-menu .footer-box:last-child{width:15%;padding-left:23px;}
	.feature-iteam{ padding:40px 30px 0px;}
	.feature-iteam figcaption h3{ font-size:23px;}
	.feature-iteam a{ font-size:14px; padding:7px 20px;}
	.team-inner li{ margin:40px 4px 20px;}
	}	

@media only screen and (max-width:1024px){
    .header-bottom .logo{width: 30%;}
    .header-bottom .logo img{max-width: 90%;}
    .banner .text{margin-bottom: 30px;}
    .banner .form{margin-top: 30px;}
    .who-we-are .left {float: none;width: auto;}
    .who-we-are .right {float: none; width: auto; clear: both;}
    .who-we-are .right .box{display: inline-block; width: 44%;}
    .btn2{margin-bottom: 20px;}
    .work .work-step li{margin-right: 52px;}
    .work .work-step li a{padding: 20px;}
    .service-top article{width: 38%;}    
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container{width: 740px;}
	.banner .form{ padding:25px 20px; width:40%;}
	.banner .form h2{ font-size:20px;}
        .banner .text h1{ font-size:30px;}
	.banner .form input[type="button"]{ padding:7px 20px;}	
	.banner .text{ padding-right:10px; padding-top:25px; width:60%;}
	.keystone article{margin-right:35px;}
	.team-inner li img{max-width:100%;}
	.hover{left:7px;top:0px;width:130px;height:130px;}
	.testimonials li .testimonial{width:68%;}
	.footer-top-menu .footer-nav{float:none;width:auto;}
	.footer-top-menu p{margin-top:5px;float:none;margin-top:5px;text-align:center;}
	.footer-top .footer-bottom-menu .footer-box{width:19%;min-height:260px;}
	.footer-top .footer-bottom-menu .footer-box + .footer-box{padding: 15px 10px 0;}
	.footer-top .footer-bottom-menu .footer-box:last-child{padding-left:10px;width:14%;padding-right:0px;}
	.footer-top .footer-bottom-menu .footer-box li{padding-right:9px;}
	.email-box{ font-size:18px;}
	.navigation ul li a{ font-size:13px;}
	.navigation ul li {padding:0 9px;}
	.feature-iteam{ padding:35px 25px 0px;  width:30%; margin-right:5%;}
	.feature-iteam figcaption h3{ font-size:21px;}
	.feature-iteam figcaption p{ font-size:14px;}
	.services article .service-detail{ padding-right:5%; width:32%;}
	.team-inner li{ width:18%;}
	.footer-col{ padding:0 25px;}
	.feature-section{padding:50px 0px 40px;}
        .main-heading{ padding-bottom:30px;}
	#service{ padding:40px 0px;}
	.keystone{ padding:40px 0px;}
	.team{ padding:40px 0px 15px;}
	.newsletter-section{ padding:50px 0px 40px;}
        .who-we-are .left{    float: none; width: auto;}
        .who-we-are .left figure{margin-right: 30px;}
        .who-we-are .about-info{width: 42%;}
        .who-we-are .right{float: none; width: auto; clear: both;}
        .btn1, .btn2{ padding: 7px 20px;}
        .who-we-are .about-info .about-button{margin-bottom: 20px;}
        .prices .inside{height: auto;}
        .inner-banner h1{line-height: 40px;}
        .work .work-step li{width: 22%; margin-right: 25px;}
        .service-top article{width: auto; margin-right: 0; margin-bottom: 20px;}
        .service-top article .arrow{display: none;}
        .service-top aside{display: block; text-align: center; float: none;}        
}

@media only screen and (max-width: 767px){
	.container{width:auto;padding:0px 10px;}
	.header-top .top-left{float:none;text-align:center;}
	.banner .text{width:auto;float:none;padding:20px 0px 0px; text-align:center;}
	.banner .text h1{font-size:20px;text-align:center;line-height:30px;}
	.banner .text p{text-align:center;}
	.banner .form{width:auto;float:none;padding:25px 20px;}
	.banner .text a{ max-width:300px; margin:20px auto; display:block;}
	.welcome{padding: 20px 0;}
	.main-heading{font-size:20px;padding-bottom:15px;}
	.welcome p, .keystone article h3, .keystone article p{font-size:14px;}
	#service, .keystone{padding:15px 0 20px;}
	.services article .service-detail{margin:10px 0px;}
	.keystone article, .keystone article + article{width:auto;margin-right:0px;float:none;}
	.keystone article .features{margin: 10px 0 14px;}
	.banner .form .sesb .left{ width:85%;}
	.captch-load{ width:13%;text-align:center;}
	.banner .form input[type="button"]{ width:100%; float:none; display:block;}
	.navigation{ display:none;}
	#mobile-menu{ display:block;}
	.navigation{ margin-top:55px; float:none; width:100%; background:#ecf0f2;}
	.navigation ul li{  float:none; padding:0px;}
   .navigation ul li a{ padding:2px 10px;}
   .feature-iteam{ float:none; width:auto; margin-right:0px; margin-bottom:30px; padding:30px 20px 0px; height:inherit;}
   .feature-iteam a{ font-size:13px;}
   .feature-iteam figcaption h3{ font-size:20px;}
   .feature-iteam figcaption p{ font-size:13px;}
   .services article .service-detail{ width:auto; display:block; padding-right:0px; margin-bottom:15px; margin-top:0px; text-align: center;}
   .services article p{text-align: center;}
   .services article i{margin: 0 auto;}
   .services article{ margin-bottom:0px;}	
   .service-info{ padding-top:5px;}
   .team-inner li{ width:auto; margin:10px auto;  float:none;}
   .testimonials .main-heading{ margin-left:0px; text-align:center;}
   .newsletter-fromgroup label{ display:block; width:auto; padding-bottom:8px; text-align: center;}
   .newsletter-fromgroup input{ width:100%; padding-right:130px;}
   .newsletter-fromgroup button{ right:0px; top:33px;}
   .newsletter-section{ margin-bottom:20px;}
   .email-box{ font-size:16px; padding-top:10px;}
   .banner .text p{ font-size:15px; padding-top:8px;}
   .footer-col{ float:left; width:32%; border-right:0px;  padding:0px; height:inherit; padding-bottom:10px;}
   .footer-col.detail{ width:auto;text-align: center;}
   .footer-col.detail img{ margin:0px auto;max-width: 80%;}
   .copyright{ font-size:12px;}
   .copyright .copyright-text{ display:block; width:auto; padding-bottom:10px; text-align:center;}
   .copyright .pay-card{ text-align:center; display:block; width:auto;}
   .feature-section{ padding-bottom:0px; padding-top:40px;}
   .welcome{ padding:10px 0px;}
   .team{ padding:15px 0px;}
   .newsletter-section{ padding-top:25px; padding-bottom:30px;}
   .career-main .postion-col, .career-main .benefits-iteam{ width:auto; display:block;text-align: center;}
   .career-main .postion-col .job-desc{width: auto;float: none;margin-bottom: 20px;}
   .career-main .benefits-iteam{ width:auto; display:block; padding:0px; margin-top:25px;}
   .career-main .work-content{ width:auto; display:block; padding:0px; margin-bottom:20px;}
   .career-main .career-content{ padding-top:30px;}
   .career-main .para{ padding:30px 0px;}
   .career-main .career-benefits h2{ font-size:25px;}
   .career-main .work-content h3{ font-size:20px;}
   .career-main .postion-main h3{ font-size:24px; margin-bottom:25px;}
   .career-main .postion-main h3{ font-size:20px;text-align: center;}
   .career-main .career-benefits{ padding:30px 0px;}
   .career-main .work-section{ padding:30px 0px;}
   .career-main .postion-section{ padding:30px 0px;}
   .career-main .career-content h1{ font-size:26px;}
   .career-main .career-content .lead{ font-size:17px;}
   .career-main .career-iteam{ float:none; margin:0px; width:auto; margin-bottom:10px;}
    
    .who-we-are .left{    float: none; width: auto;}
        .who-we-are .left figure{margin-right:0px;}
        .who-we-are .about-info{width: auto;}
        .who-we-are .right{float: none; width: auto; clear: both;}
        .btn1, .btn2{ padding: 7px 20px;}
        .who-we-are .about-info .about-button{margin-bottom: 20px;}
        .prices .inside{height: auto;}
        .inner-banner h1{line-height:normal;}
        .work .work-step li{width: 47%; margin-right: 10px;}
        .quality article .quality-detail{float: none; text-align: center;}
        .quality article i{float: none;margin: 0 auto; display: block;}
        .quality article .quality-info {float: none; width: auto;}
        .service-top article{float: none;width: auto;margin-right: 0;}
        .service-top article .arrow{display: none;}
        .contact-form{padding: 30px;}
        .contact-form .form-group .form-half { float: none;width: 100%; margin-right: 0px;}
        .footer-col.detail span{text-align: center;}
        .accordion-wrapper{width: auto;}
        .faq .queans .icon{display: none;}
        .faq .queans span { padding: 10px;font-size: 15px; font-weight: 600;}
        .thanks h2{line-height: normal;}
        .career-main .postion-col .btn{float: none;}
        .header-bottom .logo{width: auto;}
        .header-bottom .logo img {max-width: 60%;}
         #ac-wrapper{left: 5%; width: 90%; margin-left: 0;}
}

@media only screen and (max-width:380px){
.welcome p, .keystone article h3, .keystone article p{ font-size:12px;}

}