/*  
Theme Name: Umbrella
Theme URI: http://qktheme.com
Version: 1.0
Description: Created by <a href="http://qktheme.com">QKTheme</a>
Author: <a href="http://qktheme.com">qktheme</a>
Author URI: <a href="http://qktheme.com">qktheme</a>
Tags: light, gray, white, custom-background, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
License: GNU General Public License
License URI: license.txt
Text Domain: umbrella

---------

DO NOT EDIT THIS FILE.
*/
.wp-caption, .wp-caption-text, .gallery-caption{text-align: center; font-style: italic;}
.bypostauthor{}
.sticky{}
.alignright{
	text-align: right;
}
.alignleft{
	text-align: left;
}
.aligncenter,.services_item {
	text-align: center;
}

/** FONTFACE **/

@font-face {
    font-family: 'lato';
    src: url('/wp-content/uploads/2016/08/Lato-Regular.woff')  format('truetype'); /* Safari, Android, iOS */
          	          
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('/wp-content/uploads/2016/08/Lato-Bold.woff')  format('woff'); /* Safari, Android, iOS */
          	          
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoheavy';
    src: url('/wp-content/uploads/2016/08/Lato-Heavy.woff')  format('woff'); /* Safari, Android, iOS */
          	          
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latomedium';
    src: url('/wp-content/uploads/2016/08/Lato-Medium.woff')  format('woff'); /* Safari, Android, iOS */
          	          
    font-weight: normal;
    font-style: normal;
}

/**Custom**/
.post-media{
	margin-bottom: 30px;
}
.tag-post i{
	margin-right: 5px;
}
.pagination > li > a, .pagination > li > span{
	margin: 0px 2px;
	color: #818181;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination .current, .filter a:hover, .filter .active{
	background: none;
	border-color: #7b6758;
}
.services-box, .services-box2{
	overflow: hidden;
}
.none{
	display: none;
}
.logged-in .navbar.active{
	z-index:1111;
}
.navbar.active{
	z-index:1111;
}
.widget-box a{
	color: #333333;
}
span.wpcf7-form-control-wrap{
	width: 100%;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar th, #wp-calendar td{
	padding: 5px ;
	text-align: center;
}

thead{
	background: #f5f5f5;
}
#wp-calendar thead th, #wp-calendar thead td{
	padding: 10px;
}
.portfolio-container .work-post.scnd-size {
width: 568px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background: none;
}
#tweet-section p{
	line-height: 34px;
}
@media screen{
	#about-section div.services-box div.col-sm-4{
		width: 100% ! important;
}
	#features-section div.services-box2 div.col-sm-4{
		width: 100% !important;
}
	#benefits-section div.services-box div.col-sm-4{
		width:100% !important;
}
}
@media (min-width: 768px) {
	.logged-in .navbar.active{
	top: 32px !important;
	}
	#about-section div.services-box div.col-sm-4 div.services-post.triggerAnimation.animated a{
		display:none !important;
	}	
	#about-section div.services-box div.col-sm-4{
		width: 50% ! important;
	}
	#features-section div.services-box2 div.col-sm-4{
		width: 50% !important;
	}
	#benefits-section div.services-box div.col-sm-4{
		width:50% !important;
	}
} //media min width 768 end
@media (max-width: 767px)
{

}//media max width 767 end
.widget-box ul li{
	margin-bottom: 5px;
}
.title-section.white p, .title-while .title-section p, .title-while .title-section h1{
	color: #fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, 
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
	background: none;
}
.widget-box ul li{
	list-style: none;
	
}
.widget-box ul{
	padding: 0px;
}
.blog-list-post{
	text-align: left !important;
}
.btn-default:hover{
	border-color: #7b6758;
	color: #7b6758;
	background-color: #fff;
}
.post-tags a:hover{
	color:  #7b6758;
	text-decoration: none;
}
a:hover{
	color:  #7b6758;;
}

