@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');

/*
01. Theme Typo
02. Header
	02.1 Top Strip
		02.1.1 Top Info
		02.1.2 Search
	02.1 Logo
	02.2 Navigation
		02.2.1 SubMenu
		02.2.1 MegaMenu
03. Content

	03.1 Blog
		03.1.2 Blog Grid
		03.1.3 Blog Large
		03.1.4 Blog Detail
 
	03.3 Default Pages Style
		03.3.1 404
		03.3.2 Services
		03.3.3 No Search Result
		03.3.4 Contact Us
        03.3.5 PricePlan
        03.3.6 Faq
        03.3.7 About Us

	03.4 Projects
		03.4.1 Project Grid
		03.4.2 Project Medium
		03.4.3 Project Modren
		03.4.4 Artist Detail

	03.5 Team
		03.5.1 Team Grid
		03.5.2 Team Detail

	03.6 Shop
		03.6.1 Shop Grid
		03.6.2 Shop Detail
 
04. Sidebar Widget
	04.1 Widget CATEGORY WIDGET
	04.2 Widget Latest News
	04.3 Widget Calendar Archive
	04.4 Widget Text
	04.5 Widget Recent Posts
	04.7 Widget Intagram Photos
	04.8 Popular Tags
	04.9 User Links
 
05. Footer
    05.1 Footer Widgets
    05.2 CopyRight
*/

* {
    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: #004e72;
    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;
}

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 60px 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%;
}
.constructit-main-wrapper {overflow:hidden;}
/* 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: 14px;
}
.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: 35%; 
     position: relative; 
 } */
.logo {
    float: left;
    width: 90px;
    padding: 3px 0px 3px;
}
/* .logo-shape:before { 
    content: ''; 
     position: absolute; 
     right: 36px; 
     bottom: -20px; 
     width: 999em; 
     border-top: 21px solid #ffffff; 
     border-right: 34px 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 7px;
    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: 15px;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    padding: 36px 14px 32px 15px;
    position: relative;
}
.navbar-nav > li > a:before {
    content: '';
    position: absolute;
    left: 0%;
    bottom: 0px;
    width: 100%;
    height: 0px;
    background-color: #242739;
    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; }
.navbar-nav > li:last-child { padding-right: 0px; }
.navbar-nav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}
.navbar-nav .sub-menu {
    background-color: #ffffff;
    left: 0;
    margin: 0 0px 0px 0px;
    opacity: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 290px;
    z-index: 999;
}
.navbar-nav .sub-menu li a:hover {
    background: #004e72;
	color:#fff;
}
.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: #000;
    float: left;
    font-size: 15px;
    font-weight: 400;
    padding: 13px 25px;
    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);
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-linear-gradient(left, rgb(0 0 0 / 18%) 0%, rgb(0 0 0) 100%);
    /* background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(242, 242, 242, 1) 100%); */
}
.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: #febb1a;
    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: 0px;}
/*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 58px;
}
.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: 10px 0;
    line-height: 42px;
}
.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: 91px;
    top: -10px;
}
.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;
    width: 157px;
    color: #ffffff;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    padding: 12px 0px 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-project, .constructit-modern-project figure, .constructit-modern-project figure > a, .constructit-modern-project figure a img, .constructit-modern-project-text {
    float: left;
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.constructit-project > ul > li {
    list-style: none;
    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: 12px 15px 15px 15px;
    background: rgb(0 78 114); 
    line-height: 1;
    border-bottom: 3px solid;
    overflow: hidden;
    max-height: 40px;
}
.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;
}
.constructit-modern-project-text h6 span {color: #fff; display:block; font-size:none;}
.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 {
    margin: 10px 0px 21px; 
    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="text"], .constructit-quote-form form ul li input[type="email"] {
    background-color: transparent;
    font-size: 15px;
    color: #1b1b1b;
    height: 41px;
    border: 1px solid #ddd;
    padding-left: 11px;
}
.constructit-quote-form form ul li textarea {
    background-color: transparent;
    height: 89px;
    font-size: 15px;
    color: #000;
    border: 1px solid #ddd;
    padding-left: 11px;
    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;
}
.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: 50px 25px;
    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: 0px 0px 17px;
    color: #ffffff;
    line-height: 26px;
}
.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 -55px;
    font-size: 16px;
    opacity: 0;
    z-index: 2;
}
.constructit-shop-grid ul li:hover figure a i { opacity: 1;}
.constructit-shop-grid figure a i:last-child {
    left: auto; right: 50%;
    margin: -22px -55px 0px 0px;
}
.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: 50px 0px 20px;
    background: #004e72;
}
.constructit-footer-widget .widget { margin: 0px 0px 10px;}
.widget_about_us .logo {
    padding: 0px;
    margin: 0px 0px 32px;
}
.widget_about_us p {
    margin: 0px 0px 18px;
    line-height: 26px;
    width: 100%;
    float: left;
    color: #fff;
}
.widget-about-info { margin: 0px 0px 10px;}
.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;color: #fff;
}
.widget-about-info li a { color: #fff;}
.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 6px;
    /* 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: #fff;
    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::before {
    background: #fff!important;
}
.widget-footer-title::after {
    background: #fff!important;
}
/*widget-footer-title*/
.widget-footer-title {
    display: inline-block;
    margin: 0px 0px 20px;
    line-height: 0.8;
    text-transform: uppercase;
    position: relative;
    font-size: 20px;
    padding: 0px 0px 13px;
    color: #febb1a;
}
.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;
}
.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: 10px;}
.constructit-copyright p {
    font-size: 14px;
    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;}
