@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');

* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #ffffff;
    color: #666666;
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #1b1b1b;
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    line-height: 1.5;
    margin: 0 0 8px;
}
h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #1b1b1b;
}
p a {
    color: #1b1b1b;
}
p {
    line-height: 24px;
    margin-bottom: 10px;
}
a {
    color: #1b1b1b;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    outline: none;
}
ul {
    margin-bottom: 0;
}
figure {
    margin-bottom: 6px;
    position: relative;
}
img {
    height: auto;
    max-width: 100%;
}
strong {
    color: #1b1b1b;
}
iframe {
    border: none;
    float: left;
    width: 100%;
}
.wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {
}
.wp-caption.alignleft, .wp-caption.alignnone {
    width: 100%;
}
select {
    background-color: #f0eef0;
    border: 1px solid #dfdfdf;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    padding: 8px 12px;
    width: 100%;
}
label {
    color: #6c8391;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
button {
    border: none;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #f2f2f2;
    border: none;
    color: #aaa9a9;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 20px;
    outline: none;
    padding: 4px 6px;
    vertical-align: middle;
    box-shadow: none;
}
input[type="submit"] {
    outline: none;
}
form p {
    float: left;
    position: relative;
}
form p span i {
    color: #474747;
    left: 16px;
    position: absolute;
    top: 13px;
}
option {
    padding: 5px 15px;
}
li {
    line-height: 28px;
    list-style: inside none disc;
}
ul ul {
    margin-left: 20px;
}
ol {
    float: none;
    list-style: outside none decimal;
    padding-left: 15px;
}
ol ol {
    margin-left: 20px;
}
ol li {
    list-style: outside none decimal;
    width: 100%;
}
table {
    background-color: transparent;
    max-width: 100%;
}
th {
    text-align: left;
}
table {
    margin-bottom: 15px;
    width: 100%;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border: 1px solid #dddddd;
    line-height: 2.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #dddddd;
    text-align: center;
    text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #dddddd;
}
table > thead > tr > th {
    border-bottom: 2px solid #dddddd;
    vertical-align: bottom;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
    border-bottom: 0 none;
}
table > tbody + tbody {
    border-top: 2px solid #dddddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 6px 10px;
}
p ins {
    color: #999;
}
dl dd 	{ margin-left: 20px; }
address { font-style: italic; }
.constructit-main-section {
	float: left;
	width: 100%;
	position: relative;
}
.constructit-main-content 	    { padding: 60px 0px 50px 0px; }
.constructit-right-section 	    { float: right; }
.constructit-left-section 	    { float: left; }
.constructit-main-wrapper,.constructit-main-content,
.constructit-main-header,#constructit-header {
    float: left;
    width: 100%;
}
/* Header */
.constructit-top-strip {
    float: left;
    width: 100%;
}
.constructit-top-strip { background-color: #1b1b1b; }
.constructit-strip-info {
    float: left;
    margin: 11px 0px 0px;
}
.constructit-strip-info li {
    float: left;
    list-style: none;
    color: #ffffff;
    margin: 0px 40px 0px 0px;
    font-size: 13px;
}
.constructit-strip-info li:last-child { margin-right: 0px;}
.constructit-strip-info li a { color: #ffffff; }
.constructit-strip-info li i {
    float: left;
    font-size: 17px;
    margin: 7px 10px 0px 0px;
}
.constructit-simple-btn {
    float: right;
    color: #ffffff;
    font-weight: 500;
    padding: 14px 29px 15px;
}
.logo-shape {
    float: left;
    width: 100%;
    position: relative;
}
.logo {
    float: left;
    width: 100%;
    padding: 5px 0px 0px;
}
.logo img{
    height: auto;
    width: auto;
    position: absolute;
    z-index: 5;
}
.logo-shape:before {
    content: '';
    position: absolute;
    right: -30px;
    bottom: -120px;
    width: 999em;
    border-top: 55px solid #ffffff;
    border-right: 50px solid transparent;
    z-index: 1;
}
/* Navigation */
a.menu-link {
    color: #1b1b1b;
    display: none;
}
.menu-link span {
  border-bottom: solid 3px #1b1b1b;
  border-top: double 10px #1b1b1b;
  float: right;
  height: 17px;
  margin: 0 5px 0px 0;
  width: 30px;
}
.js .menu > ul ul.active {
  margin: 0;
  max-height: 55em;
  padding: 0;
}
.menu.active {
  max-height: 100em;
  width: 100%;
}
span.has-subnav {
  display: none;
  font-size: 1em;
  position: absolute;
  right: 0;
  padding: 0;
  top: 0;
  cursor: pointer;
  width: 52px;
  text-align: center;
  height: 100%;
  line-height: 2.7;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  background-color: #f9f9f9;
  font-size: 20px;
}
.navbar-nav > li {
    margin: 0px 6px;
    position: relative;
    list-style: none;
}
.navbar-nav > li:first-child { margin-left: 0px;}
.navbar-nav > li:last-child { margin-right: 0px;}
.navbar {
    background: none;
    border: none;
    float: right;
    margin-bottom: 0px;
    min-height: auto;
}
.navbar .navbar-collapse { padding-left: 8px; }
.navbar-nav > li > a {
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    padding: 25px 6px 25px 6px;
    position: relative;
}
.navbar-nav > li > a:before {
    content: '';
    position: absolute;
    left: 0%;
    bottom: 0px;
    width: 100%;
    height: 0px;
    background-color: #636363;
    opacity: 0;
}
.navbar-nav > li:hover > a:before,
.navbar-nav > li.active > a:before {
    opacity: 1;
    height: 2px;
}
.navbar-nav > li.active > a,
.navbar-nav > li:hover > a { color: #fff;}
.navbar-nav > li:first-child { padding-left: 0px !important;}
.navbar-nav > li:last-child { padding-right: 0px !important;}

.navbar-nav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}
.navbar-nav .sub-menu {
    background-color: #ffffff;
    left: 0;
    margin: 4px 0px 0px 0px;
    opacity: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 230px;
    z-index: 999;
}
.navbar-nav .sub-menu .sub-menu {
    left: 100%;
    top: 0%;
    margin-top: 0px;
}
.navbar-nav .sub-menu > li {
    float: left;
    list-style: none;
    position: relative;
    width: 100%;
}
.navbar-nav .sub-menu li a {
    border-bottom: 1px solid #f8f8f8;
    color: #576777;
    float: left;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 15px;
    width: 100%;
}
.navbar-nav .sub-menu > li:last-child > a { border: none; }
/*user list*/
.constructit-user-list {
    float: right;
    margin: 0px 0px 0px 0px;
}
.constructit-user-list li {
    float: left;
    list-style: none;
    margin: 22px 0px 0px 39px;
    position: relative;
}
.constructit-user-list li:before {
    content: '';
    position: absolute;
    left: -19px;
    top: 8px;
    width: 1px;
    height: 12px;
    background-color: #d3d3d3; 
}
.constructit-user-list li:first-child:before { content: none;}
.constructit-user-list li a {
    font-size: 15px;
    color: #a4a4a4;
}
.constructit-user-list li a { position: relative;}
.constructit-user-list li a span {
    position: absolute;
    right: -7px;
    top: -3px;
    color: #ffffff;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    text-align: center;
    font-size: 10px;
    padding: 2px 0px 0px 1px;
}
/* Search Modal */
.searchmodal form {
    float: left;
    width: 100%;
    position: relative;
}
.searchmodal .modal-dialog { margin: 300px auto;}
.searchmodal .modal-body {
    display: inline-block;
    width: 100%;
    padding: 0px;
    position: relative;
}
.searchmodal form input[type="text"] {
    float: left;
    width: 100%;
    background-color: #ffffff;
    color: #999;
    font-size: 20px;
    font-style: italic;
    height: 60px;
    padding: 6px 30px;
    border-radius: 40px;
}
.searchmodal form input[type="submit"] {
    position: absolute;
    right: 5px;
    top: 0px;
    height: 60px;
    width: 60px;
    background-color: transparent;
    border: none;
    z-index: 2;
}
.searchmodal form i {
    position: absolute;
    right: 28px;
    top: 20px;
    color: #999;
    font-size: 18px;
    z-index: 0;
}
.constructit-close-btn {
    position: absolute;
    right: 40%;
    top: -50px;
    color: #999;
    background-color: #ffffff;
    width: 100px;
    height: 50px;
    border-radius: 100px 100px 0px 0px;
    text-align: center;
    font-size: 30px;
    padding-top: 8px;
}
.constructit-cart-box {
    position: absolute;
    right: 0px;
    top: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 28px;
    width: 300px;
    z-index: 1;
    margin-top: 5px;
    display: none;
}
.constructit-cart-box p { margin: 0px; }
/*constructit-banner*/
.constructit-banner {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.constructit-banner .slick-arrow {
    position: absolute;
    left: 40px;
    top: 50%;
    color: #ffffff;
    font-size: 16px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: rgba(255,255,255,0.3);
    padding: 6px 0px 0px;
    cursor: pointer;
    text-align: center;
    z-index: 1;
    margin: -77px 0px 0px;
}
.constructit-banner .slick-arrow:hover { background: rgba(213,172,99,0.3);}
.constructit-banner .slick-arrow.slick-arrow-right { margin: 42px 0 0px;}
.constructit-banner .slick-dots {
    width: 16px;
    border: none;
    border-radius: 0px;
    bottom: 50%;
    left: 49px;
    margin: 0px 0px -28px;
}
.constructit-banner .slick-dots li button {
    width: 10px;
    height: 2px;
    background: #fff;
    opacity: 0.5;
    position: relative;
}
.constructit-banner .slick-dots li.slick-active { margin: 0px 4px 0px 0px;}
.constructit-banner .slick-dots li.slick-active button:before {
    content: '';
    position: absolute;
    right: -4px;
    top: 0px;
    width: 2px;
    height: 2px;
    opacity: 1;
}
.constructit-banner-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.65;
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%) !important;
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 10%) !important;
    background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 10%) !important;
}
.constructit-banner-caption {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    margin: -143px 0 0 0;
}
.constructit-banner-text {
    float: left;
    width: 100%;
    text-align: center;
}
.constructit-banner-text h1 {
    display: inline-block;
    width: 60%;
    font-size: 48px;
    color: #ffffff;
    font-weight: 500;
    margin: 0px 0px 22px;
    position: relative;
    padding: 0px 0px 20px;
    line-height: 57px;
    text-transform: uppercase;
}
.constructit-banner-text h1:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 100px;
    margin: 0px 0px 0px -50px;
    height: 2px;
}
.constructit-banner-text p {
    margin: 0px 0px 23px;
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
    width: 45%;
    display: inline-block;
}
.constructit-classic-btn {
    display: inline-block;
    font-weight: 500;
    border: 2px solid;
    overflow: hidden;
    padding: 9px 23px 10px;
}
.constructit-classic-btn:hover i { margin-left: 25px;}
.constructit-classic-btn i {
    font-size: 13px;
    float: right;
    margin: 5px 0px 0px 15px;
}
/*slider two*/
.constructit-transparent-shape {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.constructit-banner-text-two {
    float: left;
    width: 100%;
}
.constructit-banner-text-two h2 {
    margin: 0px 0px 1px;
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1.3;
}
.constructit-banner-text-two h1 {
    margin: 0px 0px 14px;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 500;
}
.constructit-banner-text-two p {
    color: #ffffff;
    font-size: 16px;
    margin: 0px 0px 32px;
    line-height: 26px;
    float: left;
    width: 90%;
}
.constructit-banner-layer { position: relative; display: inline-block;}
.constructit-modern-btn {
    display: inline-block;
    font-weight: 500;
    color: #ffffff;
    margin: 0px 20px 0px 0px;
    padding: 11px 25px 12px;
}
.constructit-modern-btn:hover {
    background-color: #1b1b1b;
    color: #ffffff;
}
.constructit-modern-btn i {
    font-size: 13px;
    float: right;
    margin: 5px 0px 0px 15px;
}
.constructit-banner-thumb {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 0px 0 0;
    width: 50%;
}
/*constructit-content*/
.constructit-content-padding { padding-top: 100px;}
/*constructit-counter*/
.constructit-counter {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
}
.constructit-counter > ul > li {
    float: left;
    width: 25%;
    list-style: none;
    text-align: center;
    margin: 0px;
    position: relative;
    padding: 69px 0px 42px;
}
.constructit-counter > ul > li:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 51px;
    width: 1px;
    height: 100px;
    background: rgba(27,27,27,0.15);
}
.constructit-counter > ul > li:last-child:before { content: none;}
.constructit-counter .numscroller {
    display: inline-block;
    font-size: 60px;
    font-weight: 500;
    margin: 0px 0px 6px;
    line-height: 1;
    color: #262626;
}
.constructit-counter i {
    font-size: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0.3;
    margin: -61px 0 0 -51px;
    z-index: -1;
}
.constructit-counter h6 {
    text-transform: uppercase;
    margin: 0px;
    font-weight: 500;
}
/*Fancy Title*/
.constructit-fancy-title {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0px 0px 25px;
}
.constructit-fancy-title h6 {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px 0px 5px;
    font-weight: 400;
    line-height: 1;
}
.constructit-fancy-title h2 {
    text-transform: uppercase;
    font-size: 35px;
    margin: 0px 0px 10px;
    line-height: 1;
}
.constructit-fancy-title span {
    display: inline-block;
    width: 172px;
    position: relative;
}
.constructit-fancy-title span i {
    display: inline-block;
    position: relative;
    font-size: 25px;
}
.constructit-fancy-title span:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    width: 60px;
    height: 1px;
    background-color: #1b1b1b;
}
.constructit-fancy-title span:after {
    content: '';
    position: absolute;
    left: 20px;
    top: 14px;
    width: 40px;
    height: 1px;
    background-color: #1b1b1b;
}
.constructit-fancy-title span small {
    position: absolute;
    right: 60px;
    top: 0px;
}
.constructit-fancy-title span small:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    width: 60px;
    height: 1px;
    background-color: #1b1b1b;
}
.constructit-fancy-title span small:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 14px;
    width: 40px;
    height: 1px;
    background-color: #1b1b1b;
}
/*Fancy Title*/

