k/*-------------------------------------------------*/
/* =  General
/*-------------------------------------------------*/

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
}

.position-relative {
  position: relative;
}

.oh { overflow: hidden; }
.float-left {float:left;}
.float-right {float:right;}
.dx-sm {margin-right: 16px;}

.mb10 {margin-bottom: 10px !important; }
.mb15 {margin-bottom: 15px !important; }
.mb20 {margin-bottom: 20px !important; }
.mb30 {margin-bottom: 30px !important; }
.ml0 {margin-left: 0 !important; }


a {
  text-decoration:none;
  transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  outline: none;
}
a:hover {
  text-decoration: none;
}
a, a:hover, a:focus {
  color: #d0bcd2; /*#660066;*/
  text-decoration: underline;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', 'Open Sans Regular', sans-serif;
  background: #fff;
  overflow: hidden;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.primary{
  border: none;
  margin-left: -11px;
}

b, strong {
  font-weight: inherit;
}

.fa {
  font-size: 15px;
  margin-right: 10px;
}

.indented {
  margin-left: 95px;
}

.mup-sm {
  padding-top: 16px;
}

.mup-md {
  padding-top: 48px;
}

.mdown-md {
  padding-bottom: 48px;
}

.m-md {
  padding-top: 48px;
  padding-bottom: 48px;
}

.published {
  color: #a0a8ad;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: italic;
}

#preloader {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff; /* change if the mask should have another color then white */
  z-index:99; /* makes sure it stays on top */
}

#status {
  width:200px;
  height:200px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image:url(/static/theme/images/preloader.GIF); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-100px 0 0 -100px; /* is width and height divided by two */
}

body img {
  border: none;
}

img.max {
  width: 100%;
  height: auto;
  margin-bottom:16px;
}

img.img-lg {
 width: 100%;
  height: auto;
  max-width: 970px;
}

img.img-md {
 width: 100%;
  height: auto;
  max-width: 600px;
}

img.img-left {
  float: left;
  margin: 0 16px 8px 0;
}

img.img-right {
  float: right;
  margin: 0 0 8px 16px;
}

h1 {
  color: #41525c;
  font-weight: 300;
  font-size: 30px;
  font-family: 'Open Sans';
}
h2 {
  color: #41525c;
  font-weight: 300;
  font-size: 28px;
  font-family: 'Open Sans';
}
h3 {
  color: #41525c;
  font-weight: 300;
  font-size: 26px;
  font-family: 'Open Sans';
}
h4 {
  color: #41525c;
  font-weight: 300;
  font-size: 22px;
  font-family: 'Open Sans';
}
h5 {
  color: #41525c;
  font-weight: 300;
  font-size: 20px;
  font-family: 'Open Sans';
}
h6 {
  color: #41525c;
  font-weight: 300;
  font-size: 18px;
  font-family: 'Open Sans';
}

.item h1,
.item h2 {
  color: #43484b;
  font-size: 18px;
  margin: 0;
  font-weight: 300;
  font-family: 'Open Sans';
  line-height: 28px;
}

p {
  font-size: 14px;
  color: #41525c;
  margin: 0;
  line-height: 26px;
}

.image{
  border-top : solid 3px #fff ;
}

.image1{
  line-height: 20px;
}

.single-image img {
  width: 100%;
}


body.front section {
  padding: 48px 0;
}
body.front section section {
  padding: 0;
}

body.front #testcase .row,
body.front #contatti .row {
  padding-top: 45px;
}

#popular-tab img, 
#recent-tab img,
.news-list img, 
.photo-feed img {
  border: 1px solid #e9e8e6;
  padding: 2px;
}

/*-------------------------------------------------------*/
/* Header
/*-------------------------------------------------------*/

.top-line {
  background: #f6f6e2; 
  border-bottom: 1px solid #e9eef2;
  padding: 10px 0;
}

.top-socials li {
  display: inline-block;
}

.top-socials li i {
  font-size: 16px;
  color: #41525c;
  margin-right: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.top-socials li i:hover {
  background: #fff;
  border: 1px solid #eaeff2;
}

.top-socials li:hover .fa-twitter {
  color: #00abf0;
}
.top-socials li:hover .fa-facebook {
  color: #39579a;
}
.top-socials li:hover .fa-linkedin {
  color: #0072a6;
}
.top-socials li:hover .fa-google-plus {
  color: #eb8984;
}
.top-socials li:hover .fa-pinterest {
  color: #ce1d1f;
}

.top-info {
  text-align: right;
  padding-top: 4px;
}

.top-info li {
  display: inline-block;
  margin-left: 30px;
}

.top-info i {
  color: #41525c;
  font-size: 15px;
  margin-right: 10px;
}

.top-info a {
  color: #660066; /* #660066;*/
  font-size: 13px;
  font-family: 'Open Sans';
}
.top-info p {
  color: #41525c;
  font-size: 13px;
  font-family: 'Open Sans';
  margin: 0;
}

.top-line.active {
  display: none !important;
}

/* Navigation */

.navigation {
  z-index: 10;
  width:  100%;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  padding: 0px 0;
  background: #fff;
  border-bottom: 1px solid #e9eef2;
}

.navigation.active {
  margin-top:   0;
  background: rgba(255,255,255,0.9);
  position: fixed;
}

.pager li > a, .pager li > span{
  border-radius: 7px;
}

 .content-area {
  margin: 0px 0 0 0;
}

/* Header */
.navbar {
  min-height: 35px;
}

.navbar-default {
    background-color: #ffffff;
}

.logo {
  float: left;
  padding: 8px 0;
}
.logo img  {
  /*width: 254px;*/
  height: 80px !important;
}

header .navbar .navbar-collapse {
  text-align: center;
}

header .navbar .navbar-collapse .navbar-nav {
  float: right;
  display: inline-block;
  margin: 0;
}

header .navbar .navbar-collapse .navbar-nav > li {
  margin-left: 30px;
  border-bottom: 2px solid transparent;
  outline: 0;
}

header .navbar .navbar-collapse .navbar-nav li {
  padding:0;
}

header .navbar .navbar-collapse .navbar-nav li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	color: #660066;
	font-family: 'Open Sans',serif;
	font-size: 16px;
	text-transform: uppercase;
	padding: 29px 0px;
	outline: 0;
}


header .navbar .navbar-collapse .navbar-nav li.active, 
header .navbar .navbar-collapse .navbar-nav li:hover {
	border-bottom: 2px solid #660066;
	color: #660066;
}



header .navbar .navbar-collapse .navbar-nav li:last-child:hover {
  border-bottom: 2px solid transparent;
}

header .navbar .navbar-collapse .navbar-nav li.drop {
  position: relative;
}

header .navbar .navbar-collapse .navbar-nav > li > ul.drop-down {
  margin: 2px 0 0 0;
}

header .navbar .navbar-collapse .navbar-nav li ul.drop-down {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 180px;
  visibility: hidden;
  opacity: 0;
  z-index: 3;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,.15);
  -moz-box-shadow: 0 0 8px rgba(0,0,0,.15);
  box-shadow: 0 0 8px rgba(0,0,0,.15);
  text-align: left;
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

header .navbar .navbar-collapse .navbar-nav li ul.drop-down li {
  list-style: none;
  display: block;
  margin: 0;
}

/*
header .navbar .navbar-collapse .navbar-nav li ul.drop-down li a {
  border-radius: 0;
}

header .navbar .navbar-collapse .navbar-nav li a {
  border-radius: 4px;
}

header .navbar .navbar-collapse .navbar-nav li.drop a {
  border-radius: 4px 4px 0 0;
}

header .navbar .navbar-collapse .navbar-nav li ul.drop-down,
header .navbar .navbar-collapse .navbar-nav li ul.drop-down li:last-child a {
  border-radius: 0 0 4px 4px;
}
*/

header .navbar .navbar-collapse .navbar-nav li ul.drop-down li ul.drop-down.level3 {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  top: 0px;
  left: 100%;
  margin-left: 1px;
  border-bottom: none;
}