.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: 10px 0px 10px;
    font-size: 25px;
    text-transform: uppercase;
    padding: 0px 0px 25px;
        line-height: 33px;
}
.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 { padding: 0px 0px 0px 34px;}
/*widget_sort_cetagories*/
.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;}
.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 { padding: 20px 0px 0px;}
.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: 26px;
}
.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("images/subheader-img.jpg");
    background-position: center;
    position: relative;
    padding: 120px 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;
    color: #000;
    font-size: 16px;
    text-align: justify;
}
.constructit-project-description { margin: 0px 0px 7px;}
.constructit-project-description > ul { margin: 0px -15px;}
.constructit-project-description > ul > li {
    float: left;
    width: 100%;
    list-style: none;
    padding: 3px 0;
    font-weight: 500;
    margin: 0px 0px 10px;
    border-bottom: 1px solid #abaaaa;
}
.ctgr {
    margin-left: -18px;
}
.colmd {
width: 26.333333%;
margin-left: 2%;
}
.constructit-project-description ul li.full-width { width: 100%;}
.constructit-project-description > ul > li a {
    color:#004e72;
    font-size: 18px;
}
.constructit-project-description > ul > li a:hover {color:#000;}
.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%;
    height: 280px;
	object-fit
}
.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: 50px;
    background-color: #004e72;
    opacity: 0.9;
}
.constructit-project-grid ul li:hover figure > a:before { height: 100%;}
.constructit-project-grid figure figcaption {
    position: absolute;
    left: 0px;
    bottom: 4%;
    line-height: 1;
    width: 100%;
    padding:0px 11px  0 11px;
    margin: 0px;
    overflow: hidden;
    max-height: 75px;
}
.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;
	font-size:15px;
	padding-bottom:5px;
}
.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%;
}
.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 -55px 0px 0px;
}
.constructit-related-shop-text {
    padding: 24px 20px 0px;
    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;
}
.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;
	text-align: justify;
}
.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: 20px;
}
.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;
}
.mb-3 {margin-bottom:15px;}

.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: #d5ad65;
}
.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.fab.fa-x-twitter { background: #000000;}
.constructit-contact-info .widget-footer-social li a.fa-linkedin { background-color: #0077B5;}
.constructit-contact-info .widget-footer-social li a.fa-instagram { background-color: #E4405F;}
/*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; }

ul.row.ctmlst {
    margin-top: 30px;
}
.pt-0 {padding-top:0px!important;}
.pb-0 {padding-bottom:0px!important;}
.constructit-testimonialfull {
    padding: 60px 0px 60px;
}
.ctmlst li {
    border: 1px solid #9b9b9b;
    margin: 6px !important;
    width: 46%;
    padding: 20px;
    text-align: center;
	margin-bottom:20px!important;
}
.ctmlst li:hover { border: 1px solid #000;}
.ctmlst img {margin:0 auto;}
.ctmlst h5 {margin-top:10px;}
.imgsp {border-radius:5px; margin:30px 0 20px 0!important; height:400px; width:100%;}
.mb-4 {
    margin-bottom: 30px;
}

.box-text {
    background-color: #004e72;
    border-left: 10px solid #febb1a;
    padding: 20px;
    position: relative;
}
.box-text .text {
    color: #fff;
    letter-spacing: 0.04px;
    margin-bottom: 33px;
}

.box-text .image-item {
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    opacity: 0.8;
}




  .hero-section {
      background: #004e72; /* orange */
      color: white;
      position: relative;
      overflow: hidden;
    }

    .hero-left {
      padding: 60px;
    }

    .hero-left h1 {
      font-size: 48px;
      font-weight: bold;
      margin-bottom: 20px;
	  color: white;
    }

    .breadcrumb-custom {
      background: #febb1a;
      padding: 15px 20px;
      display: inline-block;
      font-size: 14px;
	  border-radius:4px
    }

    .breadcrumb-custom a {
      color: #000;
      text-decoration: none;
      margin: 0 5px;
    }
	   .breadcrumb-custom span {
    color: #000;
	padding-left: 5px;
}

   .breadcrumb-custom strong {
    color: #000;
    padding-left: 10px;
}
.hero-right {padding:0px; }
    .hero-right img {
      width: 100%;
      height: auto;
    }

    @media (max-width: 768px) {
      .hero-left, .hero-right {
        padding: 20px;
        text-align: center;
      }
    }

.hero-left  { position:relative; }
.imgpage {
    position: absolute;
    right: 0px;
    bottom: -70px;
    width: 70%;
}
.icn  { color:#000; }
.corevalue h4 {
    /* line-height: 0px; */
    padding: 10px 0;
}
.corevalue li {line-height:20px;}
.corevalue li strong {
    line-height: 0;
}

.topsptp {margin-top:60px!important;}
.constructit-counterfull {
    margin: 0px 0px 60px;
}

 figure {
    position: static!important;
}