/*constructit-service*/
.constructit-service {
    float: left;
    width: 100%;
}
.constructit-service > ul > li {
    list-style: none;
    margin: 0px 0px 42px;
}
.constructit-service-grid i {
    display: block;
    margin: 0px 0px 23px;
    font-size: 45px;
}
.constructit-service-grid h5 {
    margin: 0px 0px 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.constructit-service-grid p {
    margin: 0px;
    line-height: 26px;
}
/*project modern*/
.constructit-filterable {
    float: left;
    width: 100%;
    margin: 0px 0px 50px;
    text-align: center;
}
.constructit-filterable ul li {
    display: inline-block;
    margin: 0px -4px 0px 0px;
    list-style: none;
}
.constructit-filterable ul li a {
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    position: relative;
    text-transform: uppercase;
    padding: 12px 25px 10px;
}
.constructit-filterable ul li:hover a { background-color: #1b1b1b;}
.constructit-filterable ul li a:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 1px;
    background-color: #c69f5b;
    z-index: 1;
}
.constructit-filterable ul li:last-child a:before { content: none;}
.constructit-filterable ul li a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #1b1b1b;
    margin: 0px 0px 0px -9px;
    opacity: 0;
}
.constructit-filterable ul li a.is-checked:after {
    bottom: -7px;
    opacity: 1;
}
.constructit-filterable ul li a.is-checked {
    font-weight: bold;
    background-color: #1b1b1b;
}
.constructit-project,.constructit-modern-project figure,.constructit-modern-project figure > a,.constructit-modern-project figure a img,
.constructit-modern-project-text {
    float: left;
    width: 100%;
}
.constructit-project > ul > li {
    list-style: none;
    border: solid 1px #f3f3f3;
    margin: 0px 0px 40px;
}
.constructit-project.constructit-modern-project.recent > ul > li { margin: 0px 0px 30px;}
.constructit-modern-project figure { margin: 0px; overflow: hidden;}
.constructit-modern-project figure figcaption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 30px;
    height: 100%;
}
.constructit-modern-project-wrap {
    position: relative;
    top: 100%;
    left: 0;
    height: 100%;
    margin: -72px 0px 0;
}
.constructit-modern-project ul li:hover .constructit-modern-project-wrap {
    top: 0;
    margin: 0px;
}
.constructit-modern-project-text {
    text-align: center;
    padding: 25px 20px 34px;
    background: rgba(27,27,27,0.9);
    line-height: 1;
    border-bottom: 3px solid;
    overflow: hidden;
    max-height: 72px;
}
.constructit-modern-project ul li:hover .constructit-modern-project-text {
    padding: 37px 20px 34px;
    max-height: 100%;
}
.constructit-modern-project-text h6 a { color: #ffffff;}
.constructit-modern-project-text h6 {
    text-transform: uppercase;
    margin: 0px;
    line-height: 1.3;
    height: 38px;
    overflow: hidden;
}
.constructit-modern-project-text span {
    color: #bbbbbb;
    font-size: 12px;
    display: inline-block;
    margin: 0px 0px 24px;
}
.constructit-modern-project ul li:hover .constructit-modern-project-text span { margin: 0px 0px 21px;}
.constructit-modern-project-text p {
    font-size: 12px;
    margin: 0px 0px 14px;
    color: #ffffff;
}
.constructit-readmore-btn {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
}
.constructit-readmore-btn i {
    float: right;
    margin: 3px 0px 0px 7px;
    font-size: 13px;
}
/*Testimonial*/
.constructit-shape {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 67%;
    border-bottom: 20px solid #ffffff;
    border-left: 48px solid transparent;
}
.constructit-fancy-title.constructit-testimonial-title { text-align: left;}
.constructit-fancy-title.constructit-testimonial-title span:before,
.constructit-fancy-title.constructit-testimonial-title span:after { content: none;}
.constructit-fancy-title.constructit-testimonial-title span { width: 99px;}
.constructit-testimonial-slide,.constructit-testimonial,.constructit-testimonial-wrap,
.constructit-testimonial-text {
    float: left;
    width: 100%;
}
.constructit-testimonial-wrap {
    padding: 0px 0px 20px 20px;
    position: relative;
    margin: 0px 0px 30px;
}
.constructit-testimonial-text {
    background-color: #ffffff;
    padding: 93px 50px 25px;
    position: relative;
}
.constructit-testimonial-wrap:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 97%;
    height: 92%;
    background: rgba(27,27,27,0.05);
}
.constructit-testimonial-text i {
    position: absolute;
    left: 30px;
    top: 27px;
    font-size: 47px;
    opacity: 0.5;
}
.constructit-testimonial-text p {
    margin: 0px 0px 17px;
    font-style: italic;
    font-size: 20px;
    line-height: 28px;
    color: #1b1b1b;
}
.constructit-testimonial-text a { font-size: 14px; }
.constructit-testimonial-thumb-list {
    float: left;
    width: 270px;
}
.constructit-testimonial-list-layer span {
    display: inline-block;
    cursor: pointer;
    border: 2px solid rgba(255,255,255,0);
}
.constructit-testimonial-list-layer.slick-slide.slick-current.slick-active span { border: 2px solid;}
/*constructit-quote-form*/
.constructit-quote-form {
    float: left;
    position: relative;
    width: 100%;
    background-color: #ffffff;
    padding: 30px 30px 20px;
}
.constructit-thumb {
    position: absolute;
    right: 0px;
    top: -132px;
    height: 827px;
    width: 632px;
    background-image: url("../extra-images/testimoniat-thumb.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    z-index: 1;
}
@media screen and (min-width: 1250px) and (max-width: 1500px) {.constructit-thumb { background-position: 288px 0px;} }
@media screen and (min-width: 1500px) and (max-width: 1700px) {.constructit-thumb { background-position: 209px 0px;} }
.constructit-quote-form h2 {
    margin: 0px 0px 13px;
    font-size: 26px;
}
.constructit-quote-form form,.constructit-quote-form form ul li,.constructit-quote-form form ul li input[type="email"],
.constructit-quote-form form ul li input[type="text"],.constructit-quote-form form ul li textarea {
    width: 100%;
    float: left;
}
.constructit-quote-form form {
    position: relative;
    z-index: 1;
}
.constructit-quote-form form ul li {
    margin: 0px 0px 15px;
    list-style: none;
}
.constructit-quote-form form ul li input[type="text"],
.constructit-quote-form form ul li input[type="email"] {
    background-color: transparent;
    font-size: 15px;
    color: #1b1b1b;
    height: 41px;
    border-bottom: 1px solid #eeeeee;
    padding-left: 0px;
}
.constructit-quote-form form ul li textarea {
    background-color: transparent;
    height: 89px;
    border-bottom: 1px solid #eeeeee;
    font-size: 15px;
    color: #000;
    padding-left: 0;
    padding-top: 12px;
}
.constructit-quote-form form ul li label {
    position: relative;
    display: inline-block;
    margin: 15px 0px 0px;
}
.constructit-quote-form form ul li input[type="submit"] {
    display: inline-block;
    background-color: #1b1b1b;
    color: #ffffff;
    font-size: 15px;
    padding: 4px 48px 3px 20px;
    border: none;
}
.constructit-quote-form form ul li label i {
    position: absolute;
    right: 20px;
    top: 11px;
    cursor: pointer;
    color: #ffffff;
}
/*constructit-team-modern*/
.constructit-team,.constructit-team-modern figure,.constructit-team-modern figure > a,
.constructit-team-modern figure a img {
    float: left;
    width: 100%;
}
.constructit-team > ul > li {
    list-style: none;
    margin: 0px 0px 40px;
}
.constructit-team-modern figure {
    margin: 0px;
    overflow: hidden;
    border: solid 1px #f3f3f3;
    text-align: center;
}
.constructit-team-modern figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100px;
    background-color: #1b1b1b;
    opacity: 0;
}
.constructit-team-modern ul li:hover figure > a:before {
    opacity: 0.95;
    height: 100%;
}
.constructit-team-modern figure figcaption {
    position: absolute;
    left: 0px;
    bottom: 0%;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 1;
}
.constructit-team-modern ul li:hover figure figcaption {
}
.constructit-team-modern-heading {
    position: absolute;
    left: 0px;
    bottom: 20px;
    width: 100%;
    background: rgba(27,27,27,0.95);
    padding: 14px 0px 18px;
}
.constructit-team-modern ul li:hover .constructit-team-modern-heading { opacity: 0;}
.constructit-team-modern-text {
    position: absolute;
    bottom: 0%;
    left: 0px;
    width: 100%;
    padding: 20px 15px;
    margin: 0 0 -140px;
    opacity: 0;
}
.constructit-team-modern ul li:hover .constructit-team-modern-text {
    opacity: 1;
    bottom: 50%;
}
.constructit-team-modern figure figcaption h6 a { color: #ffffff;}
.constructit-team-modern figure figcaption h6 {
    margin: 0px;
    text-transform: uppercase;
    line-height: 1.3;
}
.constructit-team-modern figure figcaption span {
    font-size: 12px;
    margin: 0px 0px 20px;
    display: inline-block;
}
.constructit-team-modern figure figcaption .constructit-team-modern-heading span { margin: 0px;}
.constructit-team-modern figure figcaption p {
    margin: 15px 0px 17px;
    line-height: 21px;
    font-size: 13px;
    color: #bbbbbb;
}
.constructit-team-social {
    display: inline-block;
    margin: 0px;
}
.constructit-team-social li {
    display: inline-block;
    margin: 0px 10px 0px 0px;
    list-style: none;
}
.constructit-team-social li a {
    color: #ffffff;
    font-size: 18px;
}
/*constructit-blog*/
.constructit-blog,.constructit-blog-large figure,.constructit-blog-large figure a,.constructit-blog-large figure a img,
.constructit-blog-heading,.constructit-blog-large-text {
    float: left;
    width: 100%;
}
.constructit-blog.constructit-latest-blog > ul > li { margin: 0px 0px 30px;}
.constructit-blog > ul > li {
    list-style: none;
    margin: 0px 0px 40px;
}
.constructit-blog-large figure { margin: 0px;}
.constructit-blog-large figure a {
    position: relative;
    overflow: hidden;
}
.constructit-blog-large figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #1b1b1b;
    opacity: 0;
}
.constructit-blog-large ul li:hover figure a:before { opacity: 0.8;}
.constructit-blog-large figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    padding: 18px 0px 0px;
    margin: -25px 0px 0px -23px;
    opacity: 0;
}
.constructit-blog-large ul li:hover figure a i { opacity: 1;}
.constructit-blog-heading {
    padding: 33px 0px 0px 0px;
    margin: 0px 0px 28px;
}
.constructit-blog-large .constructit-blog-heading { margin: 0px 0px 19px;}
.constructit-blog-heading time {
    font-size: 40px;
    font-weight: 500;
    float: left;
    width: 42px;
    text-align: center;
    line-height: 19px;
}
.constructit-blog-heading time span { font-size: 18px;}
.constructit-blog-heading time ~ h2 { margin: -1px 0px 1px 57px;}
.constructit-latest-blog .constructit-blog-heading h2 { font-size: 18px;}
.constructit-latest-blog .constructit-blog-heading time span { font-size: 16px;}
.constructit-blog-heading h2 {
    margin: 0px 0px 1px;
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
}
.constructit-blog-heading time ~ .constructit-blog-option { margin: 0px 0px 0px 16px;}
.constructit-blog-option {
    float: left;
    margin: 0px;
}
.constructit-latest-blog .constructit-blog-option li { margin: 0px 20px 0px 0px;}
.constructit-blog-option li {
    float: left;
    list-style: none;
    font-size: 12px;
    margin: 0px 22px 0px 0px;
    position: relative;
    color: #1b1b1b;
}
.constructit-blog-option li:last-child { margin: 0px;}
.constructit-blog-option li:before {
    content: '';
    position: absolute;
    right: -11px;
    top: 11px;
    width: 1px;
    height: 10px;
    background-color: #1b1b1b;
}
.constructit-blog-option li:last-child:before { content: none;}
.constructit-blog-large-text p {
    margin: 0px 0px 22px;
    line-height: 26px;
}
.constructit-fancy-btn {
    display: inline-block;
    color: #ffffff;
    padding: 7px 20px 6px;
    background-color: #1b1b1b;
}
.constructit-fancy-btn i {
    float: right;
    margin: 7px 0px 0px 15px;
    font-size: 13px;
}
/*blog-list*/
.constructit-blog-list figure a,.constructit-blog-list figure a img {
    float: left;
    width: 100%;
}
.constructit-blog-list figure a {
    position: relative;
    overflow: hidden;
}
.constructit-blog-list figure {
    float: left; 
    width: 200px;
    margin: 0px;
}
.constructit-blog-list figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: #1b1b1b;
    opacity: 0;
}
.constructit-blog-list ul li:hover figure a:before { opacity: 0.8;}
.constructit-blog-list figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0px 0px -20px;
    font-size: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    padding: 13px 0px 0px;
}
.constructit-blog-list figure ~ .constructit-blog-list-text {
    margin: 0px 0px 0px 200px;
    padding: 6px 0px 0px 30px;
}
.constructit-blog-list-text h6 {
    margin: 0px 0px 1px;
    line-height: 1.2;
    text-transform: uppercase;
}
.constructit-blog-list-text .constructit-blog-option { margin: 0px 0px 13px;}
.constructit-blog-list-text p {
    margin: 0px;
    font-size: 14px;
    float: left;
}
/*constructit-twitter-feed*/
.constructit-twitter-feed {
    float: left;
    width: 100%;
    color: #ffffff;
    text-align: center;
}
.constructit-twitter-feed i {
    display: block;
    font-size: 70px;
    margin: 0px 0px 15px;
}
.constructit-twitter-feed p {
    font-size: 18px;
    margin: 0px 0px 15px;
    line-height: 28px;
    display: inline-block;
    width: 81%;
}
.constructit-twitter-feed p a {
    font-weight: 500;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
.constructit-twitter-feed time {
    display: block;
    font-size: 14px;
    font-style: italic;
}
/*constructit-shop-grid*/
.constructit-shop,.constructit-shop-grid figure,.constructit-shop-grid figure > a,.constructit-shop-grid figure a img,
.constructit-shop-grid figure figcaption,.constructit-shop-grid figure figcaption > span {
    float: left;
    width: 100%;
}
.constructit-shop > ul > li {
    list-style: none;
    margin: 0px -4px 40px 0px;
    float: none;
    display: inline-block;
    vertical-align: top;
}
.constructit-shop-grid figure {
    margin: 0px;
    border: 2px solid #f3f3f3;
}
.constructit-shop-grid ul li:hover figure { border-color: rgba(27,27,27,0.9);}
.constructit-shop-grid figure:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #1b1b1b;
    opacity: 0;
    z-index: 1;
}
.constructit-shop-grid ul li:hover figure:before { opacity: 0.9;}
.constructit-shop-grid figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 17px 0px 0px;
    color: #ffffff;
    margin: -22px 0px 0px -25px;
    font-size: 16px;
    opacity: 0;
    z-index: 2;
}
.constructit-shop-grid ul li:hover figure a i { opacity: 1;}