header .navbar .navbar-collapse .navbar-nav li ul.drop-down li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
  display: block;
  color: #41525c;
  font-size: 14px;
  font-family: 'Open Sans', serif;
  padding: 15px 20px;
  text-transform: uppercase;
  background: #fff;
  margin: 0;
  border: none;
}

header .navbar .navbar-collapse .navbar-nav li ul.drop-down li a:hover {
  color: #fff;
  background: #660066 none repeat scroll 0 0;
}

header .navbar .navbar-collapse .navbar-nav li ul.drop-down li:hover ul.drop-down.level3 {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

header .navbar .navbar-collapse .navbar-nav li ul.drop-down li:last-child {
  border-bottom: none;
}

header .navbar .navbar-collapse .navbar-nav li:hover > ul.drop-down {
  visibility: visible;
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

header .navbar .navbar-collapse .navbar-nav li ul.drop-down li {
  padding: 0px;
}

/*
navbar-default .navbar-nav > li > a {
  color: #333;
}
*/
header .navbar .navbar-collapse .navbar-nav >li a.active{
  color: #333;
}

header .navbar .navbar-collapse .navbar-nav >li a.nolink{
  color: #333;
}

@media (max-width: 768px){
  header .navbar .navbar-collapse .navbar-nav >li:hover a{
    color: #ffffff;
  }
}


.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-static-top {
    z-index: 998 !important;
}






#admin-menu {
  z-index: 1000;
}

#search {
  position: relative;
  margin-top: 20px;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #fff;
  border: solid 1px #e9eef2;
}

#search input[type="text"] {
  padding: 11px 0;
  font-size: 13px;
  text-indent: 10px;
  color: #41525c;
  width: 238px;
  -webkit-border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
  -moz-border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
  border-radius: 19px 20px 20px 19px/19px 19px 20px 20px;
  background-color: #f6fbff;
  border: solid 1px #e9eef2;
}

.search-bar{ 
  width: 240px;
  overflow: hidden;
  display: none;
  position: absolute;
  left: -200px;
}

.search-bar.active{  }
.trigger{
  cursor: pointer;
  position: absolute;
  right: 13px;
  top:13px;
  z-index: 999;
}


/* Slider */

#slider .md-bullets{
  bottom: -24px;
}
#slider .md-bullet:hover.md-current{
  background: #660066;
}

/*slider rinominato home*/
#home .md-bullets{
  bottom: -24px;
}
#home .md-bullet:hover.md-current{
  background: #660066;
}

.tp-leftarrow.default,
.tp-rightarrow.default {
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.6;
}

.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
  opacity: 0.5;
}

.tp-leftarrow.default:before {
  content: '\f053';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 17px;
  line-height: 50px;
  color: #660066;
}

.tp-rightarrow.default:before {
  content: '\f054';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 17px;
  line-height: 50px;
  color: #660066;
}

.tp-leftarrow.default {
  left: 30px !important;
}

.tp-rightarrow.default {
  right: 30px !important;
}


/*-------------------------------------------------------*/
/* Content
/*-------------------------------------------------------*/

section > header > .block-title,
.main-title {
  font-size: 40px;
  color: #434242;
  font-weight: 300;
  font-family: 'Open Sans';
  margin: 0;
  text-align: center;
}


.main-title2 {
  font-size: 34px;
  color: #434242;
  font-weight: 300;
  font-family: 'Open Sans';
  margin: 0;
  margin-bottom:30px;
  text-align: center;
}

.main-border {
  border-bottom: 2px solid #660066;
  width: 90px;
  margin: 16px auto 30px;
}

.main-subtitle {
  font-size: 16px;
  color: #41525c;
  font-weight: normal;
  font-family: 'Open Sans';
  /*margin: 0;*/
  text-align: center;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 30px;
  line-height: 28px;
  font-style: italic;
}

.main-paragraph {
  font-size: 15px;
  color: #41525c;
  font-weight: normal;
  font-family: 'Open Sans';
  text-align: center;
  width: 85%;
  margin: 0 auto;
  margin-bottom: 30px;
  line-height: 26px;
  font-style: italic;
}

/*
.main-border {
    border-bottom: 2px solid #660066;
    width: 90px;
    margin: 25px auto 30px;
}

.main-subtitle{
  text-align: center;
}
*/

/* Testcase */

.testcase.item {
  border: 1px solid #e9eef2;
  border: 1px solid #e9eef2;
}

.testcase.item .inner {
  padding: 0 16px 20px;
}

.testcase.item i {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e9eef2;
  border-radius: 50%;
  display: block;
  font-size: 23px;
  height: 55px;
  left: 50%;
  line-height: 24px;
  margin: auto auto auto -30px;
  padding: 16px;
  position: absolute;
  text-align: center;
  top: -30px;
  width: 55px;
}

.testcase.item .fa {
  color: #79ba3a;
}

.testcase.item:hover i {
  transform:rotateY(360deg);
  -ms-transform:rotateY(360deg);
  -moz-transform:rotateY(360deg);
  -webkit-transform:rotateY(360deg);
  -o-transform:rotateY(360deg);
  transition:all 0.6s ease-in-out;
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
}

.testcase.item .item h1,
.testcase.item .item h2 {
  margin-bottom: 20px;
}

/* News */

.news.item {
  border: 1px solid #e9eef2;
}

.news.item .inner {
  padding: 0 16px 20px;
}

.news.item h1,
.news.item h2 {
  margin-bottom: 12px;
}

.news.item .published {
  margin-bottom: 8px;
}

.news.item p,
.testcase.item p {
  font-size: 14px;
  color: #41525c;
  font-weight: normal;
  font-family: 'Open Sans';
  margin: 0;
  line-height: 26px;
}

.news.item.oneline {
  border-width: 0;
  margin-bottom: 24px;
  font-size: 14px;
}

.news.item.oneline h2 {
  font-size: 16px;
  color: #43484b;
  font-weight: 300;
  font-family: 'Open Sans';
  margin: 0;
}

.news.item.oneline img {
  margin: 0 8px 8px 0;
  float: left;
}

.news.item.oneline .published {
  margin-bottom: 8px;
}

.news.item.oneline img {
  margin: 0 8px 8px 0;
  float: left;
}


.news-list img{
	width:90px;
}

/* flexslider */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexslider {
    margin: 0 0 18px !important;
    padding: 0;
}

.flexslider .slides {
	overflow: hidden;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}