#about-section div.services-box div.col-sm-4 div.services-post.triggerAnimation.animated a{
	display:none !important;
}
#howitworks-section div.title-section div.container.triggerAnimation.animated.bounceIn div.dotted-line {
	display:none !important;
}
#features-section div.title-section div.container.triggerAnimation.animated.bounceIn div.dotted-line {
	display:none !important;
}
#benefits-section div.title-section div.container.triggerAnimation.animated.bounceIn div.dotted-line {
	display:none !important;
}
#contactus-section div.title-section div.container.triggerAnimation.animated.bounceIn div.dotted-line {
	display:none !important;
}
#contactus-section {
	margin-bottom: 0px !important;
}
#contactus-section div.title-section {
	margin-bottom: 0px !important;
	background-color: #343A3A;
}
#contactus-section div.contact-box{
	margin-bottom: 0px !important;
	background-color: #343A3A;
}
footer {
	padding: 20px 0 !important;
	height: 115px;
}
div.container#footerContainer
{
	margin-top: -13px;
}
.footer {
	background-color: #313535;
}
#howitworks-section div.howItWorks div.container div.row div.services-box div.col-sm-4.first div.services-post.triggerAnimation.animated a{
	display: none !important;
}
#howitworks-section div.howItWorks div.container div.row div.services-box div.col-sm-4 div.services-post.triggerAnimation.animated a{
	display: none !important;
}
#features-section div.container div.row div.services-box div.col-sm-4.first div.services-post.triggerAnimation.animated a{
	display: none !important;
}
#features-section div.container div.row div.services-box div.col-sm-4 div.services-post.triggerAnimation.animated a{
	display: none !important;
}
#benefits-section div.container div.row div.services-box div.col-sm-3.first div.services-post.triggerAnimation.animated a{
	display: none !important;
}
#benefits-section div.container div.row div.services-box div.col-sm-3 div.services-post.triggerAnimation.animated a{
	display: none !important;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#btnreadmore {
	float:left;
	border: 1px solid #00B1DF;
	padding-right:20px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	color: #00B1DF;
	font-size: 13px;
}
#btnbacktotop {
	float:left;
	border: 1px solid #00B1DF;
	padding-right:20px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	color: #00B1DF;
	font-size: 13px;
}
.services-box {
	padding-bottom: 0px;
	overflow:visible;
}
.services-box2 {
	padding-bottom: 0px;
	overflow:visible;
}
.services-box2 .services-post a {
	display:none !important;
}
.services-box2 .services-post {
	background: none !important;
	border: none !important;
}
#aboutpic {
	width: 100%;
}
.services-post a{
	display: none;
}
.benefitspic {
	padding-right: 15px;
}
.displaywb {
	display:-webkit-box;
}
ul#menu-main
{
	//text-align: center !important;
}
/***************************************NAVIGATION
****************************************/
.navbar-brand
{
	float: right;
}
div.navbar-collapse.collapse.in ul#menu-main
{
	text-align: center !important;
}
div.navbar-collapse.collapse.in ul#menu-main li.menu-item
{
	text-align: center !important;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
div.navbar-collapse.collapse ul#menu-main li.menu-item a
{
	color: #999999;
}
div.navbar-collapse.collapsing ul#menu-main li.menu-item
{
	color: #999999;
}
div.navbar-collapse.collapsing ul#menu-main li.menu-item a
{
	color: #999999;
}
div.navbar-collapse.collapse ul#menu-main li.menu-item a:hover
{
	color: #40C4E6;
}
button.navbar-toggle
{
	float: left !important;
}
/**************************NAVIGATION END
****************************************/

#home-section
{
	background-image: url('http://52.24.133.167/wp_main/wp-content/uploads/2015/07/LANDING-PAGE-11.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#video-section
{
	
	background-image: url('http://52.24.133.167/wp_main/wp-content/uploads/2015/07/LANDING-PAGE-21.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.submit_contact {
	font-family:GothamThin !important;
	color:5d5d5d;
}

#name {
	color:5d5d5d !important;
}
#mail {
	color: 5d5d5d;
}
#contact-form {
	color:green;
}
.features-subwrapper div.container {
	width: 75%;
}
#shine-block-119-13 {
	padding: 40px;
}
#home-section{
	background-size: cover;
}
#btnreadmore:hover {
	cursor:pointer;
}
#btnbacktotop:hover {
	cursor:pointer;
}

