/*************************************************   
Theme Name: Flatible
Theme URI: http://weblusive-themes.com/Flatible
Description: A fully responsive ultra-customizable Worpdress theme.
Author: PremiumLayers & Weblusive  
Author URI: http://www.weblusive.com/
Version: 1.0
License: See on zip package
License URI: See on zip package
Tags: dark, light
*************************************************/


/*-------------------------------------------------
 =  Table of Css

 1.Isotope 								
 2.General 							
 3.Header					
 4.Content home page1								
 5.Footer								
 6.About page 
 7.Portfolio page 3,4 Column		
 8.Contact-page 								
 9.home page 2								
 10.home page 3 							
 11.Blog						
 12.Sidebar						
 13.Single-post							
 14.Single-work					
-------------------------------------------------*/


/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:-moz-transform, opacity;
	transition-property:transform, opacity;
}

/*-------------------------------------------------*/
/* 2 General
/*-------------------------------------------------*/

body {
    font-family: "Signika", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, blockquote, img {
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;	
}
img, iframe {border:none; max-width:100%}
ol, ul {
	
	margin: 0;
}


h1 {  
  font-size: 2.5em; /* 30px */
  line-height: 1.266em; /* 38px/30px */
  letter-spacing: -0.02em;
}

h2 {
  font-size: 1.666em; /* 20px */
  line-height: 1.3em; /* 26px/20px */
  letter-spacing: -0.02em;
}

h3 {
  font-weight: bold;
  font-size: 1.333em; /* 16px */
  line-height: 1.375em; /* 22px/16px */
}

h4 {
  font-size: 1.166em; /* 14px */  
  line-height: 1.285em; /* 18px/14px */
}

h5 {
  font-size: 1.083em; /* 13px */
  line-height: 1.538em; /* 20px/13px */
  font-weight: bold;
}

h6 {
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */  
  font-weight: bold;
}

input, textarea, select {max-width:100%}

/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

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

.navbar {
	margin-bottom: 0;
    background: #2d3e50 !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: none !important;
}

.navbar-brand {
    padding: 28px 15px;
}

.navbar-nav {
    margin-top: 25px;
    margin-bottom: 25px;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    
    font-weight: 600;
    padding: 14px 15px;
    border: 1px solid #3e4e5e;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    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;
}

.navbar-nav > li i {font-size:24px; margin-right:10px; color:#1abc9c; opacity:0.4}
.navbar-default .navbar-nav > li > a.active i, .navbar-default .navbar-nav > .active > a i{color:#fff; opacity:1}
.item-title{}


.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #334455;
}


.navbar-default .navbar-nav > li {
    margin-left: 10px;
}

.navbar-default .navbar-nav > li:first-child {
    margin-left: 0px;
}

.navbar-default .navbar-nav > li > a.active, .navbar-nav li.current_page_item a, .navbar-nav li.current-menu-item > a, .navbar-nav li.current-menu-parent > a,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color:#1abc9c; color:#fff
}

.dropdown:hover .dropdown-menu {
    display: block;
}



.dropdown-submenu{position:relative;}
.dropdown-menu > .dropdown-submenu > .dropdown-menu {display:none;}
.dropdown-submenu>.dropdown-menu{ top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;-webkit-border-radius:5px 5px 5px 0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}

/*-------------------------------------------------*/
/* =  General code
/*-------------------------------------------------*/

p {
    color: #b9b9b9;
    font-size: 17px;
    
    line-height: 28px;
    margin-bottom: 10px;
}

h1 {
    color: #000000;
    font-size: 38px;
    
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
}

h2 {
    font-size: 22px;
    
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    margin-bottom: 10px;
}

.bg-color p,
.bg-color h1 {
    color: #ffffff;
}

ul {
    margin: 0;
    padding: 0;
}
.section li, .content-dedicated li {margin-left:20px}
#sidebar li {margin-left:20px}

a,
a:hover {
    text-decoration: none;
}

/* Table */
table{width:100%;margin-bottom:20px; border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse; border-right:0}
table th, table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border:1px solid #ddd; border-left:0; border-bottom:0}
table th{font-weight:bold}
table thead th{vertical-align:bottom}
table caption+thead tr:first-child th,table caption+thead tr:first-child td,
 table colgroup+thead tr:first-child th,table colgroup+thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td {border-top:0}
table tbody+tbody{border-top:2px solid #ddd}
table table{background-color:#fff}

dl {
	width:100%;
	overflow:hidden;
}
dt {background:#eee;}
dd, dt {padding-left:6px;}
dl, dt, dd { line-height:30px}

.head-lightbox {text-align:center}
#container.boxed-style, #container.boxed-style .navbar {width:1170px; margin:0px auto; max-width:100%}
/*-------------------------------------------------*/
/* =  content - home section
/*-------------------------------------------------*/

#home, .content-dedicated, #sections > div.section:first-child{
    margin-top: 98px;
}
.section .container  {padding-bottom:20px}

.home-posts {
    margin-top: 60px;
    text-align: center;
}

.home-post {
    margin-bottom: 45px;
}

.home-post a {
    position: relative;
    display: inline-block;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    width: 136px;
    height: 136px;
    margin-bottom: 50px;
    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;
}

.home-post a img, .home-post a i {
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.home-post a:hover img,
 .home-post a:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
	border-color:#ccc;
}



.home-post a:after {
    content: '';
    position: absolute;
    width: 166px;
    height: 166px;
    top: -16px;
    left: -16px;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}
.home-post a i {font-size:75px; line-height:135px}

.home-post a.green:hover {
    border: 1px solid #1abc9c;
}

.home-post a.red:hover {
    border: 1px solid #e74c3c;
}

.home-post a.yellow:hover {
    border: 1px solid #f1c40f;
}

/*-------------------------------------------------*/
/* =  content - portfolio section
/*-------------------------------------------------*/

.bg-color {
    background: #1abc9c;
}

.title-section {
    padding-top: 60px;
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
}

ul.filter {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 15px;
}

ul.filter li {
    display: inline-block;
    float: left\0/;
    margin-left: 7px;
    margin-bottom: 10px;
}

ul.filter li:first-child {
    margin-left: 0px;
}

ul.filter li a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    
    font-weight: 300;
    padding: 13px 18px;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    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;
}
.content-dedicated ul.filter li a {border-color:#1abc9c; color:#1abc9c}
.content-dedicated ul.filter li a.active {  background: #1abc9c; color: #fff;}

ul.filter li a:hover {
    background: rgba(255,255,255, 0.2);
    background: rgb(255,255,255)\0/;
}

ul.filter li a.active {
    background: #fff;
    color: #1abc9c;
}

.projects-container {
    width: 1170px;
    margin-left: -15px;
    margin-bottom: 45px;
}

.four-col .project-post, .three-col .project-post  {
    margin: 15px;
    width: 262px;
    position: relative;
	max-width:100%;
}
.three-col .project-post {
	width: 340px;
}
.project-post img {
    width: 100%;
    position: relative;
    z-index: 2;
    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;
}

.project-content {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #2c3f52;
    top: 0;
    left: 0;
    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;
}

.project-post:hover img {
    transform: translateY(-50px) scale(0);
    -webkit-transform: translateY(-50px) scale(0);
    -moz-transform: translateY(-50px) scale(0);
    -o-transform: translateY(-50px) scale(0);
}

.inner-project {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -38px;
}

.inner-project h3 {
    color: #fff;
    font-size: 14px;
    
    font-weight: 700;
    margin: 0;
    margin-bottom: 4px;
}

.inner-project span {
    display: block;
    color: #1abc9c;
    font-size: 14px;
    
    font-weight: 300;
    margin-bottom: 12px;
}

.inner-project a.link-project {
    color: #fff;
    font-size: 13px;
    
    font-weight: 300;
    margin-bottom: 15px;
    padding: 6px 10px;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    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;
}

.inner-project a.link-project:hover {
    background: rgba(255,255,255, 0.2);
    background: rgb(255,255,255)\0/;
}

.white-popup {
    position: relative;
    padding: 40px 0;
    width: auto;
    max-width: 800px;
    margin: 20px auto;
}

.some-element {
    background: #FFF;
    padding: 48px;
}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
    width: 16px;
}

.last-row {
    text-align: center;
    font-weight: 700;
}

.white-popup p {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 20px;    
}

/*-------------------------------------------------*/
/* =  content - services section
/*-------------------------------------------------*/

/* General grid styles */
.cbp-ig-grid {
    list-style: none;
    padding: 45px 0 45px 0;
    margin: 0;
}
.cbp-ig-grid i {font-size:90px; display:block; margin-bottom:50px; padding-top:50px} 
.cbp-ig-grid li:hover i {color:#fff}
/* Clear floats */
.cbp-ig-grid:before, 
.cbp-ig-grid:after { 
    content: " "; 
    display: table; 
}
 
.cbp-ig-grid:after { 
    clear: both; 
}
 
/* grid item */
.cbp-ig-grid li {
    width: 33.3%;
    float: left;
    height: 304px;
    text-align: center;
    border-top: 1px solid #dddddd;
	margin-left:0
}
 
.cbp-ig-grid li:nth-child(-n+3){
    border-top: none;
}
 
.cbp-ig-grid li:nth-child(3n-1),
.cbp-ig-grid li:nth-child(3n-2) {
    box-shadow: 1px 0 0 #ddd;
}
 
/* anchor style */
.cbp-ig-grid li > a {
    display: block;
    height: 100%;
    color: #1abc9c;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
}
 
/* the icon with pseudo class for icon font */
.cbp-ig-icon {
    padding: 50px 0 0 0;
    height: 190px;
    display: block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}
 
.cbp-ig-icon:before {
    font-size: 14em;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
 
/* title element */
.cbp-ig-grid .cbp-ig-title {
    margin: 0px 0 10px 0;
    padding: 10px 0 0 0;
    font-size: 1.8em;
    position: relative;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}
 
.cbp-ig-grid .cbp-ig-title:before {
    content: '';
    position: absolute;
    background: #1abc9c;
    width: 80px;
    height: 6px;
    top: 0px;
    left: 50%;
    margin: -20px 0 0 -40px;
    -webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */
    -moz-transition: margin-top 0.2s;
    transition: margin-top 0.2s;
}
 
.cbp-ig-grid .cbp-ig-category {
    text-transform: uppercase;
    display: inline-block;
    font-size: 1em;
    letter-spacing: 1px;
    color: #fff;
    -webkit-transform: translateY(10px);
    -moz-transform: -moz-translateY(10px);
    -ms-transform: -ms-translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    -webkit-transition: transform 0.3s, opacity 0.2s;
}
 
.cbp-ig-grid li:hover .cbp-ig-category,
.touch .cbp-ig-grid li .cbp-ig-category {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
 
/* Hover styles */
 
.cbp-ig-grid li > a:hover {
    background: #1abc9c;
}
 
.cbp-ig-grid li > a:hover .cbp-ig-icon {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}
 
.cbp-ig-grid li > a:hover .cbp-ig-icon:before,
.cbp-ig-grid li > a:hover .cbp-ig-title {
    color: #fff;
}
 
.cbp-ig-grid li > a:hover .cbp-ig-title {
    
    font-weight: 700;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
}
 
.cbp-ig-grid li > a:hover .cbp-ig-title:before {
    background: #fff;
    margin-top: 50px;
}

/*-------------------------------------------------*/
/* =  content - testimonials section
/*-------------------------------------------------*/

.bxslider p {
    font-size: 20px;
    font-family: 'georgia';
    font-style: italic;
    margin-bottom: 20px;
}

.bxslider img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 10px solid #17a98c;
    margin-bottom: 15px;
}

.bxslider span {
    color: #fff;
    display: block;
    font-size: 15px;
    
    font-weight: 700;
    font-style: normal !important;
    margin-bottom: 12px;    
}

/*-------------------------------------------------*/
/* =  content - about section
/*-------------------------------------------------*/

.team {
    margin-top: 30px;
    margin-bottom: 40px;
    clear: both;
}

.team-member {
    padding: 40px 30px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    overflow: hidden;
    min-height: 403px;
    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;
}



.team-member:hover {
    background: #1abc9c;
    border: none;
}

.team-member img {
    border: 10px solid #e5e5e5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-bottom: 20px;
    max-width: 100%;
}

.team-member h3 {
    font-size: 18px;
    
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    margin-bottom: 2px;
}

.team-member span {
    display: inline-block;
    font-size: 11px;
    
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
}

.team-member:hover h3,
.team-member:hover span {
    color: #fff;
}

ul.social li {
    display: inline-block;
    float: left\0/;
	margin-left:0;
}

ul.social li a {
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    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;
	background:#1abc9c;
	text-align:center; color:#fff; 
}
ul.social li  i {font-size:24px; line-height:44px}

ul.social a[data-rel~="fa-facebook"] {
    background: #597ac7;
}

ul.social a[data-rel~="fa-twitter"] {
    background: #5bbcec ;
}

ul.social  a[data-rel~="fa-dribbble"]{
    background: #d97ba5;
}

ul.social li a:hover {
    opacity: 0.8;
}

.who-we-are {
    margin-bottom: 25px;
}

.who-we-are h2 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 18px;
}

.who-we-are p {
    margin-bottom: 30px;
}
.progress{
	height:40px;
    background: #1a5557;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    margin-bottom: 15px;
    overflow: hidden;
}
.progress-bar {
    padding: 12px 20px;
    background-color: #49c9b0;
	text-align:left;
}
.progress-bar-warning { background-color: #f0ad4e;}
.progress-bar-info { background-color: #5bc0de;}
.progress-bar-danger { background-color: #d9534f;}
.progress-bar-success { background-color: #5cb85c;}
.progress-bar span {
    color: #fff;
    font-size: 13px;
    
}

/*-------------------------------------------------*/
/* =  content - contact section
/*-------------------------------------------------*/

.map {
    width: 100%;
    height: 278px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
    margin-top: 20px;
}
.map.map2 {margin-top:0; margin-bottom:20px}

.contact-info {
    margin-top: 55px;
    margin-bottom: 40px;
}


.contact-info h2 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 25px;
    text-transform: inherit;
}

.contact-info ul li {
    margin-bottom: 20px;
	margin-left:0;
	list-style:none
}

.contact-info ul li span.label {
    color: #fff;
    font-size: 17px;
    
    font-weight: 300;
    border: 1px solid #fff;
    display: inline-block;
    padding: 11px 13px 11px 36px;
    margin-right: -4px;
    margin-bottom: -1px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
}

.contact-info ul li span.label.address {
    background: url('images/address.png') 13px center no-repeat;
}

.contact-info ul li span.label.phone {
    background: url('images/phone.png') 13px center no-repeat;
}

.contact-info ul li span.label.e-mail {
    background: url('images/address.png') 13px center no-repeat;
}

.contact-info ul li span.label-information {
    color: #fff;
    font-size: 15px;
    
    display: inline-block;
    padding: 10px;
    background: rgba(0,0,0,0.1);
}

#contact-form input[type="text"],
#contact-form textarea {
    color: #fff;
    font-size: 14px;
    
    font-weight: 300;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    outline: none;
    width: 100%;
    padding: 10px 14px;
    display: block;
    margin-bottom: 20px;   
}

#contact-form textarea {
    height: 105px;   
}

#contact-form input[type="submit"] {
    color: #42b59e;
    font-size: 13px;
    
    font-weight: 700;
    border: none;
    background: #fff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    padding: 10px 14px;
    margin-bottom: 20px;
    outline: 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;
}

#contact-form input[type="submit"]:hover {
    opacity: 0.8;
}

#contact-form .message {
    height:30px;
    font-size:13px;
    
}

#contact-form .message.error {
    color:#eb2c06;
}

#contact-form .message.success {
    color:#fff;
}

