/* @import url(font-awesome.min.css); 
@import url("http://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,100italic,300italic");
*/
@media (max-width: 795px) {
                    #banner {min-height: 100px; }
				    #banner .content header h2 {font-size: 1.9em !important;}
					#banner .content header h1 {font-size: 1.5em !important;}
				}
@media (max-width:576px){.m-sm-0{margin:0 0!important}.mt-sm-0{margin-top:0!important}.mr-sm-0{margin-right:0!important}.mb-sm-0{margin-bottom:0!important}.ml-sm-0{margin-left:0!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.m-sm-1{margin:.25rem .25rem!important}.mt-sm-1{margin-top:.25rem!important}.mr-sm-1{margin-right:.25rem!important}.mb-sm-1{margin-bottom:.25rem!important}.ml-sm-1{margin-left:.25rem!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.m-sm-2{margin:.5rem .5rem!important}.mt-sm-2{margin-top:.5rem!important}.mr-sm-2{margin-right:.5rem!important}.mb-sm-2{margin-bottom:.5rem!important}.ml-sm-2{margin-left:.5rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.m-sm-3{margin:1rem 1rem!important}.mt-sm-3{margin-top:1rem!important}.mr-sm-3{margin-right:1rem!important}.mb-sm-3{margin-bottom:1rem!important}.ml-sm-3{margin-left:1rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.m-sm-4{margin:1.5rem 1.5rem!important}.mt-sm-4{margin-top:1.5rem!important}.mr-sm-4{margin-right:1.5rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.ml-sm-4{margin-left:1.5rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.m-sm-5{margin:3rem 3rem!important}.mt-sm-5{margin-top:3rem!important}.mr-sm-5{margin-right:3rem!important}.mb-sm-5{margin-bottom:3rem!important}.ml-sm-5{margin-left:3rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.p-sm-0{padding:0 0!important}.pt-sm-0{padding-top:0!important}.pr-sm-0{padding-right:0!important}.pb-sm-0{padding-bottom:0!important}.pl-sm-0{padding-left:0!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.p-sm-1{padding:.25rem .25rem!important}.pt-sm-1{padding-top:.25rem!important}.pr-sm-1{padding-right:.25rem!important}.pb-sm-1{padding-bottom:.25rem!important}.pl-sm-1{padding-left:.25rem!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.p-sm-2{padding:.5rem .5rem!important}.pt-sm-2{padding-top:.5rem!important}.pr-sm-2{padding-right:.5rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pl-sm-2{padding-left:.5rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-sm-3{padding:1rem 1rem!important}.pt-sm-3{padding-top:1rem!important}.pr-sm-3{padding-right:1rem!important}.pb-sm-3{padding-bottom:1rem!important}.pl-sm-3{padding-left:1rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.p-sm-4{padding:1.5rem 1.5rem!important}.pt-sm-4{padding-top:1.5rem!important}.pr-sm-4{padding-right:1.5rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pl-sm-4{padding-left:1.5rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.p-sm-5{padding:3rem 3rem!important}.pt-sm-5{padding-top:3rem!important}.pr-sm-5{padding-right:3rem!important}.pb-sm-5{padding-bottom:3rem!important}.pl-sm-5{padding-left:3rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-auto{margin-right:auto!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-auto{margin-left:auto!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}}
				
@media screen and (min-device-width: 300px) and (max-device-width: 369px) {  
.rowmob { min-width:320px !important; }
  
#titleBar{max-height: 1px !important;}
#nav {display:none !important;}
#menu-m {margin-top:-1px;}
#menu-m .button { display: none !important; }
#menu-m  li {display: inline  !important; max-width:40%; }
.bbl img { width:320px; height:auto; float: left; padding-right: 15px;}
.blogpost h2, .blogpost h1 { margin: 0.7em 0 0 0; font-size: 1.2em !important;}
  }
 @media screen and (min-device-width: 370px) and (max-device-width: 481px) {  
.rowmob { min-width:480px !important; }
 
#titleBar{max-height: 1px !important;} 
#nav {display:none  !important;}
#menu-m {margin-top:-1px;}
#menu-m  li {display: inline  !important;}
.bbl img { width:100%; height:auto; float: left; padding-right: 30px;}
.blogpost h2, .blogpost h1 { margin: 0.7em 0 0 0; font-size: 1.2em !important;}
}

@media screen and (max-width: 640px) {
	#jivo_chat_widget{display: none !important;;}
}
  
@media (max-width: 767px) {
  .rowmob { min-width:480px !important; }
  	.row {
    margin-right: -15px !important;
    margin-left: -15px !important;
	}

  #admenu{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 9;
}
  #titleBar{max-height: 1px !important;}
  #header nav ul li a { z-index: 10009;}
  .blogpost {padding-left: 0px !important; margin-left:0;}
  .bbl-img-tag { min-height: 150px !important; width: 150px !important; margin-right: 15px; display: block !important;}
		.tag-descr { font-size:16px;}
		.blogpost h2 {font-size:20px !important; font-weight:400;}
  
}
@media screen  and (min-width: 767px) {
  #menu-m { display: none;} 
  #content .bbl img {
		width: 400px;
		padding:15px;
  }
}

 #menu-m { z-index: 10009; height:70px;}
 #menu-m li { max-width:150px; display:inline;}

@media (min-width: 1190px) {
	/* #content  p{
		font-weight:300 !important;
		color:#333 !important;	
		font-size:1.05em;
		line-height:34px;
	} */
	/* #content  p {font-family:Trebuchet MS, Helvetica, sans-serif; font-size: 16px;line-height:1.5;color: #333;word-spacing:3px;} */
	 #content  p {
		font-family: Roboto, sans-serif;
	    font-weight: 300;
		font-style: normal;
		/* font-size: 21px; */
		font-size: 18px;
		/* line-height: 1.58; */
		line-height: 28px;
		letter-spacing: -.003em;
	}
} 
@media (min-width: 1450px) {
	body.landing {
		max-width:1440px; 
	}
}
 
 
/* Basic */

	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;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none !important;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}

	html, body {
		/* background: #fafafa; */
		background: #fffffa;
		font-weight:300;
	}


	body, input, select, textarea {
		color: rgba(255, 255, 255, 0.75);
		font-family: "Roboto", Helvetica, sans-serif;
		font-size: 1em;
		font-weight: 300;
		line-height: 1.75em;
	}

	a {
		-moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
		border-bottom: dotted 1px;
		color: #000;
		text-decoration: none;
	}

		a:hover {
			color: #000 !important;
			border-bottom-color: transparent;
		}

	strong, b {
		color: #999;
		font-weight: 300;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
                font-size: 1rem;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #000;
		font-weight: 300;
		line-height: 1em;
		margin: 0 0 1em 0;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			border: 0;
		}
        h1 {
		font-size: 1.5em;
		line-height: 1.5em;
		letter-spacing: -0.025em;
	}

	h2 {
		font-size: 2em;
		line-height: 1.5em;
		letter-spacing: -0.025em;
	}

	h3 {
		font-size: 1.35em;
		line-height: 1.5em;
	}

	h4 {
		font-size: 1.1em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border: 0;
		border-bottom: solid 1px rgba(255, 255, 255, 0.3);
		margin: 3em 0;
	}

		hr.major {
			margin: 4em 0;
		}

	blockquote {
		border-left: solid 4px rgba(255, 255, 255, 0.3);
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(255, 255, 255, 0.075);
		border-radius: 4px;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}
        .left25 { 
               margin-left:25%;
        }
        
        #four {
        background: #4787B8;
        
}
/* Menu */
@media (min-width: 992px) {
  .menu-link {
    visibility: hidden;
  }

}
@media (max-width: 991px) {
  #navbs3 {
    visibility: hidden !important;
  }
    body.landing {
    margin-top: 0px !important;
  }
}

.menu {
  background-color: #FFF;
  position: fixed;
  right: -320px;
  width: 320px;
  height: 100vh;
  z-index: 1499;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.5s;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.menu h3 {
  flex: 0 0 10px;
  font-weight: 300;
  align-self: flex-start;
  padding: 30px 0 0px 30px;
}
.menu h3 a {
  text-decoration: none;
  color: #292b2c !important;
}
.menu h4 {
  font-weight: 300;
  border-bottom: 1px solid;
  padding-bottom: 10px;
}
.menu h4 a {
  text-decoration: none;
  color: #292b2c !important;
}
.menu ul {
  list-style: none;
  padding: 0;
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.menu ul a {
  display: block;
  color: #777;
  width: 100%;
  transition: all 0.2s;
  text-align: center;
      border: none !important;
}
.menu ul a :hover {
  text-decoration: none !important;
  background-color: aliceblue;
  border-bottom: 0;
}
.menu ul li {
  width: 100%;
  text-align: center;
  margin: 2px 0;
  border: none !important;
}
.menu_active {
	position: fixed;
    top: 0;
  right: 0 !important;
  overflow-y: scroll;
  z-index:999;
}
.menu-link {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #fff;
  /* background-color: #b272cc; */
  border-radius: 50%;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1500;
  color:#ffffff0a;
}
.menu-link span,
.menu-link span:before,
.menu-link span:after {
  display: block;
  height: 2px;
  width: 18px;
  position: absolute;
  left: 50%;
  margin-left: -9px;
  top: 50%;
  margin-top: -1px;
  /* background-color: #333; */
  background-color: #b272cc;
}
.menu-link span:before {
  transition: 0.3s;
  content: '';
  margin-top: -6px;
}
.menu-link span:after {
  transition: 0.3s;
  content: '';
  margin-top: 4px;
}
.menu-link_active span {
  background-color: transparent;
}
.menu-link_active span:before {
  transform: rotate(45deg);
  margin-top: 0;
}
.menu-link_active span:after {
  transform: rotate(-45deg);
  margin-top: 0;
}


/* MIXIN*/
.pad-2{padding:2px}.pad-5{padding:5px}.pad-20{padding:20px!important}.pad-lr-0{padding-left:0;padding-right:0}.pad-lr-5{padding-left:5px;padding-right:5px}.pad-lr-10{padding-left:10px;padding-right:10px}.pad-lr-15{padding-left:15px !important;padding-right:15px !important}.pad-lr-25{padding-left:25px;padding-right:25px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-60{padding-bottom:60px!important}.mt-0{margin-top:0}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px!important}.mt-50{margin-top:50px}.mt-60{margin-top:60px!important}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.fs11{font-size:1.1em}.fs12{font-size:1.2em}.fs13{font-size:1.3em}.fs15{font-size:1.5em}.fs18{font-size:1.8em}.fs20{font-size:2em}.fs25{font-size:2.5em}.fs30{font-size:3em}.fs40{font-size:4em}.fw1{font-weight:100}.fw3{font-weight:300}.fw4{font-weight:400}




	body.landing {
		margin:0 auto;
		text-decoration: none;
		margin-top:70px;
		/* background-color:#FBFBFB; */
		background-color: #fffffa;
		
	}
	.landing a, .landing  a:hover, .landing  a:focus{
	text-decoration:none !important;
	}

		
	}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header p {
		color: #ffffff;
		position: relative;
		margin: 0 0 1.5em 0;
	}

	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
		line-height: 1.75em;
	}

	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.8em;
		line-height: 1.75em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
		margin-top: -0.6em;
		line-height: 1.5em;
	}

	header.major {
		margin: 0 0 4em 0;
		position: relative;
		text-align: center;
	}

		header.major:after {
			background: #FFF;
			content: '';
			display: inline-block;
			height: 0.15em;
			max-width: 20em;
			width: 75%;
		}

	footer.major {
		margin: 4em 0 0 0;
	}

/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		color: #ffffff;
		display: block;
		font-size: 0.9em;
		font-weight: 300;
		margin: 0 0 1em 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out;
		-o-transition: border-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out;
		background: transparent;
		border-radius: 4px;
		border: solid 1px #999;
		color: #777;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #e44c65;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: rgba(255, 255, 255, 0.3);
			content: '\f078';
			display: block;
			height: 3em;
			line-height: 3em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 3em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 3em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	select option {
		background-color: #1c1d26;
		color: #ffffff;
	}

	select:focus::-ms-value {
		background: transparent;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: rgba(255, 255, 255, 0.75);
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 100;
			padding-left: 2.55em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				border-radius: 4px;
				border: solid 1px rgba(255, 255, 255, 0.3);
				content: '';
				display: inline-block;
				height: 1.8em;
				left: 0;
				line-height: 1.725em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.8em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: rgba(255, 255, 255, 0.25);
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #e44c65;
		}

	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: #777 !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #777 !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #777 !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #777 !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #777 !important;
		opacity: 1.0;
	}

/* Box */

	.box {
		border-radius: 4px;
		border: solid 1px rgba(255, 255, 255, 0.3);
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

/* Icon */

	.icon {
                text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon.alt {
                        color: #FFF;
			text-decoration: none;
		}

			.icon.alt:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			.icon.alt:before {
				color: #1c1d26 !important;
				text-shadow: 1px 0 0 #ffffff, -1px 0 0 #ffffff, 0 1px 0 #ffffff, 0 -1px 0 #ffffff;
			}

		.icon.major {
			color: #FFF;
			cursor: default;
			display: inline-block;
			height: 6em;
			line-height: 6em;
			margin: 0 0 2em 0;
			text-align: center;
			width: 6em;
		}

			.icon.major:before {
				font-size: 2.25em;
			}

			.icon.major.alt {
				text-decoration: none;
			}

				.icon.major.alt:before {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					text-transform: none !important;
				}

				.icon.major.alt:before {
					color: #272833 !important;
					text-shadow: 1px 0 0 #ffffff, -1px 0 0 #ffffff, 0 1px 0 #ffffff, 0 -1px 0 #ffffff;
				}

/* Image */

	.image {
		border-radius: 4px;
		border: 0;
		display: inline-block;
		position: relative;
		overflow: hidden;
	}

		.image img {
			border-radius: 4px;
			display: block;
		}

		.image.left {
			float: left;
			margin: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			margin: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

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

			ul.alt li {
				border-top: solid 1px rgba(255, 255, 255, 0.3);
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				height: 2.5em;
				line-height: 2.5em;
				padding: 0 0.5em;
			}

				ul.icons li .icon {
					font-size: 0.8em;
				}

					ul.icons li .icon:before {
						font-size: 2em;
					}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
                                border: solid 1px #FFF;
                                border-radius: 4px; 
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

	dl {
		margin: 0 0 2em 0;
	}



/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 4px;
		border: 0;
		/* box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); */
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-weight: 300;
		height: 3em;
		line-height: 3em;
		padding: 0 2.25em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}

		input[type="submit"]:hover, input[type="submit"]:active,
		input[type="reset"]:hover,
		input[type="reset"]:active,
		input[type="button"]:hover,
		input[type="button"]:active,
		.button:hover,
		.button:active {
			/* box-shadow: inset 0 0 0 1px #e44c65; */
			/* color: #e44c65 !important; */
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: rgba(228, 76, 101, 0.15);
		}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		.button.big {
			font-size: 1.35em;
		}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special {
			background-color: #e76278;
			/* background-color: #e44c65; */
			/* border: 2px solid  #e44c65; */
			box-shadow: none;
			color: #FFF !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover {
				background-color: #b272cc;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			.button.special:active {
				background-color: #e13652;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled {
			background-color: rgba(255, 255, 255, 0.3) !important;
			box-shadow: none !important;
			color: #ffffff !important;
			cursor: default;
			opacity: 0.25;
		}



/* Spotlight */

	.spotlight {
		background-attachment: fixed;
		background-position: center center;
		background-size: cover;
		box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
		height: 100vh;
                min-height: 750px;
                
		overflow: hidden;
		position: relative;
	}
	
	.spotlight .button {
	    color: #FFF !important;
		}

		.spotlight:nth-last-of-type(1) {
			z-index: 1;
		}

		.spotlight:nth-last-of-type(2) {
			z-index: 2;
		}

		.spotlight:nth-last-of-type(3) {
			z-index: 3;
		}

		.spotlight:nth-last-of-type(4) {
			z-index: 4;
		}

		.spotlight:nth-last-of-type(5) {
			z-index: 5;
		}

		.spotlight:nth-last-of-type(6) {
			z-index: 6;
		}

		.spotlight:nth-last-of-type(7) {
			z-index: 7;
		}

		.spotlight:nth-last-of-type(8) {
			z-index: 8;
		}

		.spotlight:nth-last-of-type(9) {
			z-index: 9;
		}

		.spotlight:nth-last-of-type(10) {
			z-index: 10;
		}

		.spotlight:nth-last-of-type(11) {
			z-index: 11;
		}

		.spotlight:nth-last-of-type(12) {
			z-index: 12;
		}

		.spotlight:nth-last-of-type(13) {
			z-index: 13;
		}

		.spotlight:nth-last-of-type(14) {
			z-index: 14;
		}

		.spotlight:nth-last-of-type(15) {
			z-index: 15;
		}

		.spotlight:nth-last-of-type(16) {
			z-index: 16;
		}

		.spotlight:nth-last-of-type(17) {
			z-index: 17;
		}

		.spotlight:nth-last-of-type(18) {
			z-index: 18;
		}

		.spotlight:nth-last-of-type(19) {
			z-index: 19;
		}

		.spotlight:nth-last-of-type(20) {
			z-index: 20;
		}

		

		.spotlight .image.main {
			display: none;
		}

			.spotlight .image.main img {
				position: relative;
			}

		.spotlight .content {
			-moz-transform: -moz-translate(0,0);
			-webkit-transform: -webkit-translate(0,0);
			-o-transform: -o-translate(0,0);
			-ms-transform: -ms-translate(0,0);
			transform: translate(0,0);
			-moz-transition: -moz-transform 1s ease, opacity 1s ease;
			-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
			-o-transition: -o-transform 1s ease, opacity 1s ease;
			-ms-transition: -ms-transform 1s ease, opacity 1s ease;
			transition: transform 1s ease, opacity 1s ease;
			background: rgba(23, 24, 32, 0.95);
			border-style: solid;
			opacity: 1;
			position: absolute;
		}

		.spotlight .goto-next {
			-moz-transform: -moz-translate(0,0);
			-webkit-transform: -webkit-translate(0,0);
			-o-transform: -o-translate(0,0);
			-ms-transform: -ms-translate(0,0);
			transform: translate(0,0);
			-moz-transition: -moz-transform 0.75s ease, opacity 1s ease-in;
			-webkit-transition: -webkit-transform 0.75s ease, opacity 1s ease-in;
			-o-transition: -o-transform 0.75s ease, opacity 1s ease-in;
			-ms-transition: -ms-transform 0.75s ease, opacity 1s ease-in;
			transition: transform 0.75s ease, opacity 1s ease-in;
			-moz-transition-delay: 0.5s;
			-webkit-transition-delay: 0.5s;
			-o-transition-delay: 0.5s;
			-ms-transition-delay: 0.5s;
			transition-delay: 0.5s;
			opacity: 1;
		}

		.spotlight.top .content, .spotlight.bottom .content {
			left: 0;
			padding: 4.1em 3em 3.1em 3em;
			width: 100%;
		}

		.spotlight.top .content {
			border-bottom-width: 0.35em;
			top: 0;
		}

		.spotlight.bottom .content {
			border-top-width: 0.35em;
			bottom: 0;
		}

		.spotlight.left .content, .spotlight.right .content {
			height: 101%;
			padding: 6em 3em;
			top: 0;
			width: 28em;
		}

		.spotlight.left .content {
			border-right-width: 0.35em;
			left: 0;
		}

		.spotlight.right .content {
			border-left-width: 0.35em;
			right: 0;
		}

		.spotlight.style1 .content {
			border-color: #e44c65;
		}

		.spotlight.style2 .content {
			border-color: #5480f1;
		}

		.spotlight.style3 .content {
			border-color: #39c088;
		}

		.spotlight.inactive .content {
			opacity: 0;
		}

		.spotlight.inactive .goto-next {
			-moz-transform: translate(0,1.5em);
			-webkit-transform: translate(0,1.5em);
			-o-transform: translate(0,1.5em);
			-ms-transform: translate(0,1.5em);
			transform: translate(0,1.5em);
			opacity: 0;
		}

		.spotlight.inactive.top .content {
			-moz-transform: translate(0,-5em);
			-webkit-transform: translate(0,-5em);
			-o-transform: translate(0,-5em);
			-ms-transform: translate(0,-5em);
			transform: translate(0,-5em);
		}

		.spotlight.inactive.bottom .content {
			-moz-transform: translate(0,5em);
			-webkit-transform: translate(0,5em);
			-o-transform: translate(0,5em);
			-ms-transform: translate(0,5em);
			transform: translate(0,5em);
		}

		.spotlight.inactive.left .content {
			-moz-transform: translate(-5em,0);
			-webkit-transform: translate(-5em,0);
			-o-transform: translate(-5em,0);
			-ms-transform: translate(-5em,0);
			transform: translate(-5em,0);
		}

		.spotlight.inactive.right .content {
			-moz-transform: translate(5em,0);
			-webkit-transform: translate(5em,0);
			-o-transform: translate(5em,0);
			-ms-transform: translate(5em,0);
			transform: translate(5em,0);
		}

	body.is-touch .spotlight {
		background-attachment: scroll;
	}

/* Wrapper */

	.wrapper {
		padding: 6em 0 4em 0;
	}

		.wrapper.style2 {
			background: #e44c65;
		}

			.wrapper.style2 input[type="text"]:focus,
			.wrapper.style2 input[type="password"]:focus,
			.wrapper.style2 input[type="email"]:focus,
			.wrapper.style2 select:focus,
			.wrapper.style2 textarea:focus {
				border-color: rgba(255, 255, 255, 0.5);
			}

			.wrapper.style2 input[type="submit"]:hover, .wrapper.style2 input[type="submit"]:active,
			.wrapper.style2 input[type="reset"]:hover,
			.wrapper.style2 input[type="reset"]:active,
			.wrapper.style2 input[type="button"]:hover,
			.wrapper.style2 input[type="button"]:active,
			.wrapper.style2 .button:hover,
			.wrapper.style2 .button:active {
				background-color: rgba(255, 255, 255, 0.075) !important;
				box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
				color: #ffffff !important;
			}

			.wrapper.style2 input[type="submit"]:active,
			.wrapper.style2 input[type="reset"]:active,
			.wrapper.style2 input[type="button"]:active,
			.wrapper.style2 .button:active {
				background-color: rgba(255, 255, 255, 0.25) !important;
			}

			.wrapper.style2 input[type="submit"].special,
			.wrapper.style2 input[type="reset"].special,
			.wrapper.style2 input[type="button"].special,
			.wrapper.style2 .button.special {
				background-color: #ffffff;
				color: #e44c65 !important;
			}

				.wrapper.style2 input[type="submit"].special:hover, .wrapper.style2 input[type="submit"].special:active,
				.wrapper.style2 input[type="reset"].special:hover,
				.wrapper.style2 input[type="reset"].special:active,
				.wrapper.style2 input[type="button"].special:hover,
				.wrapper.style2 input[type="button"].special:active,
				.wrapper.style2 .button.special:hover,
				.wrapper.style2 .button.special:active {
					background-color: rgba(255, 255, 255, 0.075) !important;
					box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
					color: #ffffff !important;
				}

				.wrapper.style2 input[type="submit"].special:active,
				.wrapper.style2 input[type="reset"].special:active,
				.wrapper.style2 input[type="button"].special:active,
				.wrapper.style2 .button.special:active {
					background-color: rgba(255, 255, 255, 0.25) !important;
				}

		.wrapper.fade-down > .container {
			-moz-transform: -moz-translate(0,0);
			-webkit-transform: -webkit-translate(0,0);
			-o-transform: -o-translate(0,0);
			-ms-transform: -ms-translate(0,0);
			transform: translate(0,0);
			-moz-transition: -moz-transform 1s ease, opacity 1s ease;
			-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
			-o-transition: -o-transform 1s ease, opacity 1s ease;
			-ms-transition: -ms-transform 1s ease, opacity 1s ease;
			transition: transform 1s ease, opacity 1s ease;
			opacity: 1;
		}

		.wrapper.fade-down.inactive > .container {
			-moz-transform: -moz-translate(0,-1em);
			-webkit-transform: -webkit-translate(0,-1em);
			-o-transform: -o-translate(0,-1em);
			-ms-transform: -ms-translate(0,-1em);
			transform: translate(0,-1em);
			opacity: 0;
		}

		.wrapper.fade-up > .container {
			-moz-transform: -moz-translate(0,0);
			-webkit-transform: -webkit-translate(0,0);
			-o-transform: -o-translate(0,0);
			-ms-transform: -ms-translate(0,0);
			transform: translate(0,0);
			-moz-transition: -moz-transform 1s ease, opacity 1s ease;
			-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
			-o-transition: -o-transform 1s ease, opacity 1s ease;
			-ms-transition: -ms-transform 1s ease, opacity 1s ease;
			transition: transform 1s ease, opacity 1s ease;
			opacity: 1;
		}

		.wrapper.fade-up.inactive > .container {
			-moz-transform: -moz-translate(0,1em);
			-webkit-transform: -webkit-translate(0,1em);
			-o-transform: -o-translate(0,1em);
			-ms-transform: -ms-translate(0,1em);
			transform: translate(0,1em);
			opacity: 0;
		}

		.wrapper.fade > .container {
			-moz-transition: opacity 1s ease;
			-webkit-transition: opacity 1s ease;
			-o-transition: opacity 1s ease;
			-ms-transition: opacity 1s ease;
			transition: opacity 1s ease;
			opacity: 1;
		}

		.wrapper.fade.inactive > .container {
			opacity: 0;
		}

/* Dropotron */

	.dropotron {
		background: rgba(39, 40, 51, 0.965);
		border-radius: 4px;
		box-shadow: 0 0.075em 0.35em 0 rgba(0, 0, 0, 0.125);
		list-style: none;
		margin-top: calc(-0.25em + 1px);
		min-width: 12em;
		padding: 0.25em 0;
	}

		.dropotron > li {
			border-top: solid 1px rgba(255, 255, 255, 0.035);
			padding: 0;
		}

			.dropotron > li a, .dropotron > li span {
				border: 0;
				color: rgba(255, 255, 255, 0.75);
				display: block;
				padding: 0.1em 1em;
				text-decoration: none;
			}

			.dropotron > li:first-child {
				border-top: 0;
			}

			.dropotron > li.active > a, .dropotron > li.active > span {
				color: #e44c65;
			}

		.dropotron.level-0 {
			font-size: 0.8em;
			margin-top: 1em;
		}

			.dropotron.level-0:before {
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
				background: #272833;
				content: '';
				display: block;
				height: 1em;
				position: absolute;
				right: 1.5em;
				top: -0.5em;
				width: 1em;
			}

	body.landing .dropotron.level-0 {
		margin-top: 0;
	}

/* Header */
.navbar {
    padding-top:15px;
	color:#FFF;
    margin-bottom:0px;	
	}
.navbar-inverse {
    background-color: #fafafa;
    border-color: ##fafafa !important;
	border-left:0px;
	border-top:0px;
	border-right:0px;
	border-bottom: 2px solid #fafafa;
	
}
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #b272cc !important;
	border-color: #b272cc !important;
}
.navbar a, .navbar li {border-bottom:none;}

 .navbar-fixed-top .navbar-collapse {
    max-height: 90vh !important;
	   z-index: 999;
}


	#skel-layers-wrapper {
		padding-top: 3.5em;
	}

	#header {
		background: rgba(39, 40, 51, 0.965);
		box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
		cursor: default;
		height: 3.5em;
		left: 0;
		line-height: 3.5em;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
	}

		#header h1 {
			height: inherit;
			left: 1.25em;
			line-height: inherit;
			margin: 0;
			position: absolute;
			top: 0;
		}

		#header nav {
			position: absolute;
			right: 1em;
			top: 0;
			width:100%;
			max-height:3.5em;
			overflow: hidden;
			z-index:10009;
		}

			#header nav ul {
				margin: 0;
			}

				#header nav ul li {
					display: inline-block;
					margin-left: 1em;
					float:right;
				}

					#header nav ul li a, #header nav ul li span {
						border: 0;
						color: inherit;
						display: inline-block;
						height: inherit;
						line-height: inherit;
						outline: 0;
						z-index:10009;
					}
					#header nav ul li:first-child {float: left; font-size:1.1em; }

						#header nav ul li a.button, #header nav ul li span.button {
							height: 2em;
							line-height: 2em;
							padding: 0 1.25em;
						}

						#header nav ul li a:not(.button):before, #header nav ul li span:not(.button):before {
							margin-right: 0.5em;
						}

					#header nav ul li.active > a, #header nav ul li.active > span {
						color: #e44c65;
					}

					#header nav ul li > ul {
						display: none;
					}

	body.landing #skel-layers-wrapper {
		padding-top: 0;
	}

	body.landing #header {
		background: transparent;
		box-shadow: none;
		position: absolute;
                margin-bottom:1px;
	}

