/*
	Theme Name: Gradstart
	Theme URI: https://wordpress.org/themes/gradstart/
	Author: the WordPress team
	Author URI: https://wordpress.org/
	*/
	*{margin:0; padding:0;}
	.logo img{
		width:100%;
	}
	.icon {
	  float: right;
	  margin: 18px 0;
	}
	.icon > img {
	  padding: 0px 3px;
	  height: 45px;
	}
	.fa.fa-facebook-square {
	  color: #3a5894;
	  font-size: 25px;
		margin: 0 5px;
	}
	.fa.fa-twitter-square {
	  color: #0a93ca;
	  font-size: 25px;
		margin: 0 5px;
	}
	.fa.fa-google-plus-official{
		color:#ce1010;
		font-size:25px;
		  margin: 0 5px;
	}
	.banner{
	  background: #352738 none repeat scroll 0 0;
	   padding-bottom:55px; 
		background: red; /* For browsers that do not support gradients */
	  background: -webkit-linear-gradient(top, #352738 , #704233 ); /* For Safari 5.1 to 6.0 */
	  background: -o-linear-gradient(top, #352738 , #704233 ); /* For Opera 11.1 to 12.0 */
	  background: -moz-linear-gradient(top, #352738 , #704233 ); /* For Firefox 3.6 to 15 */
	  background: linear-gradient(top, #352738 , #704233 ); /* Standard syntax */
	  padding-bottom: 110px;
	   
	}
	.banner h3 {
		color: #fff;
		display: inline-block;
		font-size: 35px;
		margin: 55px 0;
	}
	.banner h2 {
		background: rgba(0, 0, 0, 0.34) none repeat scroll 0 0;
		color: #fff;
		padding: 45px 81px;
		font-size: 27px;
		margin-right: 96px;
		text-align: center;
	}
	.form-banner>input {
		display: inline-block;
		margin: 4px 0;
		padding: 11px 13px;
		width: 88%;
		margin-bottom: 13px;
	}
	.wpcf7-form-control.wpcf7-submit.footbutton {
	  width: 26%!important;
	}
	.form-banner {
	  background: #554a50 none repeat scroll 0 0;
	  border-radius: 2px;
	  float: right;
	  margin: 57px 0 0;
	  padding: 94px 0 1px 2px;
	  text-align: center;
	  width: 80%;
	  border-radius: 5px;
	}
	.form-banner button {
	  background: #2d83b0;
	  border: none;
	  color: #fff;
	  padding: 3px 10px;
	  border-radius: 2px;
	}
	.logo {
		  margin: 73px 0 30px 0px;
	}
	.form-banner button {
		background: #2d83b0 none repeat scroll 0 0;
		border: medium none;
		border-radius: 2px;
		color: #fff;
		font-family: lato;
		font-size: 21px;
		font-weight: bolder;
		margin: 36px 0;
		padding: 12px 28px;
		border-radius: 5px;
	}
	h4 {
		color: #000;
		font-size: 21px;
		font-weight: bold;
		padding: 50px 0 15px;
	}
	 .sucsess p {
	  font-family: oswald;
	  font-weight: normal;
	}
	.head-book {
	  margin: 48px 0 26px;
	}
	.head-book p {
	  color: #000;
	  font-family: open sans;
	  font-size: 15px;
	  margin: 18px 0;
	}
	.book-image > img {
	  margin: 15px 0 0;
	  width: 100%;
	}
	.grad-heading p {
		  color: #000;
		font-family: open sans;
		font-size: 15px;
	}
	.grad-heading h1 {
	  color: #000;
	  font-weight: bold;
	  font-size: 38px;
	}

	.icon span{
		font-family:lato;
		font-weight:bold;
	}
	.icon h1{
		font-weight:thin;
	}
	.footer{
		 background: url(".../images/footer-image.jpg");
		overflow: hidden;
		background-size: cover;
		background-attachment:fixed;
	   
	}	
	.footer-heading > h1 {
	  color: #fff;
	  font-family: lato;
	  font-size: 46px;
	  font-weight: bolder;
	  margin: 45px 0;
	  text-align: center;
	  width: 100%;
	}
	.footer input {
		color: #000;
		display: inline-block;
		font-size: 16px;
		font-weight: bolder;
		margin: 5px 0;
		padding: 10px 14px;
		width: 88%;
		background: #D5D5D5;
		border: none;
		/* border-radius: 11px; */
	}
	.grad-heading span{
		 font-size: 20px;
		margin: 0 0 0 2px;
		position: absolute;
	}
	.footer-button{
		text-align:center;
	}
	.footer-button > button {
		background: #2d83b0 none repeat scroll 0 0;
		border: none;
		padding: 10px 40px;
		margin: 32px 0px 0px 0px;
		font-weight: bolder;
		font-size: 23px;
		/* border-radius: 28px; */
	}
	.form-button> button a{
		color:#fff;
	}
	.footer-rey {
	  margin: 45px 0;
	}
	.social-icon {
	  background: #1A1D22;
	  padding: 50px 0;
	  text-align: center;
	}
	.social-icon > img {
	  margin: 0 2px;
	}
	.col-md-4.pad {
	  padding: 0;
	}
	.grad-heading h3 {
	  color: #000;
	  font-family: oswald;
	}

	hr {
	  margin: 0px;
		  border-top: 1px solid #c7c4c4;
	}
	.social-icon > img {
	  margin: 0 2px;
	  width: 35px;
	}
	.grad-heading {
	  margin: 60px 0;
	}
	.pad{
		padding:0px;
	}

	.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
		margin: 0px 0px 5px 0px;
	}
	 @media screen and (max-width:1200px){
		 .wpcf7-form-control.wpcf7-submit.footbutton {
	  width: 26%!important;
	}
	.footer {
	}
	 }
	  @media screen and (max-width:992px){
	.form-banner {
	  width: 100% !important;
	}
	.footer {
	}

		  .banner h2 {
	 margin:0px !important;
	}
	.footer input {
	  width: 100% !important;
	}
	 }
	  @media screen and (max-width:771px){
		  .banner h2 {
	 margin:0px !important;
	}
	.footer {
	}
	.form-banner {
	  width: 100% !important;
	}
	.footer input {
	  width: 100% !important;
	}
	.wpcf7-form-control.wpcf7-submit.footbutton {
	  width: 53%!important;
	}
	  }
	  @media screen and (max-width:768px){
	.remind-button {
  margin: 0 auto!important;}
	  }
	    @media screen and (max-width:414px){
	.remind-button {
  margin: 0 auto!important;}
	  }
	      @media screen and (max-width:375px){
	.remind-button {
  margin: 0 auto!important;}
	  }
	 @media screen and (max-width: 360px){
		 .form-banner {
	  padding: 35px 5px 0 0;
	  text-align: center;
	  width: 100%;
	  margin:0px;
	}
	.footer {
	}
	.banner h2 {
	  margin: 0 0 35px;
	  padding: 25px 46px;
	  text-align: center;
	}
	.banner h3 {
	  text-align: center;
	}
	.book-image > img {
	  float: left;
	  margin: 50px 0 0;
	  width: 100%;
	}
	.footer-heading > h1 {
	  font-size: 21px;
	  margin: 0px 0px 24px 0px;
	}
	.footer-rey {
	  margin: 20px 0;
	}
	.footer-button > button {
	  margin: 5px 0 0;
	  padding: 10px 47px;
	}
	.social-icon {
	  padding: 12px 0;
	}

	.footer {
	  overflow: hidden;
	  padding: 0;
	  background-size: cover;
	  height:auto;
	}

	div.wpcf7-mail-sent-ok {
		border: 2px solid #398f14;
		color:#fff !important;
	}
	.footer input {
	  background: #d5d5d5 none repeat scroll 0 0;
	  border: medium none;
	  color: #000;
	  display: inline-block;
	  font-size: 16px;
	  font-weight: bolder;
	  margin: 5px 0;
	  padding: 10px 14px;
	  width: 100%;
	}
	.footbutton {
	  width: 85%!important;
	  margin: 0px 2px;
	}
	.remind-button {
	  margin: 0 auto!important;
	  width:84%;
	}
	.wpcf7-form-control.wpcf7-submit.footbutton {
	  width: 59%!important;
	}
	 }
	 @media screen and (max-width:320px){
	.form-banner {
	  margin: 0;
	  padding: 35px 0px 0 0;
	  text-align: center;
	  width: 100%;
	}
	.footer {
	}
	.banner h2 {
		margin: 3px 0 40px;
		padding: 35px 27px;
		text-align: center;

	}
	h6 {
		color: #000;
		font-size: 23px;
		font-weight: bold;
		padding: 50px 0 6px;
	}
	.footer input {
	  background: #d5d5d5 none repeat scroll 0 0;
	  border: medium none;
	  color: #000;
	  display: inline-block;
	  font-size: 16px;
	  font-weight: bolder;
	  margin: 5px 0;
	  padding: 10px 14px;
	  width: 100%;
	}
	.footbutton {
	  width: 85%!important;
	  margin: 0px 2px;
	}
	.remind-button {
	  margin: 0 auto!important;
	  width:84%;
	}
	 }