/*================================================
02 - DEFAULT CSS
==================================================*/

body {
    font-family: 'Arial';
    font-size: 12px;
    line-height: 20px;
    color: #333;
    font-weight: 400;
    text-align: left;
    direction: ltr;
}

img {
    max-width: 100%;
    height: auto
}
.construct-btn:before {
    background: #343465  none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleY(0);
        transform: scaleY(0);
    -webkit-transform-origin: 50% 0 0;
        transform-origin: 50% 0 0;
    -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    z-index: -1;
    width: 100%
}
.construct-btn:hover:before{
    -webkit-transform: scaleY(1);
        transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.construct-btn{
    -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    border: 3px solid #1a1a32  ;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    color: #fff !important;
    display: inline-block;
    font-weight: 600;
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
    -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    -webkit-transition-property: color;
    transition-property: color;
        vertical-align: middle;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}
a{
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: inherit
}
a:focus {
    text-decoration: none;
    outline: medium none;
    color: inherit
}
a:hover {
    color: inherit;
    text-decoration: none;
    color: inherit
}
ul, ol {
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}
.construct-section-title, .construct-section-title-bg {
    margin-bottom: 5%;
}
.construct-section-title > h3 {
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
}
.construct-section-title > h3 span, .construct-section-title-bg > h3 span{
    color: #e5aa0a
}
.construct-section-title-bg > h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;

}
.section-line {
    background: #e5aa0a  none repeat scroll 0 0;
    height: 2px;
    margin-top: 10px;
    width: 10%;
}
.section_100 {
    padding: 100px 0;
}
.section_50 {
    padding: 50px 0;
}
.section_15{
    padding: 15px 0
}
.pad-right{
    padding-right: 0
}
.section_t_100{
    padding-top: 100px
}
.section_b_70{
    padding-bottom: 70px
}
/*================================================
03 - SITE PRELOADER CSS
==================================================*/

.construct-site-preloader {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.sk-cube-grid {
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    -webkit-transition: .5s;
    transition: .5s;
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #343465 ;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; }

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    } 35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

/*================================================
04 - PAGINATION CSS
==================================================*/

.pagination {
    
}
.pagination-box {
    text-align: center;
}
.pagination a {
    color: #555 !important;
    border: 1px solid #313458 !important;
    padding: 2px 10px;
    margin: 0px 2px;
}
.pagination .active > a, .pagination a:hover {
    background: #e5aa0a  none repeat scroll 0 0 !important;
    color: #fff !important
}

/*================================================
05 - BREADCROMB CSS
==================================================*/
.construct-breadcromb-area {
    /*background: linear-gradient(-90deg, #282c5f, rgba(17, 40, 104, 0.79));*/
    background-color: #9a0000;
    text-align: center;
    padding: 125px 0 25px 0 !important;
}
.margin-9-0px{margin-right: -35px;}
.breadcromb > h2{
    color: #fff;
    font-family: arial,sans-serif;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.fixed-ontop{margin-top: 0px !important;}
.breadcromb ul {
    margin-top: 10px;
    
}
.breadcromb ul li {
    display: inline-block;
    font-weight: 600;
    margin: 0 5px;
    text-transform: capitalize;
    color: #fff
}
.breadcromb ul li a {
    font-weight: 600;
    color: #e5aa0a
}
.breadcromb ul li a:hover{
    color: #fff
}

/*================================================
06 - REPONSIVE MENU CSS
==================================================*/
.construct-responsive-menu{
    display: none;
    position: absolute;
    right: 0;
    top: 0px;
    width: 100%;
    z-index: 999;
}
.slicknav_nav a{
    font-size: 16px;
    margin: 0;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #000
}
.slicknav_menu {
    background: transparent;
}
.slicknav_menutxt {
    display: none !important;
}
.slicknav_arrow {
    float: right;
    color: #000
}
.slicknav_nav a:hover{
    border-radius: 0;
}
.slicknav_nav .slicknav_row:hover{
    border-radius: 0
}
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover {
    background: #3d3d76  none repeat scroll 0 0;
    color: #fff
}
.slicknav_nav li {
    border-bottom: 1px solid #aaa;
}
.slicknav_nav li:last-child{
    border-bottom: 0px solid #aaa
}
.slicknav_nav {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #3d3d76 ;
	z-index: 11;
	text-align:right;

}
.slicknav_btn{
    margin-bottom: 15px;
    margin-right: 20px;
    background-color: #000 !important;
    line-height: 0;
    margin-top: 5px
}
.slicknav_menu .slicknav_icon {
    float: none !important;
    margin: 0
}
.slicknav_icon-bar {
    height: 3px !important;
    margin: 5px 0;
    width: 30px !important;
}
.slicknav_menu .slicknav_icon-bar {
    background-color: #fff ;
}

/*================================================
07 - HEADER TOP CSS
==================================================*/

.construct-header-top-area{
    background: #242c42 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
}
.header-top-left{
    display: block;
    text-align: left
}
.header-top-left p{
    display: inline-block;
    margin-right: 15px;
}
.header-top-left .language-click{
    cursor: pointer;
}
.language-click i {
    vertical-align: middle;
}
.header-top-left .menu-language{
    background: #e5aa0a  none repeat scroll 0 0;
    box-shadow: 0 0 3px #333;
    list-style: outside none none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: left;
    top: 150%;
    visibility: hidden;
    width: 120px;
    z-index: 9999999;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.header-top-left .menu-language.clicked{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 100%
}
.menu-language li{
    border-bottom: 2px dotted #000
}
.menu-language li:last-child{
    border-bottom: 0px dotted #000
}
.menu-language a {
    display: block;
    padding: 0 10px;
    font-weight: 400;
}
.menu-language a:hover{
    color: #000
}
.header-top-left > p:last-child{
    margin-right: 0px
}
.header-top-left p i{
    color: #e5aa0a ;
    font-size: 13px;
    margin-right: 2px;
}
.header-top-left p a:hover{
    color: #e5aa0a
}
.header-top-right {
    text-align: right;
}
.header-top-right ul li {
    display: inline-block;
    margin: 0 5px;
}
.header-top-right ul li a{
    display: block;
    font-size: 18px
}
.header-top-right ul li a:hover{
    color: #e5aa0a
}

.ms-header{position:absolute;width:100%}
/*================================================
08 - MAIN MENU CSS
==================================================*/
.header-top-contact{
    background: #000;
    margin: 0;
    color: #fff;
    opacity: 0.6;
	
	line-height:35px;
}
.header-top-contact li{display:inline;font-size:12px;padding-left:15px;}
.construct-mainmenu-area {
    background: rgba(33, 33, 33, 0.52) none repeat scroll 0 0;
    z-index: 12;
    /*position: absolute;*/
    padding: 0;
    margin: 0px;
}
.sticky-header-nav{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.30);
    margin-top: 36px;
	opacity:1;
	-moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    -webkit-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
	top:0;
	right:0;
	z-index:200;
}
header .construct-logo:before {
    content: " ";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skewX(-45deg);
          transform: skewX(-45deg);
    width: 2000px;
    z-index: 999;

}
header .construct-logo {
    height: 100%;
    margin: 0;
    position: relative;
	z-index: 0;
}
.construct-logo > a > img {
    position: relative;
    z-index: 999;
	max-height: 70px;
}
.search_icon {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 30px 10px;
}
.modal-dialog {
    margin: 135px auto;
    width: 500px
}
.modal-header {
	border-bottom: 1px solid transparent;
	padding: 10px;
}
.search_box_container > form {
    border: 1px solid #ddd;
    height: 45px;
    position: relative;

}
.search_box_container button {
    background: #b71a1b none repeat scroll 0 0;
    border: medium none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #fff
}
.search_box_container button:hover{
    background: #be850d none repeat scroll 0 0;
}
.search_box_container input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    height: 100%;
    width: 100%;
    color: #000;
    padding: 5px 100px 5px 10px;
    text-align: left;
}
.modal-header i {
    font-size: 15px;
}
.construct-mainmenu ul {
    text-align: left;
	
}
.construct-mainmenu{display: block}
.construct-mainmenu ul li {
    display: inline-block;
    position: relative
}
.construct-mainmenu ul li a {
    color: #fff;
    display: block;
    padding: 16px 10px;
    text-transform: uppercase;
    font-weight: 500
}
.construct-mainmenu ul .current-page-item > a, .construct-mainmenu ul li a:hover, .search_icon:hover {
    color: #e5aa0a  ;
}
.construct-mainmenu ul li ul{
    background: #343465 none repeat scroll 0 0;
    border-top: 2px solid #3555af;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 100%;
    -webkit-transform:scaleX(0);
            transform:scaleX(0);
    -webkit-transform-origin: 50% 0 0;
            transform-origin: 50% 0 0;
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    visibility: hidden;
    width: 220px;
    text-align: right;
    z-index: 99;
    line-height: 22px;
}
.construct-mainmenu ul li:hover ul{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform:scaleX(1);
            transform:scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .85, .92);
            transition-timing-function: cubic-bezier(.52, 1.64, .85, .92)
}
.construct-mainmenu ul li ul li {
    border-bottom: 1px dashed #777;
    display: block;
	
	text-align:left;
}
.construct-mainmenu ul li ul li:last-child{
    border-bottom: 0px dashed #777
}
.construct-mainmenu ul li ul li a {
    padding: 6px 10px;
}
.seacrh_li{
    display: inline-block !important
}