.contact-full #contact-form input[type="text"], #contact-form textarea{border-color:#ccc; color:#999}

.error {color:#990000}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

/*-------------------------------------------------*/
/* =  Footer
/*-------------------------------------------------*/
footer {background:#1abc9c; color:#fff}
footer  * {color:#fff}
footer p {color:#ddd}
.footer-block li {margin-left:20px}
.inner-footer {
    padding: 18px;
    background: rgba(255,255,255,0.1);
}

.inner-footer p {
    font-size: 15px;
    margin-bottom: 0;
}

ul.social-icons {
    overflow: hidden;
    float: right;
}

ul.social-icons li {
    display: inline-block;
    float: left\0/;
    margin-left: 7px;
}

ul.social-icons li a {
    display: inline-block;
    width: 25px;
    height: 26px;
    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;
}

ul.social-icons li a:hover {
    opacity: 0.8;
}

.footer-bottom {background:#1abc9c}
.footer-bottom * {color:#fff}
.footer-bottom .social a{background:transparent}
#next-project,
#prev-project, .next-project, .prev-project {
	display: inline-block;
	position: absolute;
	width: 9px;
	height: 18px;
	top: -58px;
}

#myCarousel, .customcarousel {
	position: relative;
}

#next-project , .next-project{
	right: 0;
	background: url('images/next.png') center center no-repeat;
}

#prev-project, .prev-project {
	right: 28px;
	background: url('images/prev.png') center center no-repeat;
}

.quote blockquote {
	padding: 22px 192px 23px 20px;
	background: #1abc9c;
	line-height: 24px;
	font-weight: 300;
	overflow: hidden;
	margin-bottom: 32px;
	position: relative;
	color:#fff;
}

.quote blockquote span {
	font-weight: 600;
}

.quote blockquote img {
	float: left;
	margin-right: 24px;
	margin-top: 7px;
}

.quote blockquote p {
	margin-top: 10px;
	color: #fff;
	font-size: 21px;
	
}

.quote blockquote a {
	position: absolute;
	top: 22px;
	right: 22px;
	display: inline-block;
	padding: 12px 30px;
	background: #2b2b2b;
	color: #fff;
	font-size: 16px;
	
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 8px;
	text-decoration: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

.quote blockquote a:hover {
	opacity: 0.8;
}
.promo-box i {
font-size: 40px;
color: #fff;
float: left;
display: block;
margin: 4px 20px 0px 0px;
}
/*-------------------------------------------------*/
/* 5 Footer
/*-------------------------------------------------*/

.flickr-widget ul {
	margin: 0;
	padding: 0;
}

.flickr-widget ul li {
	display: inline-block;
	margin-bottom: 2px;
	margin-right: 10px;
}

.flickr-widget ul li a {
	position: relative;
	display: inline-block;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.flickr-widget ul li img {width:75px; height:75px}
.flickr-widget ul li a:hover {
	opacity: 0.8;
}

.twitter-item {margin-bottom:10px}
.twitter-item  i {margin-right:6px}
.twitter-item  abbr {color:#ddd}
.twitter-title {color:#fff}


.pagination-list {
	overflow: hidden;
	margin-bottom: 30px;
}

.pagination-list li {
	float: left;
	margin-right: 6px;
}

.pagination-list li a {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	
	padding: 7px 12px;
	text-decoration: none;
	background: #74777b;
	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;
}

.pagination-list li a:hover, .pagination-list li.current a {
	background: #1abc9c;
}
.pagination-list li.current a {color:#fff}
.project-content a.btn-icon{text-decoration:none; position:absolute; display:block;   background: rgba(255,255,255, 0.2); background: rgb(255,255,255)\0/; left:50%; margin-left:-20px; top:40%; width:41px; height:41px; text-align:center}
.project-content i {font-size:17px; font-weight:normal; display:block !important; line-height:31px !important; color:#fff}

/* Contact Us Widget */
#contactFormWidget input[type="text"],
#contactFormWidget textarea {
  float: left;
  font-size: 0.846em;
  padding: 10px 4%;
  background: #333;
  background: rgba(0,0,0,0.3);
  color: #fff;
  width: 92%;
  margin-bottom: 11px;
  border: none;
}
#contactFormWidget .col-md-6, #contactFormWidget .col-md-12 {padding:0}
#contactFormWidget input[type="text"] {
  float: right;
}


#contactFormWidget input[type="text"]:first-child {
  float: left;
}

#contactFormWidget textarea {
  width: 96%;
  height: 80px;
  min-height: 80px;
  float:none;
}

#contactFormWidget input[type="submit"] {
  float: right;
  position: relative;
  margin: 0 4% 0 0 ;
}

#contactFormWidget input[type="submit"]:hover {
  opacity: 0.80;
  -moz-opacity: 0.80;
  filter:alpha(opacity=80);
}
.widgetinfo {color:#1abc9c; font-size:12px; text-transform:uppercase; text-shadow:0px 1px 1px #000; margin-top:-24px}
.widgetinfo i{color:#1abc9c; margin-right:6px}
.contact-page h3,
.comments-section h2,
.leave-comment h2 {
	color: #000;
	font-size: 20px;
	
	font-weight: 300;
	padding-bottom: 16px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 17px;
}


.testimonial {
	position: relative;
	margin-bottom: 30px;
}

.testimonial > a {
	position: absolute;
	width: 33px;
	height: 33px;
	top: -66px;
	border: 1px solid #696969;
	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;
}

.testimonial > a:hover {
	opacity: 0.7;
}

.testimonial > a#next-testimonial {
	right: 0;
	background: #4c4c4c url('images/next-testim.png') center center no-repeat;
	border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-o-border-bottom-right-radius: 3px;
}

.testimonial > a#prev-testimonial {
	right: 40px;
	background: #4c4c4c url('images/prev-testim.png') center center no-repeat;
	border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-o-border-bottom-left-radius: 3px;
}

.testimonial h2 {
	color: #000;
	font-size: 15px;
	
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 35px;
	margin-top: 10px;
}

.testimonial ul {
	padding: 23px 21px;
	background: #f1f1f1;
	border: 1px solid #e8e8e8;
}

.testimonial ul li blockquote {
	color: #6d6d6d;
	font-size: 16px;
	font-family: georgia;
	line-height: 23px;
	font-style: italic;
	margin-bottom: 14px;
}

.testimonial ul li h4 {
	color: #484848;
	font-size: 17px;
	font-family: georgia;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	margin-bottom: 2px;
}

.testimonial ul li span {
	color: #1abc9c;
	font-size: 11px;
	font-family: georgia;
	font-style: italic;
	margin: 0;
}

ul.tab-list {
	overflow: hidden;
	list-style:none;
}

ul.tab-list li {
	float: left;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	margin-left: 6px;
	margin-left: 4px\0/;
}

.tab-list li:first-child{
	margin-left: 0;
}

.tab-list li a {
	display: inline-block;
	font-size: 13px;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
	color: #000;
	background: #eaeaea;
	text-transform: uppercase;
	padding:16px 32px;
	transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
}
.widget-tabs .tab-list li a {padding:10px 14px}
time i.icon-calendar {color:#666; margin-right:6px}
.tab-list li a:hover {
	text-decoration: none;
	background: #1abc9c;
	color: #fff;
}

.ui-state-active a {
	background: #1abc9c !important;
	color: #fff !important;
	outline: none !important;
	text-decoration: none !important;
}


.tab-content {
	padding: 18px 20px;
	margin-bottom: 30px;
	border: 1px solid #eaeaea;
}


.accordion h2, .toggle-trigger {
	color: #000;
	font-size: 13px;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
	margin: 0;
	padding: 16px;
	background: #eaeaea url('images/open.png') 95% center no-repeat;
	margin-top: 1px;
	cursor: pointer;
	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;
}

.accordion h2:first-child {
	margin-top: 0px;
}

.accordion h2.active, .toggle-trigger.open {
	color: #fff;
	background: #1abc9c url('images/close.png') 95% center no-repeat;
}

.accordion div, .toggle-container {
	padding: 12px 22px;
	border: 1px solid #e8e8e8;
	border-top: none;
}

.accordion div.active {
	display: block;
}

.accordion div p {
	color: #646464;
	font-size: 13px;
	font-family: 'Noto Sans', sans-serif;
	line-height: 20px;
	margin: 0;
}

.accordion div p span {
	color: #000;
	font-weight: bold;
}

.toggle-trigger {display:block; text-decoration:none}
.toggle-trigger:hover {color:#fff; text-decoration:none}

.tabb-accord .recent-projects > h2 span {
	padding-bottom: 15px;
}

.tabb-accord .recent-projects > h2 {
	margin-bottom: 20px;
}

.tabb-accord .recent-projects > h2 {
	margin-bottom: 20px;
}

.tabb-accord .recent-projects .project-post img {
	max-height: 245px;
}

/*-------------------------------------------------*/
/* 11 Blog
/*-------------------------------------------------*/
.title-dedicated {background-color:#1abc9c; padding:20px 0px;}
.title-dedicated h1 {color:#fff; text-transform:none; margin-bottom:0; font-weight:normal}
.blog-post {
	position: relative;
	margin-bottom: 25px;
	background:#49c9b0
}

#banner {background:#1abc9c}
#banner * {color:#fff; padding:0px; margin-bottom:20px}

.blog-post .post-content {
	padding:0 20px 20px 20px;
}
.blog-post h2 a{text-transform:none; color:#fff; font-size:17px}
.blog-post p {line-height:22px; color:#fff; font-size:15px}
.blog-tags {
	position: relative;
	margin: 10px 0;
	border-bottom:solid 1px #42b59e;
	padding-bottom:10px
}

.blog-tags ul li {
	display: inline-block;
	margin-left: 16px;
}

.blog-tags ul li:first-child {
	margin-left: 0px;
}

.blog-tags ul li a {
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	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;
}

.blog-tags i {color:#fff; margin-right:4px}

a.read-more i {color:#606060; margin-left:6px}

.blog-tags ul li a:hover {
	opacity: 0.7;
}

.blog-post iframe {
	width: 100%;
	height: 300px;
	border:none;
}

.article-mini .col-md-6 {padding:0 !important}
.article-mini.col-md-6{padding:0 !important; width:48%; margin-left:2%; margin-bottom:-4px}
.article-mini .blog-tags {margin-top:18px}
.article-mini .blog-tags li {display:block; margin-left:0}
.article-mini.blog-post iframe {width:267px; height:267px; margin-bottom:-5px}
.article-mini:nth-child(odd) {margin-left:0}

.pagination-list.blog-pagination a {
	border-radius: 3px;
	-wekit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	background: #f3f3f3;
	color: #000;
}

.pagination-list.blog-pagination a:hover {
	color: #fff;
}

/*-------------------------------------------------*/
/* 12 Sidebar
/*-------------------------------------------------*/

#sidebar .widget {
	margin-bottom:30px;
}

#sidebar .widget h3 {
	font-weight: normal;
	margin-bottom:10px
}
.widget-container li {line-height:24px}
.widget-container li  a{/*color:#353535*/}


#wp-calendar{border:solid 1px #dfdfdf; width:100%}
#wp-calendar td {padding:8px; border-bottom:solid 1px #ededed}
#wp-calendar tbody td {border-left:solid 1px #ededed; text-align:center}
#wp-calendar th{padding:4px; background:#333; color:#fff}
#wp-calendar caption {background:#1abc9c; padding:4px; color:#fff}

#search-bar {
	margin: 0;
	position: relative;
}

#search-bar input[type="text"] {
	color: #f1f1f1;
	font-size: 12px;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 300;
	width: 100%;
	background: #353535;
	padding: 9px 0 10px 0;
	text-indent: 8px;
	border: none;
	outline: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	border-radius: 4px;
	-wekit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}

#search-bar button {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 0;
	width: 38px;
	height: 36px;
	border-top-right-radius: 4px;
	-wekit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-wekit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	border: none;
	background: #1abc9c;
	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;
}
#search-bar button i {color:#fff}

#search-bar input[type="submit"]:hover {
	opacity: 0.7;
}

.recent-post-item {
	overflow: hidden;
	margin-bottom: 18px;
}

.recent-post-item img {
	float: left;
	margin-right: 10px;
}

.recent-post-item p {
	color: #353535;
	font-size: 13px;
	font-family: 'Noto Sans', sans-serif;
	line-height: 18px;
}

.recent-post-item p a {
	color: #353535;
}

#sidebar .tagcloud li {
	display: inline-block;
	margin: 0 7px 10px 0;
}
.tagcloud li a {
	display: inline-block;
	position: relative;
	background: #1abc9c;
	color: #fff;
	font-size: 13px;
	border-radius:6px;
	padding: 6px 9px;
	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;
}

.tagtagcloud li a span {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #1abc9c;
	color: #fff;
	font-size: 13px;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 300;
	padding: 6px 9px 6px 9px;
	z-index: 2;
}

.tagtagcloud li a:hover {
	opacity: 0.7;
}

.widget_meta li, .widget_archive li, .widget_recent_entries li, .widget_categories li{border-bottom:solid 1px #e5e5e5; list-style:none; margin-left:0px !important; line-height:40px}
.widget_meta a, .widget_archive a, .widget_recent_entries a, .widget_categories a {color:#999}
.widget_meta a:hover, .widget_archive a:hover, .widget_recent_entries a:hover, .widget_categories a:hover {color:#333}
.tweet-widget .tweet-list li {
	margin-bottom: 10px;
}

.tweet-widget .tweet-list li p {
	color: #353535;
	font-size: 13px;
	font-family: 'Noto Sans', sans-serif;
	line-height: 17px;
}

.tweet-widget .tweet-list li p a {
	color: #34a6fe;
}

.tweet-widget .tweet-list li span {
	display: block;
	color: #b0b0b0;
	font-size: 13px;
	font-family: 'Noto Sans', sans-serif;
	line-height: 17px;
}

.sidebar .text-widget p {
	color: #585858;
	font-size: 13px;
	line-height: 20px;
}

/*-------------------------------------------------*/
/* 13 Single-post
/*-------------------------------------------------*/

.comments-section h2,
.leave-comment h2 {
	padding-bottom: 0;
	border-bottom: none;
}

.comments-section {
	margin-bottom: 10px;
}
.com_date{color:#d1d1d1}
.user_name a {color:#000; font-weight:bold}
.com_main {margin-bottom:20px}
.comment-content {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
	 
}
.comment-item { border-top: 1px dotted #e5e5e5;list-style: none outside none; margin: 10px 0 0; padding: 10px 0 0;float:left;}
.comment-item:first-child { border-top: none;  margin-top: 0; padding-top: 0;}
.comment_list {padding-left:0}
.comment-item .children { margin: 0; padding: 10px 0 0 72px; position: relative;float:left;}
.comment-item .children .comment-item { position: relative;}
.comment-content div{float:left; overflow:hidden}
.comment-list >li > .comment-content{margin-left:0}
.comment-item .children .children .comment-content div {max-width:500px}
.comment-item .children .children .children .comment-content div {max-width:400px}
.comment-item div h3 span.time {
	font-size: 11px;
}
h4.comment_count, #respond h5  {font-size:24px; color:#000; font-family:'Open sans', sans-serif}
.comment-item div p {
	font-size: 13px;
	line-height: 21px;
	margin: 0;
}
#respond h5 {border-top:solid 1px #e5e5e5; margin-top:20px; padding-top:20px; font-weight:normal}

#contact-form2 input[type="text"], #contact-form2 textarea {width:100%; border:solid 1px #eaeaea; padding:12px 8px; margin-bottom:10px}
#contact-form2 textarea {height:97px}
#contact-form2 input[type="submit"], .contact-full #contact-form  input[type="submit"] {color:#fff; width:100%; text-transform:uppercase; background:#1abc9c; border-radius:0; font-weight:bold; padding:12px 0px; border:none}
#contact-form2 .col-md-6 {padding-left:0}

.comment_list{
    list-style: none;
    overflow: hidden;
    margin: 0; 
}


.avatar-wrapper{
    width: 65px;
	height:65px;
    position: relative;
    float: left;
    margin-right: 15px;
}
.avatar-wrapper img{
    width: 65px;
    height: 65px;
}
.com_content{
    float: left;
	width:86%
}
/*-------------------------------------------------*/
/* 14 Single-work
/*-------------------------------------------------*/

.single-work .blog-post {
	padding-bottom: 10px;
}

.what-we-do-widget ul {
	margin: 0;
}

.what-we-do-widget ul li {
	padding-left: 20px;
	background: url('images/list-style.png') 3px center no-repeat;
	margin-bottom: 10px;
}

.what-we-do-widget ul li a {
	display: inline-block;
	color: #2b2b2b;
	font-size: 13px;
	font-family: 'Noto Sans', sans-serif;
	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;
}

.what-we-do-widget ul li a:hover {
	color: #1abc9c;
}

.visit-project {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-style: italic;
	font-family: 'Noto Sans', sans-serif;
	padding: 8px 18px;
	background: #1abc9c;
	cursor: pointer;
	margin-bottom: 30px;
	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;
}

.visit-project:hover {
	opacity: 0.8;
	color: #fff;
	text-decoration: none;
}
#map_canvas{width:100%; height:450px;}



/* Email newsletter plugin **/
.eemail_caption{line-height:20px}
.eemail_textbox, .eemail_button{float:left !important; margin-top:10px !Important}
.eemail_textbox{width:170px} 
.eemail_button{width:89px} 
.eemail_textbox_button{width:auto !Important; border:none; cursor: pointer; font-family: inherit; font-weight: 300; line-height: 1; margin: 0 0 1.25em; position: relative;  text-decoration: none;  text-align: center;
  display: block;  padding-top: 0.75em;  padding-right: 1em;  padding-bottom: 0.7em;  padding-left: 1em;  font-size: 1em;  background-color: #f2c025; color: white; }

  
.alignleft {
  float: left;  
}

img.alignleft {
  margin: 5px 20px 5px 0; 
}

.alignright {
  float: right; 
}

img.alignright {
  margin: 5px 0 5px 20px;
}

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

img.aligncenter {
  margin-top: 5px;
  margin-bottom: 5px;
}
.wp-caption{max-width:100%; height:auto}
.wp-caption-text{}
.sticky{background:#333}
.gallery-caption{}
.bypostauthor{}  
.warning, .hint {/*background:#b94a48; color:#fff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); padding:8px 12px; display:inline-block; margin:20px 0px*/}
.hint {background:#b94a48;}
.warning i {margin-right:10px}
.clear {clear:both}

.breadcrumb {background:transparent; margin-top:6px !important}
.breadcrumb i {color:#fff}
.breadcrumb > li + li:before {content:""}
#breadcrumbs, .woocommerce-breadcrumb {float: right; }
#breadcrumbs ul, .woocommerce-breadcrumb ul {margin: 0; }
#breadcrumbs li, .woocommerce-breadcrumb li{color:#fff}
#breadcrumbs a, .woocommerce-breadcrumb a {margin: 0 6px;color: #fff;}
#breadcrumbs a:hover, .woocommerce-breadcrumb a:hover{text-decoration: underline}
#breadcrumbs li:last-child, .woocommerce-breadcrumb li:last-child{margin-left: 6px;}
#breadcrumbs li:first-child{margin-left:0}
h2.heading {float:left; margin-bottom:0; border:none}
hr.toppage-divider{margin-top:0px}
.btn i, .heading i {margin-right:4px !Important}
.btn.square {border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important}
.heading i {font-size:20px; color:#333}
.modal-header h3 {border-bottom:none; padding-bottom:0}
.bs-docs-sidenav {
  width: 228px;
  margin: 30px 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-caret-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}

.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}

  /******************************************/
  
/* Pricing Tables */
.pricing-active .pricing-table {border:solid 6px #1abc9c}
.pricing-table {
border: solid 1px #dddddd;
margin-left: 0;
margin-bottom: 1.25em; }
.pricing-table * {
list-style: none;
line-height: 1; }
.pricing-table .title {
background-color: #dddddd;
padding: 0.9375em 1.25em;
text-align: center;
color: #333333;
font-weight: bold;
font-size: 1em; }
.pricing-table .price {
background-color: #eeeeee;
padding: 0.9375em 1.25em;
text-align: center;
color: #333333;
font-weight: normal;
font-size: 1.25em; }
.pricing-table .description {
background-color: white;
padding: 0.9375em;
text-align: center;
color: #777777;
font-size: 0.75em;
font-weight: normal;
line-height: 1.4;
border-bottom: dotted 1px #dddddd; }
.pricing-table .bullet-item {
background-color: white;
padding: 0.9375em;
text-align: center;
color: #333333;
font-size: 0.875em;
font-weight: normal;
border-bottom: dotted 1px #dddddd; }
.pricing-table .cta-button {
background-color: whitesmoke;
text-align: center;
padding: 1.25em 1.25em; }

/* ====================== 404 (Page not found) ===================== */

.notfound {background:url('images/404.png') no-repeat top center; height:119px}
.lost {background:url('images/404_text.png') no-repeat top center; height:40px}
.notfound_description{margin:10px 0px; text-align:center}
.notfound_description a {margin:20px 0px}
.error-content {text-align:center}

/* ======================== Under Construction ===================== */

#uc-content{text-align:center; padding:100px 0px; background:url(http://premiumlayers.com/demos/flatible/upload/slide1.jpg)}

.uc-text{margin:30px 0px; color:#fff}
.uc-maintitle {color:#fff; font-size:30px; text-align:center}
div#clock { color: #585858; margin: 20px auto;overflow: hidden; text-align: center; }
div#clock p {padding:10px; border:1px solid #e5e5e5; border-radius:50%}
div#clock p span { display: block; font-size: 40px; font-weight:700; letter-spacing:-1px; padding: 5px 0 0; margin:10px 0 4px 0px}
#uc-content .progress {height:30px}
#uc-content .progress i{font-size:20px; display:block; margin:4px 0 0 -10px}
#clock .row-fluid div:first-child {margin-left:7.4%}

.demo-columns div div{background:#f8f8f8; border:solid 1px #bbb;}
.demo-columns div div p {padding:20px}

.text-center, .text-center td {text-align:center}
.nav-arrows span.nav-arrow-prev{text-decoration:none}
.top-spacing {margin-top:40px}
.media-body p {font-size:15px; line-height:22px}
.promo-box blockquote, .sl-content blockquote{border-left:none}
div.pp_default .pp_content {height:auto !important}
.pp_fade{padding-bottom:32px}
.btn-inverse {background-color:#2b2b2b; color:#fff}
.btn-inverse:hover {background-color:#000; color:#fff}

.container.main-content {margin-top:20px}

/***************** Slit slider **************************/

#slider {
	height: 495px;
	background: #767676;
	margin-bottom: 44px;
}
.sl-slider-wrapper {
	width: auto;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}

.sl-slider-wrapper {
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
}

.sl-slider h2,
.sl-slider blockquote {
	text-align: center;
	width: 80%;
	max-width: 960px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

.sl-slider h2 {
	margin-top: 190px;
	padding: 0px 30px;
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	margin-bottom: 8px;
}

.sl-slider h2 span {
	display: inline-block;
	padding-bottom: 8px;
	border-bottom: 2px solid #02ab68;
}

.sl-slider blockquote {
	padding: 0 30px;
}

.sl-slider blockquote h3 {
	padding: 10px 30px;
	font-size: 38px;
	color: #fff;
	text-transform: uppercase;
	
	font-weight: 700;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	line-height: 35px;
}

.sl-slider blockquote p {
	font-size: 26px;
	color: #fff;
	text-transform: uppercase;
	
	font-weight: 300;
	font-style: italic;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	line-height: 35px;
}

.sl-slider blockquote h3 span {
	font-weight: 300;
	text-transform: lowercase;
}

.bg-img {
	/*
	padding: 200px;
	top: -200px;
	left: -200px;
	*/
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}
p.tagline {margin-bottom:0; color:#eee}

/* Custom navigation arrows */

.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 65px;
	height: 65px;
	border: 3px solid #02ab68;
	text-indent: -90000px;
	margin-top: -35px;
	cursor: pointer;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all 0.17s linear;
	-moz-transition: all 0.17s linear;
	-webkit-transition: all 0.17s linear;
	-o-transition: all 0.17s linear;
}

.nav-arrows span:hover {
	opacity: 0.7;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.nav-arrows span.nav-arrow-prev {
	left: 45px;
	background: rgba(0,0,0,0.5) url('images/prev-slide.png') center center no-repeat;
	background: rgb(0,0,0) url('images/prev-slide.png') center center no-repeat\0/;
}

.nav-arrows span.nav-arrow-next {
	right: 45px;
	background: rgba(0,0,0,0.5) url('images/next-slide.png') center center no-repeat;
	background: rgb(0,0,0) url('images/next-slide.png') center center no-repeat\0/;
}

/* Custom navigation dots */

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 2%;
	height: 30px;
	width: 100%;
	left: 0;
	z-index: 1000;
}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #ddd;
	background: rgba(150,150,150,0.4);
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}

.nav-dots span {
	background: rgba(150,150,150,0.1);
	margin: 6px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 2px rgba(255,255,255,0.5);
}

.nav-dots span.nav-dot-current,
.nav-dots span:hover {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1),
		0 0 0 5px rgba(255,255,255,0.5);
}

.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}



/* Animations for content elements */

.sl-trans-elems .deco{
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}

/*
 .fullwidthbanner-container{
		width:100% !important;
		position:relative;
		padding:0;
		max-height:500px !important;
		overflow:hidden;
	}
*/

/******* BxSlider v4.0 - Fully loaded, responsive content slider  http://bxslider.com ********/


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	text-align: center;
	position: relative;
	margin: 0 auto 75px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	display: inline-block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	left: -5px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: url(images/bullet.png) center center no-repeat;
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(images/bullet-active.png) center center no-repeat;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.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 Necessary Styles
*********************************/ 
.flexslider {
	margin: 0;
	padding: 0;
	margin-bottom: 20px !important;
}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin-left:0 !important} /* Hide the slides before the JS is loaded. Avoids image jumping */
.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;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.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}


/* Direction Nav */

.flex-direction-nav {
	max-width: 100%; 
	height: 40px; 
	display: inline-block; 
	position: absolute; 
	top:50%;
	margin-top: -20px;
	left: 20px;
	right: 20px;
	cursor: pointer; 
	text-indent: -9999px;
	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: 62px; 
	height: 62px; 
	background: url(images/next.png) center no-repeat; 
	float: right;
	border: 1px solid rgba(255,255,255,0.3);
	border: 1px solid rgb(255,255,255)\0/;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}

.flex-direction-nav .flex-prev {
	width: 62px; 
	height: 62px;  
	background: url(images/prev.png) center no-repeat; 
	float: left;
	border: 1px solid rgba(255,255,255,0.3);
	border: 1px solid rgb(255,255,255)\0/;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}

.flexslider .flex-next:hover {
	background: rgba(255,255,255,0.2) url(images/next.png) center no-repeat;
	background: rgb(255,255,255) url(images/next.png) center no-repeat\0/;
}
.flexslider .flex-prev:hover {
	background: rgba(255,255,255,0.2) url(images/prev.png) center no-repeat;
	background: rgb(255,255,255) url(images/prev.png) center no-repeat\0/;
}


/* Control Nav */
.flex-control-nav {min-width:50px; position: absolute; bottom: 5px; right: 5px; display: none;}
.project-post {
height:204px!important;
overflow:hidden;
}

.inner-project {
top:60px!important;

}

.inner-project h3 {
padding: 0 20px;
}


.inner-project span {
padding: 0 20px;
height: 39px;
overflow: hidden;
}

.project-content a.btn-icon {

top:104px;
}

#portfolio .container {
text-align:center!important;
}

#portfolio p, #testimonials p {
color: #fff;
}
#about p {
text-align:center!important;
}

.team-member {
margin-top: 20px;
}

#contact {
margin-top: 55px;
}

.home-post a:after {
border: 1px solid #E2E2E2;
}

.dropdown:hover .dropdown-menu {
background: #1c252e;
padding: 15px;
}


.dropdown-menu > li > a {
color:#fff !important;
padding: 3px 20px;
font-weight: normal;
line-height: 30px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
padding-left: 13px!important;


}
.dropdown-menu a:hover {

background:#1abc9c!important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.breadcrumb {

margin-top: 9px !important;
}

.navbar > .container .navbar-brand {
margin-left: -15px;
margin-top: 4px;
}

#banner {
background: #000;
padding-top: 30px;
}

.title-dedicated {
margin-bottom: 30px;
}

.navbar-nav > li i {
font-size: 19px;
}

.navbar-nav {
margin-top: 27px;
}

#pp_full_res {
padding: 18px!important;
}

#pp_full_res li {
list-style:none!important;
margin-bottom:20px!important;
}

.progress {
background: #1B3131;
opacity: 0.8;
}

div#clock p {
border-radius: 0;
}

div#clock p span {
font-weight: normal;
color: #fff;
}

#clock p {
color: #FFFFFF;
font-size: 13px;
}

div#clock {
margin:50px auto;
}

.uc-maintitle {
font-size: 44px;
}

.progress-bar-success {
background-color: #1abc9c;
}

.comment-item {

padding: 32px 0 0;

}

