/*
 @Author: XpertPress
 @URL: http://www.rndspot.com
 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.
 However we used Less script to make things easy to maintain, this is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here.
 
 This files contents are outlined below.
 02.	Global Styling
 03.	Header
 04.	Navigation
 05.	Bainer
 06.	qualified-works
 07.	all-haddings
 08.	story-value
 09.	feature-work
 10.	services-area
 11.	project-portfolio
 12.	skilled Engineers
 13.	Testimonial News
 14.	Free Quote
 15.	Sponsor Logo
 16.	Footer
 16.	Heddings Style
 17.	Second-Heddings
 18.	Thrd-Heddings
 19.	Foure-Heddings
 20.	Five-Heddings
 21.	Six-Heddings
 22.	Seven-Heddings
 23.	Eight-Heddings
 24.	Nine-Heddings
 25.	Innare bainner 
 26.	About Us
 27.	Team
 28.	Team hover
 29.	About Architecture
 30.	Trust Number
 31.	Our Tam
 32.	Services Area
 33.	Services Area singl left bar
 34.	Our Team singl
 35.	Project Gallery
 36.	blog strandrd
 37.	blog Detail
 38.	Contact us
 39.	Faqs
 40.	Feature Error
 41.	Pricing Table
 42.	Maintenance
 43.	Coming Soon
*/

/* =============================================
                Global Styling
============================================= */
*{
    padding: 0;
    margin: 0;
}
body{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #555;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    margin: 0;
    font-family: 'Lora', serif;
    font-weight: bold;
    text-transform: none;
    line-height: 1.2;
    letter-spacing: 1px;
}
h1{
    font-size: 32px;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
}
h2{
    font-size: 28px;
    font-family: 'Lora', serif;
    line-height: 1.1;
}
h3, h3 a{
    font-size: 20px;
    font-family: 'Lora', serif;
    color: #282828;
}
h6, h6 a{
    color: #072266;
}
h6 a:hover{
    color: #ff7200;
}
h4{
    font-size: 18px;
}
h5{
    font-size: 16px;
}
h6{
    font-size: 14px;
}
p a {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    display: inline-block;
}
.post p a{
    color: #ff7200;
    text-transform: capitalize;
}
p a:hover {text-decoration:none;}
p {
    letter-spacing: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #555;
    margin: 0 0 0px;
}
a {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    display: block;
    text-decoration: none; 
    text-transform: uppercase; 
    transition: all 0.5s ease-in-out;
}
a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}
.btn{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #ddd;
    border-radius: 0px;
    padding: 16px 29px;
    transition: all 0.5s ease-in-out;
    background-color: rgba(0, 0, 0, 0);
}
.btn:hover{
    border: 2px solid;
    color: #fff;
}
img {
    max-width: 100%;
}
ul, ol{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}
ul li a{
    text-transform: none;
}
::-webkit-input-placeholder { /* Chrome */
    color: #333;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #333;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #333;
}
:-moz-placeholder { /* Firefox 4 - 18 */
    color: #333;
}
.layout{
    width: 100%;
    float: left;
}
[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
    font-family: Flaticon;
    font-size: inherit;
    font-style: normal;
    margin-left: 0px;
}
form fieldset{
    border: none;
    padding: 0;
}
section{
    background: #fff;
    position: relative;
}
.section-padding{
    padding: 27px 0;
}
.services-spacing{
    padding-bottom: 0;
}
[data-parallax="scroll"], section#bainer{
    background: transparent;
}
/************************************
        Header containt start
*************************************/
#xp-header{
    padding: 25px 0;
    position: relative;
    background: #fff;
}
.xp-right-navigtion{
    text-align: right;
}
.xp-get-quote{
    text-align: right;
    padding-top: 11px;
}
.xp-get-quote ul li{
    display: inline-block;
    border-right: 1px solid #e5e4e4;
    padding-left: 16px;
    padding-right: 16px;
}
.xp-get-quote ul li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #5d5d5d;
    transition: all 0.5s ease-in-out; 
}
.xp-get-quote ul li a span{
    color: #bfbfbf;
    transition: all 0.5s ease-in-out; 
}
.xp-get-quote ul li a:hover, #xp-header .xp-get-quote ul li a:hover span{
    transition: all 0.5s ease-in-out; 
}
.xp-get-quote ul li:last-child{
    border-right: none;
    padding-right: 0;
}
/************************************
        Navigation start
*************************************/
.xp-navigation{
    padding-top: 16px;
    position: relative;
    display: inline-block;
    z-index: 8;
}
.xp-navigation .navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.xp-navigation .navbar {
    border-radius: 0;
    margin-bottom: 0;
    border: medium none !important;
    min-height: inherit;
}
.xp-navigation  .navbar-nav > li {
    margin-right: 32px;
    position: relative;
}
.xp-navigation .nav > li > a {
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #5d5d5d;
    text-transform: uppercase;
    position: relative;
}
.xp-navigation .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}
.xp-navigation  .navbar-nav > li.active:after{
    width: 10px;
    height: 2px;
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
}
.xp-navigation .nav > li > a:after{
    width: 0;
    height: 2px;
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    transition: width 500ms ease-in-out;
}
.xp-navigation .nav > li > a:hover:after{
    width: 10px;
    transition: width 500ms ease-in-out;
}
/*.xp-navigation .nav > li > a:hover:after{
    width: 10px;
    height: 2px;
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
}*/
.xp-navigation .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.xp-search-bar{
    display: inline-block;
    padding-top: 13px;
    vertical-align: top;
}
.xp-search-bar ul li{
    display: inline-block;
    margin-right: 32px;
    position: relative;
}
.xp-search-bar ul li:last-child{
    margin-right: 0px;
}
.xp-search-bar ul li a{
    font-size: 14px;
    color: #5d5d5d;
}
.xp-search-bar ul li a:hover:after{
    width: 10px;
    height: 2px;
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
}
.sub-menu{
    background-color: #ffffff;
    border: 1px solid #ddd;
    left: 30px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 200px;
    opacity: 0;
    transition: all 500ms linear 0s;
    z-index: 1000;
    padding: 0;
    visibility: hidden;
}
.sub-menu ul li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #5d5d5d;
    padding: 10px 15px;
    display: block;
    position: relative;
    text-transform: uppercase;
}
.sub-menu ul li a:hover:after{
    content: "";
    height: 40px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 3px;
}
.xp-navigation  .navbar-nav > li:hover .sub-menu {
    opacity: 1;
    left: 0;
    visibility: visible;
}
/************************************
        Bainer start
*************************************/
#bainer{
    position: relative;
}
.bainer-image{
    position: relative;
}
.overly-bainner{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    opacity: .6;
}
#bainer .bainer-text{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
    height: 100%;
}
#bainer .bainer-text p{
    font-family: 'Lora', sans-serif;
    font-style: italic;
    font-size: 17px;
    color: #fff;
}
#bainer .bainer-text h1{
    font-family: 'Lora', sans-serif;
    font-size: 50px;
    color: #fff;
    font-weight: 900;
    padding-bottom: 20px;
    padding-top: 17px;
}
#bainer .bainer-text a.btn{
    background-color: #fff;
    padding: 12px 17px;
    margin-top: 30px;
}
#bainer .bainer-text a.btn:hover{
    color: #fff;
}
#bainer .owl-controls {
    bottom: 0;
    position: absolute;
    width: 100%;
}
#bainer .owl-theme .owl-controls .owl-page span {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    display: block;
    height: 3px;
    margin: 5px 7px;
    opacity: 1;
    width: 15px;
}
#bainer .owl-buttons{
    position: absolute;
    top: 35px;
    width: 100%;
}
#bainer .owl-prev {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 335px;
    color: #999999;
    font-size: 20px;
    left: -5px;
    opacity: 1;
    position: absolute;
    z-index: 1;
}
#bainer .owl-prev::after {
    border-color: #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 40px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -19px;
    transform: rotate(-90deg);
    width: 0;
    z-index: -9999;
}
#bainer .owl-next{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 335px;
    color: #999999;
    font-size: 20px;
    right: -5px;
    opacity: 1;
    position: absolute;
    z-index: 1;
}
#bainer .owl-next::after {
    border-color: #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 40px;
    content: "";
    height: 0;
    right: 0;
    position: absolute;
    top: -19px;
    transform: rotate(-270deg);
    width: 0;
    z-index: -9999;
}
#bainer .owl-pagination {
    bottom: 55px;
    position: absolute;
    width: 100%;
}
.bainer-image{
    background: transparent;
    min-height: 345px;
    position: relative;
}
#owl-demo .bainer-image img{
    width: 100%;
}
/************************************
       qualified-works start
*************************************/
.qualified-clint{
    margin-top: -34px;
}
.qualified-clint .remove-pading{
    padding-left: 0;
    padding-right: 0;
}
.qualified-clint .remove-pading2{
    padding-left: 0px;
    padding-right: 0px;
}
.qualified-works-inner{
    border: 1px solid #ebebeb;
    background-color: #fff;
    padding: 30px 25px 30px 25px;
}
.qualified-works-inner .text-box{
    float: left;
}
.qualified-works-inner .text-box h4{
    font-family: 'Lora', sans-serif;
    font-size: 40px;
    font-weight: bold;
    position: relative;
}
.qualified-works-inner .text-box h4:after{
    content: "";
    height: 3px;
    left: 5px;
    position: absolute;
    top: -14px;
    width: 19px;
}
.qualified-works-inner .text-box p{
    padding-left: 5px;
}
.qualified-works-inner .image-icon{
    float: right;
}
.qualified-works-inner .image-icon i{
    font-size: 64px;
    color: #eaeaea;
    line-height: 1;
}
/************************************
       qualified-works End
*************************************/