#breadcrumbs {
       margin-left:20px;
       margin-top:10px;
	   margin-bottom: 3px !important;
}

/* Banner */

	#banner {
		background-attachment: fixed;
		background-color: #272833;
		background-position: center center;
		background-size: cover;
		box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
		/* min-height: 100vh; */
		position: relative;
		text-align: center;
		height:0px;
		z-index: 21;
	}

		#banner:before {
			content: '';
			display: inline-block;
			height: 100vh;
			vertical-align: middle;
			width: 1%;
		}

		

		#banner .content {
			display: inline-block;
			margin-right: 1%;
			max-width: 70%;
			padding: 3em;
			position: relative;
			text-align:center;
			vertical-align: top;
			z-index: 1;
		}

			#banner .content header {
				display: inline-block;
				vertical-align: middle;
				margin-left:-80px;
			}

				#banner .content header h2 {
					font-size: 2.9em;
					margin: 0;
					margin-bottom: 25px;
					color:#000;
				}
				
				#banner .content header h2:after {
					background: #f00c41;
			        content: '';
			        display: inline-block;
			        height: 3px;
			        width: 100%;
					margin: 0px;
					
					}
				#banner .content header h1 {
					font-size: 1.9em;
					
				}

				#banner .content header p {
					margin: 0.5em 0 0 0;
					top: 0;
				}

			#banner .content .image {
				border-radius: 100%;
				display: inline-block;
				height: 18em;
				margin-left: 3em;
				vertical-align: middle;
				width: 18em;
			}

				#banner .content .image img {
					border-radius: 100%;
					display: block;
					width: 100%;
				}

	body.is-touch #banner {
		background-attachment: scroll;
	}