/* Website Design Start */

/* HEAD */
header, .navbar {
	background:#68cc08;
	border-bottom: 0px solid #d1d1d1;
}

/*ul.filter li a:hover, ul.filter li a.active, .testimonial ul li p span, .staff-post:hover .staff-post-content h3, .statistic-counter p span.timer, .blog-post:hover .post-date p, #contact-form button, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, ul.navigate-posts li a:hover i, ul.tag-post li a:hover, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:hover, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination .current, .widget-box a:hover, .services-post a i, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #FFFFFF !important;
}*/

.navbar-default .navbar-nav > li > a {
	color: #FFFFFF;
	padding: 8px 15px 8px 15px;
	font-size: 14px;
	font-family: latomedium;
}

.navbar-default .navbar-nav > li > a:focus {
	color: #69cc09;
	border: 0px solid #333333;
	border-radius: 7px;
	font-family: latomedium;
}

.navbar-brand {
	display:none;
}

/*#home {
	background-image: url("http://52.24.133.167/wp_teacher_pronto/wp-content/uploads/2016/05/Teacher-Pronto-Website_Banner-copy.png");
    background-position: 0% 0%;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 11%;
}*/

.head  {
	background:#68cc08;
	margin-bottom: 0px;
}

.head .parags {
	padding-top: 16%;
}

.head p {
	color: #FFFFFF;
	font-size: 31px;
	font-family: lato;
}

.head p span {
	text-align: center;
	display: block;
}


.app-store-buttons {
    width: 50%;
    background-repeat: no-repeat;
    border-color: transparent !important;
    padding: 0px 4px;
    background-position: 3px 0px;
    max-width: 200px;
    background: transparent;
    margin-right: auto;
    margin-left: auto;
    display: inline;
}

.apps-stores a:hover, .apps-stores .btn-default:hover, .apps-stores a:focus, .apps-stores .btn-default:focus {
	color:transparent !important;
}

.app-store-buttons img {

	width: 100%;
}

#bg-phone-weba {
	display:block;
	margin: -1px;
	
}
#bg-phone-webb {
	display:none;
	
}

.midhead {
	background: #f2f2f2;
	margin-bottom: 0px;
	padding: 60px 0px;
	
}

.midhead p {
	text-align: center;
	color:#4D4D4D;
	font-family: lato;
	font-size:20px;
	margin-bottom: 25px;
}

.midhead p span {
	font-family: latobold;

}

.midhead p.title {
	color:#333333;
	font-family: latoheavy;
	font-size:30px;
	
}

.main {
	background: #ffffff;
	padding: 150px 0 100px 0;
    	margin-bottom: 0px;
}

.main p.title {
	color:#333333;
	font-family: latoheavy;
	font-size:30px;
	margin-bottom: 30px;
	
}

.main ul {
	list-style: none;
	padding-left: 0px;
}

.main li {
	color:#666666;
	font-family: lato;
	font-size:17px;
	line-height: 28px;
	margin-bottom: 30px;
	position: relative;
    	margin-left: 78px;
	padding-right: 34px;
	
}

.main li img {
	position: absolute;
    	max-width: 45px;
    	left: -77px;
}

.main li span.title {
	color:#333333;
	font-family: latoheavy;
	font-size:20px;
	text-transform:uppercase;
	
}

#phonera {
		display:block;
	
}

