html
{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

/* body copy  */

body {
color: #000;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.48;
}

/* navbar-fixed-top */
 
 body {
  min-height: 2000px;
  padding-top: 70px;
}


/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
font-family: 'Raleway', sans-serif;
font-style: normal;
font-weight: 400;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
word-spacing: 0;
line-height: 1.1;
}

/* intro text */
h4 small,h5 small,h6 small,.intro
{
color: #429C8F;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
}

/* sub heading */
h1 small,h2 small,h3 small,.secondary 
{
color: #5A2253;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}

.navbar-fixed-top {  background: #fff;  border: 0; }

.brand-text h1	{ margin: 0; padding: 0;}	


/* Custom, iPhone Retina */ 
	@media only screen and (min-width : 320px) {
	.brand-text h1 { font-size: 40px; text-align: right;}
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {
.brand-text h1 { font-size: 64px; text-align: right;}
	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {
.brand-text h1 { font-size: 98px; text-align: right;}
a.navbar-brand { display: none;}
	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {
.brand-text h1 { font-size: 128px;}
	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {
.brand-text h1 { font-size: 136px; text-align: right;}
	}

.brand-text p  { text-align: right; margin-top: 0;}
.brand-text p > a  { color: #8CCFC6; } 
.brand-text p a > i  { margin-left: 6px; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus   {  background-color: rgb(242,248,248);  }

.navbar-default .navbar-nav > .active > a   {  background-color:  rgb(248,248,248);     }
 




/* sidebar  */

blockquote, .sidebar 
{ 
color:#6d6e71;
font-family: 'Libre Baskerville', serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 1.7;
}





.baskerville { font-family: 'Libre Baskerville', Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;}

.serif { font-family: 'Libre Baskerville', Georgia, Times, 'Times New Roman' serif; }


/* .btn-info { background: #96ACD4; } */


/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=73e0u0kanKP2TXv6qS2esC9iuv7 */

/* As hex codes */

.color-primary-0 { color: #8CCFC6 }	/* Main Primary color */
.color-primary-1 { color: #DFF5F2 }
.color-primary-2 { color: #B7E4DE }
.color-primary-3 { color: #63B5AA }
.color-primary-4 { color: #429C8F }

.color-secondary-1-0 { color: #96ACD4 }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #E2E9F6 }
.color-secondary-1-2 { color: #BDCDE7 }
.color-secondary-1-3 { color: #6F8CBC }
.color-secondary-1-4 { color: #4E6EA4 }

.color-secondary-2-0 { color: #FFE2AC }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #FFF7E8 }
.color-secondary-2-2 { color: #FFEDCC }
.color-secondary-2-3 { color: #FFD68C }
.color-secondary-2-4 { color: #F8C569 }

.color-complement-0 { color: #FFCFAC }	/* Main Complement color */
.color-complement-1 { color: #FFF2E8 }
.color-complement-2 { color: #FFE1CC }
.color-complement-3 { color: #FFBC8C }
.color-complement-4 { color: #F8A469 }



/* As RGBa codes */

.rgba-primary-0 { color: rgba(140,207,198,1) }	/* Main Primary color */
.rgba-primary-1 { color: rgba(223,245,242,1) }
.rgba-primary-2 { color: rgba(183,228,222,1) }
.rgba-primary-3 { color: rgba( 99,181,170,1) }
.rgba-primary-4 { color: rgba( 66,156,143,1) }

.rgba-secondary-1-0 { color: rgba(150,172,212,1) }	/* Main Secondary color (1) */
.rgba-secondary-1-1 { color: rgba(226,233,246,1) }
.rgba-secondary-1-2 { color: rgba(189,205,231,1) }
.rgba-secondary-1-3 { color: rgba(111,140,188,1) }
.rgba-secondary-1-4 { color: rgba( 78,110,164,1) }

.rgba-secondary-2-0 { color: rgba(255,226,172,1) }	/* Main Secondary color (2) */
.rgba-secondary-2-1 { color: rgba(255,247,232,1) }
.rgba-secondary-2-2 { color: rgba(255,237,204,1) }
.rgba-secondary-2-3 { color: rgba(255,214,140,1) }
.rgba-secondary-2-4 { color: rgba(248,197,105,1) }

.rgba-complement-0 { color: rgba(255,207,172,1) }	/* Main Complement color */
.rgba-complement-1 { color: rgba(255,242,232,1) }
.rgba-complement-2 { color: rgba(255,225,204,1) }
.rgba-complement-3 { color: rgba(255,188,140,1) }
.rgba-complement-4 { color: rgba(248,164,105,1) }

/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com */


footer { background: #F3F9F9; font-size: 85%; padding-bottom: 24px;}
footer, footer nav ul a { color: #6D6E71; }
footer nav ul a > i  { color: #63B5AA; margin-right: 6px; }

footer nav ul a:hover > i  { text-decoration: none; margin-right: 6px; }
footer nav li  { margin-bottom: 12px; }
footer nav h3, .follow a, #signupForm { color: #63B5AA; }
footer nav ul {list-style-type: none;} 

#signupForm .input-group {
    margin-bottom: 24px;
}

#signupForm .input-group-addon {
  color: #63B5AA;
  background-color: #FBFDFD;
}

#signupForm .form-group { width: 11em;}


.btn-primary-2 {
  color: #fff;
  background-color: #8CCFC6;
  border-color: #63B5AA;
}

.btn-primary-2:hover,
.btn-primary-2:focus,
.btn-primary-2:active,
.btn-primary-2.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #429C8F;
  border-color: #388379;
}




header {padding-bottom: 24px;}
 
 
 /* flipster styles */

 .flip-item img {
  display: block;
  width: 100%;
	max-width: 100%;
  	height: auto;
}

/* codetab styles */

/* 
  5. foldFromHor / 13. movHor / 44. scaleSoft
 */


.ct-flat>.ct-tab .ct-pagitem.ct-cur, .ct-flatbox>.ct-tab .ct-pagitem.ct-cur {
    background-color: #63B5AA;/* 4E6EA4 429C8F 5A2253*/
    color: #fff
}

.ct-flat>.ct-tab.ct-pag-hor.ct-pag-top, .ct-flatbox>.ct-tab.ct-pag-hor.ct-pag-top {
    border-bottom: 2px solid #63B5AA;
}

.ct-tab .ct-pagitem {
    padding-bottom: 5px;
    color: #6D6E71;
    white-space: nowrap
}

.ct-flat.ct-pag-ver.ct-pag-top>.ct-viewport, .ct-flatbox.ct-pag-ver.ct-pag-top>.ct-viewport {
    border-left: 2px solid #63B5AA;
}

.ct-flat.ct-pag-ver.ct-pag-bottom>.ct-viewport, .ct-flatbox.ct-pag-ver.ct-pag-bottom>.ct-viewport {
    border-right: 2px solid #63B5AA;
}



/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

/* fix firefox responsive images */
.img-responsive {
    width: 100%;
}


.pattern1 {
	padding-top: 30px; padding-bottom: 30px;
	margin-top: 50px; margin-bottom: 50px;
	background-color: #f2f2f2;
}

.pattern2 {
	background: #f9f9f9;
	border: solid #e9e9e9;
	border-width: 1px 0;
}

.pa-50      { padding-top: 50px !important; padding-bottom: 50px !important; }
.pa-t-50    { padding-top: 50px !important; }
.pa-b-50    { padding-bottom: 50px !important; }
.pa-b-100   { padding-bottom: 100px !important; }
.ma-b-20    { margin-bottom: 20px !important; }
.ma-b-50    { margin-bottom: 50px !important; }
.ma-b-100   { margin-bottom: 100px !important; }
.ma-b-150   { margin-bottom: 150px !important; }

.dropcap:first-letter {
	float: left;
	padding-right: 0.3em;
	color: #5a2253;
	font-size: 2.9em;
	font-weight: bold;
	line-height: 1em;
	*line-height: 1em;                      /* Fix IE7 */
}
.bo-l-h {
	padding-left: 20px;
	border-left: 1px solid #5a2253;
}
.no-bo { border: none !important; }
.muted { color: #999; }
.nowrap { white-space: nowrap; }



/*  HR class */
.hr {
	position: relative;
	height: 1px;
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #e5e5e5;
}
.hr.dash:after {
	content: ' ';
	display: block;
	position: absolute;
	width: 50px; height: 3px;
	left: 50%; top: -1px;
	margin-left: -25px;
	background-color: #6d6e71;
}
.hr.dash.none { background-color: transparent; }
.hr.dash.left:after { left: 0; margin-left: 0; }




/* 
.col-sm-6  { background: aqua; }
.col-sm-3  { background: yellow; }
.col-xs-6 { background: lime; }
.col-md-3 { background: pink; }
.col-md-9 { background: #f5f5f5; }
 */