/************************************
       story-value start
*************************************/
.story-value{
    margin-top: 55px;
}
.story-value-inner {
    border: 1px solid #ddd;
    padding: 20px 15px;
}
.story-value-inner h3{
    display: inline-block;
}
.story-value-inner h3 a{
    color: #282828 !important;
    display: inline-block;
    line-height: 29px;
}
.story-value-inner h3 span{
    display: block;
}
.story-value-inner strong{
    font-family: 'Lora', sans-serif;
    font-size: 60px;
    color: #d5d5d5;
    font-weight: bold;
    display: inline-block;
    float: right;
    line-height: 1;
}
.story-value-inner p{
    margin-bottom: 18px;
    margin-top: 5px;
}
.story-value-inner a{
    font-weight: bold;
}
.story-value-inner a .fa{
    font-size: 11px;
    padding-left: 10px;
}
.find-more{
    margin-top: 55px;
    text-align: center;
}
/************************************
       feature-work start
*************************************/
.feature-work-image figure{
    margin: 0;
}
.feature-work-image .image-holder{
    position: relative;
}
.feature-work-image .logo-holder{
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid #f9f9f9;
    left: 15.6%;
    position: absolute;
    text-align: center;
    margin-top: 11%;
    width: 420px;
    height: 540px;
}
.feature-work-image .logo-holder img{
    width: initial !important;
}
.feature-work-iner{
    background-color: #f8f8f8;
}
.feature-work-text{
    padding: 100px 0 80px; 
}
.feature-provide{
    padding: 0 15px;
}
.feature-provide h2{
    padding-bottom: 12px;
    text-transform: uppercase;
}
.feature-detail{
    margin-top: 35px;
}
.feature-detail ul li{
    margin: 20px 0;
}
.feature-detail ul li .image-holder{
    border-radius: 50%;
    height: 65px;
    text-align: center;
    width: 65px;  
    float: left;
    margin-right: 14px;
    padding: 4px;
}
.feature-detail ul li .image-holder i{
    color: #fff;
    font-size: 40px;
}
.feature-detail ul li .text-box{
    overflow: hidden;
    padding-top: 6px;
}
.feature-detail ul li .text-box h3 a{
    margin-bottom: 19px;
    color: #282828;
}
/************************************
       services-area start
*************************************/
.services-area{
    margin-top: 55px; 
}
.services-area .grid{
    text-align: center;
    border: 1px solid #ebebeb;
    display: inline-block;
    width: 25%;
    margin-left: -3px;
    margin-bottom: px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    vertical-align: top;
}
.left-bordr{
    border-left: none !important;
}
.top-point{
    border-top: none !important;
}
.top-left-point{
    border-top: none !important;
    border-left: none !important;
}
.services-area .grid .image-holder{
    position: relative;
}
.services-area .grid .text-box{
    background-color: #ffffff;
    height: 100%;
    padding-top: 78px;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.services-area .grid .text-box i{
    font-size: 50px;
    position: relative;
    color: #555555;
}
.services-area .grid .text-box i:after{
    background-color: #e5e4e4;
    height: 3px;
    width: 50px;
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
}
.services-area .grid .text-box h3{
    color: #282829;
    margin-top: 28px;
}
.services-area .grid .text-box-hover{
    background-color: #ffffff;
    height: 100%;
    padding-top: 18px;
    position: absolute;
    bottom: -284px;
    width: 100%;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.services-area .grid .text-box-hover i{
    font-size: 50px;
}
.services-area .grid .text-box-hover h3{
    margin: 0 auto 25px;
    color: #282829;
    position: relative;
}
.services-area .grid .text-box-hover h3:after{
    background-color: #767677;
    bottom: -5px;
    content: "";
    display: ruby-text;
    height: 2px;
    left: 64px;
    position: absolute;
    width: 155px;
}
.services-area .grid:hover .text-box{
    top: -284px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.services-area .grid:hover .text-box-hover{
    bottom: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
/************************************
       project-portfolio  start
*************************************/
.project-portfolio .project-iso{
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    height: 100%;
}
/* ---- .element-item ---- */
.element-item2 {
    position: relative;
    display: inline-block;
    margin: 0px;
    overflow: hidden;
    padding: 0;
    color: #262524;
}
.element-item2.width1{
    width: 23.75%;
}
.element-item2.width2{
    width: 17.5%;
}
.element-item2.width3{
    width: 52.5%;
}
.project-iso-inner2{
    overflow: hidden;
}
.project-iso-inner2 .image-holder{
    position: relative;
}
.project-iso-inner2 .image-holder img{
    width: 100%;
}
.project-iso h2{
    text-transform: uppercase;
    font-weight: bolder;
    padding-bottom: 13px;
}
/*  Demo 6 */
.project-iso-inner2 figure {
    margin: 0;
}
.project-iso-inner2 .text-hove{
    text-align: center;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease 0s;
}
.project-iso-inner2 .text-hove img {
    transition: all 0.5s ease 0s;
    width: 100%;
}
.project-iso-inner2 .text-hove:hover .view-caption {
    opacity: 1;
    background-color: rgba(255, 114, 0, 0.8);
    transform: scale(1);
}
.project-iso-inner2 .text-hove:hover .view-caption:hover h3 {
    transform: scale(1);
}
.project-iso-inner2 .text-hove:hover .view-caption:hover p{
    transform: scale(1);
}
.project-iso-inner2 .text-hove:hover .view-caption:hover a {
    transform: scale(1);
}
.project-iso-inner2 .text-hove .view-caption {
    background-color: rgba(255, 114, 0, 0.8);
    transition: all 0.5s ease 0s;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0.5);
}
.project-iso-inner2 .text-hove .view-caption h3{
    color: #fff;
    font-weight: normal;
    margin-bottom: 13px;
    margin-top: 28px;
    transition: all 0.5s ease 0s;
    transform: scale(0.4);
}
.project-iso-inner2 .text-hove .view-caption p{
    color: #fff;
    transition: all 0.5s ease 0s;
    transform: scale(0.4);
}
.project-iso-inner2 .text-hove .view-caption a {
    background-color: #ffffff;
    border-radius: 2px;
    color: #333333;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding: 8px 11px;
    transform: scale(0.4);
    transition: all 0.5s ease 0s;
}
/************************************
       skilled Engineers start
*************************************/
.mains-killed{
    padding-bottom: 0px;
}
.skilled-engineers{
    margin: 60px 0 0;
    position: relative;
    background: url(../images/back-bg.png) no-repeat;
}
.skilled-engineers .item{
    margin-bottom: 30px;
    padding: 0 50px;
}
.skilled-text{
    padding-top: 100px;
}
.skilled-text h3{
    font-weight: bold;
}
.skilled-text span{
    font-family: 'Lora', sans-serif;
    font-size: 14px;
    color: #777;
    font-style: italic;
}
.skilled-text p{
    padding-top: 19px;
}
.skilled-text strong{
    padding-top: 24px;
    display: block;
}
.skilled-seo{
    border-bottom: 2px solid #282828;
    text-align: center;
}
.skilled-seo .image-holder img{
    width: 100%;
}
.skilled-seo .socail-skill{
    text-align: center;
    margin-top: 44px;
    padding-bottom: 44px;
}
.skilled-seo .socail-skill ul li{
    display: inline-block;
}
.skilled-seo .socail-skill ul li a{
    font-size: 14px;
    padding: 8px 14px;
    display: block;
    border-radius: 3px;
}
.skilled-seo .socail-skill ul li a:hover{
    color: #fff;
}
/* Skills Style 9 */
.skillst-progras{
    width: 90%;
    padding-top: 194px;
}
.skillst-progras .skillbar{
    background-color: #ddd;
    border-radius: 0;
    height: 4px;
    margin-bottom: 50px;
    padding: 0;
    position: relative;
    width: 100%;
}
.skillst-progras .skillbar .count-bar{
    width: 100%;
    height: 4px;
    width:0px;
    border-radius: 0;
}
.skillst-progras .title{
    position:absolute;
    color: #222222;
    font-weight: bold;
    padding-left:0px;
    line-height:25px;
    top: -33px;
    left:0;
    text-transform:uppercase;
}
.skillst-progras .count{
    position:absolute;
    right: -40px;
    top: -10px;
    font-family: 'Open Sans', sans-serif;
    color: #474747;
    font-size: 13px;
}
.skilled-engineers .owl-controls{
    position: absolute;
    top: 0;
    width: 100%;
}
.skilled-engineers .owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    border-radius: 0px;
    color: #333333;
    display: inline-block;
    font-size: 21px;
    border: 2px solid #ddd;
    margin: 0px;
    opacity: 1;
    padding: 9px 13px;
    transition: all 0.5s ease-in-out;
}
.skilled-engineers .owl-prev{
    left: -103px;
    position: absolute;
    top: 239px;
}
.skilled-engineers .owl-next{
    right: -103px;
    position: absolute;
    top: 239px;
}
/************************************
      Testimonial News Start
*************************************/
.testimonial-news{
    margin-top: 58px;
}
.testimonial-excelence .megna-news{
    background-color: #f5f5f5;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 26px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}
.megna-news .left-qoute{
    font-size: 17px;
    color: #fff;
    text-align: center;
    width: 65px;
    padding: 2px 0;
}
.megna-news .text-box{
    margin-top: 15px;
}
.megna-news .text-box img{
    float: left;
    margin-right: 27px;
}
.megna-news .text-box p{
    padding-top: 23px;
}
.news-zoland{
    margin-top: 29px;
}
.news-zoland h4{
    color: #282828;
    padding-bottom: 20px;
}
.testimonial-excelence .owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    border-radius: 0px;
    color: #333333;
    display: inline-block;
    font-size: 21px;
    border: 2px solid #ddd;
    margin: 0 0 0 10px;
    opacity: 1;
    padding: 9px 13px;
    transition: all 0.5s ease-in-out;
}
.testimonial-excelence .owl-theme .owl-controls{
    bottom: 5px;
    margin-top: 10px;
    position: absolute;
    right: 0;
}
.testimonial-project .image-holder{
    position: relative;
}
.testimonial-project .date-shadul{
    text-align: center;
    width: 50px;
    padding: 9px 6px 1px;
    border-radius: 2px 2px 0 0;
    position: absolute;
    top: 20px;
    left: 36px;   
}
.testimonial-project .date-shadul:after{
    background-image: url("../images/image-tiangle.png");
    background-repeat: no-repeat;
    bottom: -8px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 10px;
}
.testimonial-project .date-shadul p{
    font-family: 'Lora', sans-serif;
    font-size: 13px;
    color: #fff;
    line-height: 12px;
}
.testimonial-project .date-shadul span{
    font-family: 'Lora', sans-serif;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}
.testimonial-project .text-box .post{
    margin-top: 8px;
    margin-bottom: 24px;
}
.testimonial-project .text-box .post p{
    font-size: 13px;
    display: inline-block;
    padding-right: 30px;
    padding-top: 0;
}
.testimonial-project .text-box .post p span{
    color: #777;
    padding-left: 5px;
}
.testimonial-project .text-box .post ul{
    display: inline-block;
    float: right;
}
.testimonial-project .text-box .post li{
    display: inline-block;
    margin-left: 15px;
}
.testimonial-project .text-box .post li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #777;
}
.testimonial-project .text-box .post li a .fa {
    margin-right: 5px;
}
.testimonial-project .text-box h3 a{
    position: relative;
    padding-top: 21px;
    display: block;
}
.testimonial-project .text-box p{
    padding-top: 18px;
}
.testimonial-project .text-box h3 a:after{
    width: 30px;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #474747;
}
/************************************
      Free Quote Start
*************************************/
.free-quote .all-haddings .text-hedding span {
    color: #fff;
}
.free-quote .all-haddings .text-hedding h2{
    color: #fff;
}
.free-quote .all-haddings .text-hedding p{
    color: #d6d6d6;
}
.quote-question{
    background-color: #fff;
    padding: 27px 29px 1px;
    margin-top: 56px;
}
.quote-question .form-group{
    margin-bottom: 28px !important;
    display: inline-block;
    vertical-align: top;
    /*    width: 100%;*/
}
.quote-question .form-group .form-control{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #777;
    box-shadow: none;
    border: none;
    height: 35px;
    padding: 0 0 18px;
    border-bottom: 2px solid #474747;
    border-radius: 0;
    width: 340px;
    margin-right: 26px;
}
.quote-question .form-group select {
    background: url(../images/select-arrow.png) right center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-right: 0px !important;
}
.quote-question textarea{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #777;
    border: none;
    border-bottom: 2px solid #474747;
    border-radius: 0;
    width: 100%;
    margin-bottom: 28px;
    height: 85px;
}
.quote-question .form-group .btn{
    border: none;
    color: #fff;
    border: 2px solid transparent;
    padding: 14px 29px;
}
.quote-question .form-group .btn:hover{
    border: 2px solid #ddd;
    color: #333333;
    background-color: transparent;
}
.quote-question p{
    display: inline-block;
    margin-left: 26px;
    padding-left: 30px;
    position: relative;
    width: 78%;
}
.quote-question p:after{
    width: 1px;
    height: 50px;
    background-color: #e5e4e4;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}
/************************************
      Sponsor Logo Start
*************************************/
.sponsor-logo{
    margin-top: 52px;
}
.sponser-image{
    border-right: 1px solid #e5e4e4;
    padding: 0 25px;
}
.sponsor-bodr{
    border-right: none;
}
.sponsor-logo .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #ddd;
    border-radius: 0;
    color: #333333;
    display: inline-block;
    font-size: 21px;
    margin: 0 0 0 10px;
    opacity: 1;
    padding: 9px 13px;
    transition: all 0.5s ease-in-out 0s;
}
.sponsor-logo .owl-theme .owl-controls {
    margin-top: 52px;
    text-align: center;
}
/************************************
         Footer Start
*************************************/
#footer{
   
    position: relative;
}
.top-footer .call-us-footer{
    border-left: 2px solid #fff;
    padding-left: 30px;
}
.top-footer .call-us-footer span{
    font-family: 'Lora', sans-serif;
    font-size: 15px;
    color: #fff;
    font-style: italic;
    text-transform: none;
}
.top-footer .call-us-footer h3{
    color: #fff;
    padding-bottom: 11px;
    padding-top: 11px;
    text-transform: none;
}
.top-footer .call-us-footer h3 a{
    color: #fff;
    display: block;
    text-transform: none;
}
.top-footer .call-us-footer p{
    font-size: 13px;
}
.top-footer .call-us-footer p a{
    font-size: 13px;
}
.mid-footer{
    margin-top: 60px;
}
.mid-footer-colum .image-holder{
    float: left;
}
.mid-footer-colum .text-box{
    float: left;
    margin-left: 30px;
    width: 69%;
}
.mid-footer-colum .text-box p{
    color: #fff;
    padding-bottom: 19px;
}
.mid-footer-colum .text-box a{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.mid-footer-colum .fa-long-arrow-right{
    font-size: 11px;
}
.mid-footer-colum h3{
    color: #fff;
    font-size: 16px;
    position: relative;
    padding-left: 36px;
    padding-bottom: 25px;
}
.mid-footer-colum h3:after {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 20px;
}
.mid-footer-colum .opinin-detail{
    margin-bottom: 24px;
}
.mid-footer-colum .opinin-detail h4{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #fff;
    padding-bottom: 5px;
    font-weight: normal;
}
.mid-footer-colum .opinin-detail p{
    color: #fff;
    padding-left: 30px;
}
.mid-footer-colum ul li{
    margin-bottom: 9px;
}
.mid-footer-colum ul li a{
    color: #fff;
}
.mid-footer-colum p{
    color: #fff;
}
.mid-footer-colum ul li a .fa{
    margin-right: 15px;
}
.mid-footer-colum form{
    margin-top: 16px;
}
.mid-footer-colum input[type="text"]{
    border: none;
    box-shadow: none;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #5d5d5d;
    font-style: italic;
    height: 42px;
    padding-left: 14px;
    width: 209px;
}
.mid-footer-colum input[type="submit"]{
    border: medium none;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-left: -4px;
    padding: 0 13px;
    width: 53px;
    height: 42px;
    transition: all 0.5s ease-in-out;
}
.mid-footer-colum input[type="submit"]:hover{
    background-color: #ddd;
    color: #333333;
}
.copyright-footer{
    border-top: 1px solid #9ea0a5;
    padding-top: 25px;
    margin-top: 48px;
}
.copyright-left p{
    color: #ffffff;
    font-size: 13px;
}
.copyright-left ul{
    text-align: right;
}
.copyright-left ul li{
    display: inline-block;
    margin-right: 25px;
}
.copyright-left ul li a{
    color: #ffffff;
}
.copyright-left ul li:last-child{
    margin-right: 0;
}
/************************************
         Heddings Style Start
*************************************/
.text-hedding{
    position: relative;
    padding-left: 100px;
}
.text-hedding:after{
    width: 70px;
    height: 2px;
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
}
.text-hedding span{
    font-family: 'Lora', sans-serif;
    font-size: 15px;
}
.text-hedding h2{
    padding-top: 4px;
    padding-bottom: 12px;
    text-transform: uppercase;
}
.hedding-button{
    text-align: right;
    padding-top: 85px;
}
/************************************
     Second-Heddings Style Start
*************************************/
.second-heddin{
    text-align: center;
}
.second-heddin .text-hedding{
    padding-left: 0;
}
.second-heddin .text-hedding::after {
    content: "";
    height: 2px;
    left: 46%;
    position: absolute;
    top: 75px;
    width: 70px;
}
.second-heddin .text-hedding p {
    padding-top: 22px;
}
/************************************
     Thrd-Heddings Style Start
*************************************/
.thrd-heddin .text-hedding::after, .four-heddin .text-hedding::after{
    display: none;
}
.thrd-heddin .text-hedding p {
    padding-top: 0;
}
/************************************
     Four-Heddings Style Start
*************************************/
.four-heddin .text-hedding span{
    position: relative;
}
.four-heddin .text-hedding span::after{
    background-color: #474747;
    content: "";
    height: 2px;
    left: -42px;
    position: absolute;
    top: 7px;
    width: 35px;
}
.four-heddin .text-hedding span::before{
    background-color: #474747;
    content: "";
    height: 2px;
    right: -42px;
    position: absolute;
    top: 7px;
    width: 35px;
}
.four-heddin .text-hedding h2 {
    padding-bottom: 5px;
}
.four-heddin .text-hedding p {
    padding-top: 19px !important;
}
/************************************
     Five-Heddings Style Start
*************************************/
.five-heddin .text-hedding h2{
    border-bottom: 2px solid #e5e4e4;
    margin: 0 auto;
    position: relative;
    width: 368px;
    padding-bottom: 8px;
}
.five-heddin .text-hedding p{
    padding-top: 25px !important;
}
.five-heddin .text-hedding h2:after{
    content: "";
    height: 2px;
    left: 46%;
    position: absolute;
    bottom: -2px;
    width: 30px;
}
/************************************
     Six-Heddings Style Start
*************************************/
.six-hedding .text-hedding::after {
    bottom: -27px;
    content: "";
    height: 2px;
    left: 46%;
    position: absolute;
    top: inherit;
    width: 70px;
}
.six-hedding .text-hedding p {
    padding-top: 0;
}
/************************************
      Seven-Heddings Style Start
*************************************/
.seven-heding .hedding-button {
    padding-top: 26px;
    text-align: center;
}
/************************************
      Eight-Heddings Style Start
*************************************/
.eight-hedding .text-hedding span{
    padding: 18px 16px 12px;
    display: inline-block;
    border-radius: 2px;
    position: relative;
    margin-bottom: 22px;
}
.eight-hedding .text-hedding span i{
    color: #fff;
    font-size: 28px;
}
.eight-hedding .text-hedding span:after{
    bottom: -22px;
    content: "";
    height: 2px;
    left: 20px;
    position: absolute;
    top: inherit;
    width: 20px;
}
.eight-hedding .text-hedding h2 {
    padding-top: 20px;
}
.nine-hedding .text-hedding:after{
    display: none;
}
.nine-hedding .text-hedding h2 {
    padding-bottom: 2px;
}
.nine-hedding .text-hedding p{
    padding-top: 20px !important;
}
/************************************
    Innare bainner Style Start
*************************************/
#bainer .innare-bainner .bainer-text h1 {
    font-size: 42px;
    padding-bottom: 24px;
    padding-top: 21px;
    text-transform: uppercase;
}
.innare-bainner .breadcrumb {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 26px 0 0;
}
.innare-bainner .breadcrumb li a{
    color: #fff;
    display: inline-block;
}
/************************************
      About Us Page Start
*************************************/
.about-presentage{
    margin-top: 56px;
}
.about-presentage-inner{
    padding-left: 100px;
} 
.about-presentage-inner .image-holder{
    position: relative;
    float: left;
}
.about-presentage-inner .shield{
    color: #ffffff;
    font-size: 28px;
    height: 64px;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 64px;
}
.about-presentage-inner .text-box{
    float: left;
    padding-left: 30px;
    padding-top: 25px;
    width: 59%;
}
.about-presentage-inner .text-box p{
    padding-bottom: 22px;
}
.about-presentage .skillst-progras{
    padding-top: 54px;
}
/************************************
         Team Page Start
*************************************/
.about-team-work{
    background-color: #f5f5f5;
}
.team-detail{
    margin-top: 55px;
}
.team-bxis .text-box{
    text-align: center;
    padding-bottom: 26px;
    padding-top: 27px;
    border-bottom: 2px solid #e5e4e4;
    position: relative;
}
.team-bxis .text-box:after{
    width: 0;
    height: 2px;
    position: absolute;
    content: "";
    bottom: -2px;
    left: 0;
}
.team-bxis .text-box h3{
    color: #282828;
    padding-bottom: 5px;
}
/************************************
         Team hover
*************************************/
.team-hover {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.team-hover .text-box-hover{
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    padding: 0 28px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.clid-pernt {
    display: table;
    height: 100%;
    width: 100%;
}
.child {
    display: table-cell;
    vertical-align: middle;
}
.team-hover .text-box-hover p,
.team-hover .text-box-hover ul{
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.3s 0.3s;
    -moz-transition: all 0.3s 0.3s;
    -o-transition: all 0.3s 0.3s;
    transition: all 0.3s 0.3s;
}
.team-hover .text-box-hover p{
    top: -100px;
    color: #fff;
}
.team-hover .text-box-hover ul{
    top: 100px;
    text-align: center;
    margin-top: 50px;
}
.team-hover .text-box-hover ul li{
    display: inline-block;
    margin: 0 2px;
}
.team-hover .text-box-hover ul li a{
    font-size: 14px;
    color: #fff;
    width: 30px;
    padding-top: 4px;
    height: 30px;
    border-radius: 50%;
    background-color: transparent;
    text-align: center;
    display: inline-block;
}
.team-hover:hover .text-box-hover p,
.team-hover:hover .text-box-hover ul{
    top: 0;
    opacity: 1;
}
.team-hover:hover .text-box-hover{
    visibility: visible;
    opacity: 1;
}
.team-hover:hover ~ .text-box:after{
    width: 100%;
    -webkit-transition: width 500ms ease-in-out;
    -moz-transition: width 500ms ease-in-out;
    -ms-transition: width 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out;
    transition: width 500ms ease-in-out;
}
/************************************
       About Architecture Start
*************************************/
.architecture-detail{
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
.architecture-detail .image-holder{
    background-color: #282828;
    width: 61px;
    height: 61px;
    text-align: center;
    border-radius: 2px;
    padding-top: 4px;
    margin-bottom: 20px;
    position: relative;
    transition: all 0.5s ease-in-out;
}
.architecture-detail .image-holder i{
    font-size: 34px;
    color: #fff;
}
.architecture-detail .image-holder:after{
    width: 20px;
    height: 2px;
    background-color: #474747;
    position: absolute;
    content: "" ;
    bottom: -21px;
    left: 0;
}
.architecture-detail .text-box{
    margin-top: 47px;
}
.architecture-detail .text-box h3 a{
    color: #282828;
    text-transform: none;
    padding-bottom: 20px;
    transition: all 0.5s ease-in-out;
}
.architecture-detail .text-box p{
    margin-bottom: 18px;
}
.architecture-detail .text-box a{
    color: #4b4b4b;
    font-weight: bold;
}
.architecture-detail .text-box a .fa {
    font-size: 11px;
    padding-left: 7px;
}
/************************************
       Trust Number Start
*************************************/
.trust-number .qualified-works-inner{
    background-color: transparent;
    border: 1px solid #ebebeb;
    height: 150px;
}
.trust-number .qualified-works-inner .text-box h4{
    color: #fff;
}
.trust-number .qualified-works-inner .text-box h4::after {
    background-color: #fff;
}
.trust-number .qualified-works-inner .text-box p {
    color: #fff;
}
/************************************
         Our Tam Start
*************************************/
.our-tam .team-bxis{
    margin-bottom: 30px;
}
.team-pagination{
    text-align: center;
}
.team-pagination ul li{
    display: inline-block;
    margin-right: 10px;
}
.team-pagination ul li:last-child{
    margin: 0;
}
.team-pagination ul li a{
    font-size: 24px;
    color: #333;
    border: 2px solid #ddd;
    padding: 5px 18px;
    display: inline-block;
}
/************************************
      Services Area singl Start
*************************************/
.services-side-bar .widget{
    margin-bottom: 43px;
}
.services-side-bar .widget h3{
    border-bottom: 2px solid #ddd;
    padding-bottom: 16px;
    position: relative;
}
.services-side-bar .widget h3:after{
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    bottom: -2px;
    left: 0;
}
.services-side-bar .widget ul{
    margin-top: 15px;
}
.services-side-bar .widget ul li a{
    border-bottom: 1px solid #f5f4f4;
    color: #030303;
    display: inline-block;
    margin-left: 15px;
    width: 89%;
    padding: 10px 0;
}
.widget.widget-gallery ul li a{
    width: auto;
    padding: 0;
    margin: 0;
}
.services-side-bar .widget ul li i{
    font-size: 11px;
}
.download-brochures{
    margin-top: 30px;
}
.download-brochures a{
    border: 2px solid #ddd;
    display: block;
}
.download-brochures .image-holder{
    border-radius: 2px;
    float: left;
    height: 41px;
    margin-bottom: -13px;
    margin-left: 13px;
    margin-top: 13px;
    padding-top: 4px;
    position: relative;
    text-align: center;
    width: 41px;
}
.download-brochures .image-holder:after{
    background-image: url("../images/image-tiangle.png");
    background-repeat: no-repeat;
    bottom: -7px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 10px;
}
.download-brochures .image-holder i{
    font-size: 20px;
    color: #fff;
}
.download-brochures .text-box{
    float: left;
    padding-left: 20px;
    padding-top: 11px;
}
.download-brochures .text-box h4{
    color: #333333;
}
.tages-cloud ul{
    margin-top: 30px !important;
}
.tages-cloud ul li{
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 2px;
}
.tages-cloud ul li:last-child{
    margin-right: 0;
}
.tages-cloud ul li a{
    border: 2px solid #ddd !important;
    border-radius: 2px;
    display: inline-block;
    padding: 3px 9px !important;
    margin-left: 0 !important;
    width: 100% !important;
}
.tages-cloud ul li a:hover{
    color: #fff !important;
    border: 2px solid !important;
}
/************************************
   Services Area singl left bar Start
*************************************/
.service-overview .text-box{
    margin-top: 25px;
    margin-bottom: 50px;
}
.service-overview .text-box p{
    padding-top: 20px;
}
.help-consulation .text-box p{
    padding-top: 20px;
}
.help-consulation .text-box .btn{
    margin-top: 25px;
    color: #fff;
    margin-top: 24px;
    border: 2px solid;
}
.help-consulation .text-box .btn:hover{
    background-color: transparent;
    border: 2px solid #ddd;
    color: #333333;  
}
.servisec-Help{
    margin-top: 56px;
}
.servisec-Help .team-bxis{
    margin-top: 26px;
}
/************************************
     Our Team singl Start
*************************************/
.our-team-single .skilled-seo{
    border-bottom: none;
}
.our-team-single .skilled-seo .text-box{
    padding-bottom: 24px;
    padding-top: 28px;
    border-bottom: 2px solid #282828;
}
.our-team-single .skilled-seo .text-box h5{
    padding-bottom: 5px;
}
.our-team-single .skilled-seo .btn{
    width: 100%;
    margin-top: 60px;
}
.team-education{
    margin-bottom: 52px;
}
.team-education p{
    padding-top: 20px;
}
.team-education ul{
    margin-top: 20px;
}
.team-education ul li {
    color: #555555;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 10px;
    font-size: 13px;
}
.team-education ul li i{
    font-size: 13px;
    margin-right: 20px; 
}
.team-education .skillst-progras{
    padding-top: 51px;
}
.intrio-tearm{
    border: 1px solid #ebebeb;
    border-radius:2px;
    text-align: center;
    padding: 17px 16px 25px;
    margin-top: 26px;
    transition: all 0.5s ease-in-out;
}
.intrio-tearm .flaticon-tools-1{
    font-size: 50px;
    color: #e5e4e4;
}
.intrio-tearm h4{
    margin-top: 20px;
    margin-bottom: 33px;
    position: relative;
}
.intrio-tearm h4:after{
    background-color: #e5e4e4;
    bottom: -19px;
    content: "";
    height: 3px;
    left: 42%;
    position: absolute;
    width: 50px;
}
.intrio-tearm:hover .flaticon-tools-1, .intrio-tearm:hover p{
    color: #fff;
    transition: all 0.5s ease-in-out;
}
/************************************
     Project Gallery Start
*************************************/
.index-second{
    padding: 0;
}
.index-second .project-gallery {
    margin-bottom: 0px;
}
.index-second .project-gallery .project-iso .element-item {
    margin: 30px 30px 0px 0;
}
.index-second .project-gallery .project-iso .button-group.filters-button-group {
    display: inline-block;
    margin-bottom: 10px;
}
.project-gallery {
    margin-bottom: 30px;
}
.project-gallery .project-iso{
    text-align: center;
}
/* ---- button ---- */
.project-gallery .project-iso .button {
    display: inline-block;
    background-color: transparent;
    text-align: center;
    border: none;
    border-radius: 0px;
    color: #333333;
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    text-transform: uppercase;
    padding-bottom: 5px;
    transition: all 0.5s ease-in-out;
    padding: 0 23px;
    position: relative;
}
.project-gallery .project-iso .button:hover:after{
    width: 10px;
    height: 2px;
    position: absolute;
    content: "" ;
    top: -3px;
    left: 22px;
}
.project-gallery .project-iso .button.is-checked:after{
    width: 10px;
    height: 2px;
    position: absolute;
    content: "" ;
    top: -3px;
    left: 22px;
}
.project-gallery .project-iso .button.is-checked {
    text-shadow: inherit;
    position: relative;
}
/* ---- button-group ---- */
.project-gallery .project-iso .button-group .button {
    float: none;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0px;
}
.project-gallery .project-iso .button-group.filters-button-group {
    display: inline-block;
    margin-bottom: 25px;
}
/* ---- .element-item ---- */

.project-gallery .project-iso .element-item {
    position: relative;
    display: inline-block;
    width: 31%;
    overflow: hidden;
    margin: 15px 30px 15px 0;
}
.project-gallery .project-iso .element-item:nth-child(3n+3){
    margin-right: 0;
}
.project-gallery .project-iso .element-item .name {
    position: absolute;
    left: 10px;
    top: 60px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
    font-weight: normal;
}
/*  Demo 6 */
.project-gallery figure {
    margin: 0;
}
.project-gallery .text-hove{
    text-align: center;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease 0s;
}
.project-gallery .text-hove img {
    transition: all 0.5s ease 0s;
}
.project-gallery .text-hove:hover .view-caption {
    opacity: 1;
    background-color: rgba(255, 114, 0, 0.8);
    transform: scale(1);
}
.project-gallery .text-hove:hover .view-caption:hover h3 {
    transform: scale(1);
}
.project-gallery .text-hove:hover .view-caption:hover p{
    transform: scale(1);
}
.project-gallery .text-hove:hover .view-caption:hover a {
    transform: scale(1);
}
.project-gallery .text-hove .view-caption {
    background-color: rgba(255, 114, 0, 0.8);
    transition: all 0.5s ease 0s;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0.5);
}
.project-gallery .text-hove .view-caption h3{
    color: #fff;
    font-weight: normal;
    margin-bottom: 13px;
    margin-top: 28px;
    transition: all 0.5s ease 0s;
    transform: scale(0.4);
}
.project-gallery .text-hove .view-caption p{
    color: #fff;
    transition: all 0.5s ease 0s;
    transform: scale(0.4);
}
.project-gallery .text-hove .view-caption a {
    background-color: #ffffff;
    border-radius: 2px;
    color: #333333;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding: 8px 11px;
    transform: scale(0.4);
    transition: all 0.5s ease 0s;
}
/************************************
      blog strandrd Start
*************************************/
.services-side-bar form {
    position: relative;
}
.services-side-bar input[type="search"]{
    background-color: #fff;
    border: 2px solid #ddd;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    color: #d7d7d7;
    height: 50px;
    position: relative;
    padding: 10px;
    box-shadow: none;
    width: 100%;
}
.services-side-bar input[type="submit"]{
    background-color: transparent;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 0;
    border-color: transparent;
    border: none;
    font-size: 18px;
    color: #d7d7d7;
    box-shadow: none;
}
.rcent-post {
    margin-top: 30px;
}
.rcent-post .image-holder{
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 2px;
    margin-right: 20px;
}
.rcent-post .text-box{
    float: left;
    width: 68%;
    border-bottom: 1px solid #f5f4f4;
    padding-bottom: 17px;
}
.rcent-post .text-box h6{
    margin-bottom: 10px;
}
.flicker ul{
    margin-bottom: 20px;
}
.flicker ul li{
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 2px;
    margin-bottom: 3px;
}
.flicker a{
    color: #888;
}
.blog-starnd-right .testimonial-project{
    border-bottom: 2px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.blog-starnd-right .testimonial-project .text-box .btn{
    margin-top: 25px;
    color: #fff;
    border: 2px solid;
}
.blog-starnd-right .testimonial-project .text-box .btn:hover{
    background-color: transparent;
    border: 2px solid #ddd;
    color: #333333;
}
/************************************
      blog Detail Start
*************************************/
.blog-starnd-right .blog-detail-socail {
    margin-top: 34px;
    text-align: right;
}
.blog-starnd-right .testimonial-project .blog-detail-socail p{
    display: inline-block;
    margin-right: 17px;
}
.blog-starnd-right .testimonial-project .blog-detail-socail ul{
    display: inline-block;

}
.blog-starnd-right .testimonial-project .blog-detail-socail ul li{
    display: inline-block;
    margin-right: 17px;
}
.blog-starnd-right .testimonial-project .blog-detail-socail ul li:last-child{
    margin-right: 0;
}
.blog-starnd-right .testimonial-project .blog-detail-socail ul li a{
    font-size: 14px;
    color: #222222;
}
.detail-prives-post{
    margin-bottom: 57px;
}
.detail-prives{
    border: 2px solid #ddd;
    padding: 20px;
}
.detail-prives-post .image-holder{
    width: 41px;
    height: 41px;
    position: relative;
    text-align: center;
    float: left;
}
.detail-prives-post .image-holder a{
    display: block;
    padding: 10px 0;
}
.detail-prives-post .image-holder i{
    font-size: 21px;
    color: #fff;
}
.detail-prives-post .image-holder::after {
    background-image: url("../images/image-tiangle.png");
    background-repeat: no-repeat;
    bottom: -8px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 10px;
}
.detail-prives-post .text-box{
    float: left;
    width: 88%;
    padding-left: 20px;
}
.detail-prives-post .text-box p{
    padding-bottom: 5px;
}
.detail-next{
    text-align: right;
}
.detail-prives-post .detail-next .text-box{
    padding-right: 20px;
}
.detail-authore{
    margin-bottom: 57px;
}
.detail-authore h3{
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px;
    position: relative;
}
.detail-authore h3:after{
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    left: 0;
    bottom: -2px;
}
.author-box{
    margin-top: 30px;
}
.author-box .image-holder{
    width: 90px;
    height: 90px;
    background-color: #252525;
    border-radius: 2px;
    float: left;
}
.author-box .text-box{
    float: left;
    width: 89%;
    padding-left: 30px;
}
.detail-post-inner{
    overflow: hidden;
    margin-top: 30px;
}
#boxis-slider-owl .item {
    padding: 0 15px;
}
.detail-post-inner .image-holder{
    position: relative;
}
.detail-post-inner .date-shadul {
    border-radius: 2px 2px 0 0;
    left: 36px;
    padding: 9px 6px 1px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 50px;
    z-index: 10000;
}
.detail-post-inner .date-shadul::after {
    background-image: url("../images/image-tiangle.png");
    background-repeat: no-repeat;
    bottom: -8px;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 10px;
}
.detail-post-inner .date-shadul p {
    color: #ffffff;
    font-family: "Lora",sans-serif;
    font-size: 13px;
    line-height: 12px;
}
.detail-post-inner .date-shadul span {
    color: #ffffff;
    font-family: "Lora",sans-serif;
    font-size: 26px;
    font-weight: bold;
}
.detail-post-inner .text-box{
    position: absolute;
    bottom: -226px;
    height: 100%;
    padding: 145px 10px 0;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    z-index: 9999;
}
.detail-post-inner .text-box h4{
    color: #fff;
}
.detail-post-inner .image-holder:hover .text-box{
    bottom: 0;
}
.blog-detail-comments{
    margin-top: 30px;
}
.blog-detail-comments .image-holder{
    float: left;
}
.blog-detail-comments .text-box{
    float: left;
    margin-left: 20px;
    width: 89%;
    border-bottom: 2px solid #ddd;
    padding-bottom: 30px;
}
.blog-detail-comments .text-box h4 a{
    margin-bottom: 7px;  
    background-color: transparent;
    padding: 0;
}
.blog-detail-comments .text-box p{
    padding-bottom: 10px;
}
.blog-detail-comments .text-box a{
    color:  #fff;
    border-radius: 2px;
    padding: 4px 10px;
    display: inline-block;
    text-transform: none;
    margin-top: 5px;
}
.no-border .text-box{
    border-bottom: none;
    padding-bottom: 0;
}
.form-reply{
    margin-bottom: 0;
}
.detail-authore .leave-form{
    margin-top: 30px;
}
.leave-form .form-group{
    margin-bottom: 20px;
}
.leave-form .form-group .form-control{
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 2px;
    height: 36px;
    width: 370px;
}
.leave-form .form-group textarea{
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 10px;
    width: 100%;
    height: 165px;
}
.leave-form .form-group .btn{
    margin-top: 25px;
    color: #fff;
    border: 2px solid;
}
.leave-form .form-group .btn:hover{
    background-color: transparent;
    border: 2px solid #ddd;
    color: #333333;
}
/************************************
      Contact us Page Start
*************************************/
.contact-us{
    margin-top: 60px;
}
.contact-us .contact-left{}
.contact-us .form-group{
    margin-bottom: 20px;
}
.contact-us .form-group .form-control{
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 2px;
    height: 36px;
}
.contact-us .divide{
    display: inline-block;
    width: 48%;
}
.contact-us .divide1{
    display: inline-block;
    width: 47%;
    margin-left: 30px;
}
.contact-us .form-group textarea{
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 10px;
    width: 100%;
    height: 165px;
}
.contact-us .form-group .btn{
    margin-top: 25px;
    color: #fff;
    border: 2px solid;
}
.contact-us .form-group .btn:hover{
    background-color: transparent;
    border: 2px solid #ddd;
    color: #333333;  
}
.contact-us .contact-detail{
    margin-top: 21px;
}
.contact-us .contact-detail p{
}
.contact-us .contact-detail ul{
    margin-top: 9px;
}
.contact-us .contact-detail ul li{
    margin-bottom: 5px;
    color: #9b9b9b;
}
.contact-us .contact-detail ul li a{
    color: #9b9b9b;
}
.contact-us .contact-detail ul li i{
    font-size: 16px;
    color: #474747;
    padding-right: 10px;
}
.contact-map {
    height: 400px;
    width: 100%;
}
/************************************
       Faqs Page Start
*************************************/
.faqs-accordion .panel-default > .panel-heading {
    background-color: transparent;
    border-color: transparent;
}
.panel-default {
    border-color: #ebebeb;
}
.faqs-accordion .panel-heading {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 17px 30px;
}
.faqs-accordion .panel-group .panel-collapse > .panel-body{
    border-top: none;
}
.faqs-accordion .panel-body {
    padding: 5px 30px 26px;
}
.faqs-accordion .panel-title a{
    display: block;
    font-size: 14px;
    background: url(../images/faqs-minas.png) right center no-repeat;
}
.faqs-accordion .collapsed{
    background: url(../images/faqs-pluse.png) right center no-repeat !important;
}
.faqs-accordion .fa-question-circle{
    font-size: 15px;
    padding-right: 7px;
    color: #282828;
}
.faqs-accordion .panel-group .panel + .panel {
    margin-top: 30px;
}
.faqs-accordion .panel {
    border-radius: 2px;
    box-shadow: none;
}
/************************************
       Feature Error Page Start
*************************************/
.feature-error{
    text-align: center;
}
.feature-error h2{
    font-size: 250px;
    line-height: 250px;
    margin-bottom: 14px;
}
.feature-error p{
    margin-bottom: 25px;
}
/************************************
       Pricing Table Page Start
*************************************/
.pricing-plain{
    border: 1px solid #ebebeb;
    text-align: center;
}
.pricing-hedding{
    padding: 56px 0 24px;
}
.pricing-hedding-top{}
.pricing-hedding-top h5{
    color: #222;
    padding-bottom: 7px;
}
.pricing-hedding-top span{
    color: #3f372c;
    font-family: "Lora",serif;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}
.pricing-hedding-innr{
    margin-top: 21px;
}
.pricing-hedding-innr span{
    display: inline-block;
    font-family: "Lora",serif;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.pricing-hedding-innr h2{
    display: inline-block;
    font-size: 100px;
    color: #fff;
}
.pricing-hedding-innr strong{
    display: inline-block;
    font-family: "Lora",serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}
.pricing-plain .pricing-table{
    padding: 24px 30px 30px;
}
.pricing-plain .pricing-table ul{
    margin-top: 42px;
    text-align: left;
}
.pricing-plain .pricing-table ul li{
    padding: 11px 0;
    position: relative;
}
.pricing-plain .pricing-table ul li:after{
    background-color: #f5f4f4;
    bottom: 0;
    content: "";
    height: 1px;
    left: 27px;
    position: absolute;
    width: 91%;
}
.pricing-plain .pricing-table ul li i{
    font-size: 11px;
    margin-right: 11px;
}
.pricing-plain .pricing-table a{
    border: 2px solid;
    color: #fff;
    width: 100%;
    margin-top: 60px;
}
.pricing-plain .pricing-table a:hover{
    background-color: transparent;
    border: 2px solid #ddd;
    color: #333333;
}
.pricing-purchase{
    padding: 100px 0;
}
.pricing-purchase-detail h3{
    color: #fff;
    font-style: italic;
    line-height: 30px;
}
.pricing-button a{
    color: #fff;
}
/************************************
       Maintenance Page Start
*************************************/
.maintenance h2{
    font-size: 70px;
    line-height: 70px;
}
/************************************
       Coming Soon Page Start
*************************************/
.commung-soon h2{
    font-size: 70px;
    line-height: 70px;
    text-transform: uppercase;
}
#event-timer{
    margin-top: 57px;
}
#event-timer ul li{
    text-align: center;
    border: 1px solid #ebebeb;
    padding: 25px 0;
}
#event-timer ul li span{
    display: block;
    font-family: "Lora",serif;
    font-size: 65px;
    font-weight: bold;
    color: #333333;
}
#event-timer ul li strong{
    display: block;
    font-family: "Lora",serif;
    font-size: 15px;
    color: #474747;
}
/*----pri loder----*/
#hola{
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    z-index: 999;
}
#preloader {
    position:relative;
    width: 80px;
    height: 80px;
    top: 45%;
    margin: 0 auto;
}
#preloader span {
    position:absolute;
    border: 8px solid #337ab7;
    border-top: 8px solid transparent;
    border-radius:999px;
}

#preloader span:nth-child(1){
    width:80px;
    height:80px;
    animation: spin-1 2s infinite linear;
}
#preloader span:nth-child(2){
    top: 20px;
    left: 20px;
    width:40px;
    height:40px;
    animation: spin-2 1s infinite linear;
}
@keyframes spin-1 {
    0% {transform: rotate(360deg); opacity: 1;}
    50% {transform: rotate(180deg); opacity: 0.5;}
    100% {transform: rotate(0deg); opacity: 1;}
}
@keyframes spin-2 {
    0% {transform: rotate(0deg); opacity: 0.5;}
    50% {transform: rotate(180deg); opacity: 1;}
    100% {transform: rotate(360deg); opacity: 0.5;}
}