/* Blog */

.blog { 
    margin:auto;
    margin-top:50px;
    padding-top:40px;
    width:80%;
    
}

.blogpost {
    /* margin-top:50px; */
    width:99%;
	max-width:1440px;
    background: #fffffa;
    color: #000000;
    /* font-family: "Courier New", monospace; */
    font-size: 1.2em;
    font-weight:300;
    padding-left:3%;
    /* padding-right:1%; */
   /*  padding-top: 1em; */
}
.blogpost ul.actions li {
    border: 1px solid #222;
	}
	
	.divider {
    border-bottom: 1px solid #c2c2c2;
	margin-bottom: 30px;
	}
	
/*  .blogpost .meta  {
	
    color: #333;
    font-style: italic;
 } */
  .blogpost .meta  a , .blogpost .meta  a:hover, .blogpost .meta  a:active {
	color: #333 !important;
    /* background-color: #e44c65; */
	text-decoration:underline!important;
    padding: 3px 10px 3px 10px;
	border-radius:3px;
	font-size: 14px !important;
	font-weight:400;
  }
  
.button { color:#000 !important;}
	
.blogpost a {border-bottom: none;}

.blogpost h2, .blogpost h1 {
    color: #000;
    margin: 0.7em 0 0 0;
	font-size: 1.3em;
	line-height: 1.2em;
 }
.blogpost header.major:after {
  background: #5480f1;
  content: '';
  display: inline-block;
  height: 0.15em;
  max-width: 20em;
  width: 75%; }
.blogpost img {
		margin: 0 auto !important;
}
 /* .blogpost h2:after {
					background: #1b8763;
			        content: '';
			        display: inline-block;
			        height: 3px;
			        width: 40%;
					margin: 0px;
					
					} */

.blogpost h3 {
  font-size: 1.3rem;
  line-height: 1.5em;
  font-weight:500;
  color: #000;
}
.blogpost a { color:#e44c65;}

.blogpost strong {
    color:#333;
    font-weight: 500;
    text-decoration: underline;
 }
.blogpost #breadcrumbs, .blogpost #breadcrumbs span a {
    text-decoration: none;
	font-size: 0.9em;
	
} 
.blogpost blockquote {
	border-left: 3px solid #b272cc !important;
}

.blogpost  ul  {
	display:flex;
	flex-direction:column;	
}
.blogpost .ya-share2__list  {
	display:flex;
	flex-direction:row !important;	
}
.blogpost  ul li {
	flex-flow: row nowrap;
	flex-direction:row;
	font-size:1.2rem;
	line-height:1.63;
}
.blogpost  ul  li span{
	/* flex-flow: row no-wrap; */
	font-weight:500;
	margin-right:10px;
	
}
@media (max-width: 767px) {
	.blogpost  ul li {
		font-size:16px;
	}
}
	

.bmleft { 
   margin-left: -2.5em;
   
   
   }
.rowmob {
  min-width:480px;
  }
  
 .rowmob320 {
  min-width:320px;
  }
  
 /* Rside */
 .rside a { 
   border-bottom: 0px;
   color: #000;
   
   }
 .rside img { 
  border-radius: 3px;
  margin-left: -0.5em;
  /* max-width: 270px;
  min-width:60%; */
  
  
  }
  
 .rside h3 { 
  color: #000;
  margin: 0 0 0 1em;
 }
.rside ul { 
 list-style: none;
 }
 .rside li {
 padding-bottom:0.5em;
 padding-top: 0.8em;
 border-bottom: 1px dotted #777;
  }
 
 

/* Footer */

	#footer {
		background: #fafafa;
		padding: 0.6em 0;
		text-align: center;
	}

		#footer .icons .icon.alt {
			text-decoration: none;
		}

			#footer .icons .icon.alt:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			#footer .icons .icon.alt:before {
				color: #272833 !important;
				text-shadow: 1px 0 0 rgba(255, 255, 255, 0.5), -1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(255, 255, 255, 0.5);
			}

		#footer .copyright {
			color: rgba(255, 255, 255, 0.5);
			font-size: 0.8em;
			line-height: 1em;
			margin: 2em 0 0 0;
			padding: 0;
			text-align: center;
		}

			#footer .copyright li {
				border-left: solid 1px rgba(255, 255, 255, 0.3);
				display: inline-block;
				list-style: none;
				margin-left: 1.5em;
				padding-left: 1.5em;
			}

				#footer .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

				#footer .copyright li a {
					color: inherit;
				}
				
				