#phonerb {
		display:none;
		
}

.informs {
	background: url('http://52.24.133.167/wp_teacher_pronto/wp-content/uploads/2016/05/Teacher-Pronto-contactbg.png') top center no-repeat;
	padding: 60px 0 60px 0;
	margin-bottom: 0;
	background-size: 100% 100%;
}

.informs h3 {
	color:#ffffff;
	font-family: latoheavy;
	font-size:24px;
	margin-top: 0;

}

.informs p {
	color:#b3b3b3;
	font-family: lato;
	font-size:17px;

}


.informs .informer p {
	line-height: 35px;

}

.informs .informer p.abn {
	line-height: 15px;
    	font-size: 0.9em;;

}

.informs p.under:after {
	display: block;
    	content: "";
    	width: 35px;
    	height: 1px;
    	background: #626061;
    	margin-top: 25px;
    	margin-bottom: 25px;

}

.informs .informer span{
	color:#ffffff;
}

.informs .informant span.hammer{
	color:#ffffff;
	font-family: latoheavy;
	font-size:24px;
}

.form-control
{
	margin-bottom: 5px !important;
	border-radius:4px !important;	
}

 

#contact-name
{
      
	height: 53px;
	font-family:Sans-serif !important;
	font-size: 16px !important;
	color: #343A3A !important;
 -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}


#contact-email
{
      
	height: 53px;
	font-family:Sans-serif !important;
	font-size: 16px !important;
	color: #343A3A !important;
 -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;

}

#contact-message
{
	font-family:Sans-serif !important;
	font-size: 16px !important;
	color: #343A3A !important;
	padding-top: 20px !important;
    	padding-bottom: 20px !important;
    	padding-left: 20px !important;
    	padding-right: 20px !important;
}

textarea.form-control
{
    	height: 120px;
    	resize: none;
}

.contact-submit {
    font-family: Sans-serif;
    background-color: #68cc08;
    width: 100%;
    color: #ffffff !important;
    font-size: 20px;
    padding-top: 17px;
    padding-bottom: 17px;
}

footer {
    	background: #111111 !important;
	height: auto;
	padding: 10px 0 !important;
}

footer p {
	font-family: lato;
	font-size: 10px;
	color:#808080;
	margin-bottom:0;
	margin-top: 5px;
}

footer ul {
	list-style:none;
	margin-bottom:0px;
	
}



footer ul li {
	float:left;
	margin-left: 25px;
}

footer ul li a {
	font-family: lato;
	font-size: 10px;
}



/** Unified Page Format **/

.page-id-12 header, .page-id-16 header, .page-id-14 header {
	display:none;
}

.pageheader .navbar {
    background: #ffffff;
    border-bottom: 1px solid #e6e6e6;
}

.pageheader .navbar-brand {
	display:block;

}

.pageheader .navbar-brand img {
	max-width: 70px;
}

.pageheader .navbar-default .navbar-nav > li > a {
    color: #333333;
    padding: 8px 15px 8px 15px;
    font-size: 14px;
    font-family: latomedium;
}

.newpage {
	background: #ffffff;
	padding: 50px 0 60px 0;
    	margin-bottom: 0px;
}

.newpage p.title {
	color:#333333;
	font-family: latoheavy;
	font-size:30px;
	margin-bottom: 65px;
	
}

.newpage p.titleb {
	color:#333333;
	font-family: latoheavy;
	font-size:30px;
	margin-bottom: 25px;
	
}

.newpage p.supportpage {
	color: #666666;
    	font-family: lato;
    	font-size: 17px;
    	line-height: 28px;
    	margin-bottom: 50px;
	
}

.newpage p.supportpage a {
	color: #68cc08;
    	
	
}

.newpage ul {
	list-style: none;
	padding-left: 0px;
}

.newpage ul.second {
	padding-top: 15px;
}

