/*===================== TABLE OF CONTENT =======================
1. Fonts
2. General Styling
3. Cross Browser Compatibility
4. Header
5. Delta Search
6. Sidemenu
7. Delta Slider
8. Delta Welcome
9. Delta Services
10. Delta Counters
11. Recent Works
12. Delta Solutions
13. Call To Action
14. Delta Team
15. Delta Testimonials
16. Delta Story
17. Delta Blog
18. Delta Contact
19. Portfolio Page
20. Project Single Page
21. Project Single Page 2
22. Project Single Page 3
23. Project Detail Page 4
24. Delta Single Page
25. Footer
26. OWL CAROUSEL STYLING
=============================================================*/

/*=============== Fonts ===================*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Poppins:300,400,500,600,700|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/*=============== General Styling ===================*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License:none (public domain)
*/

.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}

body{
    letter-spacing:0;
    position:relative;
    font-family:raleway;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body *{outline:none!important}
h1, h2, h3, h4, h5, h6{
    color:#262626;
    font-family:poppins;
    font-weight:400;
    letter-spacing:1px;
}
h1{font-size:32px}
h2{font-size:28px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
p{
    font-family:raleway;
    color:#535353;
    font-size:17px;
    letter-spacing:0;
    line-height:32px;
    margin-bottom:30px;
}
a{color:inherit}
a:hover,
a:focus{
    text-decoration:none;
    outline:none;
    outline:none;
}
input:hover,input:focus{outline:none}
.theme-layout{
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;
}
section{
    float:left;
    position:relative;
    width:100%;
}
.block{
    float:left;
    width:100%;
    padding:100px 0;
    position:relative;
}
.padding-top-70 {
    padding-top: 70px;
}

.block.less-space{padding:45px 0}
.block .container{padding:0}
.container{padding:0}
.block.remove-gap{padding-top:0}
.block.no-padding{
    padding-top:0;
    padding-bottom:0;
}
.block.remove-bottom{padding-bottom:0}
.block.gray{background:#f7f7f7}
.block.dark{background:#242424}
iframe{
    width:100%;
    border:0;
}
.parallax,.fixed-bg{
    background-size:cover!important;
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
}
.fixed-bg{
    background-attachment:fixed !important;
    background-size:cover!important;
}
.parallax.still{background-position:0 0 !important}
iframe{
    border:0;
    width:100%;
    float:left;
}
img{float:center}

/*=============== Cross Browser Compatibility ===================*/
a,
.slide-overlay span,
.slide-overlay h3,
.slide-overlay p,
.slide-overlay a.btn,
.delta-member:before,
.member-name > h4,
.member-name > span,
.testimonial,
.owl-dot,
input,textarea,
.masonary,
header,
body:before,
.work:before,
button.btn,
.option-isotop li a:before{
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}

.owl-dot,
.delta-post-detail li:before,
.project-single-detail span a:before{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}

/*=============== Header ===================*/
header{
    padding-top:35px;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:1000;
    color: #FFD9E6;
}
.logo{float:left}
.menu{
    float:right;
    padding-top:5px;
}

nav{float:left}
nav ul{float:left}
nav ul li{
    float:left;
    font-family:lato;
    font-size:11px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}
nav ul li a{
    /* color:#FFD9E6; */
    padding:0 20px
  }
.header-exts{
    float:left;
    margin-top:-5px;
}
.header-exts > a{
    /* color:#FFD9E6; */
    float:left;
    font-size:20px;
    margin-left:10px;
    text-align:right;
    width:30px;
}
header.inner-header{
    background:#1d1d1d;
    float:left;
    padding:35px 0;
    position:relative;
}
.go-back{
    color:#fff;
    float:left;
    font-size:35px;
    height:20px;
    line-height:20px;
    width:auto;
}
.go-back i{
    -webkit-transform:translateX(-13px) translateY(-7px);
    -moz-transform:translateX(-13px) translateY(-7px);
    -ms-transform:translateX(-13px) translateY(-7px);
    -o-transform:translateX(-13px) translateY(-7px);
    transform:translateX(-13px) translateY(-7px);
}
.inner-header .menu{
    float:left;
    width:100%;
}
.inner-header .header-exts{
    float:right;
    margin:0;
}
/*=============== Delta Search ===================*/
.delta-search{
    background:#1d1d1d;
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    left:0;
    top:0;
    z-index:1000000000;
}
.delta-search .container{
    height:100%;
    position:relative;
}
.delta-search form{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.delta-search form input{
    background:rgba(0, 0, 0, 0);
    border:0;
    border-bottom:1px solid #3f3f3f;
    color:#fff;
    font-family:poppins;
    font-size:22px;
    font-weight:300;
    height:50px;
    margin:0;
    padding:0 20px 20px;
}
.more-links{
    float:left;
    margin-top:40px;
    text-align:center;
    width:100%;
}
.more-links > a{
    color:#fff;
    display:inline-block;
    font-family:lato;
    font-size:11px;
    font-weight:600;
    letter-spacing:1px;
    margin:0 10px;
    opacity:0.55;
    text-transform:uppercase;
}
.close-search{
    color:#fff;
    font-size:35px;
    z-index:2;
    position:absolute;
    right:30px;
    top:30px;
}
header.sticky{
    background-color:rgba(164, 164, 164, 1);
    color: #000;
    padding:12px 0;
}
header.sticky-icky{
  color: black !important;
}

/*=============== Sidemenu ===================*/
.sidemenu{
    background:#1d1d1d;
    height:100%;
    padding:30px;
    position:fixed;
    right:0;
    top:0;
    width:386px;
    z-index:10000000;
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);/* easeOutQuad */

    -webkit-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);/* easeOutQuad */
}
.sidemenu.slideIn{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
.sidelogo{
    border-bottom:1px solid #3f3f3f;
    float:left;
    padding-bottom:30px;
    text-align:center;
    width:100%;
}
.sidelogo a{
    display:inline-block;
    float:none;
}
.close-menu{
    color:#fff;
    font-size:35px;
    position:absolute;
    right:20px;
    top:25px;
}
.sidemenu > ul{
    left:0;
    max-height:400px;
    overflow:auto;
    padding:0 30px;
    position:absolute;
    text-align:center;
    top:50%;
    width:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.sidemenu > ul li{
    color:#fff;
    float:left;
    font-family:lato;
    font-size:11px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    width:100%;
}
.sidemenu > ul li a{
    float:left;
    padding:17px 0;
    width:100%;
}

.menu-socials{
    border-top:1px solid #292929;
    bottom:0;
    left:0;
    margin:0 30px;
    padding:30px 0;
    position:absolute;
    text-align:center;
    width:calc(100% - 60px);
}
.menu-socials > a{
    color:#fff;
    display:inline-block;
    margin:0 10px;
}

body.stop{position:fixed}
body:before{
    background:#000000;
    content:"";
    height:100%;
    width:100%;
    opacity:0;
    visibility:hidden;
    z-index:100;
    position:absolute;
    left:0;
    top:0;
}
body.stop:before{
    opacity:0.8;
    visibility:visible;
}
/*=============== Delta Slider ===================*/
.delta-slider{
    float:left;
    position:relative;
    width:100%;
}
.delta-slide{
    float:left;
    position:relative;
    width:100%;
}
.delta-slide img{width:100%}
.delta-slide:before{
    background:black;
    content:"";
    height:100%;
    opacity:0.2;
    z-index:1;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.slide-overlay{
    max-width:680px;
    z-index:2;
    text-align:center;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}
.slide-overlay span,
.slide-overlay h3,
.slide-overlay p,
.slide-overlay a.btn{
    opacity:0;
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);/* easeOutQuad */

    -webkit-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);/* easeOutQuad */
}

.slide-overlay span{
    color:#fff;
    display:inline-block;
    font-family:lato;
    font-size:12px;
    font-weight:600;
    letter-spacing:1.5px;
    margin-bottom:10px;
    opacity:0.75;
    text-transform:uppercase;
    width:100%;
}
.slide-overlay h3{
    color:#fff;
    font-size:55px;
    font-weight:400;
    margin:10px 0 20px;
    letter-spacing:3px;
    text-transform:uppercase;
    transition-delay:0.2s;
}
.slide-overlay p{
    color:#fff;
    font-size:16px;
    font-weight:500;
    line-height:28px;
    margin-bottom:40px;
    opacity:0.55;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -ms-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
}
.slide-overlay a.btn{
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    -ms-transition-delay:0.4s;
    -o-transition-delay:0.4s;
    transition-delay:0.4s;
}
.btn{
    color:#fff;
    display:inline-block;
    border:0;
    font-family:lato;
    font-size:11px;
    letter-spacing:1px;
    padding:20px 25px;
    font-weight:700;
    text-transform:uppercase;
    border-radius: 50px

}
.btn:hover{background:#FFF}
.active .delta-slide .slide-overlay span,
.active .delta-slide .slide-overlay h3,
.active .delta-slide .slide-overlay p,
.active .delta-slide .slide-overlay a.btn{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.owl-nav{
    height:0;
    left:0;
    padding:0 55px;
    position:absolute;
    top:50%;
    width:100%;
}
.owl-nav > div{
    float:left;
    height:40px;
    margin-top:-20px;
    position:relative;
    width:40px;
    color:transparent;
}
.owl-nav > div:before{
    color:#fff;
    content:"\e686";
    font-family:pe-icon-7-stroke;
    font-size:55px;
    height:100%;
    line-height:40px;
    width:100%;
    position:absolute;
    left:-10px;
    top:0;
}
.owl-nav > div.owl-next{float:right}
.owl-nav > div.owl-next:before{content:"\e684"}
.slider-wrapper{
    float:left;
    width:100%;
    position:relative;
}
.counter{
    color:#fff;
    font-family:lato;
    font-size:14px;
    font-weight:600;
    margin-top:-40px;
    position:absolute;
    right:70px;
    top:50%;
    z-index:100;
}
.delta-slide .slide-overlay img {
    width: 250px;
    position: center!important;
    padding: 30px;
}
/*=============== Delta Welcome ===================*/
.delta-welcome{
    float:left;
    text-align:center;
    width:100%;
}
.delta-welcome > img{
    float:none;
    margin-bottom:55px;
}
.delta-welcome > p{
    color:#242424;
    font-family:lato;
    font-size:16px;
    line-height:28px;
    font-weight:400;
    margin:0;
}
/*=============== Delta Services ===================*/
.delta-services{
    display:table;
    width:100%;
}
.service-image{
    background:rgba(0, 0, 0, 0) url("../images/servicio-duo-4.jpg") no-repeat scroll 0 0 / cover ;
    height:100%;
    right:0;
    position:absolute;
    top:0;
    width:50%;
}
.service-image > img{width:100%}
.services-list{
    float: right;
    margin-right:50%;
    padding:155px 120px;
    width:50%;
}
.nosotros-image{
    background:rgba(0, 0, 0, 0) url("../images/aie-mapa-3.png") no-repeat scroll 0 0 / cover ;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:50%;
}
.nosotros-image > img{width:100%}
.nosotros-list{
    float:left;
    margin-left:50%;
    padding:155px 120px;
    width:50%;
}
.delta-service{
    display:table;
    margin-bottom:60px;
    width:100%;
}
.delta-service > i{
    color:#242424;
    display:table-cell;
    font-size:28px;
    vertical-align:top;
}
.service-inner{
    display:table-cell;
    padding-left:30px;
    vertical-align:top;
}
.service-inner strong{
    color:#242424;
    float:left;
    font-family:poppins;
    font-size:16px;
    letter-spacing:1px;
    margin-bottom:20px;
    text-transform:uppercase;
    width:100%;
}
.service-inner > p{
    color:#787878;
    float:left;
    font-size:14px;
    line-height:25px;
    margin:0;
    width:100%;
}
.delta-service:last-child{margin:0}
/*=============== Delta Counters ===================*/
.delta-counters{
    float:left;
    width:100%;
}
.delta-counters .row{margin:0}
.delta-counters .row > div{padding:0}
.delta-counter{
    background:#242424;
    float:left;
    padding:95px 30px;
    text-align:center;
    width:100%;
}
.delta-counter > strong{
    color:#fff;
    float:left;
    font-family:poppins;
    font-size:45px;
    line-height:40px;
    margin-bottom:20px;
    padding-bottom:15px;
    position:relative;
    width:100%;
}
.delta-counter > strong:before{
    background:#565656;
    bottom:0;
    content:"";
    height:2px;
    left:50%;
    margin-left:-15px;
    position:absolute;
    width:30px;
}
.delta-counter > p{
    color:#fff;
    float:left;
    font-family:lato;
    font-size:12px;
    font-weight:600;
    letter-spacing:1.5px;
    line-height:14px;
    margin:0;
    text-transform:uppercase;
    width:100%;
}
.delta-counters .row > div:nth-child(2n+2) .delta-counter{background:#292929}

/*=============== Recent Works ===================*/

.container-form {
  margin: 50px 50px 50px 50px;
}
.title{
    float:left;
    margin-bottom:70px;
    padding-bottom:20px;
    position:relative;
    text-align:center;
    width:100%;
}
.title > span{
    color:#999999;
    float:left;
    font-family:lato;
    font-size:12px;
    letter-spacing:1px;
    margin-bottom:10px;
    text-transform:uppercase;
    width:100%;
}
.title h2{
    color:#262626;
    float:left;
    font-family:poppins;
    font-size:30px;
    font-weight:400;
    letter-spacing:1px;
    text-transform:uppercase;
    width:100%;
}
.title:before,
.title:after{
    background:#aeaeae;
    bottom:0;
    content:"";
    height:1px;
    left:50%;
    margin-left:5px;
    position:absolute;
    width:25px;
}
.title:after{
    left:auto;
    margin-left:0;
    margin-right:5px;
    right:50%;
}
.title h2:before{
    background:#aeaeae;
    bottom:-12px;
    content:"";
    height:10px;
    left:50%;
    position:absolute;
    width:1px;
}

.delta-works{
    float:left;
    width:100%;
}
.delta-works .row{margin:0}
.delta-works .masonary > div{padding:0}
.work{
    float:left;
    position:relative;
    width:100%;
}
.work > img{width:100%}
.work:before{
    content:"";
    height:100%;
    width:100%;
    opacity:0;
    position:absolute;
    left:0;
    top:0;
}
.work:hover:before{opacity:1}
.work-text{
    left:0;
    padding:10px 20px;
    position:absolute;
    text-align:center;
    top:50%;
    width:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.work-text h4{
    color:#fff;
    float:left;
    font-size:18px;
    font-weight:400;
    letter-spacing:2px;
    margin-bottom:10px;
    text-transform:uppercase;
    width:100%;
    opacity:0;
    -webkit-transform:translateY(-40px);
    -moz-transform:translateY(-40px);
    -ms-transform:translateY(-40px);
    -o-transform:translateY(-40px);
    transform:translateY(-40px);
}
.work-text h4 a:hover{color:#FFF}
.work-text > span{
    color:#fff;
    float:left;
    font-family:pt serif;
    font-style:italic;
    opacity:0.55;
    width:100%;
    opacity:0;
    -webkit-transform:translateY(40px);
    -moz-transform:translateY(40px);
    -ms-transform:translateY(40px);
    -o-transform:translateY(40px);
    transform:translateY(40px);
}
.work-text > span a{
    display:inline-block;
    padding:0 9px;
    position:relative;
}
.work-text > span a:hover{color:#FFF}
.work-text > span a:before{
    content:".";
    font-size:29px;
    line-height:10px;
    position:absolute;
    right:-5px;
    top:-4px;
}
.work-text > span a:last-child:before{display:none}
.work > a{
    bottom:45px;
    color:#fff;
    position:absolute;
    right:45px;
    opacity:0;
    -webkit-transform:translateX(-40px);
    -moz-transform:translateX(-40px);
    -ms-transform:translateX(-40px);
    -o-transform:translateX(-40px);
    transform:translateX(-40px);
}
.work-text h4,
.work-text span,
.work > a{
    -webkit-transition:all 900ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    -moz-transition:all 900ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    -o-transition:all 900ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
    transition:all 900ms cubic-bezier(0.445, 0.050, 0.550, 0.950);/* easeInOutSine */

    -webkit-transition-timing-function:cubic-bezier(0.445, 0.050, 0.550, 0.950);
    -moz-transition-timing-function:cubic-bezier(0.445, 0.050, 0.550, 0.950);
    -o-transition-timing-function:cubic-bezier(0.445, 0.050, 0.550, 0.950);
    transition-timing-function:cubic-bezier(0.445, 0.050, 0.550, 0.950);/* easeInOutSine */

    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    -ms-transition-delay:0.4s;
    -o-transition-delay:0.4s;
    transition-delay:0.4s;
}
.work:hover .work-text h4,
.work:hover .work-text span,
.work:hover > a{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.work:hover .work-text span{opacity:0.55}
/*=============== Delta Solutions ===================*/
.delta-solutions{
    float:left;
    margin-bottom:-30px;
    width:100%;
}
.solution{
    background:#FFF;
    float:left;
    margin-bottom:30px;
    padding:40px;
    text-align:center;
    width:100%;
}
.solution > span{
    background:#f7f7f7;
    border-radius:50%;
    color:#242424;
    display:inline-block;
    font-size:30px;
    height:80px;
    line-height:90px;
    margin-bottom:25px;
    text-align:center;
    width:80px;
}
.solution > h4{
    float:left;
    font-size:14px;
    font-weight:400;
    letter-spacing:1px;
    margin-bottom:20px;
    text-transform:uppercase;
    width:100%;
}
.solution > p{
    color:#787878;
    float:left;
    font-size:14px;
    line-height:25px;
    margin:0;
    width:100%;
}
/*=============== Call To Action ===================*/
.call-action{
    float:left;
    margin:-30px 0;
    text-align:center;
    width:100%;
}
.call-action > p{
    color:#fff;
    display:inline-block;
    font-family:poppins;
    font-size:22px;
    margin:0 120px 0 0;
    vertical-align:middle;
}
/*=============== Delta Team ===================*/
.delta-team{
    float:left;
    width:100%;
}
.delta-team .row{margin:0}
.delta-team .row > div{padding:0}
.delta-member{
    float:left;
    position:relative;
    width:100%;
}
.delta-member > img{width:100%}
.member-name{
    left:0;
    padding:0 20px;
    position:absolute;
    text-align:center;
    top:50%;
    width:100%;
}
.member-name > h4{
    color:#fff;
    float:left;
    font-size:18px;
    letter-spacing:1px;
    margin-bottom:10px;
    font-weight:400;
    text-transform:uppercase;
    width:100%;
    opacity:0;
    -webkit-transform:translateX(40px);
    -moz-transform:translateX(40px);
    -ms-transform:translateX(40px);
    -o-transform:translateX(40px);
    transform:translateX(40px);
}
.delta-member:before{
    background:black;
    content:"";
    height:100%;
    width:100%;
    opacity:0;
    position:absolute;
    left:0;
    top:0;
}
.delta-member:hover:before{opacity:0.81}
.member-name > span{
    color:#fff;
    float:left;
    font-family:pt serif;
    font-style:italic;
    width:100%;
    opacity:0;
    -webkit-transform:translateX(-40px);
    -moz-transform:translateX(-40px);
    -ms-transform:translateX(-40px);
    -o-transform:translateX(-40px);
    transform:translateX(-40px);
}
.delta-member .member-name > h4,
.delta-member .member-name > span{
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    -ms-transition-delay:0.4s;
    -o-transition-delay:0.4s;
    transition-delay:0.4s;
}
.delta-member:hover .member-name > h4,
.delta-member:hover .member-name > span{
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
.socials{
    bottom:50px;
    left:0;
    padding:0 50px;
    position:absolute;
    text-align:center;
    width:100%;
}
.socials > a{
    color:#fff;
    display:inline-block;
    font-size:18px;
    margin:0 10px;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    -ms-transition-delay:0.4s;
    -o-transition-delay:0.4s;
    transition-delay:0.4s;
}
.delta-member:hover .socials > a{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.socials > a:nth-child(n+1){
    -webkit-transition-delay:0.6s;
    -moz-transition-delay:0.6s;
    -ms-transition-delay:0.6s;
    -o-transition-delay:0.6s;
    transition-delay:0.6s;
}
.socials > a:nth-child(n+2){
    -webkit-transition-delay:0.8s;
    -moz-transition-delay:0.8s;
    -ms-transition-delay:0.8s;
    -o-transition-delay:0.8s;
    transition-delay:0.8s;
}
/*=============== Delta Testimonials ===================*/
.delta-testimonials{
    float:left;
    width:100%;
}
.testimonial{
    float:left;
    padding:0 80px;
    text-align:center;
    width:100%;
    opacity:0.5;
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
}
.active.center .testimonial{
    opacity:1;
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
}
.testimonial blockquote{
    color:#85888d;
    font-family:pr serif;
    font-size:18px;
    font-style:italic;
    line-height:30px;
    margin-bottom:35px;
    padding-bottom:80px;
    position:relative;
}
.testimonial blockquote::before{
    background:rgba(0, 0, 0, 0) url("../images/quote-img.png") repeat scroll 0 0;
    bottom:0;
    content:"";
    height:23px;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    width:34px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.testimonial blockquote:after{display:none}
.testimonial > span{
    color:#262626;
    float:left;
    font-family:poppins;
    font-size:16px;
    font-weight:300;
    margin-bottom:5px;
    width:100%;
}
.testimonial > i{
    color:#999999;
    font-family:pt serif;
    font-size:12px;
    font-style:italic;
    width:100%;
}
.owl-dots{
    float:left;
    margin-top:40px;
    text-align:center;
    width:100%;
}
.owl-dot{
    border:1px solid #b2b2b2;
    display:inline-block;
    height:8px;
    margin:0 3px;
    width:8px;
}
.owl-dot.active{
    background:#292929;
    border-color:#292929;
}
/*=============== Delta Story ===================*/
.delta-story{
    float:left;
    position:relative;
    width:100%;
}
.delta-story > img{width:100%}
.story-overlay{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}
.story-overlay > a{
    background:rgba(255, 255, 255, 0.25);
    color:#fff;
    float:left;
    font-size:25px;
    height:74px;
    line-height:74px;
    margin-right:30px;
    text-align:center;
    width:115px;
}
.story-overlay > span{
    color:#fff;
    display:inline-block;
    font-family:lato;
    font-size:12px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:12px;
    margin-top:12px;
    opacity:0.5;
    text-transform:uppercase;
}
.delta-story:before{
    background:black;
    content:"";
    height:100%;
    left:0;
    opacity:0.55;
    position:absolute;
    top:0;
    width:100%;
}
.story-overlay > h4{
    color:#fff;
    font-size:30px;
    font-weight:400;
    letter-spacing:2px;
    text-transform:uppercase;
    white-space:nowrap;
}
/*=============== Delta Blog ===================*/
.delta-blog{
    float:left;
    width:100%;
    margin-bottom:-30px;
}
.delta-post{
    float:left;
    position:relative;
    width:100%;
    margin-bottom:30px;
}
.delta-post-img{
    float:left;
    width:100%;
}
.delta-post-img > img{width:100%}
.delta-post-detail{
    background:#fff;
    float:left;
    padding:35px 35px 40px;
    width:100%;
}
.delta-post-detail > h4{
    float:left;
    font-size:14px;
    margin-bottom:10px;
    text-transform:uppercase;
    width:100%;
}
.delta-post-detail > ul{
    float:left;
    margin-bottom:20px;
    width:100%;
}
.delta-post-detail li{
    color:#999999;
    float:left;
    font-family:pt serif;
    font-size:12px;
    font-style:italic;
    margin-right:10px;
    padding-right:10px;
    position:relative;
}
.delta-post-detail li:before{
    background:#cecece;
    content:"";
    height:4px;
    position:absolute;
    right:-3px;
    top:6px;
    width:4px;
}
.delta-post-detail li:last-child:before{display:none}
.delta-post-detail > p{
    color:#787878;
    float:left;
    font-size:14px;
    letter-spacing:0;
    line-height:25px;
    width:100%;
}
.readmore{
    font-family:lato;
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
}
.loadmore{
    float:left;
    width:100%;
    text-align:center;
    margin-top:80px;
}
.loadmore a{
    display:inline-block;
    border:2px solid #e3e3e3;
    padding:23px 25px;
    font-size:11px;
    font-family:lato;
    color:#787878;
    text-transform:uppercase;
    letter-spacing:1px;
}
/*=============== Delta Contact ===================*/
.delta-contact{
    display:table;
    width:100%;
}
.delta-map{
    display:table-cell;
    vertical-align:middle;
    width:50%;
}
.map{
    float:left;
    width:100%;
    filter:grayscale(1);
}
#map-canvas{
    float:left;
    width:100%;
    height:770px;
}
.delta-contact form{
    display:table-cell;
    padding:50px 130px;
    vertical-align:middle;
    margin-bottom: 150px!important;

}

#wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

input,textarea{
    border:1px solid #e3e3e3;
    color:#d01f32;
    float:left;
    font-family:raleway;
    font-weight: 500;
    font-size:14px;
    height:48px;
    margin-bottom:20px;
    padding:10px 20px;
    width:100%;
    border-radius: 36px;
}
textarea{
    height:auto;
    max-width:100%;
    min-height:130px;
    padding:20px;
}
input:focus,
textarea:focus{
    border-color:#bbc0c0;
    color:#bbc0c0;
}
button.btn:hover{background:#242424}
/*=============== Portfolio Page ===================*/
.delta-works.style2{padding:0 10px}
.delta-works.style2 .masonary > div{padding:0 5px}
.delta-works.style2 .work{margin-bottom:10px}
.option-isotop{
    float:left;
    margin-top:35px;
    text-align:center;
    width:100%;
}
.option-set{
    display:inline-block;
    margin-bottom:50px;
}
.option-isotop li{
    color:#fff;
    display:inline-block;
    font-family:lato;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}
.option-isotop li a{
    float:left;
    opacity:0.55;
    padding:15px 20px;
    position:relative;
}
.option-isotop.style2 a{
    color:#242424;
}

.option-isotop li a:before{
    border:1px solid #fff;
    content:"";
    height:100%;
    opacity:0;
    position:absolute;
    left:50%;
    top:0;
    width:0;
}
.option-isotop li a.selected{opacity:1}
.option-isotop li a.selected:before{
    opacity:1;
    left:0;
    width:100%;
}
.option-isotop > span {
    background: black none repeat scroll 0 0;
    color: #fff;
    display: none;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 15px 50px;
    opacity: 0.55;
    padding: 14px 20px;
    text-transform: uppercase;
    width: calc(100% - 30px);
}

/*=============== Project Single Page ===================*/
.project-open{
    float:left;
    position:relative;
    width:100%;
}
.project-open > img{width:100%}
.project-open:before{
    background:black;
    content:"";
    height:100%;
    opacity:0.25;
    width:100%;
    position:absolute;
    left:0;
    top:0;
}
.project-open h1{
    color:#fff;
    font-family:poppins;
    font-size:55px;
    font-weight:300;
    letter-spacing:5px;
    text-align:center;
    text-transform:uppercase;
    width:100%;
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.bottom-bar{
    background:#242424;
    float:left;
    padding:20px 0;
    width:100%;
}
.bottom-bar span{
    color:#fff;
    float:left;
    font-family:lato;
    font-size:12px;
    margin-top:3px;
}
.project-socials{float:right}
.project-socials > a{
    color:#fff;
    float:left;
    font-size:17px;
    text-align:right;
    width:30px;
}
.project-images{
    float:left;
    width:100%;
    padding:0 150px;
    margin-bottom:-60px;
}
.project-images .row{margin:0 -25px}
.project-images .row > div{padding:0 25px}
.project-images img{
    width:100%;
    margin-bottom:60px;
}
.list-title{
    color:#262626;
    float:left;
    font-family:poppins;
    font-size:14px;
    font-weight:500;
    letter-spacing:1px;
    margin-bottom:30px;
    text-transform:uppercase;
    width:100%;
}
.project-list{
    color:#787878;
    float:left;
    font-family:raleway;
    font-size:14px;
    line-height:22px;
    margin-bottom:-10px;
    width:100%;
}
.project-list li{
    float:left;
    margin-bottom:10px;
    width:100%;
}
/*=============== Project Single Page 2 ===================*/
.project-image{
    float:left;
    width:100%;
}
.project-image > img{width:100%}
.project-single-detail{
    float:left;
    margin-top:20px;
    width:100%;
}
.project-single-detail h1{
    color:#262626;
    float:left;
    font-size:26px;
    font-weight:400;
    letter-spacing:1px;
    margin-bottom:12px;
    text-transform:uppercase;
    width:100%;
}
span.cats{
    color:#999999;
    float:left;
    font-family:pt serif;
    font-size:14px;
    font-style:italic;
    margin-bottom:40px;
    width:100%;
}
span.cats a{
    float:left;
    margin-right:10px;
    padding-right:10px;
    position:relative;
}
span.cats a:before{
    background:#999999;
    content:"";
    height:3px;
    position:absolute;
    bottom:3px;
    right:-2px;
    width:3px;
}
span.cats a:last-child:before{display:none}
.project-single-detail > p{
    color:#787878;
    float:left;
    font-size:15px;
    line-height:27px;
    margin-bottom:85px;
    width:100%;
}
.project-list li strong{
    color:#262626;
    font-weight:400;
}
.project-single-detail ul.project-list{margin-bottom:80px}
.project-single-detail .project-socials{
    float:left;
    width:100%;
}
.project-single-detail .project-socials > a{
    color:#262626;
    text-align:left;
}
/*=============== Project Single Page 3 ===================*/
.page-title{
    float:left;
    margin-bottom:90px;
    text-align:center;
    width:100%;
}
.page-title h1{
    color:#262626;
    float:left;
    font-size:35px;
    font-weight:400;
    letter-spacing:1px;
    margin-bottom:10px;
    text-transform:uppercase;
    width:100%;
}
.page-title span{
    color:#999999;
    float:left;
    font-family:pt serif;
    font-size:14px;
    font-style:italic;
    font-weight:500;
    width:100%;
}

.about-project{
    float:left;
    font-size:20px;
    font-weight:500;
    line-height:36px;
    margin:100px 0 0;
    padding:0 100px;
    width:100%;
}
/*=============== Project Detail Page 4 ===================*/
.page-title .cats{margin:0}
.page-title .cats > a{
    display:inline-block;
    float:none;
}
.about-project.style2{
    margin:0;
    text-align:center;
}

.share-project{
    float:left;
    margin-top:100px;
    text-align:center;
    width:100%;
}
.share-project > span{
    color:#262626;
    float:left;
    font-family:poppins;
    font-size:14px;
    letter-spacing:1px;
    margin-bottom:20px;
    text-transform:uppercase;
    width:100%;
}
.share-project > a{
    color:#262626;
    display:inline-block;
    font-size:17px;
    margin:0 5px;
}
/*=============== Delta Single Page ===================*/
.delta-singlepage{
    float:left;
    width:100%;
}
.delta-singlepage h1{
    color:#262626;
    float:left;
    font-size:35px;
    font-weight:200;
    margin-bottom:15px;
    text-transform:uppercase;
    width:100%;
}
.single-img{
    float:left;
    margin-bottom:60px;
    margin-left:-200px;
    width:calc(100% + 400px);
}
.single-img > img{width:100%}
blockquote{
    color:#242424;
    float:left;
    font-family:lato;
    font-size:22px;
    line-height:34px;
    margin:0 0 30px;
    width:100%;
    position:relative;
}
blockquote:after{
    background:rgba(0, 0, 0, 0) url("../images/quote-img.png") repeat scroll 0 0;
    content:"";
    height:23px;
    left:-60px;
    position:absolute;
    top:10px;
    width:34px;
}
blockquote span{
    color:#787878;
    display:table;
    font-family:lato;
    font-size:12px;
    margin-top:20px;
    text-transform:uppercase;
}
.tags{
    float:left;
    font-family:lato;
    font-size:11px;
    letter-spacing:1px;
    margin-bottom:65px;
    text-transform:uppercase;
    width:100%;
}
.tags > a{
    float:left;
    margin-bottom:10px;
    margin-right:20px;
}
.delta-author{
    border-top:1px solid #e3e3e3;
    display:table;
    float:left;
    padding:50px 0 0;
    width:100%;
}
.delta-author > img{
    display:table-cell;
    float:none;
    vertical-align:top;
}
.author-detail{
    display:table-cell;
    padding-left:40px;
    vertical-align:middle;
}
.author-detail h4{
    color:#262626;
    float:left;
    font-size:18px;
    letter-spacing:1px;
    margin-bottom:10px;
    text-transform:uppercase;
    width:100%;
}
.author-detail > p{
    color:#787878;
    float:left;
    font-size:14px;
    letter-spacing:0;
    line-height:25px;
    margin-bottom:20px;
    width:100%;
}
.author-socials{
    float:left;
    width:100%;
}
.author-socials > a{
    color:#191d21;
    font-size:14px;
    margin-right:10px;
}

.related-posts{
    float:left;
    margin-top:60px;
    width:100%;
}
.line-title{
    float:left;
    position:relative;
    text-align:center;
    margin-bottom:40px;
    width:100%;
}
.line-title:before{
    background:#e3e3e3;
    content:"";
    height:1px;
    left:0;
    margin-top:-0.5px;
    position:absolute;
    top:50%;
    width:100%;
}
.line-title h2{
    background:#fff;
    color:#262626;
    display:inline-block;
    font-size:12px;
    letter-spacing:1px;
    padding:0 20px;
    position:relative;
    text-transform:uppercase;
    z-index:1;
}
.related-posts .delta-post-detail{
    margin-top:30px;
    padding:0;
}
.delta-comments{
    float:left;
    margin-top:50px;
    width:100%;
}
.delta-comments ul{
    float:left;
    width:100%;
}
.delta-comments ul li{
    float:left;
    width:100%;
}
.comment{
    border-bottom:1px solid #efefef;
    display:table;
    margin-bottom:30px;
    padding-bottom:30px;
    width:100%;
}
.comment > img{
    display:table-cell;
    float:none;
    vertical-align:top;
}
.comment-detail{
    display:table-cell;
    padding-left:30px;
    position:relative;
    vertical-align:middle;
}
.comment-detail h5{
    color:#262626;
    float:left;
    font-family:poppins;
    font-size:14px;
    letter-spacing:1px;
    margin-bottom:20px;
    text-transform:uppercase;
    width:100%;
}
.comment-detail > p{
    float:left;
    font-size:14px;
    line-height:25px;
    margin:0;
    width:100%;
}
.reply{
    background:#a6a6a6;
    color:#f7f7f7;
    font-family:lato;
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
    padding:5px 10px;
    position:absolute;
    right:0;
    text-transform:uppercase;
    top:0;
}
.reply:hover{color:#f7f7f7}
.delta-comments ul ul{padding-left:100px}
.delta-comments > ul > li:last-child .comment{
    border:0 none;
    margin:0;
    padding:0;
}
.delta-form{
    float:left;
    margin-top:80px;
    width:100%;
}

/*=============== Footer ===================*/
footer{
    background:#242424;
    float:left;
    padding:100px 0 60px;
    text-align:center;
    width:100%;
}
footer .logo{
    display:inline-block;
    float:none;
    margin-bottom:45px;
}
.footer-socials{
    float:left;
    margin-bottom:90px;
    width:100%;
}
.footer-socials > a{
    color:#fff;
    display:inline-block;
    font-family:lato;
    font-size:12px;
    letter-spacing:1px;
    margin:0 10px;
    text-transform:uppercase;
}
footer p{
    float:left;
    font-family:lato;
    font-size:12px;
    margin:0;
    width:100%;
    color: #fff;
}

/* ===============================================================
    OWL CAROUSEL STYLING
================================================================*/
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}/* *   Owl Carousel - Auto Height Plugin*/.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}/* *  Core Owl Carousel CSS File*/.owl-carousel{display:none;-webkit-tap-highlight-color:transparent;/* position relative and z-index fix webkit rendering fonts issue */position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;/* fix for flashing background */-webkit-transform:translate3d(0px, 0px, 0px)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}/* No Js */.no-js .owl-carousel{display:block}/* *    Owl Carousel - Lazy Load Plugin*/.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}/* *  Owl Carousel - Video Plugin*/.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
#html5-watermark{display:none!important}