.flexslider {
    margin: 0;
    background: #fff;
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
    position: relative;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    width: 100%;
    height: 43px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    left: 0;
    cursor: pointer;
    text-align: center;
    opacity: 0;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.flexslider:hover .flex-direction-nav {
    opacity: 1;
}

.flex-direction-nav .flex-next {
    width: 43px;
    height: 43px;
    float: right;
    margin-right: 0px;
    background: #660066;
    text-decoration: none;
    border: 0 !important;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.flex-direction-nav .flex-prev {
    width: 43px;
    height: 43px;
    float: left;
    margin-left: 0px;
    background: #660066;
    border: 0 !important;
    text-decoration: none;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.flex-direction-nav .flex-next:after {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    font-size: 30px;
    color: #fff;
    line-height: 43px;
}

.flex-direction-nav .flex-prev:after {
    content: '\f104';
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    font-size: 30px;
    color: #fff;
    line-height: 43px;
}

.flexslider .flex-next:hover {
    opacity: 0.8;
}

.flexslider .flex-prev:hover {
    opacity: 0.8;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
	margin: 0 0 0 8px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
}

.flex-control-paging li a:hover {
	opacity: 0.9;
}

.flex-control-paging li a.flex-active {
	background: #660066;
	cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

	.flex-control-thumbs img:hover {
		opacity: 1;
	}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

/* way - percorsi*/

.way {
    background: #f9fbfc;
    border-top: 1px solid #e9eef2;
    border-bottom: 1px solid #e9eef2;
    padding: 100px 0;
}

.air-quality {
    background: #f9fbfc;
    border-top: 1px solid #e9eef2;
    border-bottom: 1px solid #e9eef2;
    padding: 100px 0;
}

.trial{
    background: #f9fbfc;
    border-top: 1px solid #e9eef2;
    border-bottom: 1px solid #e9eef2;
    padding: 100px 0;
}


#map-canvas {
	height: 500px;
	/*width: 100%;*/
	position: relative;
	overflow: hidden;
	border: 1px solid #e9eef2;
	margin-top:30px;
}

/*blog - news*/

.blog {
/*     background: #f9fbfc;
    border-top: 1px solid #e9eef2;
    border-bottom: 1px solid #e9eef2; */
    padding: 100px 0;
}

.blog .row {
	padding-top: 45px;
}

.blog-item img {
    width: 100%;
}

.blog-item{
    border: 1px solid #e9eef2;
}


.blog-inner {
    padding: 25px 30px 20px;
    background: #fff;
    /*border: 1px solid #e9eef2;*/
}

.blog-item h1 {
    color: #43484b;
    font-size: 18px;
    margin: 0px 0 10px;
    font-weight: 300;
    font-family: 'Open Sans';
    line-height: 28px;
}

.blog-item span {
    display: block;
    font-weight: normal;
    font-family: 'Open Sans';
    font-style: italic;
    font-size: 13px;
    color: #a0a8ad;
}

.blog-item p {
    font-size: 14px;
    color: #8c9195;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 15px;
    font-family: 'Open Sans';
}

.blog-item a, .blog-item a:hover, .blog-item a:focus {
  color: #9BAC3A;
  text-decoration: underline;
}


.blog-single {
    padding-bottom: 100px;
}

.blog-single h1 {
	font-size: 22px;
	color: #43484b;
	font-weight: 300;
	margin-bottom: 20px;
	font-family: 'Open Sans';
	line-height: 28px;
}

.blog-single p {
	font-size: 14px;
	color: #8c9195;
	margin-bottom: 30px;
	margin-top: 0;
	font-family: 'Open Sans';
	line-height: 26px;
}

.blog-single h2 {
	font-size: 18px;
	color: #43484b;
	font-weight: 300;
	margin-bottom: 20px;
	font-family: 'Open Sans';
	line-height: 26px;
}

.blog-single-content ul li {
	font-size: 14px;
	color: #8c9195;
	font-family: 'Open Sans';
	line-height: 26px;
}

.blog-single-content ul {
	/*margin-left: 20px;*/
}

.dt-label {
	color: #a0a8ad;
    font-size: 13px;
    font-family: 'Open Sans';
    font-style: italic;
}

.blog-single-content{
	margin-top: 30px;
}

/* Read more */

a.read-more {
  font-size: 14px;
  color: #660066;
  font-weight: normal;
  font-family: 'Open Sans';
  display: table;
  text-decoration: none;
}

.read-more:hover {
  text-decoration: none;
  color: #79ba3a;
}

.load-more {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
  width: 167px;
  padding: 20px 0;
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #660066;
  -webkit-box-shadow: 0 2px #73bc2d;
  -moz-box-shadow: 0 2px #73bc2d;
  box-shadow: 0 2px #73bc2d;
  color: #fff; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}

.load-more:hover {
  color: #fff;
  background: #6fad4d;
}

view {
  overflow: hidden;
  position: relative;
  cursor: default;
}

.view .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.view img {
  display: block;
  position: relative;
}

.view h2 {
  color: #fff;
  position: relative;
  font-size: 18px;
  font-family: 'Open Sans';
  margin: 0;
  text-align: center;
  font-weight: normal;
}

.view p {
  font-size: 13px;
  position: relative;
  color: #fff;
  font-family: 'Open Sans';
  margin: 0;
  text-align: center;
}

.top-post {
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -50px;
}

.bottom-post {
  position: absolute;
  bottom: 75px;
  left: 0;
  width: 100%;
  margin-left: 0px;
  text-align: center;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.view-first:hover .bottom-post {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.top-post a {
  width: 45px;
  height: 45px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 44px;
  text-align: center;
  background: #fff;
  color: #660066;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

}

.top-post a:hover{
}

.view .top-post a {
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.view:hover .top-post a {

  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}

.top-post i {
  width: 45px;
  height: 45px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 45px;


}

.top-post i:hover{
  transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  /* IE 9 */
  -moz-transform:rotate(360deg);
  /* Firefox */
  -webkit-transform:rotate(360deg);
  /* Safari and Chrome */
  -o-transform:rotate(360deg);
  /* Opera */
  transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -webkit-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;

}

.view-first img {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.view-first .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  background-color: rgba(138,213,66, 0.9);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.view-first h2 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.view-first p {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.view-first:hover img {
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}

.view-first a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.view-first:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.view-first:hover p {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.view-first:hover a.info {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.load-more {
  font-size: 16px;
  color: #fff;
  padding: 20px;
  text-align: center;
  width: 164px;
  margin: 50px auto 0;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #660066;
  -webkit-box-shadow: 0 2px #73bc2d;
  -moz-box-shadow: 0 2px #73bc2d;
  box-shadow: 0 2px #73bc2d;
}

.load-more:hover {
  text-decoration: none;
  background: #7abb3b;
  color: #fff;
}

.index-about {
  padding: 50px 0;
}

.index-about .row {
  padding-top: 45px;
}

.left-about img{
  float: left;
  margin-right: 25px;
  width: 300px;
}

.left-about p {
  color: #41525c;
  font-size: 14px;
  margin: 0 0 30px;
  line-height: 26px;
  text-align: justify;
}

.site-features li {
  color: #41525c;
  font-size: 14px;
  margin-bottom: 20px;
}

.site-features li i {
  font-size: 14px;
  color: #ffffff;
  margin-right: 10px;
}

.detail-features li {
  color: #41525c;
  font-size: 14px;
  margin-bottom: 20px;
}

.detail-features li i {
  font-size: 14px;
  color: #660066;
  margin-right: 10px;
}

.detail-features li b {
  font-weight: bold;
}

/* Slide */

.md-slide-wrap a,
.md-slide-wrap a:hover {
  text-decoration:none;
}

/* Nodes Content */

.testcase-content a.active {
  font-weight: bold;
}

/* User Login */

form#user-login {
}

/* Content1 */

#content1 {
  margin-left:50px;
}
#content1 form input[type=submit]{
  background-color:#84ac4c;
  height: 50px;
  width: 100px;
  margin-top: 15px;
  margin-bottom: 10px;
  color: white;
  font-size: 15px;
  border: 1px;
  text-transform: uppercase;
  font-weight: bold;

}

#content1 form input[type=text]{
  margin: 15px 10px 15px 10px;
  height: 50px;
  background-color:#f6fbff;
  border: solid 1px #e9eef2;
  padding-left: 5px;
}

#content1 #user-register-form input[type=submit]{
  background-color:#84ac4c;
  height: 50px;
  width: 180px;
  margin-top: 15px;
  margin-bottom: 10px;
  color: white;
  border: 1px;
  font-size: 15px;
  padding-left: 5px;
}
#content1 #user-pass  input[type=submit]{
  background-color:#84ac4c;
  height: 50px;
  width: 185px;
  margin-top: 15px;
  margin-bottom: 10px;
  color: white;
  border: 1px;
  font-size: 15px;
  padding-left: 5px;
}
#content1 form input[type=password]{
  margin: 15px 10px 15px 10px;
  height: 50px;
  background-color:#f6fbff;
  border: solid 1px #e9eef2;
  padding-left: 5px;
}

/* Accordion */

#accordion-container {
}

.accordion-header {
  font-size: 18px;
  margin: 5px 0 10px 0;
  padding: 15px 15px 15px 40px;
  cursor: pointer;
  color: #43484b;
  border: 1px solid #e9eef2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.active-header {
  background: url(/static/theme/images/active-header.png) 15px center;
  background-repeat: no-repeat;  
  color: #660066;
  margin-bottom: 0;

}

.inactive-header {
  background: url(/static/theme/images/inactive-header.png) 15px center;
  background-repeat: no-repeat;

}

.accordion-content {
  display: none;
  color: #41525c;
  font-size: 14px;
  line-height: 26px;
  padding: 30px;
  border: 1px solid #e9eef2;
  border-top: 0;
}

/* Partner */

.partners .row {
	padding-top: 45px;
}

.our-team {
    background: #f9fbfc;
    border-top: 1px solid #e9eef2;
    border-bottom: 1px solid #e9eef2;
    padding: 100px 0;
}

.our-team .row {
	padding-top: 45px;
}

.partner-container {
    padding: 20px;
    text-align: center;
    border: groove 2px #fff;
    background-color: #fff;
}

.partner-desc {
    min-height: 120px;
    padding: 20px 0;
}

.partner-logo img {
    width: 200px;
}

.partner.item {
  text-align: center;
  background: #fff;
  border: 1px solid #e9eef2;
}

.partner.item .inner {
  padding: 0 16px 20px;
}

.partner.item img {
  width: 100%;
  max-width: 180px;
  height: auto;
  padding: 0;
  margin: 8px auto;
}

.partner.item span {
  display: block;
  text-align: center;
  font-weight: normal;
  font-family: 'Open Sans';
  font-style: italic;
  font-size: 13px;
  color: #a0a8ad;
}

.partner.item p {
  font-size: 14px;
  color: #41525c;
  line-height: 26px;
  margin-bottom: 0;
  margin-top: 15px;
  text-align: left;
}

.partner.item.oneline {
  margin: 0 0 16px 0;
  padding: 24px;
}

.partner.item.oneline h2 {
  line-height: 16px;
}

.partner.item.oneline img {
  margin-top: -16px;
  width: 77px;
  height: 70px;
}

/* skill */

.skill.item .row {
  margin-top: 45px;
}

.skill.item h1,
.skill.item h2 {
  margin: 30px 0 20px;
}

.skill.item p {
  font-size: 14px;
  color: #41525c;
  font-family: 'Open Sans';
  margin: 0 auto;
  width: 90%;
  text-align: center;
}

.skill-item .main-subtitle {
  width: 61%;
}

/* Chart */

.chart {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 160px;
  text-align: center;
  margin: auto;
  display: table;
  margin-top: 24px;
  margin-bottom: 24px;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 150px;
  z-index: 2;
  font-family: "Open Sans";
  font-size: 42px;
  color: #43484b;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}


.iqa1 {
  display: inline-block;
  line-height: 150px;
  z-index: 2;
  font-family: "Open Sans";
  font-size: 42px;
  color: #43484b;
}
.iqa1:after {
  content: '';
  margin-left: 0.1em;
  font-size: .8em;
}


.capability {
  background: url(../upload/skill-bg.jpg) no-repeat;
}

.capability h1 {
  color: #fff;
  font-size: 40px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 40px;
  text-align: center;
  font-family: 'Open Sans';
}











.shortcodes .meter {
    height: 15px;
    position: relative;
    background: #eef1f3;
    margin-bottom: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.shortcodes .meter > span {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #8ad542;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}




.skill-progress {
  margin-bottom: 30px;
}

.skill-progress p {
  color: #8c9195;
  font-family: 'Open Sans';
  font-size: 18px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 20px;
}

.skill-progress p span {
  color: #8c9195;
  font-family: 'Open Sans';
  font-size: 18px;
  font-weight: 300;
  float: right;
}

.meter { 
  height: 15px;  /* Can be anything */
  position: relative;
  background: rgba(233,238,242,.3);
  margin-bottom: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.meter > span {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #660066;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.statistic-post i{
  font-size: 70px;
  color: #fff;
  text-align: center;
  display: block;
  margin-bottom: 35px;
}

.statistic-counter p{
  color: #fff;
  font-family: 'Open Sans';
  font-size: 24px;
  font-weight: 300;
  margin: 0;
  text-align: center;
}

.statistic-counter span {
  color: #fff;
  font-size: 64px;
  font-weight: 300;
  margin: 25px 0 40px;
  text-align: center;
  font-family: 'Open Sans';
  display: block;

}

/* Contact Form */

label {
  color: #616465;
  font-size: 13px;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 5px;
}


.contact {
    padding: 100px 0;
}

.contact .row {
	padding-top: 45px;
}

#contact-form input[type="text"],
#contact-form input[type="email"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f9fbfc;
    border: solid 1px #e9eef2;
    color: #8c9195;
    font-size: 14px;
    font-family: 'Open Sans';
    width: 100%;
    text-indent: 15px;
    padding: 18px 0;
    margin-bottom: 30px;
}

#contact-form textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f9fbfc;
    border: solid 1px #e9eef2;
    color: #8c9195;
    font-size: 14px;
    font-family: 'Open Sans';
    width: 100%;
    text-indent: 15px;
    padding: 18px 0;
    margin-bottom: 30px;
    height: 150px;
}

#contact-form input[type="submit"] {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    width: 167px;
    padding: 20px 0;
    text-align: center;
    display: table;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #660066;
    -webkit-box-shadow: 0 2px #d0bcd2;
    -moz-box-shadow: 0 2px #d0bcd2;
    box-shadow: 0 2px #d0bcd2;
    border: 0;
}

#contact-form input[type="submit"]:hover {
	color: #fff;
	background: #d0bcd2;
}

#contact-form .message, .comment-form .message {
    height: 20px;
    font-size: 13px;
    float: none;
    margin-top: 5px;
}

#contact-form .message.error, .comment-form .message.error {
	color: #b22222;
}

#contact-form .message.success, .comment-form .message.success {
	color: #696969;
}





