html,body {
	font-family: 'Open Sans', sans-serif;
	background:#fff;
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
   		}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

		
   		
	
.navbar {
		border-bottom:none;
		margin-bottom: 0;
		}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #1fb7b1;
    background-image: none;
    border: 1px solid #1fb7b1;
    border-radius: 0px;
    color: #fff;
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}


.navbar-fixed-top .nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: rgba(255,255,255,0.1);
    }
    
.nav > li.active a{color: #555;}
	
	.navbar-default .navbar-nav > li > a {
		
	}
.navbar-fixed-top {background-color: #1fb7b1;color: #fff;}
.navbar-fixed-top .nav > li > a {color: #fff;}

.navbar-collapse.in {z-index: 999999999999999;background-color: #1fb7b1;color: #fff;}

@media (min-width: 786px) { 
.navbar-fixed-top ul.navbar-left:before {content: 'CB';
float: left;
	font-size:24px;
	font-weight:900; 
	padding:8px 10px;
	margin-right: 10px;
	margin-left: 12px;
	background-color: rgba(255,255,255,0.1);
	
	}
}	
.navbar-fixed-top.navbar-collapse.in {z-index: 999999999999999;background-color: #1fb7b1;color: #fff;}
	
.navbar-brand img {border-left:4px solid #fff;border-right:4px solid #fff;}

.navbar-right {padding-top: 20px;}
#navbar-main .navbar-right {padding-top: 0;}
.panel-search {height: 55px;padding-top: 8px;}

.bg-white {background-color: #f9f9f9; height: 51px;margin-top: -33px;}

span.right-logo {
	font-size: 20px;
	font-weight: 100;
	text-align: center;
	color: #1fb7b1;
	border-bottom:1px dotted #1fb7b1;
}
span.right-mail {
	font-size: 14px;
	font-weight: 100;
	text-align: center;
	color: #4fb7b1;
	letter-spacing: 0.1em;
}

li.right-text {
	text-align: center;
	border-right:50px solid #1fb7b1;
	padding-right: 20px;
	}

.search {
	margin-bottom: 0;
	padding: 12px 0;
	background:#1fb7b1;
	}

.input-group-addon {
	border-top-left-radius: 0;
border-bottom-left-radius: 0;
	border:0;
	padding:3px 3px;
	background-color: #fff;
	color: #fff;
}

span.glyphicon-home {
	background:#1fb7b1;
	border-radius: 0;
	padding:10px;
	}
	
span.glyphicon-bed {
	background:#1fb7b1;
	border-radius: 0;
	padding:10px;
	}
span.glyphicon-resize-vertical {
	background:#1fb7b1;
	border-radius: 0;
	padding:10px;
	}

.btn {
	border-radius: 0;
	border:0;
	padding:10px 0 8px 10px;
	color: #777;
}

.btn-success {
	color: #fff;
	padding:10px 10px 10px 10px;
	background:#222;
	border:1px solid #222;
	}

.btn-cb {
    color: #555;
    background-color: #fff;
    border-color: #fff;
}
.btn-form {
	color: #fff;
	background:#1fb7b1;
	border-color: #1fb7b1;
	text-align: center;
	padding:5px 20px 5px 20px;
}

.btn-form-b {
	color: #fff;
	background:#1fb7b1;
	border-color: #1fb7b1;
	text-align: center;
	padding:5px 40px 5px 40px;
	border:1px solid #fff;
}

.form-control {
	border-radius: 0;
}

.flip {
  -webkit-perspective: 800;
  -ms-perspective: 800;
  -moz-perspective: 800;
  -o-perspective: 800;
   width: 100%;
   height: 100%;
   position: relative;
   margin: 50px auto;
}
.flip .card.flipped {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
}
.flip .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  -moz-transform-style: preserve-3d;
  -moz-transition: 0.5s;
  -ms-transform-style: preserve-3d;
  -ms-transition: 0.5s;
  -o-transform-style: preserve-3d;
  -o-transition: 0.5s;
  transform-style: preserve-3d;
  transition: 0.5s;
}
.flip .card .face {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  font-family: Georgia;
  font-size: 3em;
  text-align: center;
  line-height: 200px;
  backface-visibility: hidden;  /* W3C */
  -webkit-backface-visibility: hidden; /* Safari & Chrome */
  -moz-backface-visibility: hidden; /* Firefox */
  -ms-backface-visibility: hidden; /* Internet Explorer */
  -o-backface-visibility: hidden; /* Opera */

}
.flip .card .front {
  position: absolute;
  z-index: 1;
  background: black;
  color: white;
  cursor: pointer;
}
.flip .card .back {
    background: blue;
    background: white;
    color: black;
    cursor: pointer;
    
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */

}

.header {
			background: #D96300;
			height: 80px;
			position: fixed;
			width: 100%;
			z-index: 9999;
		}
		h2 {
			font-size: 16px;
			margin: 0;
			padding: 0;
		}
		.sub-header {
			background: #fff;
			color: #444;
			padding: 100px 0 20px;
		}
		.sub-header h2 {
			margin: 0;
			font-size: 12px;
			font-weight: 400;
			letter-spacing: 1px;
		}
		.uppercase {
			text-transform: uppercase;
		}
		a {
			color: #222;
		}
		a:hover {
			color: #555;
		}
		
				
		
/* House description */	

.description {
	border-right:2px solid #ccc;
	height: 100px;
	
}

.description h2 a {
	color: #444444;
text-decoration: none;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 1.3;
letter-spacing: 0px;
}	

.description p {
	font-weight: 400;
font-style: normal;
font-family: 'Open Sans', sans-serif;
color: #747474;
font-size: 12px;
line-height: 1;
letter-spacing: 0px;
}

.desc-window {
	position: absolute;
	bottom: 0;
}
.desc-window .win1 {
border:1px solid #ccc;
padding:4px 20px;

}


/* Block of house */


.wide-block {
    margin: 0px auto;
    padding: 10px 0 0px;
    
}
.featured-listings .block-title {
    margin: 10px 0 40px;
}
.styler_color, .styler_hover_color:hover, .styler_parent_active.active > .styler_active_color {
    color: #a1a64a !important;
}
.block-title {
    text-align: center;
    font-size: 40px;
    color: #004b67;
    font-weight: 800;
    text-transform: uppercase;
    margin: 18px 0 10px 0;
}
h2 {
    font-weight: bold;
}
.featured-listings .featured-item {
    margin-bottom: 45px;
}

.featured-listings .featured-item .img-responsive {
    width: 100%;
}
.portfolio-item .img-responsive, .portfolio-item .thumbnail > img, .portfolio-item .thumbnail a > img, .portfolio-item .carousel-inner > .item > img, .portfolio-item .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: 239px;
}


.featured-listings .featured-item .heading {
	 text-align: center;
    font-weight: 800;
    padding: 16px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    background-color: #000;
    }
.styler_bg_color, .styler_hover_bg_color:hover, .styler_parent_active.active > .styler_active_bg_color {
    background-color: #1fb7b1 !important;
}
.styler_bg_color1, .styler_hover_bg_color1:hover, .styler_parent_active.active > .styler_active_bg_color1 {
    background-color: #3498db !important;
}
.styler_bg_color2, .styler_hover_bg_color2:hover, .styler_parent_active.active > .styler_active_bg_color2 {
   background-color: #1fb7b1 !important;
}

.featured-listings .featured-item address {
    background: url(../img/location.png) scroll 0 5px no-repeat;
    border-bottom: 1px solid #d6d5d5;
    margin-bottom: 15px;
    color: #666;
    padding: 0 0 10px 20px;
    font-size: 13px;
    line-height: 23px;
}

.featured-listings .featured-item .characteristics ul li {
    float: left;
    border-right: 1px solid #666666;
    margin-left: 5px;
    font-size: 13px;
    line-height: 13px;
    padding-right: 5px;
    color: #666;
    text-transform: capitalize;
}

.featured-listings .featured-item .characteristics ul {
    margin-left: -5px;
    padding: 0;
    list-style: none;
    margin-bottom: 40px;
    overflow: hidden;
}
ul, ol {
    padding: 0;
    margin: 0 0 10px 25px;
}

.featured-listings .featured-item .item-info .price {
    font-weight: 800;
    font-size: 20px;
    padding-top: 5px;
}
.styler_color, .styler_hover_color:hover, .styler_parent_active.active > .styler_active_color {
    color: #a1a64a !important;
}

.featured-listings .featured-item .item-info .more {
    position: relative;
}
.featured-listings .featured-item .item-info .more a {
    padding: 7px;
    border: 1px solid #d6d5d5;
    border-radius: 5px;
    float: right;
    font-size: 12px;
    line-height: 12px;
}
.styler_color, .styler_hover_color:hover, .styler_parent_active.active > .styler_active_color {
    color: #a1a64a !important;
}

.featured-listings .featured-item .characteristics ul li:last-child {
    border: none;
}
.featured-listings .featured-item .characteristics ul li {
    float: left;
    border-right: 1px solid #666666;
    margin-left: 5px;
    font-size: 13px;
    line-height: 13px;
    padding-right: 5px;
    color: #666;
    text-transform: capitalize;
}
.featured-listings .featured-item .content {
    padding: 17px 20px 9px;
    background-color: #fff;
}
.prestige {
	margin-bottom: 0;
	margin-top: 0;
	background-color: #e9e9e9;
	padding-bottom: 25px;
	border-bottom:1px solid #1fb7b1;
	}

.prestige-bg {
	
	background-color: #fff;
	
}

/* Scroll up */

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
}
.cd-top {
    right: 20px;
    bottom: 20px;
}
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #1fb7b1 url(../img/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

footer {
	width: 100%;
	height: 220px;
	background-image: url(../img/bgfooter.png);
	
}
.footer-down {
	border-top:1px solid #aaa;
	height: 50px;
	background-color: #aeb5bc;
	padding-top: 15px;
	color: #fff;
	font-size: 12px;
}
.footer-down a {color: #fff;text-decoration: none;}
.footer-down a:hover {color: #ddd;}

#portfolio .portfolio-item {
  margin: 0 0 0px;
  right: 0;
}
#portfolio .icon {
	font-size: 50px;
	font-weight: normal;
	}

#portfolio .portfolio-item .portfolio-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
#portfolio .portfolio-item .portfolio-link .caption {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
#portfolio .portfolio-item .portfolio-link .caption:hover {
  opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: white;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
  margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
  margin: 0;
}
#portfolio * {
  z-index: 2;
}

.main-circle-icon {
	 color: #eee;
    display: inline-block;
    background: #5C5C5C;
    width: 35px;
    text-align: center;
    position: relative;
    margin-right: 10px;
    padding: 5px;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
    box-shadow: 0 1px 1px #858585;
    text-shadow: none;
}



.single-post .tab-content {
    background-color: #fff;
    padding: 30px;
    border: 1px solid #ddd;
    border-top: none;
    margin-bottom: 40px;
}
.nav-tabs.nav-justified {
	margin-left: 0;
}

.nav-tabs.nav-justified > li > a {
	outline: none;
	text-transform: uppercase;
	font-weight: 300;
	color: #1fb7b1;
}

.prop-feature li {list-style-type: none;
	line-height: 30px;
}

h3.prop-over {padding: 20px 0;color: #1fb7b1;}

.sidebar .widget, .sidebar .widget-sidebar {
    margin-bottom: 20px;
}
.sidebar .widget-white {
    position: relative;
    padding: 15px;
    font-size: 13px;
    background: #fff;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #ccc;
}

.sidebar .widget-dark {
    position: relative;
    padding: 15px;
    font-size: 13px;
    background: rgba(31,183,177,0.2);
    margin-bottom: 30px !important;
    border:1px solid rgba(31,183,177,0.3);
}

.sidebar .widget .widget-header {
    margin-bottom: 20px;
}

.sidebar .widget .widget-header h3 {
    font-family: 'Raleway', sans-serif;
    color: #1fb7b1;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background-repeat: repeat-x;
    background-position: bottom center;
    margin-top: 20px;
    padding-bottom: 0;
}
.sidebar .widget-white::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-width: 25px;
    border-top: 25px solid #82b440;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 0 solid transparent;
}
.sidebar .widget::before, .sidebar .widget::after, .sidebar .widget-sidebar::before, .sidebar .widget-sidebar::after {
    content: "";
    display: table;
    clear: both;
}

.sidebar .widget-white::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-width: 25px;
    border-top: 25px solid #1fb7b1;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 0 solid transparent;
}
.sidebar .widget::before, .sidebar .widget::after, .sidebar .widget-sidebar::before, .sidebar .widget-sidebar::after {
    content: "";
    display: table;
    clear: both;
}

.sidebar .widget ul {
    list-style-type: none;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

.sidebar .widget ul > li {
    display: block;
    padding: 3px 0;
    margin-left: -5px;
    }
.sidebar .widget ul > li:first-child > a {
    padding-top: 0;
}
.sidebar .widget ul > li > a {
    display: inline;
    font-size: 12px;
}
a {
    color: #1fb7b1;
    text-decoration: none;
}
.sidebar .widget ul > li > a::before {
    font-family: 'FontAwesome';
    content: "\f105";
    padding-right: 10px;
}

.favorite a::before {
    content: '';
    position: absolute;
    left: 34px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #1fb7b1;
}
.favorite a {
    position: relative;
    display: block;
    vertical-align: middle;
}
.favorite a > i {
    font-size: 20px;
    padding-right: 25px;
    display: inline-block;
    vertical-align: middle;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.carousel-control.left {
    left: 30px;
}
.carousel-control.left, .carousel-control.right {
    position: absolute;
    background-image: none;
    width: 50px;
    height: 50px;
    margin-top: 25%;
    background-color: rgba(255,255,255,.8) !important;
    color: #1fb7b1;
    text-shadow: none;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    -ms-border-radius: 55px;
    -o-border-radius: 55px;
    border-radius: 55px;
}
.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}
.carousel-control > .glyphicon, .carousel-control > .fa {
    font-size: 16px;
    line-height: 30px;
}

.carousel-control.right {
    right: 30px;
}

.carousel-control > .glyphicon, .carousel-control > .fa {
    font-size: 16px;
    line-height: 30px;
}

.team-container.team-dark {
    background: #1b1d2a;
    border-color: none;
    color: #898ba2;
}
.team-container {
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #eee;
}

.team-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}
.team-description {
    padding: 15px;
}
.nav-tabs > li > a {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.01em;
}

p.lola-inside {
	text-align: center;
	width: 100%;
	padding:20px;
	color: #999;
}
.home-main {
	border-bottom:1px solid #ccc;
	background:rgba(31,183,177,0.2);
	max-height: 60px;
	margin-bottom: 30px;
}

.carousel-bottom {
	
	color: #1fb7b1;
	}
.carousel-bottom h3 {
	margin:0;
	font-size: 16px;
	font-weight: 900;
	padding:10px 10px;
}
.carousel-bottom h3 i {
	font-size: 20px; 
	color: rgba(31,183,177,0.5);
	border-right: 1px solid #ccc;
	padding: 10px 20px 10px 10px;
}
.carousel-bottom h3 span {
		font-weight: 900;
		
		font-size: 16px;
}
.carousel-bottom h3 b {
		font-weight: 900;
		font-size: 16px;
		
}

/* SOLICITORS SIDE */

.sol-banner-top {margin-top: 30px;height: 250px;
	background:url(../../solicitors/img/sol-top1.png) center center;
}

.top-banner-text {position: absolute;
top: 25%;
left: 10%;
color: rgba(0,0,0,0.6);
    text-shadow: 2px 2px 3px rgba(255,255,255,0.7);
padding:20px 50px;

}
.top-banner-text h1 {font-size: 60px;
	transform: perspective( 800px ) rotateY( 15deg );
}

#navbar-main {border-bottom:1px dotted #1fb7b1;}
.navi {
-webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;

}

#menu-main {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 0;
    }

