@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");

/*-------------------------------------------------------------------------------------------

  CSS definations for SelfGrowth

-------------------------------------------------------------------------------------------*/



/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	-webkit-box-sizing:border-box;

	   -moz-box-sizing:border-box;

	    -ms-box-sizing:border-box;

	     -o-box-sizing:border-box;

			box-sizing:border-box;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a,

a:hover,

a:focus {

	outline:none;

	text-decoration:none;

}



/* Common Tages */

.padding-right-none {

	padding-right:0;

}

.padding-left-none {

	padding-left:0;

}

.btn {

	display: inline-block;

    background: #ffe500;

	border: none;

	padding: 12px;

	font-size: 20px;

	color: #000;

	line-height: normal;

	font-weight: 600;

	text-transform: uppercase;

	border-radius: 5px;

}

.btn:hover,

.btn:focus {

	background: #51a5d1;

	color:#fff;

}

.form-group {

	margin-bottom: 20px;

}

.form-control {

	border: 1px solid #fff;

	background: #fff;

	height: auto;

	padding: 10px 15px;

	font-size: 14px;

	color: #000;

	border-radius: 3px;

	box-shadow: none;

	outline: none;

}



.container {

	width: 1024px;

}





/*-------------------------------------------------------------------------------------------*/

/* SITE STRUCTURE & APPEARANCE */

/*-------------------------------------------------------------------------------------------*/

body {

	background: #a3d2f1 url(../images/bg_body.png) repeat-x left top;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 12px;

    color: #4f4f4f;

    font-weight: 400;

}



/* main-box */

.main-box {

	background: #fff;

	margin-top: 20px;

	padding: 15px 15px 30px 15px;

	border-radius: 10px 10px 0 0;

}



/* header */

.header {

	border-bottom: 1px solid #2a6c94;

	padding: 0 15px 15px 15px;

	margin: 0 -15px 30px -15px;

}



/* logo */

.logo {

	float: left;

}

.logo img {

	width: auto;

	height: 89px;

}



/* social */

.social {

	float: right;

	padding-top: 26px;

}

.social li {

	float: left;

	margin-left: 10px;

}

.social li:first-child {

	margin-left: 0;

}

.social li a {

	background: #51a5d1;

	width: 35px;

	height: 35px;

	display: block;

	border-radius: 100%;

	text-align: center;

	font-size: 18px;

	color: #fff;

	line-height: 35px;

}

.social li a:hover {

	background: #2a6c94;

	color: #fff;

}



/* main-container */

.main-container {

	padding: 50px 0;

}



/* content */

.content {

	font-size: 16px;

}

.content h3 {

	font-size: 24px;

	color: #f0703c;

	font-weight: 700;

	line-height: normal;

}

.content p {

	padding: 5px 0 15px 0;

	line-height: 28px;

}

.content ul {

	list-style: disc;

	padding: 5px 0 30px 17px;

}

.content li {

	padding: 3px 0;

	line-height: 26px;

}



/* form-layout */

.form-layout {

	background: #2a6c94;

	padding: 30px;

	border-radius: 5px;

	color: #fff;

}

.form-layout h4 {

	margin-bottom: 30px;

	text-align: center;

	font-size: 20px;

	color: #fff;

	font-weight: 700;

	line-height: normal;

}

.form-layout label {

	display: block;

	font-size: 14px;

	font-weight: normal;

	padding-bottom: 5px;

}

.form-layout .btn {

	display: block;

	min-width: 100%;

	margin: 0 !important;

	border: none !important;

}



/* footer */

.footer {

	background: #2a6c94;

	padding: 20px 0;

	text-align: center;

	color: #fff;

}

.footer p {

	line-height: 21px;

}

.footer p span {

	display: block;

}

.footer p a {

	color: #fff;

	text-decoration: underline;

}

.footer p a:hover {

	text-decoration: none;

}

input {
    margin-bottom: 20px;
}

/* thank-you */

.thank-you {

	min-height: 380px;

}
.thank-you h4{ text-align:center; color:#000000; font-size:22px;padding:5px;}

.thank-you h3{ padding:15px 0;}
.thank-you .banner {

	width: auto;

	height: 200px;

	text-align: center;

	margin-bottom: 20px;

}
.testi a{ color:#fff; text-decoration:underline}
.thank-you .banner img {

	width: auto;

	height: 100%;

}
.thank-you span{ display:inline-block; font-weight:bold; color:#fff;}

.thank-you .testi{ border-bottom:1px solid #ddd; margin-bottom:15px; color:#FFFFFF;}
.thank-you h5{ font-weight:bold; line-height:24px; color:#fff;}
 .testi{     background: #2a6c94; padding:12px; border-radius:10px;}

/*/////////////////////////////////

  Responsive CSS

/////////////////////////////////*/

@media (min-width: 320px) and (max-width: 767px) {



.container {

	width: auto;

}



.form-control {

	padding: 10px 15px;

	font-size: 14px;

}

.btn {

	font-size: 16px;

}



body {

	font-size: 14px;

}



/* logo */

.logo {

    text-align: center;

    float: none;

}

.logo img {

    width: 200px;

    height: auto;

}



/* social */

.social {

    float: none;

    padding: 15px 0 5px 0;

    text-align: center;

}

.social ul {

    display: inline-block;

}

.social li a {

    width: 30px;

    height: 30px;

    font-size: 16px;

    line-height: 30px;

}



/* main-container */

.main-container {

    padding: 40px 0 30px 0;

}



/* content */

.content h2 {

    font-size: 20px;

}

.content h2 span {

	display: inline;

}

.content h4 {

	font-size: 15px;

}

.content p {

	line-height: 21px;
	color:#FFFFFF;

}

.content li {

    padding: 3px 0;

    line-height: 21px;

}



.form-layout {

	padding: 25px 15px;

}

.form-layout h4 {

	margin-bottom: 20px;

	font-size: 18px;

}

 

/* footer */

.footer p span {

	display: inline;

}



/* thank-you */

.thank-you {

    min-height: 200px;
}



.thank-you .banner {

	height: auto;

	margin-bottom: 0;

}

.thank-you .banner img {

    width: 100%;

    height: auto;

}



}



/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991px) {



.container {

	width: auto;

}



body {

	font-size: 14px;

}



/* content */

.content h2 {

    font-size: 28px;

}

.content h4 {

	font-size: 18px;

}

.content p {

    line-height: 24px;

}

.content li {

    padding: 3px 0;

    line-height: 24px;

}



.form-layout {

	padding: 25px 15px;

}

.form-layout h4 {

	margin-bottom: 20px;

	font-size: 16px;

}



}



/* Small devices (tablets, 768px and up) */

@media (min-width: 992px) and (max-width: 1099px) {



.container {

	width: auto;

}



.form-layout h4 {

    font-size: 22px;

}



}