.touch h1 {
  font-family: "Open Sans";
  font-size: 18px;
  color: #43484b;
  margin-top: 0;
}

.touch p {
  line-height: 26px;
  font-family: "Open Sans";
  font-size: 14px;
  color: #41525c;
  margin: 0;
}

.touch i {
  color: #41525c;
  font-size: 15px;
  margin-right: 10px;
}

.touch a {
  color: #660066;
  font-size: 14px;
  font-family: 'Open Sans';
}

.touch ul {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 15px;
}

.touch ul li {
  margin-bottom: 15px;
}

.touch ul li p {
  display: inline;
}


.touch ul li i {
  display: inline;
}

/*Breadcrumbs*/ 


.banner {
  padding: 20px 0;
  margin-bottom: 50px;
  background: #9BAC3A;
  /* background: -moz-linear-gradient(left, #660066 0%, #85c8ff 100%);
  background: -webkit-linear-gradient(left, #660066 0%,#85c8ff 100%);
  background: linear-gradient(to right, #660066 0%,#85c8ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660066', endColorstr='#85c8ff',GradientType=1 ); */
}


.banner h4 {
  font-size: 32px;
  float: left;
  font-family: 'Open Sans';
  color: #fff;
  font-weight: lighter;
  margin: 0;
  /*text-transform: uppercase;*/
}

.field-name-body .container {
  margin-top: 24px;
  margin-bottom: 48px;
}


.site_map {
  font-size: 15px;
  float: right;
  color: #fff;
  font-family: 'Open Sans';
  text-transform: lowercase;
  padding-top: 8px;
}
.site_map a{
  color: #fff;
}
.site_map a:hover{
  text-decoration: underline;
}