/* Last Post */
.rpwe-block ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}

.rpwe-block li{
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 10px;
list-style-type: none;
}

.rpwe-block a{
display: inline !important;
color: #e44c65;
font-size:15px;
font-weight:300;
padding-top:35px;
}

.rpwe-title a{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
color: #e44c65;
font-size:20px !important;
font-weight:400 !important;


}
.rpwe-li h3 {
margin-bottom: 10px !important;
  line-height: 1em;
}

.rpwe-thumb{
border: 1px solid #eee !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}

.rpwe-summary{
/* font-size: 16px; */
color: #1c1d26;
}

.rpwe-time{
color: #bbb;
font-size: 11px;
}

.rpwe-alignleft{
display: inline;
float: left;
}

.rpwe-alignright{
display: inline;
float: right;
}

.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: "";
display: table !important;
}

.rpwe-clearfix:after{
clear: both;
}

.rpwe-clearfix{
zoom: 1;
max-width: 49%;
min-width:320px;
display: inline-block;
font-size:18px;
min-height:200px;
padding-right:5px;
vertical-align:top;
}
.rpwe_widget {
 background: url(images/p6.png);
 padding-top:40px;

}

/* Bloks  */
.bbl {
  display: inline-block;
  width: 100%;
}
.bbl img {
    width: 150px;
    height: auto;	
  float: left;
  margin: 7px 20px 7px 0;
}
/* Koment */
#comments { 
 width:70%px;
 margin: 0 auto;
 }
