@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 Social Media Mogul Club

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



/* 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%;

	font: inherit;

	-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: none;

	border: 3px solid #990000;

	padding: 8px 30px;

	font-size: 18px;

	color: #990000;

	line-height: normal;

	text-transform: uppercase;

	border-radius: 50px;

	-webkit-transition: 0.5s;

	   -moz-transition: 0.5s;

		-ms-transition: 0.5s;

		 -o-transition: 0.5s;

			transition: 0.5s;

}

.btn:hover,

.btn:focus {

	background: #990000;

	color:#fff;

}

.form-group {

	margin-bottom: 30px;

}

.form-control {

	border: 1px solid #ddd;

	background: #fff;

	height: auto;

	padding: 10px 15px;

	font-size: 16px;

	color: #000;

	border-radius: 3px;

	box-shadow: none !important;

	outline: none !important;

}

select.form-control {

	height: auto;

}

textarea.form-control {

	min-height: 150px;

	resize: none;

}



.main-container {

	border: 1px solid #333;

	border-top: none;

	background: #fff;

	width: 998px;

	margin: 0 auto;

}

.container {
width:100%;
    display: inline-block;
	max-width: 1028px;

}



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

/* SITE STRUCTURE & APPEARANCE */

/*-------------------------------------------------------------------------------------------*/
.fb {
    font-size: 20px;
    padding-right: 8px;
    color: #3f5d9a;
}
.twit {
    font-size: 20px;
    padding-right: 8px;
    color: #1da1f2;
}
.insta {
    font-size: 20px;
    padding-right: 8px;
    color: #b432ab;
}
.linked {
    font-size: 20px;
    padding-right: 8px;
    color: #0077b5;
}
.yout {
    font-size: 20px;
    padding-right: 8px;
    color: #fe0000;
}
.section h3 {
    text-align: left;
    font-size: 30px;
    color: #ff9a42;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}
.sec-padding {
    padding: 30px 0;
    background-color: #f4f4f4;
}

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

html, body {
  background: $site-background-color;
  color: $text-color;
  font-family: "Open Sans", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 1em; //16px
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}

h1, h2, h3, h4, h5, h6, p {
  line-height: 1.5;
  margin-bottom: 1em;
  font-weight: 400;
}

h1 {
  font-size: 2.188em; //35px
}

h2 {
  font-size: 1.875em; //30px
}

h3 {
  font-size: 1.625em; //26px
}

h4 {
  font-size: 1.438em; // 23px
}

h5 {
  font-size: 1.125em; //18px
}

p {
  font-size: 1em; //16px
}

hr {
  border: none;
  background: $color-neutral;
  height: 1px;
  margin: 20px 0;
}

i, em {
  font-style: italic;
}

b, strong {
  font-weight: 600;
}

small {
  font-size: 80%;
}

a {
  color: $link-color;

  &:hover {
    color: darken($link-color, 12%);
    text-decoration: none;
  }
}

ul, ol {
  li {
    line-height: 1.5;
  }
}

.unstyle {
  list-style: none;
  padding: 0;
}

// for sanity
img {
  max-width: 100%;
}

body {

	background: #366492;

    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;

    font-size: 18px;

    color: #000;

}



/* header */

.header img {

	width: 100%;

	height: auto;

}



/* navigation */

.navigation {

	background: #366492;

	text-align: right;

	min-height: 30px;

}

.navigation .btn {

	background: #990000;

	min-height: 30px;

	color: #fff;

	border-radius: 0;

}


/* content */

.content {

	padding: 30px;

}



/* socialmedia-btn */

.socialmedia-btn {

	padding-bottom: 30px;

	text-align: center;

}



/* list-content */

.list-content {

	padding-bottom: 30px;

}

.list-content h3 {

	min-height: 0;

	padding-bottom: 15px;

	font-size: 24px;

	color: #990000;

	line-height: normal;

	font-weight: bold;
	margin: 0 0 10px;

}

.list-content li {

	background: url(https://www.selfgrowth.com/socialmedia/checkMark.gif) no-repeat left 4px;

	background-size: auto 20px;

	padding-left: 30px;

	margin-bottom: 10px;

	line-height: normal;

}



/* benefits */

.benefits {

	background: #ffffcc;

	padding: 30px;

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

	font-size: 18px;

}

.benefits h3 {

	padding-bottom: 10px;

	font-size: 24px;

	color: #990000;

	line-height: normal;

	font-weight: bold;
	margin:10px 0;

}

.benefits p {

	padding-bottom: 10px;

	line-height: 28px;
	margin:0;

}



/* testimonial */

.testimonial {

	padding-bottom: 0;

}

.testimonial .column {

	background: #f1f1f1;

	padding: 30px;

	margin-bottom: 30px;

	border-radius: 10px; 
	min-height:200px;

}

.testimonial .imgb {

	border: 5px solid #366492;

	width: 180px;

	height: 180px;

	float: left;

	margin-right: 30px;

	overflow: hidden;

	border-radius: 100%;

}

.testimonial .imgb img {

	width: 100%;

	height: auto;

	float: left;

}

.testimonial .txtb {

	padding-left: 220px;

}

.testimonial .title {

	padding-bottom: 20px;

	color: #666;

}

.testimonial h4 {

	padding-bottom: 5px;

	font-size: 24px;

	color: #000;

	font-weight: bold;
	margin:0px;

}

.testimonial p {

	margin-bottom: 15px;

	line-height: 28px;

}

.testimonial .title p {

	margin: 0;

}
.testimonial h1{text-align: center;
    font-size: 30px;
    padding-bottom: 20px;
    font-weight: bold;
    color: #990000;}


/* enroll-form */

.enroll-form {

	background: #990000;

	padding: 30px;

	margin-bottom: 30px;

	text-align: center;

	color: #fff;

	border-radius: 10px;

}

.enroll-form h3 {

	margin-bottom: 15px;

	font-size: 30px;

	font-weight: bold;

}

.enroll-form h4 {

	margin-bottom: 25px;

	font-size: 24px;

	font-weight: normal;

}

.enroll-form p {

	padding: 10px 0;

	line-height: normal;

}

.enroll-form p a {

	color: #fff;

	text-decoration: underline;

}

.enroll-form p a:hover {

	color: #fff;

	text-decoration: none;

}

.enroll-form .btn-col {

	padding: 15px 0;

}

.enroll-form a.btn {

	border-color: #fff;

	min-width: 220px;

	padding: 12px 30px;

	color: #fff;

}

.enroll-form a.btn:hover {

	background: #fff;

	color: #990000;

}



/* bottom-txtb */

.bottom-txtb {

	text-align: center;

}

.bottom-txtb h3 {

	margin-bottom: 10px;

	font-size: 24px;

	color: #990000;

	font-weight: bold;

}

.bottom-txtb h4 {

	font-size: 22px;

	font-weight: bold;

}

.bottom-txtb h5 {

	font-size: 20px;

	font-weight: bold;

}

.bottom-txtb p {

	padding-bottom: 15px;

	line-height: 26px;

}

.bottom-txtb .imgb-signature {

	padding: 10px 0;

}



/* footer */

.footer {

	padding: 15px 0;

	text-align: center;

	font-size: 12px;

	color: #fff;

}

.footer p {

	line-height: 18px;

}

.footer a {

	color: #fff;

	text-decoration: underline;

}

.footer a:hover {

	text-decoration: none;

}



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

  Responsive CSS

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

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





}



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

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







}



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

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





}