aside .search input[type="text"] {
  padding: 15px 0 ;
  text-indent: 15px;
  width: 100%;
  font-size: 14px;
  font-family: 'Open Sans';
  border:1px solid #e9e8e6;
  color: #b3b3b3;
  background: #f6fbff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

aside .search input[type="submit"] {
  background: url(/static/theme/images/search.png) no-repeat center;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  border:0;
  cursor: pointer;
}

.aside-categories h1 {
  color: #43484b;
  font-size: 18px;
  font-family: 'Open Sans';
  font-weight: 300;
  margin-bottom: 30px;
  text-align: center;
  margin-top: 0;
}

.aside-categories {
  border:1px solid #e9e8e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 30px;
  margin-bottom: 30px;
}

.aside-categories li a {
  color: #43484b;
  font-size: 15px;
  font-family: 'Open Sans';
  display: block;
  margin-bottom: 20px;
  text-decoration: none;
}

.aside-categories li i {
  margin-right: 10px;
}

.aside-categories li a:hover {
  color: #660066;
}

.aside-categories li:last-child a {
  margin-bottom: 0;
}


.aside-list h1 {
    font-size: 18px;
    color: #660066;
    font-weight: 300;
    font-family: 'Open Sans';
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 20px;
    text-align: center;
}

/*-------------------------------------------------*/
/* =  Tabs Widget
/*-------------------------------------------------*/

.tabs ul {
  padding: 0;
}

.tabs-widget {
  padding: 0px !important;
  margin-bottom: 40px;
  border:1px solid #e9e8e6;
}

.tabs-widget .tab-links {
  margin: 0;
}

.tabs-widget .tab-links li {
  float: left;
  background: #ffffff;
  color: #808080;
  width: 50%;
  height: 46px;
  border-bottom:1px solid #e9e8e6;
}

.tabs-widget .tab-links li.active {
  border-top: 2px solid #660066;
  border-bottom:0;
}

.tabs-widget .tab-links li.active a {
  color: #43484b;
}

.tabs-widget .tab-links li:first-child {
  margin-left: 0px;
  border-right:1px solid #e9e8e6;
}

.tabs-widget .tab-links li a {
  font-family: 'Open Sans';
  color: #41525c;
  font-size: 18px;
  font-weight: 300;
  padding: 10px;
  text-align: center;
  display: block;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

.tabs-widget p {
  color: #41525c;
  font-size: 14px;
  font-family: 'Open Sans';
  margin-top: 0;
  margin-bottom: 10px;
  text-align: justify;
}

.tabs-widget span {
  color: #a0a8ad;
  font-size: 13px;
  font-family: 'Open Sans';
  font-style: italic;
}

.tabs-widget > div {
  clear: both;
  display: none;
}

.tabs-widget > div > ul {
  margin: 0;
}

.tabs-widget #popular-tab {
  display: block;
}

.tabs-widget .author-comment {
  color: #7f7f7f;
  font-size: 11px;
  line-height: 14px;
  max-height: 42px;
  overflow: hidden;
  display: block;
}

.tabs-widget > div li {
  overflow: hidden;
  border-top: none;
  background: #fff;
  padding-bottom: 0;
  padding: 30px;
  border-bottom:1px solid #e9e8e6;
  text-align: center;
}

.tabs-widget > div li:last-child {
  border-bottom: 0;
}

.tabs-widget > div li > a {
  display: block;
}

.tabs-widget img {
  float: left;
  margin-right: 14px;
}

.tabs-widget ul{
  list-style: none;
}

/*-------------------------------------------------*/
/* =  Tabs Widget Left Side
/*-------------------------------------------------*/

.tabs-widget.tabs-left .nav li {
  float: none;
  clear: both;
  width: 100%;
}

.tabs-widget.tabs-left .tab-links li.active {
    border-right: 0 none;
    border-top: 0 none;
    border-left: 2px solid #660066;
}

.tabs-content {
  border: 1px solid #e9e8e6;
}



/* Misc */

.side-tweets {
  border:1px solid #e9e8e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 30px;
  margin-bottom: 30px;
}

.photo-feed {
  border:1px solid #e9e8e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 30px;
  margin-bottom: 30px;
}

.photo-feed img{
  width: 100%;
}

.photo-feed li {
  margin-bottom: 20px;
  padding: 0;
  margin-left: 20px;
}

.photo-feed img:hover {
  opacity: 0.8;
}

.tags{
  border:1px solid #e9e8e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 30px;
  margin-bottom: 30px;
}



.tags a {
  color: #41525c;
  font-size: 13px;
  font-family: 'Open Sans';
  padding: 12px 15px;
  display: block;
  margin-right: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  float: left;
  text-align: center;
  background-color: #f6fbff;
  margin-bottom: 10px;
}

.tags a:hover {
  color: #f6fbff;
  background-color: #660066;
}

blockquote {
  border-left: 5px solid #660066;
  color: #41525c;
  font-family: 'Open Sans';
  font-size: 16px;
  font-style: italic;
  line-height: 28px;
}
blockquote span {
  color: #a0a8ad;
  font-family: 'Open Sans';
  font-size: 13px;
  display: block;
}

blockquote p {
  color: #a0a8ad;
  font-family: 'Open Sans';
  font-size: 13px;
  display: block;
}

blockquote li {
  color: #41525c;
  font-family: 'Open Sans';
  font-size: 14px;
  display: block;
}

/* Hilite */


.hilite-container {
    margin-bottom: 48px;
    margin-top: 24px;
}

.hilite-container .hleft {
  padding-left: 16px;
  border-left: 5px solid #660066;
  color: #41525c;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 28px;
}

.hilite-container .hright {
  padding-right: 16px;
  border-right: 5px solid #660066;
  color: #41525c;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 28px;
  text-align: right;
}

.hilite-container h4 {
  color: #660066;
  font-weight: bolder;
}

.hilite-container h6 {
}


/* Accordion */

#accordion a {
  text-decoration: none;
}

.panel-project {
  border: 2px solid #660066;
  padding: 12px 8px;
}

.panel-project i.fa,
.panel-project h4.panel-title {
  color: #660066;
  font-size: 24px;
  font-weight: bold;
}

.panel-project .active i.fa.fa-arrow-circle-right:before {
  content: "\f0aa";
}

.accordion-list li{
	font-style: italic;
}

/* Share */

.share {
  padding: 20px;
  border:1px solid #e9eef2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
}

.share h2 {
  float: left;
  margin: 0;
}

.share ul {
  float: left;
  margin-left: 120px;
}

.share li {
  display: inline-block;
}