.newpage li {
	color:#666666;
	font-family: lato;
	font-size:17px;
	line-height: 28px;
	margin-bottom: 30px;
	position: relative;
    	margin-left: 78px;
	padding-right: 34px;
	
}

.newpage .second li {
	margin-bottom: 15px;
	margin-left: 30px;
}

.newpage li img {
	position: absolute;
    	max-width: 30px;
    	left: -77px;
}

.newpage li span.title, .newpage p.titlec {
	color:#333333;
	font-family: latoheavy;
	font-size:20px;
	text-transform:uppercase;
	
}

.newpage p.titlec {
	margin-bottom: 30px;
    	margin-top: 35px;
}

.home #menu-item-21 {
	border:1px solid #ffffff;
	border-radius:7px;
} 


/** MediaQuery **/

@media only screen and (min-width:991px) and (max-width: 1056px)  {
	.pageheader .navbar-default .navbar-nav > li > a {
      		padding: 8px 10px 8px 10px;
	}
}


@media only screen and (min-width : 992px) {
	.contact-name {
		padding-right: 5px;
	}

	.contact-email {
		padding-left: 5px;
	}
	
	
}

@media only screen and (min-width:320px) and (max-width: 991px)  {
	.home #words {
		margin: 0 auto;
}


}

@media only screen and (min-width:320px) and (max-width: 991px)  {
	#bg-phone-weba {
		display:none;
	
	}
	#bg-phone-webb {
		display:block;
		margin-top: 25px;
		margin-bottom: 25px;
	
	}

	#phonera {
		display:none;
	
	}
	#phonerb {
		display:block;
		margin-top: 25px;
		margin-bottom: 25px;
	
	}
	.apps-stores {
		display: -webkit-flex;
   		display: flex;
   		-webkit-flex-direction: row;
   		flex-direction: row;
   		-webkit-align-items: center;
   		align-items: center;
   		-webkit-justify-content: center;
   		justify-content: center;
		margin-bottom: 30px;
    		margin-top: 30px;
	}

	.app-store-buttons {
        	max-width: 100%;
    	}
	
	.head p {
       		text-align: center;
	}

	.informant {
		padding-top: 30px;
	}
	#contact-name {
       		margin-bottom: 20px !important;
	}

	.main p.title {
		text-align: center;
	}

	.home .navbar-collapse {
		background: rgb(104, 204, 8);
	}

	.home .navbar-default .navbar-toggle {
		border-color: #FFFFFF;
	}

	.home .navbar-default .navbar-toggle .icon-bar {
		background: #FFFFFF;
	}
	
	
}

@media only screen and (min-width : 872px) {
	.pageheader #menu-homes {
		left: 50%;
    		position: absolute;
    		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}
	
	
}

@media only screen and (max-width : 767px) {
	.navbar-default .navbar-toggle {
    		margin-left: 19px;
	}
}


@media only screen and (max-width : 610px) {
	footer p {
    		display: -webkit-flex;
   		display: flex;
   		-webkit-flex-direction: row, /* works with row or column */
   		flex-direction: row;
   		-webkit-align-items: center;
   		align-items: center;
   		-webkit-justify-content: center;
   		justify-content: center;
		width: 100%;
	}

	footer ul {
		padding-left:0;
    		display: -webkit-flex;
   		display: flex;
   		-webkit-flex-direction: row;
   		flex-direction: row;
   		-webkit-align-items: center;
   		align-items: center;
   		-webkit-justify-content: center;
   		justify-content: center;
		width: 100%;
	}


}

@media only screen and (max-width : 464px) { 
	footer ul li {
    		    margin-left: 3px;
    			margin-right: 3px;
	}

	footer ul li a {
			font-size: 9px;
	}
	footer .container {
    		padding-right: 5px;
    		padding-left: 5px;
    	}

	footer .col-md-12 {
    		padding-right: 5px;
    		padding-left: 5px;
    	}
	
}