.constructit-shop-grid figure figcaption {
    padding: 27px 0px 21px 30px;
    position: relative;
}
.constructit-shop-grid figure figcaption:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0px;
    width: 223px;
    background-color: #f3f3f3;
    height: 2px;
}
.constructit-shop-grid figure figcaption h6 {
    margin: 0px 0px 2px;
    text-transform: uppercase;
}
.constructit-shop-grid figure figcaption small {
    font-size: 10px;
    float: left;
    line-height:24px;
}
.constructit-shop-grid figure figcaption > span {
    font-weight: 500;
    font-size: 18px;
    color: #1b1b1b;
}
.constructit-shop-grid figure figcaption > span del{
    font-size: 14px;
    font-weight: 400;
    color: #adadad;
}
.star-rating {
    width: 24%;
    height: 24px;
    line-height: 24px;
    float: left;
    position: relative;
    margin: 0px 7px 2px 0px;
}
.star-rating:before,.star-rating-box:before {
    content: "\f006 \f006 \f006 \f006 \f006";
    font-family: FontAwesome;
    font-size: 10px;
    left: 0px;
    letter-spacing: 2px;
    position: absolute;
    top: 0px;
    color: #999999;
}
.star-rating-box:before                                                 { content: "\f005 \f005 \f005 \f005 \f005";}
.star-rating > .star-rating-box {
    height: 20px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
}
/*Partner*/
.constructit-partner-slider {
    float: left;
    width: 100%;
    text-align: center;
}
.constructit-partner-slider a {
    display: inline-block;
    opacity: 0.3;
}
.constructit-partner-slider a:hover { opacity: 1;}
.constructit-partner-slider a img {
    display: inline-block;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray; 
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
/*Footer*/
#constructit-footer,.constructit-footer-newslatter,.constructit-newslatter,.constructit-newslatter-form form input[type="text"] {
    float: left;
    width: 100%;
}
.constructit-footer-newslatter { position: relative;}
.constructit-footer-newslatter:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #f3f3f3;
}
.constructit-newslatter {
    background-image: url("../images/newsletter-layer.jpg");
    padding: 33px 50px 38px;
    position: relative;
}
.constructit-newslatter-text {
    float: left;
    width: 50%;
}
.constructit-newslatter-text i {
    font-size: 80px;
    position: absolute;
    left: 26px;
    top: 13px;
    color: #ffffff;
    opacity: 0.07;
}
.constructit-newslatter-text h2 {
    margin: 0px;
    font-size: 26px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1.3;
}
.constructit-newslatter-text p {
    margin: 0px;
    color: #ffffff;
}
.constructit-newslatter-form { float: right;}
.constructit-newslatter-form form {
    float: right;
    width: 315px;
    position: relative;
    margin: 11px 0px 0px;
}
.constructit-newslatter-form form input[type="text"] {
    background-color: transparent;
    border-bottom: 1px solid rgba(255,255,255,0.10);
    padding-left: 0px;
    font-size: 12px;
    color: #aaaaaa;
}
.constructit-newslatter-form form label {
    margin: 0px;
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.constructit-newslatter-form form label:before {
    color: #ffffff;
    font-size: 12px;
    font-family: FontAwesome;
    position: absolute;
    right: 0px;
    bottom: 9px;
    content: "\f1d9";
}
.constructit-newslatter-form form input[type="submit"] {
    display: inline-block;
    width: 50px;
    height: 30px;
    border: none;
    background-color: transparent;
}
/*constructit-footer-widget*/
.constructit-footer-widget,.widget-about-info,.widget-about-info li,.widget-footer-social {
    float: left;
    width: 100%;
}
.constructit-footer-widget { padding: 40px 0px 10px;;}
.constructit-footer-widget .widget { margin: 0px 0px 40px;}
.widget_about_us .logo {
    padding: 0px;
    margin: 0px 0px 32px;
    text-align: center;
}
.widget_about_us .logo img{
    position: relative;
}
.widget_about_us p {
    margin: 0px 0px 18px;
    line-height: 26px;
}
.widget-about-info { margin: 0px 0px 19px;}
.widget-about-info li i {
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: 20px;
}
.widget-about-info li {
    list-style: none;
    margin: 0px 0px 8px;
    padding: 0 0 0 40px;
    position: relative;
}
.widget-about-info li a { color: #666;}
.widget-footer-social li {
    float: left;
    margin: 0px 10px 0px 0px;
    list-style: none;
}
.widget-footer-social li:last-child { margin: 0px;}
.widget-footer-social li a {
    float: left;
    width: 30px;
    text-align: center;
    height: 30px;
    border-radius: 3px;
    color: #ffffff;
    padding: 8px 0px 0px;
    background-color: #999999;
}
.widget-footer-social li:hover a.fa-facebook { background-color: #3b5998;}
.widget-footer-social li:hover a.fa-twitter { background-color: #55acee;}
.widget-footer-social li:hover a.fa-pinterest-p { background-color: #cc2127;}
.widget-footer-social li:hover a.fa-google-plus { background-color: #dc4a38;}
/*widget_footer_links*/
.widget_footer_links ul li {
    float: left;
    width: 50%;
    list-style: none;
    line-height: 1;
    margin: 0px 0px 26px;
}
.widget_footer_links ul li a {
    color: #666666;
    display: block;
    padding: 0px 0px 0px 24px;
    position: relative;
}
.widget_footer_links ul li:hover a { padding: 0px 0px 0px 33px;}
.widget_footer_links ul li a:before {
    content: "\f101";
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 15px;
    color: #999999;
    font-family: FontAwesome;
}
/*widget-footer-title*/
.widget-footer-title {
    display: inline-block;
    margin: 0px 0px 42px;
    line-height: 0.8;
    text-transform: uppercase;
    position: relative;
    font-size: 20px;
    padding: 0px 0px 13px;
}
.widget-footer-title:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 4px;
    width: 50px;
    height: 1px;
}
.widget-footer-title:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 30px;
    height: 1px;
}
/*widget_popular_post*/
.widget_popular_post > ul > li,.widget_popular_post figure a,.widget_popular_post figure a img,.popular-post-option {
    float: left;
    width: 100%;
}
.widget_popular_post > ul > li {
    list-style: none;
    margin: 0px 0px 20px;
}
.widget_popular_post > ul > li:last-child { margin: 0px;}
.widget_popular_post figure a { position: relative;}
.widget_popular_post figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10%;
    height: 100%;
    background-color: #1b1b1b;
    opacity: 0;
}
.widget_popular_post ul li:hover figure a:before {
    width: 100%;
    opacity: 0.8;
}
.widget_popular_post figure a i {
    position: absolute;
    left: 10%;
    top: 50%;
    margin: -7px 0px 0px -7px;
    opacity: 0;
}
.widget_popular_post ul li:hover figure a i {
    left: 50%;
    opacity: 1;
}
.widget_popular_post figure {
    float: left;
    width: 80px;
    margin: 0px;
}
.widget_popular_post figure ~ .widget-popular-post-text {
    padding: 0px 0px 0px 105px;
    line-height: 1;
}
.widget-popular-post-text h6 {
    margin: 0px 0px 4px;
    font-weight: 400;
}
.popular-post-option { margin: 0px;}
.popular-post-option li {
    float: left;
    list-style: none;
    margin: 0px 17px 0px 0px;
    font-size: 14px;
    position: relative;
}
.popular-post-option li:before {
    content: '';
    position: absolute;
    right: -8px;
    top: 9px;
    width: 1px;
    height: 14px;
}
.popular-post-option li:last-child { margin: 0px;}
.popular-post-option li:last-child:before { content: none;}
/*constructit-copyright*/
.constructit-copyright {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #f3f3f3;
    position: relative;
    padding: 19px 0px 20px;
}
.constructit-copyright:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 35%;
    border-top: 50px solid #ffffff;
    border-right: 43px solid transparent;
}
.constructit-copyright p i { font-size: 12px; padding-right: 5px;}
.constructit-copyright p {
    font-size: 12px;
    margin: 0px;
}
.constructit-copyright p a { font-weight: 500;}
/*Footer*/

/*SubHeader*/
.constructit-subheader,.constructit-subheader-text,.constructit-breadcrumb {
    float: left;
    width: 100%;
}
.constructit-subheader {
    background-image: url("../extra-images/subheader-img.jpg");
    background-position: center;
    position: relative;
    padding: 105px 0px 0px;
}
.constructit-subheader-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(27,27,27,0.8);
}
.constructit-subheader-text {
    text-align: center;
    margin: 0px 0px 60px;
}
.constructit-subheader-text h1 {
    margin: 0px;
    font-size: 35px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1.2;
}
.constructit-subheader-text span {
    color: #ffffff;
    font-size: 16px;
}
.constructit-breadcrumb {
    padding: 9px 0px 13px;
    background: rgba(27,27,27,0.5);
}
.constructit-breadcrumb ul li:first-child { padding: 0px 12px 0px 0px;}
.constructit-breadcrumb ul li {
    float: left;
    list-style: none;
    font-size: 14px;
    padding: 0px 12px;
    position: relative;
}
.constructit-breadcrumb ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: -3px;
    top: 1px;
    color: #ffffff;
    font-size: 14px;
}
.constructit-breadcrumb ul li:last-child:before {content: none;}
.constructit-breadcrumb ul li a { color: #ffffff;}
/*Blog Detail*/
.constructit-blog-thumb,.constructit-rich-editor,blockquote,.constructit-post-tags {
    float: left;
    width: 100%;
}
.constructit-blog-thumb { margin: 0px 0px 1px;     border: solid 1px #f4f4f4;}
.constructit-rich-editor { margin: 0px 0px 6px;}
.constructit-rich-editor p {
    margin: 0px 0px 26px;
    line-height: 26px;
    letter-spacing: -0.1px;
}
blockquote {
    background-image: url("../images/testimoniat-transparent.png");
    padding: 31px 70px 30px 80px;
    font-size: 20px;
    color: #1b1b1b;
    text-align: center;
    font-style: italic;
    margin: 6px 0px 33px;
    position: relative;
}
blockquote:before {
    content: "\e926";
    font-family: icomoon;
    position: absolute;
    left: 16px;
    top: 9px;
    font-style: normal;
    opacity: 0.5;
    font-size: 40px;
}
blockquote span {
    display: block;
    font-size: 16px;
    font-style: normal;
    margin: 8px 0px 0px;
}
/*post tag*/
.constructit-post-tags {
    border-top: 1px solid #ececec;
    padding: 13px 0px;
    margin: 0px 0px 60px;
    border-bottom: 1px solid #ececec;
}
.constructit-social-tag,.constructit-blog-social {
    float: left;
    width: 50%;
}
.constructit-social-tag span {
    float: left;
    margin: -1px 15px 0px 0px;
    font-size: 18px;
    color: #1b1b1b;
}
.constructit-social-tag a {
    font-size: 14px;
    color: #666666;
    float: left;
    margin: 3px 15px 0px 0px;
}
.constructit-social-tag a:last-child { margin-right: 0px;}
.constructit-blog-social { text-align: right;}
.constructit-blog-social span {
    font-size: 18px;
    color: #1b1b1b;
    display: inline-block;
    margin: -1px 5px 0px 0px;
}
.constructit-blog-social ul { float: right;}
.constructit-blog-social ul li {
    float: left;
    list-style: none;
}
.constructit-blog-social ul li {
    float: left;
    margin: 0px 0px 0px 10px;
    list-style: none;
}
.constructit-blog-social ul li a {
    float: left;
    width: 23px;
    font-size: 12px;
    text-align: center;
    height: 23px;
    border-radius: 3px;
    color: #ffffff;
    padding: 6px 0px 0px;
    background-color: #999999;
}
.constructit-blog-social ul li a.fa-facebook { background-color: #3b5998;}
.constructit-blog-social ul li a.fa-twitter { background-color: #55acee;}
.constructit-blog-social ul li a.fa-pinterest-p { background-color: #cc2127;}
.constructit-blog-social ul li a.fa-google-plus { background-color: #dc4a38;}
/*constructit-prenxt-post*/
.constructit-prenxt-post {
    float: left;
    width: 100%;
    margin: 0px 0px 60px;
}
.constructit-prev-post,.constructit-next-post {
    float: left;
    background-color: #f5f5f5;
    padding: 12px 30px;
    border-bottom: 3px solid #ececec;
    position: relative;
}
.constructit-prev-post:hover,.constructit-next-post:hover { background-color: #1b1b1b;}
.constructit-prev-post:before,.constructit-next-post:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -3px;
    height: 3px;
    width: 0%;
    opacity: 0;
}
.constructit-prev-post:hover:before,.constructit-next-post:hover:before {
    left: 0px;
    width: 100%;
    opacity: 1;
}
.constructit-next-post { float: right;}
.constructit-prev-post > a {
    float: left;
    margin: 4px 0px 0px 0px;
    font-size: 20px;
}
.constructit-prev-post > a ~ h5 {
    padding: 0px 0px 0px 45px;
    margin: 0px;
}
.constructit-next-post > a {
    float: right;
    margin: 4px 0px 0px 0px;
    font-size: 20px;
}
.constructit-next-post > a ~ h5 {
    padding: 0px 45px 0px 0px;
    margin: 0px;
}
.constructit-next-post h5 { text-align: right;}
.constructit-prev-post:hover h5 a,.constructit-next-post:hover h5 a,
.constructit-prev-post:hover > a,.constructit-next-post:hover > a { color: #ffffff;}
.constructit-section-heading {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px 30px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0px 0px 13px;
    line-height: 0.8;
}
.constructit-section-heading:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 4px;
    width: 50px;
    height: 1px;
}
.constructit-section-heading:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 30px;
    height: 1px;
}
/*constructit-admin-post*/
.constructit-admin-post,.constructit-admin-post figure img {
    float: left;
    width: 100%;
}
.constructit-admin-post {
    background-color: #f5f5f5;
    padding: 30px;
    margin: 0px 0px 60px;
}
.constructit-admin-post figure img { border-radius: 100%;}
.constructit-admin-post figure {
    margin: 0px;
    float: left;
    width: 110px;
}
.constructit-admin-post figure ~ .constructit-admin-post-text {
    padding: 0px 0px 0px 125px;
    margin: -2px 0px 0px;
}
.constructit-admin-post-text { line-height: 1;}
.constructit-admin-post-text h5 {
    margin: 0px;
    line-height: 1.3;
}
.constructit-admin-post-text span {
    font-size: 12px;
    display: inline-block;
    margin: 0px 0px 16px;
}
.constructit-admin-post-text p {
    line-height: 26px;
    margin: 0px;
}
/*.constructit-related-blog-text*/
.constructit-related-blog { margin: 0px 0px 14px;}
.constructit-related-blog figure,.constructit-related-blog figure a,.constructit-related-blog figure a img,
.constructit-related-blog-text {
    float: left;
    width: 100%;
}
.constructit-related-blog figure { margin: 15px 0px 23px;}
.constructit-related-blog figure a {
    position: relative;
    overflow: hidden;
}
.constructit-related-blog figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    background: rgba(27,27,27,0.9);
}
.constructit-related-blog ul li:hover figure a:before { height: 100%;}
.constructit-related-blog figure a i {
    position: absolute;
    left: 50%;
    top: 0%;
    width: 40px;
    height: 40px;
    color: #ffffff;
    text-align: center;
    padding: 13px 0px 0px;
    margin: -18px 0px 0px -18px;
    opacity: 0;
}
.constructit-related-blog ul li:hover figure a i {
    top: 50%;
    opacity: 1;
}
.constructit-related-blog-text { line-height: 1;}
.constructit-related-blog-text span {
    font-size: 12px;
    display: inline-block;
    margin: 0px 0px 6px;
}
.constructit-related-blog-text h6 {
    margin: 0px 0px 2px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -0.2px;
}
.constructit-related-blog-text p {
    margin: 0px;
    float: left;
}
/*comment area*/
.comments-area,.comment-list,.comment-list li,.comment-list li figure a img,.comment-list > ul > li,.comment-list .thumblist,
.comment-list li img,.thumb-list {
    float: left;
    width: 100%;
}
.thumb-list { margin-bottom: 30px;}
.comment-list .children { 
    margin: 0px;
    padding: 0px 0px 0px 92px;
}
.comment-list > ul > li {
    margin: 0px 0px 0px 0px;
    list-style: none;
}
.comment-list .thumblist > ul                      {margin: 0px;}
.comment-list li                                   {list-style: none;}
.comment-list li figure {
    float: left;
    margin: 0px;
    width: 45px;
    text-align: center;
}
.comment-list li figure img { border-radius: 100%;}
.comment-list > li .thumb-list {
    background-color: #f5f5f5;
    padding: 30px 35px 33px 30px;
}
.comment-list figure ~ .text-holder {
    margin-left: 45px;
    position: relative;
    padding: 7px 0px 0px 16px;
    line-height: 1;
}
.text-holder p {
    margin-bottom: 0px;
    display: inline-block;
    line-height: 26px;
}
.text-holder h6 {
    line-height: 1.1;
    margin: -1px 0px 2px;
    letter-spacing: 0.7px;
}
.text-holder .post-date {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin: 0px 0px 19px 0px;
}
.comment-reply-link {
    position: absolute;
    right: -5px;
    top: 9px;
    color: #ffffff;
    padding: 8px 15px 9px;
    font-size: 12px;
    background-color: #1b1b1b;
}
.comment-reply-link i {
    font-size: 11px;
    float: right;
    margin: 2px 0px 0px 10px;
}
.comment-list { margin: 0px 0px 30px;}
/* form*/
.comment-respond,.constructit-full-form textarea {
    float: left;
    width: 100%;
}
.comments-area { margin-top: 0px;}
.comment-respond { margin: 0px 0px 15px;}
.comment-respond form { margin: 0px -12px;}
.comment-respond form p {
    list-style-type: none;
    margin-bottom: 25px;
    padding: 0 12px 0;
    width: 33.333%;
}
.comment-respond form p input[type="text"],
.comment-respond form p input[type="email"] {
    background-color: transparent;
    border-bottom: 1px solid #eeeeee;
    color: #1b1b1b;
    font-size: 15px;
    float: left;
    height: 42px;
    margin: 0;
    padding-left: 0px;
    width: 100%;
}
.comment-respond form > .constructit-full-form { width: 100%;}
.constructit-full-form textarea {
    height: 137px;
    color: #000000;
    font-size: 15px;
    padding-left: 0px;
    padding-top: 0px;
    background-color: transparent;
    border-bottom: 1px solid #eeeeee;
}
.submit {
    display: inline-block;
    margin: 5px 0px 0px;
    position: relative;
    color: #ffffff;
}
.submit input[type="submit"] {
    display: inline-block;
    border: none;
    padding: 5px 49px 6px 20px;
    background-color: #1b1b1b;
}
.submit i {
    position: absolute;
    right: 22px;
    top: 11px;
    color: #ffffff;
    font-size: 13px;
    cursor: pointer;
}
/*Sidebar*/
/*Widget Heading*/
.constructit-widget-heading {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px 0px 30px;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0px 0px 13px;
    line-height: 0.8;
}
.constructit-widget-heading:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 4px;
    width: 50px;
    height: 1px;
}
.constructit-widget-heading:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 30px;
    height: 1px;
}
/*widget_search*/
.constructit-main-content .widget,.widget_search form,.widget_search form input[type="text"] {
    float: left;
    width: 100%;
}
.constructit-main-content .widget { margin: 0px 0px 50px;}
.widget_search form { position: relative;}
.widget_search form input[type="text"] {
    background-color: transparent;
    border-bottom: 1px solid #eeeeee;
    font-size: 15px;
    color: #1b1b1b;
    height: 28px;
    padding: 0 0 14px 0;
}
.widget_search form label {
    margin: 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.widget_search form label:before {
    content: "\e956";
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-family: icomoon;
    font-size: 15px;
    cursor: pointer;
}
.widget_search form input[type="submit"] {
    width: 50px;
    height: 28px;
    border: none;
    background-color: transparent;
}
/*widget_recent_post*/
.widget_recent_post ul li:first-child { padding-top: 0px;}
.widget_recent_post ul li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}
.widget_recent_post ul li {
    float: left;
    width: 100%;
    list-style: none;
    padding: 15px 0px 12px;
    border-bottom: 1px solid #eeeeee;
}
.widget_recent_post h6 {
    font-size: 15px;
    font-weight: 400;
    margin: 0px 0px 2px;
    line-height: 22px;
}
.widget_recent_post time {
    font-size: 12px;
    float: left;
    text-transform: uppercase;
}
.widget_recent_post time i {
    float: left;
    margin: 8px 10px 0px 0px;
}
/*widget_recent_comment*/
.widget_recent_comment ul li {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px 0px 16px;
}
.widget_recent_comment ul li:last-child { margin: 0px;}
.widget_recent_comment h6 {
    font-size: 15px;
    font-weight: 400;
    margin: 0px 0px 1px;
    line-height: 22px;
}
.widget_recent_comment ul li > a {
    float: left;
    font-size: 13px;
}
.widget_recent_comment ul li > a i {
    float: left;
    font-size: 12px;
    margin: 8px 10px 0px 0px;
}
/*widget_popular_post*/
.constructit-main-content .widget-popular-post-text h6 {
    font-size: 15px;
    line-height: 23px;
    margin: 0px;
}
.constructit-main-content .widget_popular_post > ul > li { margin: 0px 0px 26px;}
.constructit-main-content .widget_popular_post > ul > li:last-child { margin: 0px;}
.constructit-main-content .popular-post-option li {
    font-size: 12px;
    margin-top: -2px;
}
.constructit-main-content .popular-post-option li:before { height: 10px; top: 11px;}
.constructit-main-content .widget_popular_post figure { width: 65px;}
.constructit-main-content .widget_popular_post figure ~ .widget-popular-post-text {
    padding: 0px 0px 0px 80px;
    margin: -3px 0px 0px;
}
/*Widget Cetagories*/
.widget_cetagories ul li {
    float: left;
    width: 100%;
    list-style: none;
    line-height: 1;
    margin: 0px 0px 26px;
}
.widget_cetagories ul li:last-child { margin: 0px;}
.widget_cetagories ul li a {
    display: block;
    padding: 0px 0px 0px 22px;
    font-size: 14px;
    position: relative;
    color: #666666;
}
.widget_cetagories ul li a:before {
    content: "\f101";
    position: absolute;
    color: #999999;
    font-size: 14px;
    left: 0px;
    top: 0px;
    font-family: FontAwesome;
}
.widget_cetagories ul li:hover a,
.widget_cetagories ul li a.current-menu-item{
    color: #88153d;
    padding: 0px 0px 0px 34px;
}
.widget_sort_cetagories ul li {
    float: left;
    width: 100%;
    list-style: none;
    line-height: 1;
    margin: 0px 0px 26px;
}
.widget_sort_cetagories ul li:last-child { margin: 0px;}
.widget_sort_cetagories a {
    color: #666666;
    font-size: 14px;
    padding: 0px 0px 0px 22px;
    position: relative;
    display: block;
}
.widget_sort_cetagories ul li:hover a { padding: 0px 0px 0px 34px;}
.widget_sort_cetagories a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid;
}
.widget_sort_cetagories a:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 5px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
}
.widget_sort_cetagories ul li:hover a:after { opacity: 1;}
/*widget_popular_products*/
.widget_popular_products ul li,.widget_popular_products figure a,.widget_popular_products figure a img {
    float: left;
    width: 100%;
}
.widget_popular_products ul li {
    list-style: none;
    margin: 0px 0px 30px;
}
.widget_popular_products ul li:last-child { margin: 0px;}
.widget_popular_products figure {
    margin: 0px;
    float: left;
    width: 50px;
}
.widget_popular_products figure ~ .widget-popular-product-text {
    padding: 0px 0px 0px 70px;
    margin: -3px 0px 0px;
}
.widget_popular_products .star-rating { width: 34%; margin: 0px 6px 0px 0px;}
.widget_popular_products .star-rating::before,.widget_popular_products .star-rating-box::before { font-size: 12px;}
.widget-popular-product-text h6 {
    margin: 0px 0px 2px;
    font-weight: 400;
}
.widget-popular-product-text small {
    float: left;
    font-size: 14px;
    line-height: 1.7;
}
/*Blog Grid*/
.constructit-blog-grid figure,.constructit-blog-grid figure a,.constructit-blog-grid figure a img,
.constructit-blog-grid-text {
    float: left;
    width: 100%;
}
.constructit-blog-grid figure {
    margin: 0px;
    border: solid 1px #dcdcdc;
    border-bottom: none;
}
.constructit-blog-grid figure a {
    position: relative;
    overflow: hidden;
}
.constructit-blog-grid figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    background: rgba(27,27,27,0.9);
}
.constructit-blog-grid ul li:hover figure a:before { height: 100%;}
.constructit-blog-grid figure a i {
    position: absolute;
    left: 50%;
    top: 0%;
    opacity: 0;
    font-size: 16px;
    height: 50px;
    width: 50px;
    color: #ffffff;
    text-align: center;
    padding: 17px 0px 0px;
    margin: -23px 0px 0px -23px;
}
.constructit-blog-grid ul li:hover figure a i {
    opacity: 1;
    top: 50%;
}
.constructit-blog-grid-text {
    border: solid 1px #dcdcdc;
    border-top: none;
    padding: 10px 15px;
}
.constructit-blog-grid-text > span {
    display: inline-block;
    margin: 0px 0px 3px;
    font-size: 12px;
}
.constructit-blog-grid-text h6 {
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: -0.1px;
    line-height: 1.4;
}
.constructit-blog-grid-text p {
    margin: 0px 0px 22px;
    line-height: 22px;
    font-size: 14px;
    overflow: hidden;
    height: 70px;
    float: left;
}
.constructit-grid-option {
    float: left;
    width: 100%;
    margin: 0px 0px 13px;
}
.constructit-grid-option li {
    float: left;
    margin: 0px 20px 0px 0px;
    list-style: none;
    font-size: 12px;
    font-style: italic;
    position: relative;
}
.constructit-grid-option li a { color: #666666;}
.constructit-grid-option li:before {
    content: '/';
    position: absolute;
    right: -11px;
    top: 0px;
    font-size: 10px;
    color: #666666;
}
.constructit-grid-option li:last-child:before { content: none;}
.constructit-grid-option li:last-child { margin: 0px;}
.constructit-detail-btn {
    display: inline-block;
    color: #ffffff;
    position: relative;
    padding: 4px 20px 3px;
    background-color: #1b1b1b;
}
.constructit-detail-btn:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0px;
    bottom: 0px;
}
.constructit-blog ul li:hover .constructit-detail-btn:before { height: 100%;}
.constructit-detail-btn span {
    display: inline-block;
    position: relative;
}
.constructit-detail-btn span i {
    float: right;
    margin: 8px 0px 0px 10px;
    font-size: 13px;
}
/*pagination*/
.constructit-pagination,.constructit-pagination > ul {
    float: left;
    width: 100%;
}
.constructit-pagination {
    margin: 40px 0 40px;
    text-align: center;
}
.constructit-pagination > ul > li {
    display: inline-block;
    list-style: none;
    margin: 0 12px 0 0;
    vertical-align: middle;
}
.constructit-pagination > ul > li > .previous span i { display: inline-block;}
.constructit-pagination > ul > li > .previous,
.constructit-pagination > ul > li > .next {
    line-height: 1;
    font-size: 16px;
    padding: 8px 0px 0px;
    color: #ffffff;
    border-radius: 4px;
    width: 50px;
    border: none;
}
.constructit-pagination > ul > li > a:hover,.constructit-pagination > ul > li > span.current {
    color: #fff;
    border-color: #1b1b1b;
    background-color: #1b1b1b;
}
.constructit-pagination > ul > li > a,.constructit-pagination > ul > li > span {
    color: #999999;
    font-size: 12px;
    float: left;
    height: 32px;
    line-height: 2.4;
    padding: 0px 0px 0px;
    width: 30px;
    border: 1px solid #ececec;
    border-radius: 4px;
}
/*pagination*/
.constructit-blog-large .constructit-detail-btn:before { height: 0px;}
/*SubHeader Two*/
.constructit-subheader-two-text,.constructit-subheader-two {
    float: left;
    width: 100%;
}
.constructit-subheader-two {
    background-image: url("../extra-images/subheadertwo-img.jpg");
    background-position: center;
    position: relative;
    padding: 333px 0px 76px;
}
.constructit-subheader-two-text span {
    display: inline-block;
    background-color: #df460f;
    padding: 2px 17px 7px;
    border-radius: 3px;
    margin: 0px 0px 7px;
}
.constructit-subheader-two-text span a {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
}
.constructit-subheader-two-text h1 {
    margin: 0px;
    font-size: 35px;
    color: #ffffff;
}
.constructit-subheader-two .constructit-subheader-transparent { background: rgba(27,27,27,0.7);}
/*Project Detail*/
.constructit-circle-skills {
    float: left;
    width: 100%;
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
    padding: 40px 0px 12px;
    background-color: #ffffff;
}
.constructit-circle-skills ul li {
    float: left;
    width: 20%;
    text-align: center;
    list-style: none;
    margin: 0px 0px 20px;
}
.constructit-circle-skills ul li > h5 {
    display: block;
    text-transform: uppercase;
    margin: 0px;
}
.circle-skills-title {
    display: inline-block;
    position: relative;
    margin: 0px 0px 10px;
}
.circle-skills-title .circle-skills-value {
    width: 100%;
    font-size: 26px;
    height: 40px;
    left: 0;
    color: #1b1b1b;
    text-align: center;
    line-height: 40px;
    margin-top: -26px;
    position: absolute;
    top: 50%;
}
/*constructit-project-detail*/
.constructit-project-detail,.constructit-project-description {
    float: left;
    width: 100%;
}
.constructit-project-detail { margin: 0px 0px 46px;}
.constructit-project-detail strong {
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    margin: 0px 0px 16px;
}
.constructit-project-detail p {
    margin: 0px 0px 15px;
    line-height: 26px;
}
.constructit-project-description { margin: 0px 0px 7px;}
.constructit-project-description > ul { margin: 0px -15px;}
.constructit-project-description > ul > li {
    float: left;
    width: 50%;
    list-style: none;
    padding: 0px 15px;
    font-weight: 500;
    margin: 0px 0px 18px;
}
.constructit-project-description ul li.full-width { width: 100%;}
.constructit-project-description > ul > li a { color: #666;}
.constructit-project-description > ul > li span {
    float: left;
    margin: 2px 20px 0px 0px;
    font-weight: 500;
    color: #1b1b1b;
}
.constructit-project-description > ul > li p {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ececec;
    padding: 0px 0px 16px;
    font-weight: 400;
    margin: 0px;
}
.project-description-social { margin: 0px 0px 40px;}
.project-description-social h6 {
    margin: 3px 19px 0px 0px;
    float: left;
}
.project-description-social a.fa-facebook { background-color: #3b5998;}
.project-description-social a.fa-twitter { background-color: #55acee;}
.project-description-social a.fa-pinterest-p { background-color: #cc2127;}
.project-description-social a.fa-google-plus { background-color: #dc4a38;}
/*constructit-project-map*/
.constructit-project-map {
    float: left;
    width: 100%;
}
.constructit-project-map #map {
    width: 100%;
    height: 338px;
}
/*Project Grid*/
.constructit-project.constructit-project-grid > ul > li {
    float: none;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
}
.constructit-project-grid figure,.constructit-project-grid figure > a,.constructit-project-grid figure a img {
    float: left;
    width: 100%;
}
.constructit-project-grid figure {
    margin: 0px;
    border-bottom: 3px solid;
}
.constructit-project-grid ul li:hover figure {
    margin: -7px 0px 0px;
    box-shadow: 0px 2px 13px 4px rgba(0,0,0,0.5);
}
.constructit-project-grid figure > a { position: relative;}
.constructit-project-grid figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 77px;
    background-color: #1b1b1b;
    opacity: 0.9;
}
.constructit-project-grid ul li:hover figure > a:before { height: 100%;}
.constructit-project-grid figure figcaption {
    position: absolute;
    left: 0px;
    bottom: 0%;
    line-height: 1;
    width: 100%;
    padding: 22px 31px 0px;
    margin: 0px;
    overflow: hidden;
    max-height: 77px;
}
.constructit-project-grid ul li:hover figure figcaption {
    max-height: 100%;
    bottom: 50%;
    margin: 0px 0px -82px;
}
.constructit-project-grid figure figcaption h5 {
    margin: 0px;
    text-transform: uppercase;
    line-height: 1.2;
}
.constructit-project-grid figure figcaption h5 a { color: #ffffff;}
.constructit-project-grid figure figcaption span {
    font-size: 12px;
    margin: 0px 0px 15px;
    color: #bbbbbb;
    display: inline-block;
}
.constructit-project-grid figure figcaption p {
    margin: 0px 0px 21px;
    color: #ffffff;
}
/*constructit-project-medium*/
.constructit-project-medium figure,.constructit-project-medium figure > a,.constructit-project-medium figure a img {
    float: left;
    width: 100%;
}
.constructit-project-medium figure {
    margin: 0px;
    overflow: hidden;
}
.constructit-project-medium figure > a { position: relative;}
.constructit-project-medium figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
    background-color: #1b1b1b;
    opacity: 0;
}
.constructit-project-medium ul li:hover figure > a:before { opacity: 0.9;}
.constructit-project-medium figure figcaption {
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    width: 100%;
    margin: -40px 0px 0px;
}
.constructit-project-medium figure figcaption:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 0px;
}
.constructit-project-medium ul li:hover figure figcaption:before {
    width: 138px;
    margin: 0px 0px 0px -67px;
}
.constructit-project-medium figure figcaption h5 > a { color: #ffffff;}
.constructit-project-medium figure figcaption h5 {
    margin: 0px 0px 25px;
    text-transform: uppercase;
    position: relative;
    opacity: 0;
}
.constructit-project-medium figure figcaption span {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    opacity: 0;
}
.constructit-project-medium ul li:hover figure figcaption h5,
.constructit-project-medium ul li:hover figure figcaption span { opacity: 1;}
/*constructit-subheader-three*/
.constructit-subheader-three {
    float: left;
    width: 100%;
    padding: 35px 0px 15px;
    background-color: #f5f5f5;
}
.constructit-subheader-three .constructit-breadcrumb { background: transparent;}
.constructit-subheader-three .constructit-breadcrumb ul li a,
.constructit-subheader-three .constructit-breadcrumb ul li:before { color: #1b1b1b;}
/*Shop Detail*/
.constructit-shop-wrap,.constructit-shop-thumb,.constructit-shop-thumb-list,.constructit-images-list-layer span img,
.constructit-shop-thumb span img {
    float: left;
    width: 100%;
}
.constructit-shop-wrap { margin: 0px 0px 95px;}
.constructit-shop-thumb {
    margin: 0px 0px 30px;
    position: relative;
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
}
.constructit-shop-thumb .slick-arrow {
    position: absolute;
    right: 0px;
    top: 50%;
    color: #666666;
    z-index: 1;
    background-color: #ffffff;
    width: 40px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    padding: 4px 0px 0px;
    cursor: pointer;
    margin: -15px 0px 0px;
}
.constructit-shop-thumb .slick-arrow.slick-arrow-left { left: 0px; right: auto;}
.constructit-shop-thumb-list {
    text-align: center;
    padding: 0px 8px;
}
.constructit-images-list-layer{
    padding: 0px 8px;
}
.constructit-images-list-layer span {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ececec;
}
/*constructit-shop-summery*/
.constructit-shop-summery,.constructit-number-select,.constructit-shop-cetagories,
.constructit-shop-cetagories ul li {
    float: left;
    width: 100%;
}
.constructit-shop-summery h4 {
    margin: 0px;
    text-transform: uppercase;
    line-height: 1.3;
}
.constructit-shop-summery > span {
    font-size: 12px;
    margin: 0px 0px 19px;
    text-transform: uppercase;
    display: inline-block;
}
.constructit-shop-summery p {
    margin: 0px 0px 17px;
    line-height: 26px;
}
.constructit-shop-summery > span.price {
    font-size: 24px;
    font-weight: 500;
    width: 100%;
    margin: 0px 0px 1px;
}
.constructit-shop-summery > span.price del {
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}
.constructit-shop-summery .star-rating { width: 12%;}
.constructit-shop-summery small {
    font-size: 12px;
    color: #999999;
}
.constructit-shop-summery .star-rating::before,.constructit-shop-summery .star-rating-box::before { font-size: 12px;}
.constructit-shop-summery .star-rating::before { content: "\f005 \f005 \f005 \f005 \f005";}
.constructit-number-select {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 25px 0px;
    margin: 0px 0px 25px;
}
.constructit-number-select label {
    float: left;
    font-weight: 500;
    margin: 6px 20px 0px 0px;
    color: #1b1b1b;
}
.constructit-number-select input[type="number"] {
    float: left;
    margin: 0px 30px 0px 0px;
    border: 1px solid #e0e0e0;
    font-size: 15px;
    color: #999999;
    height: 35px;
    width: 80px;
    background-color: transparent;
    text-align: center;
}
.constructit-number-select .constructit-fancy-btn { padding: 8px 20px 7px;}
.constructit-number-select .constructit-fancy-btn i { margin: 5px 0px 0px 15px;}
.constructit-compare-btn {
    float: left;
    border: 1px solid #1b1b1b;
    padding: 5px 20px 6px;
    margin: 0px 30px 25px 0px;
}
.constructit-compare-btn:hover { color: #ffffff;}
.constructit-compare-btn i {
    float: right;
    margin: 4px 0px 0px 15px;
}
.constructit-shop-cetagories {
    border-top: 1px solid #ececec;
    margin: 0px 0px 8px;
    padding: 17px 0px 0px;
}
.constructit-shop-cetagories ul li {
    list-style: none;
    margin: 0px 0px 8px;
}
.constructit-shop-cetagories ul li h6 {
    float: left;
    margin: 2px 10px 0px 0px;
    font-size: 15px;
}
.constructit-shop-cetagories ul li span,
.constructit-shop-cetagories ul li a {
    font-size: 13px;
    color: #888888;
}
/* Shop Tabs */
.constructit-shop-tabs {
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
}
.constructit-shop-tabs .nav-tabs {
    float: left;
    border: none;
    border-radius: 30px;
}
.constructit-shop-tabs .nav-tabs li {
    list-style: none;
    line-height: 1;
    margin: 0 0px 0 0;
    text-align: center;
    position: relative;
}
.constructit-shop-tabs .nav-tabs > li.active > a,
.constructit-shop-tabs .nav-tabs > li.active > a:hover,
.constructit-shop-tabs .nav-tabs > li.active > a:focus {
    color: #ffffff;
    border: none;
    font-weight: bold;
    background-color: #1b1b1b;
}
.constructit-shop-tabs .nav-tabs > li.active > a:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #1b1b1b;
    margin: 0px 0px 0px -9px;
}
.constructit-shop-tabs .nav-tabs li a {
    float: left;
    padding: 12px 0px 9px;
    width: 160px;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    border: none;
    border-radius: 0px;
    height: 45px;
    margin: 0px;
    color: #ffffff;
}
.constructit-shop-tabs .tab-content {
    display: inline-block;
    width: 100%;
    padding-top: 40px;
}
.constructit-shop-tabs .tab-content .comment-respond { margin: 0px 0px 14px;}
.constructit-shop-description p {
    margin: 0;
    line-height: 24px;
}
.constructit-shop-description {
    float: left;
    width: 100%;
    margin: 0px 0px 50px;
}
/*Related Shop*/
.constructit-related-shop figure,.constructit-related-shop figure a,.constructit-related-shop figure a img,
.constructit-related-shop-text,.constructit-related-shop-text > span,.constructit-related-shop-wrap {
    float: left;
    width: 100%;
    border: solid 1px #f3f3f3;
}
.constructit-related-shop ul li:hover .constructit-related-shop-wrap { box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.1);}
.constructit-related-shop figure { margin: 0px;}
.constructit-related-shop figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: #1b1b1b;
    opacity: 0;
}
.constructit-related-shop ul li:hover figure a:before { opacity: 0.8;}
.constructit-related-shop small {
    font-size: 12px;
    float: left;
    margin: 0px 0px 0px 3px;
    line-height: 2;
    color: #999999;
}
.constructit-related-shop .star-rating::before,.constructit-related-shop .star-rating-box::before { font-size: 12px;}
.constructit-related-shop .star-rating::before { content: "\f005 \f005 \f005 \f005 \f005";}
.constructit-related-shop figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 17px 0px 0px;
    color: #ffffff;
    margin: -38px 0px 0px -55px;
    font-size: 16px;
    opacity: 0;
    z-index: 2;
}
.constructit-related-shop .star-rating { width: 28%;}
.constructit-related-shop ul li:hover figure a i { opacity: 1;}
.constructit-related-shop figure a i:last-child {
    left: auto; right: 50%;
    margin:-38px -25px 0px 0px;
}
.constructit-related-shop-text {
    padding: 10px 20px 10px;
    background-color: #ffffff;
    position: relative;
}
.constructit-related-shop ul li:hover .constructit-related-shop-text {
    padding: 24px 20px 23px;
    margin: -30px 0px 0px;
}
.constructit-related-shop-text h6 {
    margin: 0px;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
}
.constructit-related-shop-text > span {
    font-weight: 500;
    line-height: 1.4;
    opacity: 0;
    font-size: 20px;
}
.constructit-related-shop ul li:hover .constructit-related-shop-text > span { opacity: 1;}
.sale {
    position: absolute;
    right: 15px;
    border-radius: 100%;
    top: 15px;
    color: #ffffff;
    width: 50px;
    height: 50px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    padding: 12px 0px 0px;
}
/*Shop Filter*/
.constructit-shop-filter {
    float: left;
    width: 100%;
    margin: 0px 0px 50px;
    padding: 14px 10px 16px 30px;
    background-color: #f7f7f7;
}
.constructit-shop-filter > span {
    font-size: 14px;
    float: left;
    color: #1b1b1b;
    margin: 4px 29px 0px 0px;
}
.constructit-shop-filter .nav-tabs {
    float: right;
    border: none;
    border-radius: 30px;
    margin: 5px 0px 0px;
}
.constructit-shop-filter .nav-tabs li {
    list-style: none;
    line-height: 1;
    margin: 0 10px 0 0;
    position: relative;
}
.constructit-shop-filter .nav-tabs > li.active > a,
.constructit-shop-filter .nav-tabs > li.active > a:hover,
.constructit-shop-filter .nav-tabs > li.active > a:focus {
    border: none;
    color: #666666;
}
.constructit-shop-filter .nav-tabs li a {
    float: left;
    padding: 0px;
    font-size: 14px;
    position: relative;
    border: none;
    margin: 0px;
    background-color: transparent;
}
.constructit-shop-filter .nav-tabs li a i { display: inline-block;}
.constructit-shop-filter .nav-tabs li a i.constructIt-interface-12 { font-size: 19px; margin-top: 1px;}
.constructit-search-select {
    position: relative;
    float: left;
    margin: 0px 0px 0px 19px;
}
.constructit-search-select select {
    font-size: 12px;
    width: 140px;
    background-color: #ffffff;
    height: 30px;
    padding: 0 0 0 15px;
    color: #999999;
    border: 1px solid #ececec;
}
.constructit-search-select:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 12px;
    color: #999999;
    right: 1px;
    bottom: 1px;
    text-align: center;
    position: absolute;
    background-color: #ffffff;
    width: 20px;
    padding: 0px 2px 0 0;
    height: 28px;
}
/*slider-range*/
.constructit-shop-filter form {
    float: left;
}
.constructit-shop-filter form ul li {
    float: left;
    list-style: none;
}
.constructit-shop-filter form label {
    float: left;
    margin: 0px 17px 0px 0px;
    color: #1b1b1b;
    font-size: 14px;
}
#slider-range {
    float: left;
    width: 158px;
    height: 4px;
    background-color: #d8d8d8;
    position: relative;
    margin: 13px 8px 0px 0px;
    border-radius: 10px;
}
.ui-slider .ui-slider-range {
    position: absolute;
    height: 4px;
    top: 0px;
}
#slider-range span {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -3px;
    margin: 0px 0px 0px -1px;
    border: 2px solid;
    border-radius: 100%;
    background-color: #ffffff;
}
#slider-range span:last-child { margin: 0px 0px 0px -5px;}
#amount { letter-spacing: 1px;}
.constructit-shop-filter form input[type="text"] {
    float: left;
    width: 92px;
    font-size: 14px;
    background-color: transparent;
    color: #262626;
}
/*constructit-shop-list*/
.constructit-shop-list-wrap,.constructit-shop-list figure a,.constructit-shop-list figure a img,
.constructit-shop-list-text > span {
    float: left;
    width: 100%;
}
.constructit-shop-list-wrap { background: url(../images/testimoniat-transparent.png);}
.constructit-shop-list figure {
    float: left;
    width: 261px;
    margin: 0px;
}
.constructit-shop-list figure ~ .constructit-shop-list-text {
    margin: 0px 0px 0px 261px;
    padding: 24px 30px 30px 30px;
}
.constructit-shop-list-text .star-rating {
    width: 12%;
    margin-bottom: 9px;
}
.constructit-shop-list .star-rating::before, .constructit-shop-list .star-rating-box::before {
    font-size: 12px;
}
.constructit-shop-list .star-rating::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    color: #999999;
}
.constructit-shop-list-text h6 {
    font-size: 15px;
    margin: 0px;
    text-transform: uppercase;
}
.constructit-shop-list-text small {
    font-size: 12px;
    float: left;
    line-height: 1.8;
    color: #999999;
}
.constructit-shop-list-text > span {
    font-size: 20px;
    margin: 0px 0px 14px;
    font-weight: 500;
}
.constructit-shop-list-text > span del {
    color: #999;
    font-weight: 400;
    font-size: 14px;
}
.constructit-shop-list-text p {
    margin: 0px 0px 21px;
    display: inline-block;
    line-height: 26px;
}
.constructit-shop-list .sale {
    left: 20px;
    top: 20px;
    right: auto;
}
.constructit-shop-list-text .constructit-fancy-btn { padding: 4px 20px 3px;}
.constructit-shop-list-text .constructit-fancy-btn i { margin: 8px 0px 0px 10px;}
/*Team Detail*/
.constructit-team-subheader,.constructit-team-thumb,.constructit-team-detail,.constructit-team-option {
    float: left;
    width: 100%;
}
.constructit-team-subheader {
    background: url(../images/team-detail-pattern.png);
    padding: 62px 0px 0px;
}
.constructit-team-thumb { margin: 0px;}
.constructit-team-detail { padding: 28px 0px 0px;}
.constructit-team-detail h2 {
    margin: 0px;
    text-transform: uppercase;
    display: inline-block;
}
.constructit-team-detail p {
    margin: 0px 0px 15px;
    line-height: 26px;
}
.constructit-team-detail span {
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    margin: 0px 0px 6px;
}
.constructit-team-detail .constructit-blog-social {
    float: right;
    margin: 7px 0px 0px;
}
.constructit-team-option { margin: 0px 0px 14px;}
.constructit-team-option li {
    float: left;
    margin: 0px 30px 0px 0px;
    list-style: none;
    font-size: 12px;
}
.constructit-team-option li:last-child { margin: 0px;}
.constructit-team-option li i {
    float: left;
    margin: 9px 16px 0px 0px;
    color: #1b1b1b;
}
/*constructit-team-experience*/
.constructit-team-experience,.constructit-team-experience ul li {
    float: left;
    width: 100%;
}
.constructit-team-experience,.constructit-team-skills { margin: 0px 0px 60px;}
.constructit-team-experience ul li {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 27px 109px;
    position: relative;
}
.constructit-team-experience ul li h6 {
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 0.9;
}
.constructit-team-experience ul li:after {
    content: '';
    position: absolute;
    left: 72px;
    top: 1px;
    width: 1px;
    height: 100%;
    background-color: #f3f3f3;
}
.constructit-team-experience ul li span {
    content: '';
    position: absolute;
    left: 67px;
    top: 1px;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    z-index: 1;
}
.constructit-team-experience ul li span:before {
    content: '';
    position: absolute;
    left: -3px;
    top: -3px;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    border: 3px solid;
    opacity: 0;
}
.constructit-team-experience ul li:hover span:before { opacity: 0.3;}
.constructit-team-experience ul li span:after {
    content: '';
    position: absolute;
    left: -6px;
    top: -6px;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    border: 3px solid;
    opacity: 0;
}
.constructit-team-experience ul li:hover span:after { opacity: 0.1;}
.constructit-team-experience ul li h5 {
    margin: 0px 0px 15px;
    line-height: 0.9;
}
.constructit-team-experience ul li p {
    margin: 0px;
    line-height: 26px;
}
.constructit-team-skills .skillst > span {
    float: left;
    margin: 0px 0px 9px;
    font-size: 16px;
    color: #1b1b1b;
}
.skillst {
    float: left;
    width: 100%;
    margin-bottom: 38px;
    position: relative;
}
.bar-container {
    width: 100%;
    float: left;
    position:relative;
    border-radius: 3px;
}
.bar-container .bar {
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 3px;
}
.bar-container .bar small {
    position: absolute;
    right: 0px;
    top: -40px;
    font-size: 12px;
    font-weight: 500;
    background-color: #ffffff;
    padding: 3px 9px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.20);
}
.bar-container .bar small:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: -7px;
    border-top: 8px solid #ffffff;
    border-left: 9px solid transparent;
}
.skillst .count{
    float: right;
    font-size: 12px;
    color:#272727;
    margin: -27px 0px 0px 0px;
}
/*constructit-team-contact*/
.constructit-team-contact,.constructit-team-contact ul li input[type="text"],.constructit-team-contact ul li input[type="email"],
.constructit-team-contact ul li textarea {
    float: left;
    width: 100%;
}
.constructit-team-contact { margin: 0px 0px 14px;}
.constructit-team-contact ul { margin: 0px -12px;}
.constructit-team-contact ul li {
    float: left;
    list-style: none;
    width: 33.333%;
    margin: 0px 0px 26px;
    padding: 0px 12px;
}
.constructit-team-contact ul li.full-form { width: 100%;}
.constructit-team-contact ul li input[type="text"],
.constructit-team-contact ul li input[type="email"] {
    border-bottom: 1px solid #eeeeee;
    color: #1b1b1b;
    font-size: 15px;
    padding: 0px 0px 14px;
    background-color: transparent;
    height: 27px;
}
.constructit-team-contact ul li textarea {
    border-bottom: 1px solid #eeeeee;
    color: #000;
    font-size: 15px;
    padding: 0px 0px 0px;
    background-color: transparent;
    height: 132px;
}
.constructit-team-contact .submit input[type="submit"] { padding: 4px 48px 3px 20px;}
/*Team-Grid*/
.constructit-related-team { margin: 0px 0px 20px;}
.constructit-team-grid figure,.constructit-team-grid figure a,.constructit-team-grid figure a img,
.constructit-team-grid-text {
    float: left;
    width: 100%;
}
.constructit-team-grid figure { margin: 0px;}
.constructit-team-grid-text {
    text-align: center;
    padding: 26px 25px 18px;
    background-color: #f5f5f5;
    line-height: 1;
}
.constructit-team-grid-text h6 {
    margin: 0px;
    text-transform: uppercase;
    line-height: 1.3;
}
.constructit-team-grid-text span {
    display: inline-block;
    margin: 0px 0px 16px;
    font-size: 12px;
}
.constructit-team-grid-text p {
    margin: 0px 0px 10px;
    font-size: 14px;
    line-height: 22px;
}
.constructit-team-grid-text .constructit-team-social li a {
    color: #666666;
    font-size: 12px;
}
/*constructit-team-list*/
.constructit-team-content { padding-top: 60px;}
.constructit-team-list figure a,.constructit-team-list figure a img,.constructit-team-list-wrap {
    float: left;
    width: 100%;
}
.constructit-team-list-wrap { background: url(../images/team-detail-pattern.png);}
.constructit-team-list figure {
    float: left;
    width: 267px;
    margin: 0px;
}
.constructit-team-list figure ~ .constructit-team-list-text {
    margin: 0px 0px 0px 267px;
    padding: 30px 30px 30px 20px;
}
.constructit-team-list-text h5 {
    margin: 0px;
    text-transform: uppercase;
    line-height: 0.8;
}
.constructit-team-list-text span {
    margin: 0px 0px 21px;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
}
.constructit-team-list-text p {
    margin: 0px 0px 22px;
    line-height: 26px;
}
.constructit-team-list-text .constructit-fancy-btn { padding: 5px 20px 3px;}
.constructit-team-list-text .constructit-fancy-btn i { margin: 8px 0px 0px 10px;}
/*About Us*/
.constructit-about-us,.constructit-aboutus-view,.constructit-aboutus-view figure,.constructit-aboutus-view figure a,
.constructit-aboutus-view figure a img {
    float: left;
    width: 100%;
}
.constructit-about-us { margin: 0px 0px 33px;}
.constructit-about-us .constructit-fancy-title { margin: 0px 0px 30px;}
.constructit-about-us strong {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    line-height: 26px;
    margin: 0px 0px 25px;
}
.constructit-about-us p {
    margin: 0px;
    line-height: 26px;
}
.constructit-aboutus-view > ul { margin: 0px -10px;}
.constructit-aboutus-view > ul > li {
    float: left;
    width: 20%;
    margin: 0px 0px 20px;
    padding: 0px 10px;
    list-style: none;
}
.constructit-aboutus-view figure {
    margin: 0px;
    border-radius: 3px;
    overflow: hidden;
}
.constructit-aboutus-view figure a { position: relative;}
.constructit-aboutus-view figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #1b1b1b;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.constructit-aboutus-view ul li:hover figure a:before { opacity: 0.9;}
.constructit-aboutus-view figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 30px;
    margin: -14px 0px 0px -14px;
}
.constructit-about-thumb {
    float: right;
    margin: -6px 0px 0px;
}
/*about-progress*/
.about-progress-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.85;
}
.constructit-about-progress {
    float: left;
    width: 100%;
}
.constructit-about-progress ul li {
    float: left;
    list-style: none;
    width: 25%;
    text-align: center;
    position: relative;
}
.constructit-about-progress ul li i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 82px;
    margin: -66px 0 0 -41px;
    opacity: 0.15;
}
.constructit-about-progress ul li h5 {
    color: #ffffff;
    margin: 5px 0px 0px;
}
.constructit-about-progress .circle-skills-title .circle-skills-value {
    font-size: 35px;
    color: #d5ac63;
}
/*constructit-section-post*/
.constructit-section-post {
    float: left;
    text-align: center;
    width: 100%;
}
.section-post-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.85;
    background: rgb(27,27,27);
    background: -moz-linear-gradient(left, rgba(69,72,77,1) 0%, rgba(27,27,27,1) 100%);
    background: -webkit-linear-gradient(left, rgba(69,72,77,1) 0%,rgba(27,27,27,1) 100%);
    background: linear-gradient(to right, rgba(69,72,77,1) 0%,rgba(27,27,27,1) 100%);
}
.constructit-section-post h2 {
    color: #ffffff;
    font-size: 30px;
    margin: 0px 0px 18px;
    text-transform: uppercase;
}
.constructit-section-post p {
    margin: 0px 0px 32px;
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
    display: inline-block;
    width: 43%;
}
.constructit-section-post .constructit-simple-btn {
    float: none;
    display: inline-block;
    padding: 8px 36px 9px;
    border: 1px solid;
}
.constructit-section-post .constructit-simple-btn:hover { background-color: transparent;}
/*Service Modern*/
.constructit-service-modern figure,.constructit-service-modern figure a,.constructit-service-modern figure a img,
.constructit-service-modern-text {
    float: left;
    width: 100%;
}
.constructit-service-modern figure { margin: 0px;}
.constructit-service-modern-text { padding: 21px 0px 0px;}
.constructit-service-modern-text i {
    float: left;
    margin: 0px 21px 21px 0px;
    font-size: 29px;
}
.constructit-service-modern-text h5 {
    margin: 3px 0px 18px;
    float: left;
    text-transform: uppercase;
}
.constructit-service-modern-text p {
    float: left;
    margin: 0px;
}
/*Error Page*/
.constructit-error-space { padding-bottom: 0px;}
@media (min-width: 1250px) and (max-width: 1500px) {.constructit-error-pagefull { background-position: left -58% bottom; } }
@media (min-width: 1500px) and (max-width: 1700px) {.constructit-error-pagefull { background-position: left -25% bottom; } }
.constructit-error-wrap {
    float: right;
    width: 560px;
    text-align: center;
    background-color: #fff;
    box-shadow: -3px 6px 23px 1px #dddddd;
    position: relative;
    margin: 100px 0 190px;
}
.constructit-error-wrap h2 {
    content: '';
    position: absolute;
    left: 40px;
    top: 0px;
    font-size: 250px;
    color: #ffffff; 
    text-shadow: 0px 2px 25px rgba(0, 0, 0, 0.7);
    opacity: 0.1;
    margin: 0px;
}
.constructit-error-text {
    float: left;
    width: 100%;
    padding: 78px 83px 80px;
    position: relative;
}
.constructit-error-text h3 {
    font-size: 100px;
    line-height: 0.9;
    margin: 0px 0px 5px 0px;
}
.constructit-error-text span {
    display: inline-block;
    font-size: 18px; 
    font-weight: 500;
    margin: 0 0 21px;
    color: #1b1b1b;
}
.constructit-error-text p { 
    font-size: 14px; 
    color: #666666;
    margin: 0 0 24px;
}
.constructit-error-text a {
    display: inline-block;
    font-size: 14px;
    color: #fefefe;
    padding: 11px 18px 12px;
    line-height: 1;
    border: 1px solid;
}
.constructit-error-text a:hover {
    background-color: transparent;
    color: #1b1b1b;
}
.constructit-error-text a i {
    float: right;
    margin-left: 11px;
    margin-top: 2px;
    font-size: 13px;
}
/*contact us*/
.constructit-contact-us,.constructit-contact-form,.constructit-contact-form form,.constructit-subheader-map,
.constructit-contact-form form ul li.full-form,.constructit-contact-form form ul li input[type="text"],
.constructit-contact-form form ul li input[type="email"],.constructit-contact-form textarea,
.constructit-contact-info,.constructit-contact-info ul li {
    float: left;
    width: 100%;
}
.constructit-subheader-map #map {
    width: 100%;
    height: 400px;
}
.constructit-contact-us { box-shadow: 0px 3px 5px 1px #dddddd;}
.constructit-contact-form .constructit-fancy-title { margin: 0px 0px 22px;}
.constructit-contact-form {
    background-color: #ffffff;
    padding: 49px 0px 22px 50px;
}
.constructit-contact-form p { margin: 0 0 60px;}
.constructit-contact-form form ul { margin: 0px -15px;}
.constructit-contact-form form ul li {
    float: left;
    list-style: none;
    width: 50%;
    padding: 0px 15px;
    margin-bottom: 28px;
}
.constructit-contact-form form ul li input[type="text"],.constructit-contact-form form ul li input[type="email"],
.constructit-contact-form textarea {
    border: none;
    background-color: transparent;
    color: #1b1b1b;
    font-size: 15px;
    border-bottom: 1px solid #eeeeee;
    padding: 0 0 11px;
    line-height: 1;
}
.constructit-contact-form textarea {
    height: 130px;
    color: #000;
}
.constructit-contact-form form ul li label {
    position: relative;
    float: left;
    margin: 2px 0px 0px;
} 
.constructit-contact-form form ul li label:after {
    content: "\eb2d";
    position: absolute;
    right: 20px;
    top: 4px;
    font-family: icomoon;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
}
.constructit-contact-form label input[type="submit"] {
    float: left;
    background-color: #1b1b1b;
    color: #ffffff;
    font-size: 15px;
    border: none;
    line-height: 1;
    padding: 10px 48px 10px 20px;
}
.constructit-contact-info {
    background-image: url(../images/testimoniat-transparent.png);
    padding: 90px 28px 89px 33px;
    position: relative;
}
.constructit-contact-info:after {
    content: '\e949';
    right: 0px;
    top: -33px;
    position: absolute;
    font-family: icomoon;
    font-size: 147px;
    opacity: 0.1;
}
.constructit-contact-info p {
    line-height: 26px;
    margin: 2px 0 47px 0;
    float: left;
}
.constructit-contact-info ul li {
    list-style: none;
    margin-bottom: 37px;
    position: relative;
    padding-left: 44px;
}
.constructit-contact-info ul li i {
    position: absolute;
    left: 0px;
    top: -4px;
    font-size: 25px;
    color: #88153d;
}
.constructit-contact-info ul li span,.constructit-contact-info ul li a {
    float: left;
    color: #1b1b1b;
    font-size: 16px;
    line-height: 1.3;
}
.constructit-contact-info .widget-footer-social { padding-top: 10px; }
.constructit-contact-info .widget-footer-social li {
    width: auto;
    padding: 0px;
    margin-bottom: 0px;
}
.constructit-contact-info .widget-footer-social li a {
    color: #ffffff;
    font-size: 15px;
}
.constructit-contact-info .widget-footer-social li a.fa-facebook { background-color: #3b5998;}
.constructit-contact-info .widget-footer-social li a.fa-twitter { background-color: #55acee;}
.constructit-contact-info .widget-footer-social li a.fa-pinterest-p { background-color: #cc2127;}
.constructit-contact-info .widget-footer-social li a.fa-google-plus { background-color: #dc4a38;}
/*faq*/
.constructit-faq-accordion {
    float: left;
    width: 100%;
}
.constructit-faq-accordion .panel-title {
    font-weight: normal;
    font-size: 16px;
    color: #1b1b1b;
}
.constructit-faq-accordion .panel {
    border-radius: 0px;
    box-shadow: 0px 2px 3px 1px #dddddd;
    position: relative;
} 
.constructit-faq-accordion.panel-group .panel-heading { padding: 0px;}
.constructit-faq-accordion .panel-title a {
    padding: 18px 0 18px 68px;
    position: relative;
    display: block;
}
.constructit-faq-accordion.panel-group { margin: 0px;}
.constructit-faq-accordion.panel-group .panel { border-radius: 0px;}
.constructit-faq-accordion .panel-default { border: none; }
.constructit-faq-accordion .panel-default > .panel-heading{
    background-color: inherit;
    color: #000;
}
.constructit-faq-accordion.panel-group .panel + .panel { margin-top: 24px; }
.constructit-faq-accordion.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
    padding: 0 0 27px 68px;
    font-size: 14px;
    color: #1b1b1b;
}
.constructit-faq-accordion .panel-body p { margin: 0px;}
.constructit-faq-accordion .panel-title > .collapsed:before,
.constructit-faq-accordion .panel-title > a:after {
    content: "\e94b";
    position: absolute;
    left: 17px;
    top: 15px;
    font-family: 'icomoon';
    font-size: 13px;
    font-weight: bold;
}
.constructit-faq-accordion .panel-title > a:after { content: "\e94a";}
/*search result*/
.constructit-search-content {
    padding-bottom: 0px;
}
.thumb {
    position: absolute;
    right: 95px;
    bottom: -64px;
}
.constructit-serch-text:before {
    content: '\e956';
    position: absolute;
    left: 206px;
    top: 31px;
    font-family: icomoon;
    font-size: 258px;
    color: #ffffff;
    opacity: 0.05;
}
.constructit-serch-text {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #1b1b1b;
    padding: 70px 80px 76px;
    position: relative;
}
.constructit-serch-text h3 {
    font-size: 40px;
    text-transform: uppercase;
    margin: 0px 0px 16px;
    line-height: 1; 
    position: relative;
}
.constructit-serch-text span {
    font-size: 16px;
    color: #ffffff;
    margin: 0 0 23px;
    line-height: 26px;
    display: inline-block;
    position: relative;
}
.constructit-serch-text p {
    font-size: 14px; 
    color: #bbbbbb;
    line-height: 31px;
    margin: 0 0 40px;
    position: relative;
}
.constructit-serch-text form {
    display: inline-block;
    width: 100%;
    position: relative;
}
.constructit-serch-text form input[type="text"] {
    display: inline-block;
    width: 100%;
    height: 40px;
    font-size: 12px;
    color: #bbbbbb;
    background-color: #ffffff;
    border: none;
    font-weight: 500;
    font-style: italic;
    padding-left: 20px;
}
.constructit-serch-text form label {
    position: absolute;
    right: 0px;
    top: 0px;
}
.constructit-serch-text form label input[type="submit"] {
    border: none;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 38px 11px 15px;
}
.constructit-serch-text form label:after {
    content: '\eb2d';
    position: absolute;
    right: 15px;
    top: 11px;
    cursor: pointer;
    font-family: icomoon; 
    font-size: 13px;
    color: #ffffff;
}
.constructit-serch-bckgrond {
    float: left;
    width: 100%;
    position: relative;
}
.constructit-serch-bckgrond img {
    position: absolute;
    right: -140px;
    top: 70px;
}
/*priceplan*/
.constructit-priceplan,.constructit-price-wrap {
    float: left;
    width: 100%;
}
.constructit-price-wrap {
    background-color: #1b1b1b;
    box-shadow: 7px 9px 20px 1px #bfbfbf;
}
.constructit-priceplan > ul { margin: 0px -12px;}
.constructit-priceplan > ul > li {
    float: left;
    width: 33.333%;
    list-style: none;
    text-align: center;
    padding: 0px 12px;
    margin: 0px 0px 30px;
}
.constructit-priceplan > ul > li.active { margin-top: -20px; }
.constructit-priceplan > ul > li.active .constructit-price-wrap h3,
.constructit-priceplan > ul > li.active .constructit-price-text a,
.constructit-priceplan > ul > li.active .constructit-price-wrap h3:after { background-color: #1b1b1b; }
.constructit-priceplan > ul > li.active .constructit-price-text h2 small { color: #1b1b1b; }
.constructit-priceplan > ul > li.active .constructit-price-text span { color: #443928; }
.constructit-priceplan > ul > li.active .constructit-price-text > ul > li:after { background-color: #dbb87a; }
.constructit-price-wrap h3 {
    text-transform: uppercase;
    font-size: 22px;
    margin: 0px;
    line-height: 1;
    padding: 19px 0px;
    position: relative;
}
.constructit-price-wrap h3:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -4px;
    width: 100%;
    height: 2px;
}
.constructit-price-text {
    float: left;
    width: 100%;
    padding: 26px 0 30px;
}
.constructit-price-text h2 {
    display: inline-block;
    color: #ffffff;
    font-size: 60px;
    font-weight: normal;
    margin: 0px 0px 6px;
    line-height: 1;
}
.constructit-price-text h2 small {
    float: left;
    font-size: 30px;
    margin: 7px 0 0;
}
.constructit-price-text span {
    line-height: 1;
    display: block;
    font-size: 14px;
    color: #aaaaaa;
    margin: 0 0 28px;
}
.constructit-price-text > ul,
.constructit-price-text > ul > li {
    float: left;
    width: 100%;
}
.constructit-price-text > ul { margin: 0px 0px 29px;}
.constructit-price-text > ul > li {
    color: #ffffff;
    font-size: 16px;
    font-weight: normal; 
    display: inline-block;
    position: relative;
    margin: 0px;
    padding: 12px 0 13px;
}
.constructit-price-text > ul > li:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 100px;
    height: 1px;
    background-color: #323232;
    margin-left: -50px;
}
.constructit-price-text a {
    display: inline-block;
    color: #1b1b1b;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    padding: 10px 27px 10px;
}
.constructit-price-text > ul > li:last-child:after { content: none;}

/*form*/
.output_message {
    float: left;
    width: 80%;
    padding-left: 20px;
    color: #1b1b1b;
}
.success-msg,.spam-error-msg,.error-msg {
    float: left;
    padding: 7px 0px 7px 40px;
    width: 100%;
    font-style: normal;
    border-radius: 4px;
    background: #D4FECC;
    color: #5A974F;
    position: relative;
}
.spam-error-msg {
    background: #FEFCCB;
    color: #8F9031;
}
.error-msg {
    background-color: #ff0000;
    color: #ffffff;
}
.success-msg > i,.spam-error-msg > i,.error-msg > i {
    position: absolute;
    left: 15px;
    top: 7px;
    color: #5A974F;
    font-size: 16px;
    margin-top: 6px; 
}
.spam-error-msg > i { color: #8F9031; }
.error-msg > i { color: #ffffff; }
.widget_contact_form .output_message {
    width: 100%;
    padding: 10px 0 0;
}
.constructit-contact-form form ul li:last-child { margin-bottom: 23px; }
.submit { float: left; }