.share li i {
  font-size: 16px;
  color: #41525c;
  margin-right: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.related {
  padding: 20px;
  border:1px solid #e9eef2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 60px;
}

.related h2 {
  margin-top: 0;
  text-align: center;
}

.related ul {
  list-style: disc;
  color: #a9e074;
  padding-left: 20px;
}

.related li {
  margin-bottom: 20px;
}

.related a {
  font-family: 'Open Sans';
  font-size: 14px;
  color: #41525c;
  display: block;
}

.comment-tree h1 {
  text-align: center;
}

.comment-tree li {
  border-bottom: 1px solid #e9eef2;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.comment-tree li img {
  float: left;
  margin-right: 30px;
}

.user-spec {
  margin-bottom: 5px;
}

.user-spec h5 {
  float: left;
  font-family: 'Open Sans';
  font-size: 14px;
  color: #43484b;
  font-weight: 300;
  margin: 0;
}
.user-spec span {
  float: left;
  font-family: 'Open Sans';
  font-size: 13px;
  color: #a0a8ad;
  margin-left: 20px;
}


.user-spec a {
  float: left;
  font-family: 'Open Sans';
  font-size: 14px;
  color: #660066;
  margin-left: 50px;
}

.user-spec {
  margin-bottom: 5px;
}

.comment-text p {
  font-family: 'Open Sans';
  font-size: 14px;
  color: #41525c;
  margin: 0;
}

.depth {
  padding-left: 100px;
}

.comment-text {
  float: left;
  width: 80%
}


.leave-comment {
  padding: 20px;
  border:1px solid #e9eef2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.leave-comment h2 {
  margin-top: 0;
  text-align: center;
}


.leave-comment input[type="text"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f6fbff;
  border: solid 1px #e9eef2;
  color: #41525c;
  font-size: 14px;
  font-family: 'Open Sans';
  width: 100%;
  text-indent: 15px;
  padding: 18px 0; 
  margin-bottom: 30px;
}

.leave-comment textarea {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f6fbff;
  border: solid 1px #e9eef2;
  color: #41525c;
  font-size: 14px;
  font-family: 'Open Sans';
  width: 100%;
  text-indent: 15px;
  padding: 18px 0; 
  margin-bottom: 30px;
  height: 150px;
}


.leave-comment input[type="submit"] {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  width: 167px;
  padding: 20px 0;
  text-align: center;
  display: table;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #660066;
  -webkit-box-shadow: 0 2px #73bc2d;
  -moz-box-shadow: 0 2px #73bc2d;
  box-shadow: 0 2px #73bc2d;
  border: 0;
  float: left;
}

.checkbox {
  float: right;
  padding-top: 10px;
}

.checkbox label {
  font-size: 14px;
  color: #41525c;
}

/*Typography*/

.typography {
  margin-bottom: 50px;
}

.headings {
  margin-bottom: 50px;
}

.headings  p{
  font-size: 14px;
  color: #41525c;
  margin: 0;
  line-height: 26px;
}

.headings .row {
  margin-top:50px;
}

.headings h1,.headings h2,.headings h3,.headings h4,.headings h5,.headings h6 {
  margin: 0 0 20px;
}

.html-style span {
  background: #660066;
  color: #fff;
  padding: 0 3px;
}

.html-style {
  margin-bottom: 50px;
}

.bullets {
  margin-bottom: 50px;
}
.bullets i {
  font-size: 14px;
  color: #660066;
}

.bullets .li-circle {
  list-style: disc;
  color: #660066;
  font-size: 14px;
}
.bullets .li-ol {
  list-style: decimal;
  color: #660066;
  font-size: 14px;
}

.dropcaps {
  margin-bottom: 50px;
}

.dropcaps .row {
  margin-top:50px;
}

.dropcaps .naked-drop span{
  font-size: 46px;
  font-family: 'Open Sans';
  color: #660066;
  font-weight: 300;
  padding-right: 20px;
  padding-bottom: 10px;
  float: left;
  display: block;
  line-height: 40px;
}

.dropcaps .full-drop span{
  font-size: 46px;
  font-family: 'Open Sans';
  background: #660066;
  color: #fff;
  font-weight: 300;
  padding: 3px 10px;
  border-radius: 3px;
  float: left;
  display: block;
  line-height: 40px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-top: 5px;
}

.blockquotes {
  margin-bottom: 50px;
}
.blockquotes blockquote{
  margin-top: 45px;
}

.columns {
  margin-bottom: 90px;
}

.columns .row {
  margin-top: 45px;
}

/*Shortcodes*/

.shortcodes .tabs-widget > div li {
  overflow: hidden;
  border-top: none;
  background: #fff;
  padding-bottom: 0;
  padding: 13px 30px;
  border-bottom: 0;
}

.shortcodes .tabs-widget .tab-links li {
  float: left;
  background: #ffffff;
  color: #808080;
  width: 24%;
  border-right: 1px solid #e9e8e6;
}

.tabs-widget .tab-links li:first-child {
  margin-left: 0px;
  border-left: 0;
}
.shortcodes .accordion-header {
  font-size: 18px;
  margin: 5px 0 3px 0;
}


.shortcodes .tabs-widget > div li p {
  margin: 0;
}
.shortcodes .accordion p {
  margin-top: 20px;
}

.shortcodes .active-header {
  background: url(/static/theme/images/active-header.png) 15px center;
  background-repeat: no-repeat;
  color: #660066;
  margin-bottom: 0;
  margin-top: 0;
}

.shortcodes .inactive-header {
  background: url(/static/theme/images/inactive-header.png) 15px center;
  background-repeat: no-repeat;
  margin-top: 0;
}

.shortcodes .accordion-content {
  display: none;
  color: #41525c;
  font-size: 14px;
  line-height: 26px;
  padding: 15px 30px;
  border: 1px solid #e9eef2;
  border-top: 0;
  margin-bottom: 3px;
  padding-top: 0;
}



.akordionet {
  margin-bottom: 70px;
}

/*Pricing*/

.pricing-tables .row {
  margin-top: 45px;
  margin-bottom: 70px;
}

.p-name {
  text-align: center;
  padding: 17px 0;
  font-weight: 300;
  font-size: 18px;
  color: #43484b;
  margin: 0;
  border-bottom: 1px solid #e9eef2;

}

.p-price {
  padding: 17px 0 0;
  margin: 0;
  text-align: center;
  color: #660066;
  font-size: 34px;
  font-weight: 300;
  margin-bottom: 10px;
}

.p-small {
  padding: 0px 0 17px;
  display: block;
  text-align: center;
  margin: 0;
  color: #41525c;
  font-size: 13px;
  border-bottom: 1px solid #e9eef2;
}

.price-box ul{
  margin: 0;
  padding: 0;
  text-align: center;
  background: #fff;
}

.price-big {
  background: #f6fbff;
}


.price-box li {

  padding: 15px 0 15px;
  margin-bottom: 15px;
  display: block;
  text-align: center;
  margin: 0;
  color: #41525c;
  font-size: 14px;
  border-bottom: 1px solid #e9eef2;
}

.pricing-tables .btn-lg {
  width: 165px;
  margin: 0px auto;
  display: table;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding: 20px 0;
  background: #660066;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans';
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.price-button {
  background: #f6fbff;
  padding: 30px 0;
}

.price-box {
  background: #fff;
  border: 1px solid #e9eef2;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform:scale(1);
  -webkit-transition-duration: 0.1s;
  -moz-transform:scale(1);
  -moz-transition-duration: 0.1s;
  -o-transform:scale(1);
  -o-transition-duration: 0.1s;
}


.price-box:hover .price-big {
  background: #660066;
}

.price-box:hover .p-price {
  color: #fff;
}

.price-box:hover .p-small {
  margin: 0;
  color: #fff;
}

.price-box:hover {

  border: 1px solid #660066;
}

.table thead {
  background: #f6fbff;
}
.table thead th{
  color: #43484b;
  font-size: 18px;
  font-family: 'Open Sans';
  font-weight: 300;
  border-bottom: 0;
}
.table tbody td{
  color: #41525c;
  font-size: 14px;
  font-family: 'Open Sans';
  border-bottom: 0;
}

.pricing-tables .table {
  margin-top: 45px;
  margin-bottom: 45px;
}

.table2 thead {
  background: #660066;
}

.table2 thead th{
  color: #fff;
  font-size: 18px;
  font-family: 'Open Sans';
  font-weight: 300;
  border: 0;
}

.btn.btn-default.center {
  margin: 0 auto;
}

/* Custom Buttons */

.large-buttons .btn-default {
  margin-bottom: 45px;
  width: 135px;
  display: table;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  background: #660066;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans';
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 20%;
  padding: 15px 0;
  -webkit-box-shadow: 0 2px #73bc2d;
  -moz-box-shadow: 0 2px #73bc2d;
  box-shadow: 0 2px #73bc2d;
  border: 0;
}

.large-buttons .btn-lg {
  width: 165px;
  margin-bottom: 40px;
  display: table;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding: 20px 0;
  background: #660066;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans';
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 20%;
  -webkit-box-shadow: 0 2px #73bc2d;
  -moz-box-shadow: 0 2px #73bc2d;
  box-shadow: 0 2px #73bc2d;
  border: 0;
}

.large-buttons-hover .btn-default {
  margin-bottom: 45px;
  width: 135px;
  display: table;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  background: #660066;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans';
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 20%;
  padding: 15px 0;
  -webkit-box-shadow: 0 2px #73bc2d;
  -moz-box-shadow: 0 2px #73bc2d;
  box-shadow: 0 2px #73bc2d;
  border: 0;
}

.large-buttons-hover .btn-lg {
  width: 165px;
  margin-bottom: 40px;
  display: table;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding: 20px 0;
  background: #660066;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans';
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 20%;
  -webkit-box-shadow: 0 2px #73bc2d;
  -moz-box-shadow: 0 2px #73bc2d;
  box-shadow: 0 2px #73bc2d;
  border: 0;
}

.large-buttons-hover .btn-default:hover {
  background: #6fad4d;
}

.large-buttons-hover .btn-lg:hover {
  background: #6fad4d;
}

.dark-buttons a,
.light-buttons a {
  text-decoration: none;
}

.dark-buttons .btn-default,
.light-buttons .btn-default {
  margin-bottom: 45px;
  width: 135px;
  display: table;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans';
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 20%;
  padding: 15px 0;
  -webkit-box-shadow: 0 2px #dae3e8;
  -moz-box-shadow: 0 2px #dae3e8;
  box-shadow: 0 2px #dae3e8;
  border: 0;
}

.dark-buttons .btn-default {
  background-color: #660066;
  color: #f6fbff;
  border: 1px solid #649c2b;
}

.light-buttons .btn-default {
  color: #660066;
  background-color: #f6fbff;
  border: 1px solid #660066;
}

.dark-buttons .btn-default:hover {
  background-color: #f6fbff;
  color: #660066;
}

.light-buttons .btn-default:hover {
  color: #f6fbff;
  background-color: #660066;
}

.dark-buttons .btn-lg,
.light-buttons .btn-lg {
  width: 165px;
  margin-bottom: 40px;
  display: table;
  font-size: 16px;
  color: #660066;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans';
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 20%;
  border: 0;
}

.dark-buttons-unactive .btn-default,
.light-buttons-unactive .btn-default {
  margin-bottom: 45px;
  width: 135px;
  display: table;
  font-size: 14px;
  color: #bababa;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans';
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 20%;
  padding: 15px 0;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0 2px #e0e0e0;
  -moz-box-shadow: 0 2px #e0e0e0;
  box-shadow: 0 2px #e0e0e0;
}

.dark-buttons-unactive .btn-lg,
.light-buttons-unactive .btn-lg {
  width: 165px;
  margin-bottom: 40px;
  display: table;
  font-size: 16px;
  color: #bababa;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans';
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 20%;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0 2px #e0e0e0;
  -moz-box-shadow: 0 2px #e0e0e0;
  box-shadow: 0 2px #e0e0e0;
}


.shortcodes .skill-progress {
  margin-bottom: 30px;
}

.shortcodes .skill-progress p {
  color: #41525c;
  font-family: 'Open Sans';
  font-size: 18px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 20px;
}

.shortcodes .skill-progress p span {
  color: #41525c;
  font-family: 'Open Sans';
  font-size: 18px;
  font-weight: 300;
  float: right;
}

.shortcodes .meter { 
  height: 15px;  /* Can be anything */
  position: relative;
  background: #eef1f3;
  margin-bottom: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.shortcodes .meter > span {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #660066;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.shortcodes .photoshop > span {
  background: #ef8424;
}

.shortcodes .seo > span {
  background: #25a3d8;
}
.shortcodes .wp > span {
  background: #45c38f;
}

.pie-charts {
  margin: 45px 0;
}

.forms input[type="text"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f6fbff;
  border: solid 1px #e9eef2;
  color: #41525c;
  font-size: 14px;
  font-family: 'Open Sans';
  width: 100%;
  text-indent: 15px;
  padding: 18px 0; 
  margin-bottom: 30px;
}

.typing:focus {
  border:1px solid  #660066 !important;
  outline: 0 !important;
  box-shadow: 0;
}

.error-input {
  border:1px solid  #e14f3b !important;
  color: #e14f3b !important;
}

.form-control {
  height: auto;
}

.green-alert{
  color: #660066;
  background-color: #f2faf0;
  border-color: #d2eecb;
  padding: 18px;
  font-weight: normal;
  font-family: 'Open Sans';
  margin-bottom: 30px;
}

.green-alert .close {
  color: #660066;
  opacity: 1;
}

.blue-alert{
  color: #25a3d8;
  background-color: #f2faf0;
  border-color: #d2eecb;
  padding: 18px;
  font-weight: normal;
  font-family: 'Open Sans';
  margin-bottom: 30px;
}

.blue-alert .close {
  color: #25a3d8;
  opacity: 1;
}

.brown-alert{
  color: #bd9158;
  background-color: #fbf7e5;
  border-color: #f0e5b6;
  padding: 18px;
  font-weight: normal;
  font-family: 'Open Sans';
  margin-bottom: 30px;
}

.brown-alert .close {
  color: #bd9158;
  opacity: 1;
}

.red-alert{
  color: #e14f3b;
  background-color: #fbebe8;
  border-color: #f0bab0;
  padding: 18px;
  font-weight: normal;
  font-family: 'Open Sans';
  margin-bottom: 30px;
}

.red-alert .close {
  color: #e14f3b;
  opacity: 1;
}

.forms {
  margin-bottom: 90px;
}

.buyit {
  background: #660066;
  padding: 40px 0;
}

.buy-text {
  float: left;
  width: 70%;
}

.buy-text h3{
  font-size: 26px;
  font-family: 'Open Sans';
  color: #fff;
  margin: 0;
  font-weight: 300;
  margin-bottom: 20px;
}

.buy-text p{
  font-size: 14px;
  font-family: 'Open Sans';
  color: #fff;
  margin: 0;
  font-weight: 400;
}

.buyit a {
  text-transform: uppercase;
  float: right;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
  color: #660066;
  width: 167px;
  padding: 20px 0;
  text-align: center;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f6fbff;
  -webkit-box-shadow: 0 2px #dae3e8;
  -moz-box-shadow: 0 2px #dae3e8;
  box-shadow: 0 2px #dae3e8;
  margin-top: 15px;
}

.buyit a:hover {
  background: #ececec;
}


/*Footer*/

footer {
  background: #434242; 
  padding: 48px 0 0;
}

.inner-footer {
  position: relative;
  padding-bottom: 35px;
}

footer p {
  color: #e9e9e9;
  font-size: 13px;
  font-family: 'Open Sans';
  line-height: 26px;
}

footer .twitter li {
  color: #41525c;
  font-size: 14px;
  margin-bottom: 20px;
}

footer .socials i {
  color: #ffffff;
  font-size: 16px;
}

.inner-footer a {
  text-decoration: none;
  color: #d0bcd2; /*#660066;*/
  font-size: 14px;
  font-family: 'Open Sans';
  line-height: 26px;
}
.inner-footer a:hover {
  color: #ffffff;
}

.inner-footer h3 {
  color: #e9e9e9;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Open Sans';
  margin-top: 0;
  margin-bottom: 10px;
}

.inner-footer h4 {
  color: #e9e9e9;
  font-size: 20px;
  font-weight: 300;
  font-family: 'Open Sans';
  margin-top: 0;
  margin-bottom: 40px;
}

.footer-center, .footer-right, .footer-left {
    height: 230px;
    line-height: 230px;
    text-align: center;
}


.f-about p {
  display: inline;
  width: 70%;
}


.f-about i {
  display: inline;
  margin-right: 10px;
  font-size: 15px;
  color: #848484;
}

.f-about ul li {
  margin-bottom: 20px;
}
.f-about ul {
  margin-top: 30px;
}

.links a {
  display: block;
  border-bottom: 1px solid #2c3033;
  margin-bottom: 7px;
  padding-bottom: 7px;
}

.links li:last-child a {
  border-bottom: 0;
}


.recent img {
  width: 100%;
}

.recent .recent-work1 li {
  width: 29.914893617021278%;
  *width: 29.861702127659576%;
  float: left;
  margin-left: 2.427659574468085%;
  margin-bottom: 2.427659574468085%;
}

.recent ul {
}

/*User*/

#user-login .description{
  font-size: 12px;
  font-style: italic;
}
#edit-account.form-wrapper .description{
  font-size: 12px;
  font-style: italic;
}


#back-to-top {
  width: 54px;
  height: 54px;
  position: fixed;
  right: 24px;
  z-index: 1;
  bottom: 68px;
}