/*================================================
09 - MAIN SLIDER CSS
==================================================*/

.slide-item-1 {
    background: rgba(0, 0, 0, 0.3) url("../img/slider-1.jpg") repeat scroll 0 0;
}
.slide-item-2 {
    background: rgba(0, 0, 0, 0.3) url("../img/slider-2.jpg") repeat scroll 0 0;
}
.construct-main-caption{
    background: rgba(60, 60, 60, 0.63) none repeat scroll 0 0
}

.construct-main-slide {
    background-color: #999;
    background-position: center center;
    background-size: cover;
    height: 640px;
}
.construct-main-caption{
    display: table;
    height: 100%;
    width: 100%;
}
.construct-caption-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
	

}
.construct-caption-cell h2 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 2px;
    text-transform: capitalize;
}
.construct-caption-cell p {
    color: #fff;
    margin: 20px 0;
    text-transform: capitalize;
    font-size: 20px;
    letter-spacing: 1px
}
.construct-caption-cell a {
    margin: 0 5px;
}
.construct-slide .owl-nav > .owl-prev{
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
    transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.construct-slide:hover .owl-nav > .owl-prev{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.construct-slide .owl-nav > .owl-next{
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
    transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}
.construct-slide:hover .owl-nav > .owl-next{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.construct-slide .owl-prev {
    background: #212121 none repeat scroll 0 0 ;
    border-radius: 0 !important;
    color: #fff !important;
    font-size: 27px !important;
    height: 50px;
    line-height: 40px;
    position: absolute;
    top: 45%;
    left: 3%;
    width: 50px;
    padding: 5px;
    text-align: center
}
.construct-slide .owl-next {
    background: #212121 none repeat scroll 0 0 ;
    border-radius: 0 !important;
    color: #fff !important;
    font-size: 27px !important;
    height: 50px;
    line-height: 40px;
    position: absolute;
    top: 45%;
    right: 3%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 50px;
    padding: 5px;
    text-align: center
}
.construct-slide .owl-prev:hover, .construct-slide .owl-next:hover{
    background: #3d3d76  none repeat scroll 0 0;
    color: #fff;
}

/*================================================
10 - FEATURES AREA CSS
==================================================*/

.construct-features-area {
    background: #f9f9f9 none repeat scroll 0 0;
}
.single-features{
    margin-bottom: 30px
}
.features-img {
    background: #ffffff none repeat scroll 0 0;
    padding: 5px;
}
.features-img > img {
    width: 100%;
}
.features-text > h3 {
    color: #000;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-transform: capitalize;
}
.features-text > h3:hover, .features-text > a:hover{
    color: #ce8e1a
}
.features-text > a {
    display: inline-block;
    font-weight: 600;
    margin-top: 10px;
    text-transform: capitalize;
}
.features-text > a > i{
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    font-size: 18px
}
.features-text > a:hover > i{
    padding-left: 5px
}

/*================================================
11 - HIRE AREA CSS
==================================================*/

.construct-hire-area {
    background: url('../img/hire-bg.jpg') no-repeat fixed 0 0/cover;
    position: relative
}
.hire-overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.64)
}
.construct-hire-area .construct-hire-left:before {
    background: #e5aa0a  none repeat scroll 0 0;
    content: " ";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skewX(-45deg);
          transform: skewX(-45deg);
    width: 2000px;
    z-index: 9999;
}
.construct-hire-area .construct-hire-left {
    height: 101%;
    margin: 0;
    padding: 50px 0;
    position: relative;
}
.construct-hire-left > h3 {
    color: #fff;
    font-weight: 600;
    position: relative;
    text-transform: capitalize;
    z-index: 9999999;
}
.construct-hire-right{
    text-align: right
}
.construct-hire-right a {
    margin: 36px 0;
}

/*================================================
12 - SERVICE AREA CSS
==================================================*/

.construct-service-area .construct-section-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5%;
    padding-bottom: 10px;
}
.service-slider-heading > h4 {
    color: #555 ;
    font-size: 20px;
    font-weight: 700;
}
.service-slider-menu > ul {
    margin-top: 30px;
}
.service-slider-menu li {
    background: #f3f3f3 none repeat scroll 0 0;
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
}
.service-slider-menu ul li > i {
    color: #e5aa0a ;
    margin-right: 10px;
}
.service-slider-para {
    margin-bottom: 10px;
    margin-top: 0
}
.mobile_no{
    display: block
}
.service-workers-img > img {
    position: absolute;
    right: 15px;
    top: -10px;
    max-width: 90%;
}
.construct-service .owl-prev {
    background: #ddd none repeat scroll 0 0;
    font-size: 22px;
    height: 30px;
    position: absolute;
    right: 33px;
    text-align: center;
    top: -73px;
    width: 30px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    line-height: 30px
}
.construct-service .owl-next {
    background: #ddd none repeat scroll 0 0;
    font-size: 22px;
    height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -73px;
    width: 30px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    line-height: 30px
}
.construct-service .owl-next:hover, .construct-service .owl-prev:hover {
    background: #e5aa0a  none repeat scroll 0 0;
    color: #fff
}

/*================================================
16 - PROCESS AREA CSS
==================================================*/