.com {
    width:100%;
    background: url(images/p6.png);
    color: #000000;
/*     font-family: "Courier New", monospace; */
     font-size: 1.2em;
    font-weight:200;
    padding-left:10%;
    padding-right:10%;
    
}
#comments textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: border-color 0.2s ease-in-out;
  -webkit-transition: border-color 0.2s ease-in-out;
  -o-transition: border-color 0.2s ease-in-out;
  -ms-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
  background: transparent;
  border-radius: 4px;
  border: solid 1px #000;
  display: block;
  
  padding: 0 1em;
  text-decoration: none;
  width: 100%;
}
#comments input[type="submit"] {
  padding-top:30px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #000;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  color: #544A4A !important;
  cursor: pointer;
  display: inline-block;
  font-weight: 300;
  height: 3em;
  line-height: 3em;
  padding: 0 2.25em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
#comments .form-submit {
padding-top:30px; 
padding-bottom:40px;
margin-left:40%;

}

.otziv {
   width:100%;
   }
.otz span{
font-weight:600;
}
.bbl-img-tag {
   width:100%;
   height:auto;
}
@media (min-width:1200px) {
	.block-grid .bbl-img-tag img {
		width:100%;
		height:auto;
	}
}
.zakaz {
   margin-bottom: 1.5em;
}
.zakaz  p {
   font-size: 1em;
   line-height:22px; 
}
.zakaz h3 {
   font-size: 1.2em;
   font-weight:400; 
   line-height:22px;   
}
.zakaz h3:after {
    background: #FFF;
    content: '';
    display: inline-block;
    height: 3px;
    width: 75%;
	margin-bottom: -10px;	
}
.zakaz.color1 h3:after {background: #1abc9c;}
.zakaz.color2 h3:after {background: #8e44ad;}
.zakaz.color3 h3:after {background: #3498db;}
.sovm {
padding-left: 0px;
padding-right: 0px;
max-width:1400px;
float: none;
margin: 0 auto;
}
.sovm-zag {height:100%;}
.sovm p {
margin: 0.5em 0 0.5em 0;
}
.sovm h3 {
font-size:3.6em;
font-weight:200;
color:black;
margin-bottom:15px;
margin-top:35px;
}
.sovm-head {
background-color:#FBFBFB;
background-image: url("../images/pic09-4.jpg");
background-size: cover;
height:450px;
background-repeat: no-repeat;
background-position: 100% 50%;
margin-bottom:5px;
}
.god-head {
background-color:#FBFBFB;
background-image: url("../images/pic03-2.jpg");
background-size: cover;
height:470px;
background-repeat: no-repeat;
background-position: 100% 50%;
margin-bottom:5px;
}
.den-head {
background-image: url("../images/pic09-3.jpg");
background-color: #ffffff;
background-size: 80%;
height:450px;
background-repeat: no-repeat;
background-position: 100% 70%;
margin-bottom:5px;
}
.post-1400 {
background-color: #ffffff;
}
.sovm-head h1, .den-head h1 {
font-size:4em;
font-weight:200;
padding-left:40px;
line-height:1;
padding-top:50px;
color: #fff;
}
.god-head h1 {
font-size:3em;
font-weight:200;
padding-left:40px;
line-height:1;
padding-top:50px;
color: #fff;
}
@media (max-width: 600px) {
	.god-head h1 {
		font-size:2em; 
		padding-left: 0px; 
		float: right;
		}
	.god-head h5 {
		font-size:1.8em !important;
		padding-left: 0px !important;
		float: right;
		}
	#post-187 p {
		font-size:18px;
		}
	.sovm h3 {
		font-size: 2em;
		font-weight: 300;
		}		
}
.sovm-head h5, .den-head h5, .god-head h5 {
font-size:2.4em;
font-weight:200;
padding-left:40px;
line-height:1;
color: #fff;
}

.sovm-txt{
margin-top: 30px;
font-size:1.8em;
font-weight:200;
color:#000;
line-height:1.1;
}
.sovm-block{
    background: #ffffff;
    text-align: center;
    border-radius: 14px;
    padding-bottom: 53px;
}
.sovm-block a, .sovm-block  a:hover, .sovm-block  a:focus{
text-decoration:none !important;
}
.sovm-block h4 {
    font-size: 1.7em;
    line-height: 1;
    color: #ffffff;
    padding-bottom: 40px;
    padding-top: 40px;
    border-radius: 4px 4px 0 0;
}
.color-1 h4{border-bottom: 4px solid #1abc9c;}
.color-2 h4{border-bottom: 4px solid #8e44ad;}
.color-3 h4{border-bottom: 4px solid #3498db;}
.color-4 {background-image: url("../images/pic03-323.jpg"); background-size:100%; background-repeat:no-repeat; border-radius: 4px !important;}
.color-5 {background-image: url("../images/pic08-323.jpg"); background-size:100%; background-repeat:no-repeat; border-radius: 4px !important; }
.color-6 {background-image: url("../images/pic09-323.jpg"); background-size:100%; background-repeat:no-repeat; border-radius: 4px !important; }
.color-7 {background-image: url("../images/pic09-3231.jpg"); background-size:100%; background-repeat:no-repeat; border-radius: 4px !important; }

.sovm-block p{
color:black;
font-size:1.7em;
font-weight:300;
margin-top: 5px;
}
.color-4 p, .color-5 p, .color-6 p , .color-7 p {font-size:1.3em; font-weight:300; padding-top:60px;}
.color-1 h4, .color-2 h4, .color-3 h4 {color:#000;} 
.sovm-pol p { 
color:black;
font-size:2.1em;
font-weight:300;
margin-top: 5px;

}

@media (max-width: 480px) {
  .sovm {background-color:#fff;}
  .sovm-head {background-image: url("../images/pic04-480.jpg"); }
  .sovm-head h1 {font-size:2.6em;}
  .soc {display:none;}
}

.sovm-zag {
/* margin-top:50px; */
}
.sovmban, .godban  {padding: 0 !important;}
.sovmban1{background-image: url("/wp-content/themes/astra/images/pic111.jpg"); background-position:100% 0; background-repeat:no-repeat; height:400px; opacity: .7;}
.sovmban2{background-image: url("/wp-content/themes/astra/images/pic222.jpg"); background-position:0 100%; background-repeat:no-repeat; height:400px; opacity: .8;}
.sovmban3{background-image:  url("/wp-content/themes/astra/images/pic333.jpg"); background-position:100% 0; background-repeat:no-repeat; height:400px; opacity: .8;}

.godban1{background-image: url("/wp-content/themes/astra/images/pic09-5.jpg"); background-position:100% 0; background-repeat:no-repeat; height:400px; opacity: .99;}
.godban2{background-image: url("/wp-content/themes/astra/images/pic10-1.jpg"); background-position:0% 0; background-repeat:no-repeat; height:400px; opacity: .99;}
.godban3{background-image: url("/wp-content/themes/astra/images/pic04-5.jpg"); background-position:100% 0; background-repeat:no-repeat; height:400px; opacity: .99;}
.godban4{background-image: url("/wp-content/themes/astra/images/pic03-4.jpg"); background-position:0% 0; background-repeat:no-repeat; height:400px; opacity: .8;}


/* ---  MIXIN --- */
.pad-lr-0 {padding-left:0; padding-right:0}
.padtop30 {padding-top:30px;}
.padtop50 {padding-top:50px;}
.padbot30 {padding-bottom:30px;}
.padbot50 {padding-bottom:50px;}
.spacer30 {margin-top:30px;}
.colorblack {color:#000 !important;}

.mainpg {
background-color:#FBFBFB !important;
max-width:1900px;
margin:0px;
color: #000 !important;
display:inline-block;
}
.mainpg h3 {
font-size:2em;
}
.mainpg a, .mainpg a:hover { 
color:#000;
text-decoration:none;
}
.mainpg .btn-info, .botdown .btn-info{
border:1px solid #999;
}
.mainpg .btn-info:hover{
background-color:#FBFBFB;
}
.mainpg h1 {
font-size: 2.9em;
margin:0;
line-height: 1.1em;
padding-top: 40px;
}
.mainpg h2 {
font-size: 1.7em;
margin:0;
}
.baner{
background-image: url("../images/pic02.jpg");
 background-position:50% 10%;
 background-repeat:no-repeat;
 height:500px;
 opacity: .7;
 border-bottom:0.35em solid #e44c65; 
 box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
 z-index:10;
 }
.main1 {
z-index:9;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
padding: 20px 25px 20px 25px;
min-height:200px;
}
.main2 {
z-index:8;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main2-l {
background: url("../images/pic03-1.jpg") no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height:500px;
opacity:0.7;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main2-r {
border-left: 0.4em solid #39c088;
padding: 80px 25px 80px 25px;
height:500px;
}
.main3 {
z-index:7;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main3-r {
background: url("../images/pic04.jpg") no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height:500px;
opacity:0.8;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main3-l {
border-right: 0.4em solid #5480f1;
padding: 80px 25px 80px 25px;
height:500px;
}
.main4 {
z-index:6;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main4-l {
background: url("../images/pic08.jpg") no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height:500px;
opacity:0.9;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main4-r {
border-left: 0.4em solid #39c088;
padding: 80px 25px 80px 25px;
height:500px;
}
.main5 {
z-index:5;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main5-r {
background: url("../images/pic09.jpg") no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height:500px;
opacity:0.9;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main5-l {
border-right: 0.4em solid #5480f1;
padding: 80px 25px 80px 25px;
height:500px;
}
.main6 {
z-index:4;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main6-l {
background: url("../images/pic10.jpg") no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height:500px;
opacity:0.9;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main6-r {
border-left: 0.4em solid #39c088;
padding: 80px 25px 80px 25px;
height:500px;
}
.main7 {
z-index:3;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main7-r {
background: url("../images/pic11.jpg") no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height:500px;
opacity:0.9;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
}
.main7-l {
border-right: 0.4em solid #5480f1;
padding: 80px 25px 80px 25px;
height:500px;
}
.main8 {
z-index:2;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
background-color: #4787B8;
color:#FFF !important;
padding:25px;
}
.main8 h5{
padding-top:0.5em;
font-size: 3em;
line-height: 1.7em;
letter-spacing: -0.025em;
color:#FFF !important;
}
/* .main8 h5:after {
    background: #FFF;
    content: '';
    display: inline-block;
    height: 3px;
    max-width: 20em;
    width: 65%;
	} */
.main8 h6 {
color:#000 !important;
font-size: 1.45em;
letter-spacing: 0.7px;
}
.main9 {
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
padding:25px;
z-index:1;
}
.main9 h3 {
font-size:2em;
}
.main9 span {
font-size:1.35em;
}
.main9 .btn-info {
border: 1px solid #e76278;
background-color: #e76278;
color:#FFF  !important;
margin-top:70px;
margin-bottom:90px;
}
.main9 a{
color: #FFF !important;
}
.main9 a:hover {
    color: #000 !important;
}
.main10 {
min-height:30px;
}

.loop-style {margin-top: 10px;
 margin-bottom: 10px;
 background-color: #fff;
 box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
     display: flex;
    flex-direction: column;
    flex-grow: 1;
 }
.block-grid .loop-style {margin-top: 10px; margin-bottom: 10px; margin-right:15px; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);}
.block-grid .eye {width: 15px;padding-top: 5px;margin-right: 5px !important;}
.block-grid_footer-main{margin-top:auto;display: flex;flef-grow:1,justify-content:space-between;}
.block-grid_footer {margin-top:auto;display: flex;padding-left: 15px;padding-bottom: 5px;}
.block-grid  h3 {color: #000; margin: 0.7em 0 0 0; font-size: 1.1rem; font-weight: 400; line-height: 1.2em;letter-spacing: 0.02rem;}
@media (min-width:1200px) {
	.block-grid {display: flex; flex-direction: row; flex-wrap: wrap;}
	.block-grid .loop-style {width:calc(33.33% - 15px)!important;}
	.block-grid .bbl-img-tag {min-height:270px}
	
	.block-grid  p {line-height: 22px;margin: 0 0 0.5rem 0;}
}

.other-pro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
  background-color: #dfeae6;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}
.other-pro h4 {
  display: flex;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 300;
  padding: 24px 0;
}
.other-pro .other-pro-block {
  display: flex;
  flex-direction: column;
  max-width: 1100px;
  width: 100%;
}
@media (min-width: 991px) {
  .other-pro .other-pro-block {
    flex-direction: row;
    justify-content: space-around;
  }
}
.other-pro .other-pro-block .other-pro-item {
  max-width: 323px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .other-pro .other-pro-block .other-pro-item {
    margin-right: auto!important;
    margin-left: auto !important;
    margin-top: 25px;
  }
}
.other-pro .other-pro-block .other-pro-item img {
  border-top-right-radius: calc(-0.75rem);
  border-top-left-radius: calc(-0.75rem);
      max-width: 100%;
}
.other-pro .other-pro-block .other-pro-item h4 {
  padding: 10px 0;
  font-size: 1.4rem;
  font-weight: 400;
}
.other-pro .other-pro-block .other-pro-item p {
  padding: 0 15px 5px 15px;
  font-size: 1rem;
  font-weight: 400;
}
.other-pro .other-pro-block .other-pro-item a {
  display: flex;
  align-self: flex-and;
  padding-bottom: 25px;
  margin-top: auto;
}

.core {
	min-width: 320px !important;
}
.core-title {
	
	font-weight:100 !important;
}

.readmore {
	display: flex;
	width:100%;
	min-height:200px;
	background-color: #dfeae6;
	margin:30px 0px;
}
.readmore-block {
	display: flex;
	min-width:90%;
	min-height:200px;
	background-color:#fff;
	margin: 15px;
	border-radius: 4px;	
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
@media (max-width: 795px) { 
	.readmore-block { 
	flex-direction:column;
	}
}
.readmore-img {
	display:flex;
	justify-content:center;
	align-items: center;
	min-width: 30%;
}
.readmore-img  img, .readmore-img  a{
	display:flex;
	min-height:150px;
	max-height:170px;
	width:auto;
	margin:15px 0;
}
.read-more-discr {
	display:flex;
	flex-direction:column;
	padding: 15px;
	justify-content:flex-start;
	min-width: 70%;
}
.read-more-discr  .link-list {
	font-size:18px;
	font-weight:bold;
	line-height:26px;
}
.read-more-discr  span {
	font-size:14px;
}
.readmore-link {
	color:#48729e !important;
	border-bottom: 1px dotted #48729e !important;
}
ul .ya-share2__list {display:inline-block !important;}

#true_loadmore{
	/*background-color: #ddd;  сервый фон */
    	border-radius: 2px; /* закругление углов */
    	display: block; /* блочный элемент, на случай, если захотите использовать <a> */
    	text-align: center; /* выравнивание текста по центру */
    	font-size: 14px; font-size: 0.875rem; /* размер шрифта */
    	font-weight: 800; /* начертание */
    	letter-spacing: 1px; /* межбуквенный интервал */
    	cursor: pointer; /* курсор мыши при наведении такой же, как при наведении на ссылку */
    	text-transform: uppercase;
    	padding: 10px 0; /* внутренние отступы сверху и снизу у кнопки */
    	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; /* CSS-анимация*/
}
#true_loadmore:hover{
	/* background-color: #767676; */
	color: #fff;
}
.hc__reply__box__textarea, .hc__reply__box textarea {
	height:145px !important;
}
.yuzo__text--title {
	    font-weight: 400!important;
		color:#333!important;
}