#back-to-top a {
  display: block;
  width: 54px;
  height: 54px;
  background: url(/static/theme/images/backtop.png) no-repeat center;
}

.last-div {
  border-top: 1px solid #434242; 
  background: #272b2f;
  padding: 16px 0;
}

.copyright {
  color: #ffffff;
  font-size: 13px;
  font-family: 'Open Sans';
}

.copyright a:hover {
  text-decoration: underline
}

.socials ul {
  float: right;
}

.socials li {
  display: inline;
  margin-left: 10px;
}

/* Logos */

ul.image-group-fas li,
ul.image-group-partner li {
  float: left;
  margin: 8px;
}

/*Overrides*/

aside h4 {
  color: #43484b;
  font-size: 18px;
  font-family: 'Open Sans';
  font-weight: 300;
  margin-bottom: 30px;
  text-align: center;
  margin-top: 0;
}

.share{
  margin-top: 30px;
}

.md-arrow-left {
  background: #84ac4c none repeat scroll 0 0;
  border: 0 none !important;
  float: left;
  height: 43px;
  margin-left: 0;
  text-decoration: none;
  transition: all 0.2s linear 0s;
  width: 43px;
}

.md-arrow-right {
  width: 43px; 
  height: 43px; 
  float: right;
  margin-right: 0px;
  background: #84ac4c;
  text-decoration: none;
  border: 0 !important;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.md-arrow-left::after {
  color: #ffffff;
  content: '\f104';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 30px;
  line-height: 43px;
  margin-left: 16px;
}

.md-arrow-right::after {
  color: #ffffff;
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 30px;
  line-height: 43px;
  margin-left: 16px;
}


.md-bullet a {
  border: 2px solid #84ac4c;
}
.md-bullet {
  background-color: #84ac4c;
}
.md-bullet.md-current {
  background-color: #fff;
}

/*Cookie*/

#eu-cookie {
  bottom: 0;
  border-top: 2px solid #41525c;
  border-bottom: 2px solid #41525c;
  box-shadow: 0 16px 24px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0.5, 0.5, 0.5, 0.3);
  box-sizing: border-box;
  color: #41525c;
  font-size: 16px;
  font-weight: 300;
  height: auto;
  line-height: 1.5em;
  margin: 0;
  opacity: 0.92;
  padding: 16px;
  position: fixed;
  width: 100%;
  z-index: 10006;
}
#eu-cookie a {
  color: #41525c;
  font-weight: 700;
}
#eu-cookie .message {
  display: inline-block;
  margin-right: 48px;
}