#menu-main li {
    list-style: none;
    float: left;
    display: inline;
}


#menu-main li a:hover, #menu-main li a:active  { background-color: #9fb7b1;}
#menu-main li a {
    width: 140px;
    height: 34px;
    display: block;
    line-height: 34px;
    color: #fff;
    font-size: 12px;
    background: url(../../solicitors/img/navBack.png) no-repeat 91% 50% #1fb7b1;
    border:1px dotted #ccc;
    padding: 0 0 0 12px;
    margin: 0 5px 0 0;
    
    text-decoration: none;
    
    text-transform: lowercase;
}
* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    font-size: 12px;
}
#menu-main li {
    list-style: none;
}
#menu-main li.active a{background-color: #9fb7b1;border:1px solid #9fb7b1;}
.padded {height: 50px;line-height: 40px;}
.padded ul li {display: inline;
		border-right:1px dotted #ccc;
		padding-right: 5px;
		padding-left:5px;
		font-size: 12px;
		line-height: 50px;
		}
.padded ul li.last {border-right:0;}
.padded ul li.right {float: right;margin-top: 2px;}
.navbar-fixed-top .padded ul li a {color: #ddd;}
.padded ul li.active a{color:#116461;}
.navbar-fixed-top .padded ul li.active a{color: #fff;}

p.welcome {padding-top: 10px;font-size: 12px;color: #555;}

h3.sol-main {border-bottom:1px dotted #ccc;padding-bottom:10px;line-height: 40px;margin-top: 20px;
	font-weight: 100;color: #444;} 

h4.soc-legal {padding-bottom:10px;color:#1fb7b1;border-bottom:1px dotted #ccc; }
p.soc-legal {font-size: 12px;padding-bottom: 10px;}

.soc-blok {min-height: 250px;border-right:1px dotted #ccc;}
.soc a.btn {
    width:100%;
    height: 34px;
    display: block;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    background: url(../../solicitors/img/navBack.png) no-repeat 94% 50% #1fb7b1;
    padding: 0 0 0 12px;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    text-transform: lowercase;
    position: absolute;
    left: 0;
    bottom: 0;
}

.soc-prop a.btn {
    width: 95%;
    height: 34px;
    display: block;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    background: url(../../solicitors/img/navBack.png) no-repeat 94% 50% #1fb7b1;
    padding: 0 0 0 12px;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    text-transform: lowercase;
    margin-bottom: 10px;
}

.btn-carousel {
    width: 200px;
    height: 34px;
    display: block;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    background: url(../../solicitors/img/navBack.png) no-repeat 94% 50% #1fb7b1;
    padding: 0 0 0 12px;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    text-transform: lowercase;
    float: right;
    margin-top: 20px;
    text-decoration: none;
}
.btn-carousel:hover {background-color: #9fb7b1; text-decoration: none;color: #fff;}
.soc a.btn:hover {background-color: #9fb7b1;}
.push-down {border-top:2px solid #1fb7b1;padding-top: 30px;padding-bottom: 70px;}

.team-line {border-bottom:1px dotted #ccc;padding-bottom: 10px;padding-top: 10px;font-size: 12px;}
.team-line p {line-height: 20px;}
.team-bg {background:#1fb7b1;padding:0 0 10px 0;color: #fff;margin-bottom: 20px;}


ul.charter {line-height: 20px;}
ul.charter li {
	font-size:12px;
	list-style-type: none;
	margin-left: -20px;
		}
ul.charter li:before {
	font-family: FontAwesome;
	content: "\f00c";
	padding-right: 5px;
	color: #1fb7b1;
}


/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
}
div.bhoechie-tab-menu .list-group-item.active, div.bhoechie-tab-menu .list-group-item.active:focus, div.bhoechie-tab-menu .list-group-item.active:hover {
border-color: #1fb7b1;
}
div.bhoechie-tab-menu .list-group-item {border:1px solid rgba(31,183,177,0.3);}

div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
  }
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #1fb7b1;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a {
	background-color: rgba(31,183,177,0.2);
	border-color: rgba(31,183,177,0.3);
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #1fb7b1;
  background-image: #1fb7b1;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #1fb7b1;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

#tabs ul.prop-tabs li {
	
				margin-top: 30px;
				margin-right: 10px;
				padding:9px 15px;
            display:inline-block;
            border-left:1px solid #ccc;
            border-right:1px solid #ccc;
            border-top:1px solid #ccc;
            margin-bottom: -1px;
            
            background:#fff;
            font-size:16px;
            font-weight:600;
            color:#555;
            transition:all linear 0.15s;
				            
            }
#tabs ul.prop-tabs li a {text-decoration: none;outline: 0;}
#tabs ul.prop-tabs {margin-left: 0;
	padding-left: 0;border-bottom:1px solid #ccc;}
	
#tabs ul li.ui-tabs-active {border-bottom:1px solid #fff;color: #555;}

.team-bg-prop {background:#f1f1f1;padding:10px 0 30px 0;color: #fff;margin-top: 0;}

.prop-sticker {
	position: absolute;
	bottom: 0;
	left: 0;
	background:#1fb7b1;
	padding: 20px 40px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 900;
	z-index: 1;
	color: #fff;
	}

.mob-right {text-align: right;}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    padding:30px;
    color: #1fb7b1;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-body .btn {border:1px solid #ccc;padding: 8px 12px 4px 12px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);font-size: 14px;}

@media (max-width: 786px) { 
	.input-group {
		margin-bottom: 10px;
			}
	.home-mob {padding-top:220px;}
	.carousel-bottom {margin-bottom: 150px;}
	.carousel-bottom h3 {font-size: 110%;text-align: left;}
	.carousel-bottom h3 span {font-size: 110%;}
	.carousel-bottom h3 b {font-size: 110%;}
	.mob-right {text-align: left;}
	.mob-search {
	position: absolute;top: 60px;width:100%;z-index: 9;
	}
	.mob-header img {max-width: 120px;}
	
	.search {background:transparent;z-index: 0;}	
	
	.home-main {
	border-bottom:1px solid #ccc;
	background:rgba(31,183,177,0.2);
	max-height: 140px;
	margin-bottom: 0px;
	display: block;
}

	
	.home-main h3 {
		text-align: center;
		margin-left: -40px;
		margin-bottom: 0;
		margin-top: 0;
		padding-bottom: 0;
		padding-top: 0;
		font-size: 12px;
		border-bottom:1px solid #ccc;
	}
	
	.nav > li > a {color: #ccc;}
	
	.carousel-control > .glyphicon, .carousel-control > .fa {
    font-size: 16px;
    line-height: 0px;
    }
    .prop-sticker {
	position: absolute;
	bottom: 0;
	left: 0;
	background:#1fb7b1;
	padding: 10px 20px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 900;
	z-index: 999999999;
	color: #fff;
	}

}


/*animation element*/

.animation-element {
  position: relative;
  
 
  float: left;
}
/*3 grid layout*/

.animation-element:nth-of-type(3n-2) {
  
  margin: 0% 1.375% 2.75% 0%;
  clear: left;
}

.animation-element:nth-of-type(3n-1) {
 
  margin: 0% 1.375% 2.75% 1.375%;
}

.animation-element:nth-of-type(3n-0) {
  
  margin: 0% 0% 2.75% 1.375%;
  clear: right;
}
/*bounce up animation for the subject*/

.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.subject {
  float: left;
  width: 100%;
  margin: 0% 1.33% 2.66% 1.33%;
  background: #F5F5F5;
  padding: 15px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #EAEAEA;
}

.subject:hover,
.subject:active {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
}

.subject .header {
  margin: 8px 0px;
}

.subject .header .date,
.subject .header .category {
  margin: 0px;
  clear: none;
 
}

.subject .header .date i,
.subject .header .category i {
  margin-right: 5px;
  color: #333;
  -moz-transition: all 400ms linear;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

.subject .header .date {
  float: left;
  text-align: left;
}

.subject .header .category {
  float: right;
  text-align: right;
}
/*subject icon at top*/

.subject .icon {
  position: absolute;
  top: -20px;
  left: 50%;
  left: calc(50% - 20px);
}

.subject .icon i {
  width: 40px;
  height: 40px;
  color: rgb(255, 255, 255);
  font-size: 150%;
  border-radius: 50%;
  text-align: center;
  padding: 7px;
}
/*Category color / icon color*/

.subject .category-color {
  height: 7px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.subject.design .category-color,
.subject.design .icon i {
  background: #c0392b;
}

.subject.development .category-color,
.subject.development .icon i {
  background: #16a085;
}

.subject.photography .category-color,
.subject.photography .icon i {
  background: #2980b9;
}
/*hovering over subject*/

.subject.development:hover .header i {
  color: #16a085;
}

.subject.design:hover .header i {
  color: #c0392b;
}

.subject.photography:hover .header i {
  color: #2980b9;
}

.subject .title {
  margin: 12px 0px;
  border-bottom: dashed 1px #ccc;
  padding-bottom: 10px;
}

.subject .content {
  margin-bottom: 8px;
}

.subject .enrole {
  position: relative;
  color: #333;
  padding: 5px 12px;
  cursor: pointer;
  float: right;
  display: inline-block;
  border: solid 1px #ccc;
  -moz-transition: all 400ms linear;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

.subject .enrole:hover,
.subject .enrole:active {
  background: #222;
  color: #fff;
}
/*media queries for small devices*/

@media screen and (max-width: 678px) {
  .main-container {
    margin: 20px 15px;
  }
  .animation-element,
  .animation-element:nth-of-type(3n-1),
  .animation-element:nth-of-type(3n-2),
  .animation-element:nth-of-type(3n-0) {
    width: 100%;
    margin: 0px 0px 30px 0px;
  }
  .subject .header .date,
  .subject .header .category {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}

.tooltip > .tooltip-inner {background-color: #555;}
.tooltip > .tooltip-arrow { border-bottom-color:#555; }

.overlay-in {opacity: 1;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  }
.overlay-in:hover {opacity: 0.8;}

.flex {
    display: flex;
    justify-content: flex-start;
}
.flex input {
    max-width: 300px;
    flex: 1 1 300px;
}
.flex .currency {
    
    padding: 0 20px 0 20px;
    color: #fff;
    border: 1px solid #1fb7b1;
    border-right: 0;
    line-height: 2.5;
    border-radius: 0;
    background: #1fb7b1;
}




.nb-footer{
  background: inherit;
  margin-top: 60px;
  margin-bottom: -180px;
}
.nb-footer .footer-single{
  margin-top: 30px;
}
.nb-footer .footer-title{
    display: block;
  margin: 10px 0 25px 0;
  border-bottom: 1px dotted #1fb7b1;
}
.nb-footer .footer-single a{
	text-decoration: none;
}

.nb-footer .footer-single h2{
    color: #1fb7b1;
  font-size: 16px;
  font-weight: 200;
  display: inline-block;
  border-bottom: 2px solid #1fb7b1;
  padding-bottom: 5px;
  margin-bottom: -2px;
}
.nb-footer .footer-single li{
  border-top: solid 1px #353535;
}
.nb-footer .footer-single li:first-child{
  border-top: none;
}
.nb-footer .footer-single li a{
  color: #979797;
  font-size: 12px;
  padding: 6px 0px;
  display: block;
  transition:all 0.4s ease-in-out;
}
.nb-footer .footer-single li a:hover{
  color: #222;
}
.nb-footer .footer-single li a:hover i{
  color: #222;
}
.nb-footer .dummy-logo {
    margin-top: 11px;
    padding-bottom: 9px;
}
.nb-footer .dummy-logo .icon {
    margin-right: 10px;
    border-radius: 20px;
    margin-top: 5px;
}
.nb-footer .brand {
   
}
.nb-footer .dummy-logo i {
    font-size: 50px;
    color: #fff;
    padding: 5px;
}
.nb-footer .dummy-logo p {
    color: #999;
    font-size: 12px;
}
.nb-footer .dummy-logo h2 {
    font-size: 21px !important;
    border-bottom: none;
    color: #696969;
    padding: 5px 0;
    font-weight: 700;
}
.nb-footer .btn-footer{
  border: 1px solid #1fb7b1;
  margin-top: 10px;
  color: #1fb7b1;
  border-radius: 4px;
  padding:5px 20px 5px 20px;
}
.nb-footer .btn-footer:hover{
  background: #7BFF00;
  color: #fff;
  transition:all 0.4s ease-in-out;

}
.nb-footer .useful-links li a{
  text-transform: uppercase;
}
.nb-footer .footer-project a{
  font-size: 13px;
}
.nb-footer .footer-project img{
  margin-bottom: 20px;
  border: 1px solid #666;
  border-radius: 6px;
  padding: 1px;
  opacity: 0.7;
  transition:all 0.4s ease-in-out;
}
.nb-footer .footer-project img:hover{
  opacity: 1.0;
  cursor: pointer;
}
.nb-footer .footer-project .footer-title{
  margin-top: 0;
}
.nb-footer .footer-single p, .footer-single address{
    color: #979797;
  font-size: 14px;
  margin-top: 5px;
  line-height: 22px;
}
.nb-copyright{
  background: #171717;
  padding-bottom: 10px;
}
 .nb-copyright .copyrt{
  margin-top: 22px;
  font-size: 14px;
}
.nb-copyright .copyrt a{
  color: #7BFF00;
}
.nb-copyright .footer-social{
	margin-top: 10px;
}
.nb-copyright .footer-social i{
  padding: 5px 10px;
  color: #999;
  border: 1px solid #333;
  margin-top: 10px;
  font-size: 20px;
  border-radius: 5px;
  transition:all 0.4s ease-in-out;
}
.nb-copyright .footer-social i:hover{
  background: #7BFF00;
  color: #fff;
}
.nb-copyright .footer-social .fa-facebook{
  padding: 5px 14px;
}
@media(max-width: 767px){
	 .xs-center{
	text-align: center;
}
 .left-clear{
	padding-left: 0;
}
 .right-clear{
	padding-right: 0;
}
}