.construct-process-area .construct-section-title {
    color: #fff;
    margin-bottom: 5%;
    padding-bottom: 10px;
}
.construct-process-area {
    background-attachment: fixed;
    background-image: url("../img/banner.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.process-overlay {
    background: rgba(0, 0, 0, 0.71) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.single-process{
    background: rgba(34, 34, 34, 0.54) none repeat scroll 0 0;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 0;
    color: #fff;
    height: 180px;
    text-align: center;
    width: 180px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.single-process:hover{
    background: rgba(214, 150, 14, 0.71) none repeat scroll
}
.single-process h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 180px;
    text-transform: capitalize
}
.border-bottom {
    border-left: 1px solid rgba(255, 255, 255, 0.35);
    display: inline-block;
    height: 50px;
    margin-bottom: -10px
}
.single-process-item {
    text-align: center;
}
.process-company .single-process {
    margin: 0 auto;
    background: rgba(214, 150, 14, 0.71) none repeat scroll
}
.process-company {
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    text-align: center
}

/*================================================
17 - BLOG AREA CSS
==================================================*/

.single-latest-blog{
    margin-bottom: 30px
}
.blog-img {
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.blog-img:hover{
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.blog-img > p {
    background: #e5aa0a  none repeat scroll 0 0;
    color: #fff;
    font-weight: 600;
    line-height: 25px;
    padding: 10px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    top: 0;
    width: 70px;
}
.blog-img span {
    display: block;
    font-size: 27px;
    color: #fff
}
.blog-img img {
    max-width: 100%;
}
.blog-text {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 20px;
}
.blog-text h4 {
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px
}
.blog-text h4 a:hover{
    color: #ce8e1a
}

/*================================================
18 - FOOTER AREA CSS
==================================================*/

.construct-footer-top-area {
    background: #1d3b73 none repeat scroll 0 0;
    color: #fff;
	
}
.single-footer{
    margin: 0;
	font-size:13px;
}
.single-footer img {
    margin-bottom: 15px;
}
.footer-social-icon {
    margin-top: 10px;
}
.footer-social{
    margin-top: 13px
}
.footer-social > li{
    display: inline-block;
}
.footer-social li a{
    background-color: #CCC;
    border-radius: 50%;
    color: #777;
    display: block;
    font-size: 16px;
    height: 35px;
    line-height: 37px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 35px;
}
.fb:hover {
    background: #4b6ea9 none repeat scroll 0 0;
    color: #fff;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
}
.twitter:hover {
    background: #65bbf2 none repeat scroll 0 0;
    color: #fff;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
}
.gp:hover {
    background: #dd4d41 none repeat scroll 0 0;
    color: #fff;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
}
.linkedin:hover {
    background: #0075b5 none repeat scroll 0 0;
    color: #fff;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
}
.single-footer > h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 35px;
    text-transform: capitalize;
}
.footer-widget > li {
    border-bottom: 1px dashed #CCC;
	font-size:13px;
}
.footer-widget a {
    display: block;
    padding: 5px 0;
}
.footer-widget a:hover{
    color: #666
}
.contact-details i {
    color: #9a0000;
    margin-right: 10px;
}
.contact-details {
    margin: 6px 0;
}
.insta-post {
    display: inline-block;
    height: 65px;
    margin: 2px;
    width: 65px;
    position: relative;
    /*margin: 2%;*/
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 2px;
}
.insta-post img{
    margin: 2px auto;
    display: block;
}
.overlay-insta {
    -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
    background: rgba(23, 23, 23, 0.8) none repeat scroll 0 0;
    cursor: crosshair;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transform: perspective(500px) rotateY(-90deg);
          transform: perspective(500px) rotateY(-90deg);
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    visibility: hidden;
    width: 100%;
}
.insta-post:hover .overlay-insta{
    -webkit-backface-visibility: visible;
        backface-visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(500px) rotateY(0deg);
    transform: perspective(500px) rotateY(0deg);
    visibility: visible;
}
.construct-footer-bottom-area {
    background: #2f2f2f  none repeat scroll 0 0;
    color: #E5E5E5;
    border-top: 5px solid #484848;
}
.copyright-right {
    text-align: right;
    font-weight: 600
}
.copyright-left{
    text-align: left;
    font-weight: 300;
    color: #E6E5E5;
    font-size: 13px;
}
.copyright-left i{
    color: #e5aa0a;
    margin: 0px 5px
}

/*================================================
19 - SINGLE PROJECT CSS
==================================================*/

.single-project-img {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}
.single-project-img:last-child, .project-right:last-child {
    margin-bottom: 0px;
}
.single-project-right {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 40px;
    margin-top: 0
}
.project-right {
    margin-bottom: 30px;
}
.project-right > h3 {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.project-right i {
    color: #e5aa0a  ;
    font-size: 18px;
    width: 30px;
}
.project-right span {
    display: inline-block;
    font-weight: 600;
    margin-right: 5px;
    width: 115px;
}
.single-pro-overlay {
    -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    background: rgba(23, 23, 23, 0.8) none repeat scroll 0 0;
    min-height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transform: perspective(500px) rotateY(-90deg);
        transform: perspective(500px) rotateY(-90deg);
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    visibility: hidden;
    width: 100%;
}
.single-project-img:hover .single-pro-overlay {
    -webkit-backface-visibility: visible;
          backface-visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(500px) rotateY(0deg);
          transform: perspective(500px) rotateY(0deg);
    visibility: visible;
}
.single-pro-overlay > i {
    color: #fff;
    font-size: 26px;
    left: 46%;
    position: absolute;
    text-align: center;
    top: 45%;
}

/*================================================
20 - SERVICE PAGE CSS
==================================================*/

.single-service-box-img{
    position: relative;
    overflow: hidden;
}
.single-service-box-img img{
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
    width: 100%
}
.single-service-box-img:hover img {
    -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.service-overlay {
    -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
    background: rgba(23, 23, 23, 0.8) none repeat scroll 0 0;
    min-height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: perspective(700px) rotateX(90deg);
            transform: perspective(700px) rotateX(90deg)
}
.single-service-box-img:hover .service-overlay{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    -webkit-transform: perspective(700px) rotateX(0deg);
            transform: perspective(700px) rotateX(0deg)
}
.service-overlay > p {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 16;
    text-align: center;
    text-transform: uppercase;
}
.service-text-box {
    margin-top: 20px;
}
.service-text-box > h4 {
    color: #000;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-transform: capitalize;
}
.service-text-box > a {
    display: inline-block;
    font-weight: 600;
    margin-top: 10px;
    text-transform: capitalize;
}
.service-text-box > a i{
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    font-size: 18px;
    margin-left: 5px
}
.service-text-box > a:hover {
    color: #e5aa0a
}
.service-text-box > a:hover > i {
    padding-left: 5px;
}
.single-service-box {
    margin-bottom: 30px;
}

/*================================================
21 - SINGLE SERVICE CSS
==================================================*/

.renovation-float.mobile {
    margin-bottom: 0
}
.renovation-float > h3 {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 20px
}
.renovation-float > ul {
    margin-top: 20px;
}
.renovation-float ul li{
    font-weight: 600;
    margin: 10px 0;
}
.renovation-float ul li i {
    color: #e5aa0a ;
}
.renovation-img {
    margin-top: 50px;
}
.construct-related-project-area{
    background: #f9f9f9 none repeat scroll 0 0;
}
.construct-related-project-area .construct-section-title {
    margin-bottom: 2%;
}
.construct-related-project-area .single-portfolio {
    margin-bottom: 0;
}

/*================================================
22 - ABOUT PAGE CSS
==================================================*/

.about-mission-text, .about-mission-list{
    margin-top: 0
}
.about-mission-text > h3 {
    color: #555;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.about-mission-list li {
    margin: 5px 0;
}
.about-mission-list ul li i {
    color: #e5aa0a ;
    margin-right: 10px;
}
.construct-about-bottom-area {
    background: #222 none repeat scroll 0 0;
    color: #fff
}
.single_about_bottom > img {
    width: 100%;
}
.single_about_bottom > h4{
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 15px 0;
    text-transform: uppercase;
}
.construct-about-bottom-area p{
    color: #999
}
.single-about-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}
.single-about-list:last-child{
    margin-bottom: 0px
}
.single-about-list:hover .about_icon{
    background: #e5aa0a   none repeat scroll 0 0
}
.about_icon {
    background: #2b2c36 none repeat scroll 0 0;
    font-size: 26px;
    height: 70px;
    line-height: 67px;
    margin-right: 15px;
    text-align: center;
    width: 70px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.about-bottom-one {
    margin-bottom: 20px;
    margin-top: 0
}
.about-bottom-one > h3 {
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 23px
}
.about_text > h4 {
    font-weight: 600;
    margin: 7px 0;
    text-transform: capitalize;
}

/*================================================
23 - SHOP PAGE CSS
==================================================*/

.construct-shop-shorting {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 15px 10px;
}
.shorting-left {
    text-align: left;
}
.shorting-right {
    text-align: right;
}
.shorting-right select {
    border: 1px solid #ddd;
    padding: 10px;
    text-transform: capitalize;
}
.shorting-left > p {
    margin: 7px 0;
    text-transform: capitalize;
}
.single-product-img {
    border: 2px solid #ddd;
    overflow: hidden;
    position: relative;
}
.single-product-img img {
    -webkit-transform: scale(1);
          transform: scale(1);
    -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
    -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.single-product-img:hover img {
    -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.product-overlay {
    -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
    background: rgba(23, 23, 23, 0.8) none repeat scroll 0 0;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transform: perspective(700px) rotateX(90deg);
          transform: perspective(700px) rotateX(90deg);
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    visibility: hidden;
    width: 100%;
}
.product-overlay > i {
    color: #fff;
    font-size: 26px;
    left: 46%;
    position: absolute;
    text-align: center;
    top: 45%;
}
.single-product-img:hover .product-overlay {
    -webkit-backface-visibility: visible;
        backface-visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(700px) rotateX(0deg);
          transform: perspective(700px) rotateX(0deg);
    visibility: visible;
}
.product-text > h4 {
    font-size: 18px;
    margin-top: 15px;
}
.product-text > h4 > a:hover{
    color: #e5aa0a
}
.product-text li, .single-shop-text li {
    display: inline-block;
}
.product-text ul li i, .single-shop-text li i {
    color: #e5aa0a ;
    font-size: 12px;
}
.product-text > a, .cart .construct-btn {
    color: #000 !important;
    font-size: 14px;
    margin-top: 10px;
    padding: 5px 10px;
}
.cart .construct-btn{
    margin-top: 0
}
.product-text .construct-btn:hover, .cart .construct-btn:hover{
    color: #fff !important
}
.single-product {
    margin-top: 30px;
}
.construct-shop-widget > h3 {
    background: #242c42 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 10px 20px;
    text-align: left;
    text-transform: capitalize;
}
.construct-shop-widget > form {
    border: 1px solid #ddd;
    height: 45px;
    position: relative;
}
.construct-shop-widget input {
    border: medium none;
    height: 100%;
    padding:5px 60px 5px 10px;
    width: 100%;
}
.construct-shop-widget button {
    border: medium none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    background: #e5aa0a  none repeat scroll 0 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #fff
}
.construct-shop-right{
    margin-top: 0
}
.construct-shop-widget:last-child{
    margin-bottom: 0
}
.construct-shop-widget button:hover{
    background: #e6a212 none repeat scroll 0 0
}
.construct-shop-widget {
    margin-bottom: 30px;
}
.rated-img {
    float: left;
    height: 50px;
    width: 60px;
}
.rated-img > img{
    width: 100%;
    height: 100%
}
.rated-text {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}
.rated-text > h4 {
    font-size: 13px;
}
.cart > li, .product > li {
    background: #f9f9f9 none repeat scroll 0 0;
    height: 75px;
    margin-bottom: 10px;
    padding: 10px;
    text-transform: capitalize;
}
.subtotal-box span {
    color: #333;
    font-weight: 600;
    padding-left: 10px;
}
.recent-price del {
    color: #ae0000;
    margin-right: 15px;
}
.recent-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*================================================
24 - SINGE SHOP PAGE CSS
==================================================*/

.single-shop-img {
    border: 1px solid #ddd;
}
.category-shop > p {
    display: inline-block;
    font-weight: 600;
    margin-right: 20px;
    text-transform: capitalize;
}
.category-shop > p:last-child{
    margin-right: 0px;
}
.category-shop a {
    color: #e5aa0a ;
}
.category-shop a:hover{
    color: #000;
}
.category-shop {
    margin-bottom: 15px;
}
.single-shop-price > p {
    margin: 15px 0;
    font-weight: 600;
    font-size: 17px
}
.single-shop-text a.construct-btn {
    color: #000 !important;
    margin-top: 20px;
}
.single-shop-text a.construct-btn:hover{
    color: #fff  !important
}
.single-shop-price input {
    width: 80px;
    margin-left: 20px;
    font-weight: 500
}
.single-shop-price span {
    color: #333;
    font-weight: 500;
    margin-left: 20px;
}
.single-shop-img-2 {
    border: 1px solid #ddd;
    height: 260px;
    margin-top: 50px;
    width: 260px;
}
.single-shop-text{
    margin-top: 0
}
.tabs.single-shop-tab {
    margin-top: 50px;
}
.tab-pane {
    padding: 20px 10px;
}
#pro_2 li a {
    font-weight: 600;
    text-transform: capitalize;
}
#pro_2 li.active a {
    color: #e5aa0a ;
}

/*================================================
27 - BLOG PAGE CSS
==================================================*/

.single-blog-item-img {
    position: relative;
}
.single-blog-item-date > p {
    background: #e5aa0a  none repeat scroll 0 0;
    color: #fff;
    font-weight: 600;
    line-height: 25px;
    padding: 10px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    top: 0;
    width: 70px;
}
.single-blog-item-date span {
    color: #fff;
    display: block;
    font-size: 27px;
}
.single-blog-item-img > img {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.single-blog-item-img > img:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.blog-title > h3 {
    color: #555;
    margin-bottom: 5px;
    margin-top: 20px;
    text-transform: capitalize;
}
.blog-title > h3 > a:hover{
    color: #e5aa0a
}
.blog-title > p {
    display: inline-block;
    margin-right: 15px;
}
.blog-title > p > i {
    color: #e5aa0a ;
    font-size: 15px;
    margin-right: 5px;
}
.blog-title > p > a {
    color: #777;
    font-size: 13px;
    font-weight: 600;
}
.blog-title > p > a:hover, .blog-content > a:hover {
    color: #e5aa0a ;
}
.blog-content {
    margin-top: 20px;
}
.single-blog-item {
    border-bottom: 3px dotted #ddd;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.left-side{
    margin-bottom: 30px;
    margin-top: 0
}
.blog-content > a {
    color: #333;
    display: inline-block;
    font-weight: 700;
    margin-top: 10px;
    text-transform: capitalize;
}
.blog-right-sidebar.left-margin {
    margin-bottom: 0px;
}
.blog-single-widget {
    /*background: #f9f9f9 none repeat scroll 0 0;*/
    /*margin-bottom: 30px;*/
}
.blog-single-widget:last-child{
    margin-bottom: 0px
}
.blog-single-widget .widget-content{background: #f9f9f9 none repeat scroll 0 0;}
.blog-single-widget > form {
    height: 40px;
    position: relative;
}
.blog-single-widget input[type="search"] {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    height: 40px;
    padding: 5px 60px 5px 10px;
    width: 100%;
}
.blog-single-widget button {
    background: #e5aa0a  none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 20%;
}
.blog-single-widget button:hover {
    background: #e6a212 none repeat scroll 0 0
}
.blog-single-widget .widget-content > h3.title {
    background: #9a0000 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 10px 20px;
    text-align: center;
    text-transform: capitalize;
}
.blog-single-widget .single-pp-wrapper{padding:5px 0;font-size: 13px;color: #444;font-family: arial;}
.blog-single-widget .single-pp-wrapper img{margin-right: 7px;}
.blog-catagory li {
    border-bottom: 2px solid #fff;
}
.blog-catagory li:last-child {
    border-bottom: 0px solid #fff;
}
.blog-catagory li a {
    color: #333;
    display: block;
    padding: 10px 20px;
    text-transform: capitalize;
}
.blog-catagory span {
    float: right;
    color: #333;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.blog-catagory li a:hover {
    color: #e5aa0a ;
}
.blog-catagory li a:hover span{
    color: #e5aa0a
}
.Tags-catagory > li {
    display: inline-block;
    margin: 4px 2px;
}
.Tags-catagory > li > a {
    background: #fff none repeat scroll 0 0;
    display: block;
    padding: 5px 10px;
    text-transform: capitalize;
}
.Tags-catagory > li > a:hover {
    background: #e5aa0a  none repeat scroll 0 0;
    color: #fff;
}
.single-popular-post {
    border-bottom: 2px solid #fff;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.single-popular-post:last-child{
    margin-bottom: 0;
    border-bottom:0px solid #fff;
}
.single-popular-post > a {
    color: #555;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}
.single-popular-post > a:hover {
    color: #e5aa0a ;
}
.single-popular-post > p {
    color: #555;
    font-size: 13px;
    text-transform: capitalize;
}
.single-popular-post > p > span {
    color: #e5aa0a ;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.single-popular-post > p > span:hover{
    color: #333
}

/*================================================
28 - SINGLE BLOG PAGE CSS
==================================================*/

.blog-content blockquote {
    background: #f9f9f9 none repeat scroll 0 0;
    border-left: 5px solid #e5aa0a ;
    font-style: italic;
    margin-bottom: 30px;
    margin-right: 0;
    margin-top: 30px;
    padding: 20px;
}
.construct-blog-share {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: 40px;
    padding: 15px;
}
.construct-blog-share > h3 {
    display: inline-block;
    font-size: 20px;
    margin-right: 20px;
}
.construct-blog-share > a {
    background: #eee none repeat scroll 0 0;
    color: #555;
    display: inline-block;
    height: 30px;
    margin: 0 5px;
    text-align: center;
    width: 30px;
}
.construct-blog-share > a:hover{
    background: #e5aa0a  none repeat scroll 0 0;
    color: #fff
}
.blog-comment {
    margin-top: 40px;
    padding-top: 25px;
}
.comment-list {
    margin-top: 40px;
}
.single-comment-item {
    background: #f9f9f9 none repeat scroll 0 0;
    margin: 10px 0;
    padding:30px 10px
}
.construct-comment-item h4 {
    color: #555;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}
.single-comment-item img {
    margin-bottom: 0px;
}
.construct-comment-item span {
    color: #777;
    font-size: 13px;
}
.construct-comment-item a {
    color: #555;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.construct-comment-item a:hover{
    color: #e5aa0a
}
.comment-list ul ul {
    margin-left: 100px;
}
.single-comment-item p {
    color: #555;
}
.construct-leave-comment {
    margin-bottom: 0;
    margin-top: 50px;
}
.construct-leave-comment > h3 {
    color: #555;
    font-weight: 700;
    margin-bottom: 10px;
}
.construct-leave-comment input[type="text"], .construct-leave-comment input[type="email"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    float: left;
    height: 45px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 0;
    padding: 10px 15px;
    width: 45%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.construct-leave-comment textarea {
    border: 1px solid #ddd;
    height: 160px;
    margin-bottom: 20px;
    padding: 5px 15px;
    width: 93%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.construct-leave-comment input:focus, .construct-leave-comment textarea:focus{
    border: 1px solid #e5aa0a ;
}
.construct-leave-comment input[type="submit"] {
    background: #e5aa0a  none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-weight: 600;
    height: 50px;
    padding: 10px 15px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.construct-leave-comment input[type="submit"]:hover {
    background: #e6a212 none repeat scroll 0 0;
}

/*================================================
29 - CONTACT PAGE CSS
==================================================*/

.construct-contact-desc {
    margin-bottom: 50px;
}
.construct-contact-desc > h3 {
    color: #555;
    font-weight: 600;
    margin-bottom: 10px;
     text-transform: capitalize;
}
.single-contact-left:first-child {
    margin-top: 0;
}
.single-contact-left {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    margin-top: 20px;
    padding: 20px;
}
.contact-icon {
    background: #f9f9f9 none repeat scroll 0 0;
    color: #e5aa0a ;
    display: table-cell;
    float: left;
    font-size: 30px;
    height: 75px;
    line-height: 75px;
    margin-right: 10px;
    text-align: center;
    width: 75px;
}
.contact-text > h4 {
    color: #000;
    text-transform: capitalize;
}
.contact-text > p {
    font-size: 15px;
    line-height: 26px;
}
.contact-text > span {
    color: #333;
}
.construct-contact-form-right > form {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    padding: 30px 50px;
    margin-top: 0
}
.construct-contact-form-right form p {
    margin: 10px 0;
}
.construct-contact-form-right input {
    background: #fafafa none repeat scroll 0 0;
    border: medium none;
    height: 45px;
    padding: 5px 10px;
    width: 100%;
}
.construct-contact-form-right textarea {
    background: #fafafa none repeat scroll 0 0;
    border: medium none;
    height: 120px;
    padding: 5px 10px;
    width: 100%;
}
.construct-contact-form-right input[type="submit"] {
    background: #e5aa0a  none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-weight: 600;
    line-height: 10px;
    padding: 10px 15px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: auto;
}
.construct-contact-form-right input[type="submit"]:hover{
    background: #e6a212 none repeat scroll 0 0
}
#googleMap {
   width: 100%;
   height: 320px;
 }

/*================================================
30 - 404 PAGE CSS
==================================================*/

.notfound {
    text-align: center;
}
.notfound > h2 {
    color: #555;
    font-size: 130px;
    font-weight: 600;
    line-height: 135px;
    margin-bottom: 30px;
}
.notfound > h3 {
    color: #333;
    margin-bottom: 30px;
    font-size: 22px
}
.notfound > form{
    margin-bottom: 30px;
    position: relative;
}
.notfound > form > input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    height: 50px;
    padding: 5px 100px 5px 10px;
    width: 100%;
}
.notfound > form > button {
    background: #e5aa0a  none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 26px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100px;
}
.notfound > form > button:hover{
    background: #e6a212 none repeat scroll 0 0
}
.notfound a {
    color: #000 !important;
}
.notfound a:hover{
    color: #fff !important
}
.light-hr, .big-hr {
    background: rgba(0, 0, 0, 0) url(../img/hr.png) no-repeat scroll center bottom;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    content: "";
    height: 27px;
    position: absolute;
    width: 82px;
}
.light-hrlight, .big-hrlight {
    background: rgba(0, 0, 0, 0) url(../img/hrlight.png) no-repeat scroll center bottom;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    content: "";
    height: 27px;
    position: absolute;
    width: 82px;
}
.colorfff{color:#fff;}

.frame-borderspan {
    width: 100%;
    position: relative;
    border: 3px solid #29343B;
    border-radius: 5px;
}
.padding-left-10px{padding-left:30px;}

.all-portfolios .col-md-2 img{
    margin: 0px auto !important
    ;display: block !important;
    border-radius: 100px;
    max-width: 100%;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    }
.all-portfolios .col-md-2 img:hover{
   -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.all-portfolios .col-md-2{margin-bottom: 15px;}
.all-portfolios .col-md-2 p{margin-top: 10px;}
.all-portfolios .border-portfolio{
    border: 1px solid #ccc;padding: 8px;border-radius: 3px;

  position: relative;

  margin: 2%;
  overflow: hidden;
    }
.block-services{
    background: rgba(3, 9, 2, 0.40);
    transition: all 1s ease 0s;
  position: relative;

  overflow: hidden;
    }
.block-services:hover{background: rgba(3, 9, 2, 0.30);}
.block-services img{
    border: none;
    border-radius: 0px;
    padding: 10px 10px 10px 10px;

    max-width: 100%;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.block-services img:hover{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.block-services .block-services-title{color: #fff;padding: 0px 0px 10px 0px;}
p.text-center.link-block-services {

    background: rgba(41, 52, 59, 0.88);
    color: #fff;
    padding: 10px 0;
    margin-top: 0px;
    transition: all 1s ease 0s;
}
p.text-center.link-block-services i {padding-right:10px;}
p.text-center.link-block-services:hover{background: #29343B ;}
.block-services .block-services-text{color: #fff;padding:0px 28px 10px 28px;font-size: 12px;text-align: justify;}
.single-footer .img-logo{width: 50%;margin:10px auto 0px auto;display: block;}
.full-area-thumb>.img-thumbnail{margin: 0px auto;display: block;}
.full-area-blog-post .block{text-align: justify;font-size: 13px;font-family: arial;}
.other-service{background:#1d3b73;color:#fff}
.other-service p{
    padding: 20px 0;
    font-size: 21px;
    text-align: center;}
.directionrtl{}
.single-footer-insta .insta-post a>img{
    height: 65px !important;
    max-width: 100%;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.single-footer-insta .insta-post a>img:hover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.mosaic-block .details h4{padding-bottom:8px !important;}
.gallery .category {
    height: 245px;
    line-height: auto;
    position: relative;
    padding: 0 !important;
    margin: 15px 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    background-color: #FFF;
    border: 1px solid #eee;
	overflow:hidden;
}
.gallery .category img, .gallery .no-photo {
    margin-left: 5%;
    margin-top: 5%;
    max-height: 155px;
    margin: 5% auto;
    text-align: center;
    vertical-align: middle;
    display: block;
}
.gallery .category .details{
    position: relative;
    width: 100%;
    min-height: 44px;
    background-color: #FFFFFF;
    text-align: center;
    line-height: 44px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    padding-top: 10px;
}
.gallery .category .details h4{
    line-height: 25px;
    font-size: 14px;
    font-weight: 600;
    max-height: 66px;
}
.content-news-blog .comments-like li{padding: 0px 5px;border-right: 1px solid #ccc;height: 25px;}
.content-news-blog .comments-like li:last-child{border-right:none;}
.border-right-article{border-right: 1px solid #ddd;}
.noborder-bottom-ourcustomer{text-align: justify;}
.col-md-12.b_block.medium_thumb {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}
.us-say-service{
    background:#9a0000;
    color:#fff;
    padding: 40px 0;
    font-size: 21px;
    font-weight: 900;
    text-align: center;}

.pic{
  position: relative;
  margin: 2%;
  overflow: hidden;
}
.pic .list-group-image{
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pic .list-group-image:hover{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

}

.serviceBox{
    text-align: center;
    position: relative;
    overflow: hidden;
}
.serviceBox img{
     width: 100%;
    height: auto;
    max-width: 100%;
    /*max-height: 145px;*/
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.serviceBox img:hover{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.serviceBox .service-content{
    position: relative;
    background: #fff;
    color: #29343B;
    padding: 38px 15px 12px;
}
.serviceBox .service-icon{
    display: block;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
}
.serviceBox .service-icon i{
    font-size: 30px;
    line-height: 66px;
    color: #29343B;
    transform: rotate(-45deg);
    padding-left: 6px;
}
.serviceBox .title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #29343B;
}
.serviceBox .description{
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 10px;
}
.serviceBox .read-more{
    display: inline-block;
    padding: 0px 10px;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: #182025;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
}
.serviceBox .read-more:hover{
    color: #29343B;
    background: #fff;
    text-decoration: none;
}
.serviceBox.middle .service-content{
    padding: 30px 30px 50px;
}
.serviceBox.middle .service-icon{
    bottom: -35px;
    top: auto;
}
.service-content-oc h3{
    color: #eff3ce;
}
@media only screen and (max-width: 990px){
    .serviceBox .title{ font-size: 17px; }
}
@media only screen and (max-width: 767px){
    .serviceBox{ margin: 0 0 30px 0; }
}

/*----*/
.serviceBox-news{
    text-align:left;margin-bottom: 25px;
}
.serviceBox-news a:hover{color: #9a0000;}
.serviceBox-news h3{
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 14px;
    font-weight: 600;
    line-height: 20px;
}
.serviceBox-news .service-icon-news i{
    width:100px;
    height:100px;
    border-radius:50%;
    background-color: hsl(207, 15%, 28%);
    color: hsl(0, 0%, 100%);
    font-size:40px;
    line-height:100px;
    margin:30px 0;
    transition:all 0.3s ease-in-out 0.3s;
}
.serviceBox-news:hover .service-icon-news i{
    transform: rotate(360deg);
}
.serviceBox-news .service-content-news p{
    color:hsl(0, 0%, 53%);
    font-size:13px;
    padding-top: 10px;
    
}
.serviceBox-news .service-content-news a{
    background:#29343B;
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.3) inset, 0 1px 3px hsla(0, 0%, 0%, 0.1);
    border-color:transparent;
    color:#fff;
    font-size: 12px;
    margin: 0 0 -25px;
    padding: 6px 15px;
}
.serviceBox-news .service-content-news a:hover{
    background:hsl(207, 15%, 28%);
    text-decoration:none;
    border-color:transparent;
}
@media only screen and (max-width: 990px){
    .serviceBox-news{
        margin-bottom: 35px;
    }
}
.rtl{}
.no-padding{padding-right:0;padding-left:0;}
.contact-info{padding-bottom:10px;line-height:28px;}
.contact-info i{padding-right:10px;color: #f47119;}
.checkout-video-left .col-sm-4 .serviceBox{margin-bottom: 20px;}
.image-size-product{height: 210px !important;}
.image-search-product {height: 120px !important;width: 75%;}
.list-group-item-heading{height: 35px !important;text-align: center;}
.searchproject{border-bottom: 1px solid #ccc;padding: 5px 0px;}
.textright-rtl{text-align: justify;}
.clsbox-oc {
    height: 95px;
    overflow: hidden;
    border-bottom: 1px solid rgba(204, 204, 204, 0.72);
    margin: 20px 0 0 0;
}
.list-group .table-bordered tr{border-bottom: 1px solid #ddd;}
.list-group .table-bordered thead tr {background: #313458;color: #fff;}
.list-group .table-bordered tbody .backcolordark{background: #DFF0D8;}
.list-group .table-bordered tbody .backcolorwhithe{background: #D9EDF7;}

.class-slider-layer{z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;}
.class-slider-layer2{
    background: rgba(0, 0, 0, 0.59);
    padding: 15px;
    border-left: 3px #b80000 solid;
    z-index: 11;
    text-align: left;
    font-size: 24px !important;
    font-weight: 400;
    text-transform: none;
    line-height: 35px !important;
    color: #fff;
    font-family: arial, sans-serif;
    left: 5%;
    right: auto !important;
    
}
.class-slider-layer3{z-index: 11; max-width: auto; max-height: auto; white-space: nowrap;}
.bg_section_customer{
    background: url(../img/bg-section.jpg) fixed transparent;
    background-size: cover;
}
.block-search-project .col-md-7,.block-search-project .col-md-4,.block-search-project .col-md-1{padding: 0px 25px;}

.ms-header.stickytop .header-top-contact{opacity: 0;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;}
.ms-header.stickytop .sticky-header-nav{position:fixed;margin-top:0;background:#000;height: 55px;}
.ms-header.stickytop .sticky-header-nav .construct-logo > a > img{max-height:50px;}
.ms-header.stickytop .sticky-header-nav .construct-mainmenu ul li a{padding:10px;font-size:13px;line-height:18px;}
.ms-header.stickytop .sticky-header-nav .construct-mainmenu .search_icon {padding:20px 10px;}
.clsborder_projects {
    border-right: 1px solid #ddd;
    padding-right: 25px;
}
.header_search_projects {
    background: #313458;
    color: #fff;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    border-bottom: 1px solid #ddd;
}
.body_projects{padding-top:45px;}
.body_projects h5{font-size: 18px;padding: 3px 2px 10px 3px;border-bottom: 1px solid #ddd;}
.body_projects ul{margin-top: 10px;margin-bottom: 30px;}
.body_projects ul li input{margin-left:10px;width: 20px;height: 20px;}
.body_projects ul li span{color:#333333;}
.custome_modal-dialog>.modal-content{padding: 0px !important;}
.custome_modal-dialog .custome_modal-header{padding: 4px;background: #ccc;border-top-left-radius: 7px;border-top-right-radius: 7px;}
.custome_modal-dialog .custome_modal-header span{color:#000;}

/* The Modal (background) */
.modal {background-color: rgb(0,0,0); /* Fallback color */background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}
.border-top-article {
    border-bottom: 2px solid #EEEEEE;
    padding-bottom: 8px;
}
.title_h3{
    margin: 22px 0;
    color: #1d3b73;
    font-weight: 600;
    font-family: 'arial';
}
.project-body .details{
    background: #FAFAFA;
    box-shadow: 0px 1px 4px #eaeaea;
    color: #555;
}
.content-news-blog{
    padding-top: 10px
}



/*Custom Styles*/
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}
.mb-5{margin-bottom: 5rem;}

.mr-1{margin-right: 1rem;}
.mr-2{margin-right: 2rem;}
.mr-3{margin-right: 3rem;}
.mr-4{margin-right: 4rem;}
.mr-5{margin-right: 5rem;}

.ml-1{margin-left: 1rem;}
.ml-2{margin-left: 2rem;}
.ml-3{margin-left: 3rem;}
.ml-4{margin-left: 4rem;}
.ml-5{margin-left: 5rem;}


.social_networks li{float: left;}
.social_networks li a{padding: 5px;}
.social_networks li a i{font-size: 15px;}

.menu-container {
    width: 100%;
    margin: 0 auto;
    background-color: transparent;
}
.menu {
    transition-property: all;
    transition-duration: 0.33s;
    float: right;
    margin-top: 10px;
    direction: ltr;
    text-align: left;
}
.menu-mobile {
    display: none;
    padding: 20px;
    color:#fff;
    margin-bottom: 12px;
}
.menu-mobile:after {
    content: "\f0c9";
    font-family: "FontAwesome";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    color:#fff;
    /*-webkit-transform: translateY(-25%);*/
    /*transform: translateY(-25%);*/
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
}
.menu-dropdown-icon:before {
    content: "\f067";
    font-family: "FontAwesome";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    color: #fff;
    background-color: transparent
}
.menu > ul {
    /* margin: 12px auto; */
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
    padding-right: 16px;
}
.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}
.menu > ul:after {
    clear: both;
}
.menu > ul > li {
    float: right;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
.menu > ul > li a {
    text-decoration: none;
    padding: 10px 0 10px 16px;
    display: block;
    color:#fff;
    margin: auto 4px;
}
.menu > ul > li > a:hover {
    color: #9a0000;
}
.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #333 none repeat scroll 0 0;
    padding: 32px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}
.menu > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li {
    margin: 0;
    padding: 0 8px;
    list-style: none;
    width: 25%;
    background: none;
    float: right;
}
.menu > ul > li > ul > li a {
    color: #fff;
    padding: 0.2em 8px;
    display: block;
    border-bottom: 2px solid #E6E5E5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;direction: ltr;
}
.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}
.menu > ul > li > ul > li > ul:after {
    clear: both;
}
.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding:0;
    margin: 0;
    font-size: 1em;
}
.menu > ul > li > ul > li > ul > li a {
    border: 0;
    color: #bbb;
    padding: 0 12px;
}
.menu > ul > li > ul > li > ul > li:hover * {
    background-color: black;
    /*color: #e5aa0a;*/
}
.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
    width: 100%;
    line-height: 1.25;
}
.menu > ul > li > ul.normal-sub > li:not(:last-child) {
    border-bottom: dashed 1px rgba(255,255,255,0.25);
}
.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}
.menu > ul > li > ul.normal-sub > li a:hover {
    color: darkred;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 767px) {
    .menu-container{margin-top: -48px;}

}
@media only screen and (min-width: 768px) {
    .menu-container{margin-top: 16px;}

}
@media only screen and (min-width: 959px) {
    .menu-container {
        margin-top: 0;

    }
}

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;

    }

    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
        background: #f47119 none repeat scroll 0 0;
        position: relative;text-align: left;
    }
}

.title h3{
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.home-group {
    padding: 40px 0 110px;
}
.home-group {
    background: url(../img/Bach-Home-Page.jpg) center center no-repeat;
    /*background-size: auto;*/
    background-size: cover;
}
.main-container h2 {
    font-size: 1.4em;
}
.section-title {
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.group-box {
    background: #fff;
    margin: 40px 0 0;
    padding: 20px;
}
.group-box-img {
    text-align: center;
    max-width: 100%;
    height: auto;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;margin: auto;
}
.group-box h5 {
    color: #b71a1b;
    text-align: center;
}
.main-container h5 {
    font-size: 0.9em;
}
.group-detail {
    text-align: justify;
    line-height: 1.6em;
}
.read-more {
    color: #fff !important;
    background-color: #9a0000;
    display: block;
    padding: 20px;
    text-align: center;
}
.home-Projects {
    background-color: #9a0000;
    padding: 25px 0 70px;
}
.carousel-container {
    padding: 0;
}
.project-text {
    color: #fff;
    margin: 40px 0 0;
}
.project-text h2 {
    margin-bottom: 20px;
}
.main-container h2 {
    font-size: 1.4em;
}
.section-title {
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.project-text .home-carousel {
    margin: 20px 0;
}
.home-job {
    padding: 50px 0;
    background: url(../img/hompage-picture-01.jpg) center center no-repeat;
    /*background-size: auto;*/
    overflow: hidden;
    background-size: cover;
}
.job-text {
    color: #fff;
    line-height: 34px;
}
.main-container h2 {
    font-size: 1.4em;
}
.section-title {
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.btn-outlined.btn-default {
    color: #fff;
    background: none;
}
.btn-red {
    background: #5c0605;
    font-size: 0.9em;
    padding: 11px 26px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.border-red {
    border: 3px solid #540201;
}
.btn-red:hover{color: wheat;}
.no-padding {
    padding: 0 !important;
}
.overlay-hover {
    overflow: hidden;
    position: relative;
}
.project-teaser {
    overflow: hidden;
}
.project-teaser .img-responsive{width: 100%;height: 200px;}
.overlay-hover .project_overlay.overlay-bottom {
    top: 100%;
}
.project_overlay {
    background: rgba(0,0,0,.45);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    transition: all 0.3s;
}
.main-container h3 {
    font-size: 1.2em;
}
.project_overlay h3 {
    color: #fff;
    text-shadow: 1px 0 10px #555;
    font-size: 15px;
}
.overlay-hover:hover .project_overlay {
    top: 0;
    transition: all 0.3s;
}
.home-news .news-preview-date {
    color: #555;
    margin-top: 20px;
    display: block;
}
.news-preview-date {
    float: left;
}
.news-preview-date {
    text-align: center;
    color: #555;
}
.news-preview-date i {
    float: right;
}
.news-preview-date i {
    margin-left: 10px;
    margin-top: 5px;
}
.menu #myBtn{cursor: pointer;}

#footer_logo{
    float: left;width: 80px;height: auto;margin-right: 20px;
}
.openBtn {
    background: transparent;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
    color: #ffffff;
}
.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 25px;
    border: none;
    float: right;
    width: 100%;
    text-align: center;
    background: transparent;
}

/*.overlay input[type=text]:hover {*/
/*background: #f1f1f1;*/
/*}*/

.overlay button {
    /*float: left;*/
    width: 100%;
    padding: 15px;
    background: transparent;
    font-size: 17px;
    border: 2px solid white;
    color: grey;
    cursor: pointer;
}

.overlay button:hover {
    background: #bbb;
}

#content .content-body .main .col-md-3{display: none;}

/* Center website */
.main {
    max-width: 1000px;
    margin: auto;
}
/*.row {*/
/*margin: 10px -16px;*/
/*}*/

/* Add padding BETWEEN each column */
/*.row,*/
/*.row > .column {*/
/*padding: 8px;*/
/*}*/

/* Create three equal columns that floats next to each other */
.column {
    float: right;
    width: 25%;
    display: none; /* Hide all elements by default */
}

/* Clear floats after rows */
/*.row:after {*/
/*content: "";*/
/*display: table;*/
/*clear: both;*/
/*}*/

/* Content */
.content {
    background-color: white;
    padding: 10px;
}
.content .project_img{width:100%;margin-bottom: 10px;}
/* The "show" class is added to the filtered elements */
.show {
    display: block;
}

/* Style the buttons */
/*.btn {*/
/*    border: none;*/
/*    outline: none;*/
/*    padding: 12px 16px;*/
/*    background-color: white;*/
/*    cursor: pointer;*/
/*}*/

/*.btn:hover {*/
/*    background-color: #ddd;*/
/*}*/

.btn.active {
    background-color: #666;
    color: white;
}
.justify-content-center{display: flex;justify-content: center;}

.list .item-container {
    background-color: #fff;
    border: 1px solid #efefef;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.list .item-teaser {
    height: 150px;
    overflow: hidden;
}
.list .item-teaser .image {
    height: 100%;
}
.list .item-teaser .image {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
}
.list .item-teaser img {
    transition: all 0.2s;
}
.list .item-container .item-title {
    color: #fff;
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    background: rgba(0,0,0,.39);
    text-shadow: 2px 1px 4px #000;
    height: 60px;
    text-align: center;
}
.vam-container::before {
    content: "";
    /*height: 100%;*/
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.list .item-container .item-title h3 {
    margin: 0;
    font-size: 0.9em;
}
.list a:hover .item-teaser img {
    transform: scale(1.2)rotate(-6deg);
}
.designer a:hover {
    color: #9a0000;
}
.mb-3{margin-bottom: 1.5rem;}





.serviceBox .title a:hover {
    color: #9a0000;
}
ul.sorting.clearfix.center-grid {
    display: table;
    width: 100%;
    text-align: center;
}
.portfolio-sort ul li.active, .portfolio-sort ul li:hover, .portfolio-sort ul li.active:focus {
    background: #9a0000;
    color: #ffffff;
}
.portfolio-sort ul li {
    display: inline-block;
    padding: 12px 20px;
    background: #edf1f7;
    cursor: pointer;
    margin: 5px;
    border-radius: 2px;
    font-weight: 500;
}
.owl-carousel.home-slider{
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
    z-index: 0;
}
.owl-carousel.home-slider .slider-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 600px;
    position: relative;
    z-index: 0;
}
.owl-carousel.home-slider .slider-item .slider-text {
    position: absolute;
    left: 25px;
    bottom: 20px;
    padding: 10px 0;
    background: rgba(0, 0, 0, 0.59);
}
.owl-carousel.home-slider .slider-item .slider-text h1 {
    font-size: 35px;
    color: #fff;
    line-height: 1.2;margin-bottom: 5px;
    font-weight: 600;
}
.owl-carousel.home-slider .slider-item .slider-text p {
    color: rgba(255, 255, 255, 0.9);font-size: 16px;
}
/*.owl-carousel.home-slider .owl-nav {*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    width: 100%;*/
/*}*/
.owl-carousel.home-slider .owl-nav .owl-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 10rem;color: grey;
}
.owl-carousel.home-slider .owl-nav .owl-next {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 10rem;color: grey;
}
.owl-carousel.home-slider .owl-nav .owl-prev span{background: rgba(0, 0, 0, 0.59);padding: 0 5px;}
.owl-carousel.home-slider .owl-nav .owl-next span{background: rgba(0, 0, 0, 0.59);padding: 0 5px;}