/* Shadows */

.shad1 {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05)
}


/*Gradients*/

.grd-white {
  background: rgba(0, 0, 0, 0) linear-gradient(135deg, #ffffff 0%, #fafafa 100%) repeat scroll 0 0;
}

.grd1 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8ead7+0,ffffff+100 */
  background: #e8ead7; /* Old browsers */
  background: -moz-linear-gradient(top, #e8ead7 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e8ead7 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e8ead7 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ead7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


.ngeu-img  {
  width: 254px;
  /*height: 50px;*/
  margin-bottom: 10px;
  margin-top: 10px;
}

.container-detail{
	margin-bottom: 80px;
}

.label-detail {
  font-style: italic;
}

.detail-info i {
    color: #660066;
    font-size: 15px;
    margin-right: 10px;
}

#container{
	min-height: 600px;
}

.fa{
	color: #660066;
}

.download-links{
	margin-top:20px;
}


.main-subtitle b{
	font-weight:bold !important;
	color: #660066 !important;
	
}


.project {
    border-top: 1px solid #e9eef2;
    border-bottom: 1px solid #e9eef2;
    padding: 100px 0;
	/*margin-top: 100px;*/
}

/*
.project-content span {
    font-family: 'Open Sans';
    color: #660066 ;
    font-weight: 300;
    padding-right: 20px;
    padding-bottom: 10px;
    float: left;
    display: block;
    line-height: 40px;
}
*/
.project-content p{
	margin-bottom: 15px;
}

.project-content em{
	font-size: 15px;
}

.project-content ul {
  padding-left: 20px;
}

.project-content .row {
  padding-top: 0px;
}


.route-idx-item {
    border: 1px solid #e9eef2;
    padding: 25px;
    padding-top: 50px;
    position: relative;
	background: #fff;
}

.route-idx-item .route-header {
    font-size: 23px;
    width: 55px;
    line-height: 55px;
    height: 55px;
    text-align: center;
    margin: auto;
    border: 1px solid #e9eef2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -30px;
    background: #fff;
}


.route-idx-item h1 {
    font-size: 18px;
    color: #43484b;
    font-weight: 300;
    font-family: 'Open Sans';
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
}

.red-route-color{
	color:red;
}

.green-route-color{
	color:green;
}

h6.red-route-color, h6.green-route-color{
	margin-top: 0px;
}


/*iqa-info-box widget*/
.iqa-info-box {
    box-shadow: 0 2px 10px 
    rgba(0, 0, 0, 0.2);
    height: 80px;
	width:262px; /**/
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.iqa-info-box .icon {
    display: inline-block;
    text-align: center;
    background-color: 
    rgba(0, 0, 0, 0.12);
    width: 80px;
}

.iqa-info-box .icon i {
    color: #fff;
    font-size: 50px;
    line-height: 80px;
}

.iqa-info-box .content {
    display: inline-block;
    padding: 7px 10px;
	width:100%;
	clear:both;
}

.iqa-info-box .content .text {
    font-size: 12px;
	margin-top: 1px;
    color: #fff;
}

.iqa-info-box .content .text_medium {
    font-size: 12px;
	margin-top: 11px;
    color: #fff;
}

.iqa-info-box .content .text_small {
    font-size: 12px;
	margin-top: 11px;
    color: #fff;
}

.iqa-info-box .content .number {
    font-weight: bold;
    font-size: 26px;
	margin-top: 11px;
    color: #fff;
}

.iqa-info-box .content .label_big {
    font-weight: bold;
    font-size: 26px;
    color: #fff;
	height: 36px;
	display: inline-block;
}

.iqa-info-box .content .label_medium {
    font-weight: bold;
	padding-top: 4px;
    font-size: 20px;
    color: #fff;
	height: 36px;
	display: inline-block;
}

.iqa-info-box .content .label_small {
    font-weight: bold;
    font-size: 16px;
	padding-top: 10px;
    color: #fff;
	height: 36px;
	display: inline-block;
}

.iqa-info-box .content .label_tiny {
    font-weight: bold;
    font-size: 14px;
	padding-top: 8px;
    color: #fff;
	height: 36px;
	display: inline-block;
}

.iqa-info-box .content .category {
    font-weight: normal;
    font-size: 20px;
	margin-top: 11px;
	margin-left: 20px;
    color: #fff;
}

.iqa-info-box .content .title {
    color: #fff;
	margin-top: -4px;
	font-weight: normal;
	font-size: 14px;
}

.iqa-info-box .content .title-small {
    color: #fff;
	margin-top: -4px;
	font-weight: normal;
	font-size: 10px;
}

.iqa-info-box .content .title-left {
	width: 40%;
	float: left;
}


.iqa-info-box .content .title-right {
	width: 60%;
	float: right;
	text-align: right;
}

.iqa-info-box .content .title-link a,
.iqa-info-box .content .title-link a:hover,
.iqa-info-box .content .title-link a:focus {
    color: #fff;
    text-decoration: underline;
}

.iqa-info-box .content .description {
    width:100%;
}

.iqa-info-box .content .title-medium {
    font-size: 14px;
	color: #fff;
}

.iqa-info-box .content .title-small {
    font-size: 11px;
	color: #fff;
}

.iqa-info-box .content .title-bold {
	font-weight: bold;
	text-decoration: underline dotted;
}

.iqa-info-box .content .unit {
	color: #fff;
}

.iqa-info-box.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  -moz-transition: all 0.95s;
  -o-transition: all 0.95s;
  -webkit-transition: all 0.95s;
  transition: all 0.95s; }

.iqa-info-box.hover-expand-effect:hover:after {
	width: 100%;
	cursor: pointer;
}

.bg-iqa{
	background-color: currentColor !important;
}
/*iqa-info-box widget end*/

.subtitle-small {
	font-style: italic;
	font-size: 9px;
	color: #41525c;
}

.text-right h6, .text-left h6{
	margin-top: 0px;
}


#infow  .iw-title {
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
   font-weight: 300;
   padding: 10px;
   background-color: #660066;
   color: white;
   margin: 1px;
   /*border-radius: 8px 8px 0 0;*/
   border-radius: 8px;
}

#infow  .iw-text {
   font-family: 'Open Sans', sans-serif;
   font-size: 12px;
   /*padding: 4px;
   margin: 1px;*/
}

#infow  .iw-text li{
	border-bottom:none;
	padding:0px 5px;
	font-size: 11px;
}

#infow  .iw-text img{
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 4px;
}

.gm-style-iw
{
    /*overflow: hidden !important;*/
	overflow-y: auto !important;
	overflow-x: hidden !important;
    line-height: 1.35;
	white-space: nowrap;
	height: 500px;
    width: 300px;
}

.gm-style-iw div
{
    scrollbar-width: thin;
}


.gm-style-iw > div {
  overflow: visible !important;   
}
.infoWindow {
  overflow: hidden !important;
}