@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700";
@import "https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic";
@import "https://fonts.googleapis.com/css?family=Raleway:400,700,600,500";
@font-face{font-family:'bavroregular';src:url(/fonts/bavro-regular-webfont.eot);src:url(/fonts/bavro-regular-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/bavro-regular-webfont.woff2) format("woff2"),url(/fonts/bavro-regular-webfont.woff) format("woff"),url(/fonts/bavro-regular-webfont.ttf) format("truetype"),url(/fonts/bavro-regular-webfont.svg#bavroregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'texgyreadventorregular';src:url(/fonts/texgyreadventor-regular-webfont.eot);src:url(/fonts/texgyreadventor-regular-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/texgyreadventor-regular-webfont.woff) format("woff"),url(/fonts/texgyreadventor-regular-webfont.ttf) format("truetype"),url(/fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'breakbold';src:url(/fonts/break_bold.eot);src:url(/fonts/break_bold.eot?#iefix) format("embedded-opentype"),url(/fonts/break_bold.woff2) format("woff2"),url(/fonts/break_bold.woff) format("woff"),url(/fonts/break_bold.ttf) format("truetype"),url(/fonts/break_bold.svg#breakbold) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'breakextralight';src:url(/fonts/break_extralight.eot);src:url(/fonts/break_extralight.eot?#iefix) format("embedded-opentype"),url(/fonts/break_extralight.woff2) format("woff2"),url(/fonts/break_extralight.woff) format("woff"),url(/fonts/break_extralight.ttf) format("truetype"),url(/fonts/break_extralight.svg#breakextralight) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'breaklight';src:url(/fonts/break_light.eot);src:url(/fonts/break_light.eot?#iefix) format("embedded-opentype"),url(/fonts/break_light.woff2) format("woff2"),url(/fonts/break_light.woff) format("woff"),url(/fonts/break_light.ttf) format("truetype"),url(/fonts/break_light.svg#breaklight) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'texgyreadventorregular';src:url(/fonts/break_regular.eot);src:url(/fonts/break_regular.eot?#iefix) format("embedded-opentype"),url(/fonts/break_regular.woff2) format("woff2"),url(/fonts/break_regular.woff) format("woff"),url(/fonts/break_regular.ttf) format("truetype"),url(/fonts/break_regular.svg#breakregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'breaksemibold';src:url(/fonts/break_semibold.eot);src:url(/fonts/break_semibold.eot?#iefix) format("embedded-opentype"),url(/fonts/break_semibold.woff2) format("woff2"),url(/fonts/break_semibold.woff) format("woff"),url(/fonts/break_semibold.ttf) format("truetype"),url(/fonts/break_semibold.svg#breaksemibold) format("svg");font-weight:400;font-style:normal}
body{position:relative;margin:30px!important;font-family:'Raleway',sans-serif;font-size:14px;line-height:25px;letter-spacing:0;word-spacing:1px;background:#f5f5f5;overflow-x:hidden}
.pull-right {
    float: right!important;
}
ul{list-style:none;padding-left:0}
.size-30{font-size:30px}
a{color:#60606e;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a.link{position:relative}
a.link:after{content:"";position:absolute;bottom:14px;left:0;width:0;height:1px;background-color:#60606e;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a:hover,a:focus{color:#60606e;text-decoration:none}
a:hover:after{width:50%}
.frame-line{position:fixed;left:0;right:0;display:block;background:#fff;z-index:999999}
.frame-line.top-frame{height:30px;top:0}
.frame-line.bottom-frame{height:30px;bottom:0}
.frame-line.right-frame{width:30px;right:0;height:100%;left:auto}
.frame-line.left-frame{width:30px;left:0;height:100%;right:auto}
h1{font-family:'Montserrat',sans-serif;font-size:30px}
h3{font-family:'Montserrat',sans-serif;font-size:30px;margin-top:5px;text-transform:uppercase;letter-spacing:1px}
h4{font-family:'Montserrat',sans-serif}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f5f5f5;z-index:1000}
.pre-container{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center}
.logo-circle{position:relative;background-color:#8BB8C8;display:block;line-height:70px;font-size:15px;-webkit-animation:white-shadow 1s infinite;animation:white-shadow 1s infinite;height:80px;width:80px;border-radius:50%;text-align:center}
.logo-circle img{width:60px;margin:10px auto 0}
@-webkit-keyframes white-shadow {
0%{box-shadow:0 0 0 0 rgba(51,51,51,0.3);-webkit-transition:box-shadow .3s ease-in-out}
100%{box-shadow:0 0 0 30px transparent;-webkit-transform:translate3d(0,0,0);-webkit-transition:box-shadow .4s ease-in-out}
}
@keyframes white-shadow {
0%{box-shadow:0 0 0 0 rgba(51,51,51,0.3);-webkit-transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out}
100%{box-shadow:0 0 0 30px transparent;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:box-shadow .4s ease-in-out;transition:box-shadow .4s ease-in-out}
}
header{position:fixed;z-index:200;padding:20px}
.main-logo{background:#8BB8C8;padding:30px 10px;-webkit-transition:all .3s;transition:all .3s}
.main-logo:hover,.main-logo:focus{color:#fff}
.main-logo.active-link{color:#fff!important}
img.loading-logo{width:60px;height:60px}
.main-logo img{width:60px;height:60px}
.nav-trigger{position:fixed;z-index:4;top:40px;right:40px;height:44px;width:44px;overflow:hidden;color:transparent;white-space:nowrap;text-indent:100%;background:#8BB8C8}
.nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position:absolute;height:2px;width:30px;background:#ddd}
.nav-trigger span{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:background .3s;transition:background .3s}
.nav-trigger span::before,.nav-trigger span::after{content:'';top:0;left:0;-webkit-transition:background .3s,-webkit-transform .3s;transition:background .3s,-webkit-transform .3s;transition:background .3s,transform .3s;transition:background .3s,transform .3s,-webkit-transform .3s}
.nav-trigger span::before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}
.nav-trigger span::after{-webkit-transform:translateY(8px);transform:translateY(8px)}
.nav-trigger:hover span,.nav-trigger:hover span::before,.nav-trigger:hover span::after{background:#fff}
.nav-open .nav-trigger span{background:transparent}
.nav-open .nav-trigger span::before,.nav-open .nav-trigger span::after{background:#fff}
.nav-open .nav-trigger span::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open .nav-trigger span::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-container{position:fixed;z-index:100;top:33px;right:33px;height:57px;width:auto;max-width:70%;padding:0 20px;background:rgba(139,184,200,.9);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s cubic-bezier(.07,.23,.34,1);transition:-webkit-transform .5s cubic-bezier(.07,.23,.34,1);transition:transform .5s cubic-bezier(.07,.23,.34,1);transition:transform .5s cubic-bezier(.07,.23,.34,1),-webkit-transform .5s cubic-bezier(.07,.23,.34,1)}
.nav-open .nav-container{-webkit-transform:translateX(0);transform:translateX(0)}
.nav{list-style:none;padding:0 30px 0 0}
.nav li{float:left;margin-right:20px}
.nav a{display:block;padding:16px 0!important;font-size:16px;text-decoration:none;color:#fff;-webkit-transform:translateZ(0);transform:translateZ(0)}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:transparent;color:#888}
.active-link{color:#555!important}
.nav-open .nav a{-webkit-animation:slide-in .4s .2s backwards;animation:slide-in .4s .2s backwards}
.nav-open .nav li:nth-of-type(2) a{-webkit-animation-delay:.3s;animation-delay:.3s}
.nav-open .nav li:nth-of-type(3) a{-webkit-animation-delay:.35s;animation-delay:.35s}
.nav-open .nav li:nth-of-type(4) a{-webkit-animation-delay:.4s;animation-delay:.4s}
.nav-open .nav li:nth-of-type(5) a{-webkit-animation-delay:.45s;animation-delay:.45s}
.nav-open .nav li:nth-of-type(6) a{-webkit-animation-delay:.5s;animation-delay:.5s}
.nav-open .nav li:nth-of-type(7) a{-webkit-animation-delay:.55s;animation-delay:.55s}
.nav-open .nav li:nth-of-type(8) a{-webkit-animation-delay:.6s;animation-delay:.6s}
#contact{color:#333;padding:150px 0;background:-webkit-linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)),url(/img/slides/contact.jpg);background:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)),url(/img/slides/contact.jpg);background-size:cover;background-attachment:fixed;background-position:center center}
#contact .subtitle{color:#999}
.w-bg{background:rgba(255,255,255,.8)}
.w-bg i{margin-right:7px;line-height:27px}
.b-bg{background:rgba(139,184,200,.9)}
.b-bg .wrap{margin:0 auto}
.contact-div{margin-bottom:30px}
.mat-label{display:block;-webkit-transform:translateY(25px);transform:translateY(25px);color:#e2e2e2;-webkit-transition:all .5s;transition:all .5s;font-weight:400}
.mat-input{position:relative;background:transparent;width:100%;border:none;outline:none;padding:2px 0;color:#fff}
.mat-div{padding:10px 0 0;position:relative}
.mat-div textarea{resize:none}
.mat-div:after,.mat-div:before{content:"";position:absolute;display:block;width:100%;height:2px;background-color:#e2e2e2;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s}
.mat-div::after{background-color:#ddd;-webkit-transform:scaleX(0);transform:scaleX(0)}
.is-active::after{-webkit-transform:scaleX(1);transform:scaleX(1)}
.is-active .mat-label{color:#ddd;margin:0}
.is-completed .mat-label{font-size:12px;-webkit-transform:translateY(0);transform:translateY(0)}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #333 inset;-webkit-text-fill-color:#fff!important}
.submit_btn{color:#f5f5f5;background-color:transparent;border:none;outline:none;font-size:1.2em}
.submit_btn:after{background-color:#f5f5f5}
#result{color:#fff}
.mat-input.error{border-bottom:1px solid red}
#contact_form em.ion-ios-arrow-thin-right{color:#fff;font-size:2em}
footer{padding:50px;position:relative;background:#eee}
footer .nav{display:inline-block;padding-left:0}
footer .nav li a{color:#666;font-size:14px}
.social-footer{display:inline-block;margin-top:10px}
.social-footer li{float:left;margin:5px 10px;font-size:20px}
.back-to-top{position:absolute;width:50px;height:50px;background:#8BB8C8;color:#f5f5f5;line-height:50px;text-align:center;top:-25px;-webkit-transition:all .5s;transition:all .5s;font-size:30px;left:60px}
.back-to-top:hover{background:rgba(51,51,51,.8);line-height:45px;color:#fff}
.morecontent span{display:none}
.morelink{display:block}
.more li{list-style:disc;margin-left:20px}
.navigation-container{font-size:35px;background:#8BB8C8;text-align:center;margin-top:50px}
.navigation-container a{margin:0 5%;padding:15px;color:#fff;display:inline-block}
.navigation-container a:hover{color:#fff;background:#8BB8C8}
.gallery-hed p a{text-decoration:underline}
.description-container{padding:50px}
.social-shere{padding-left:0;font-size:25px}
.social-shere li{float:left}
.social-shere li a{display:block;width:30px;height:30px;text-align:center;border:1px solid #333;line-height:30px;margin:3px;-webkit-transition:all .3s;transition:all .3s}
.social-shere li a:hover{opacity:.7}
table.photogalleryTable{width:100%}
table.photogalleryTable td{padding:0;width:100%;display:inline}
td.photogalleryItem img{padding:0;display:inline;border:5px solid #f5f5f5}
#imageData #imageDetails{width:40%!important}
.blog-posts-container{padding-bottom:80px}
.blog_item{position:relative;overflow:hidden;margin-bottom:30px;display:block}
.blog_item h3{font-size:16px;margin-top:20px;line-height:27px;font-weight:700;text-transform:inherit;letter-spacing:1px}
.blog-content{background:#fff;padding:20px;position:relative;border-radius:0 0 5px 5px}
.blog-content .athour-img{position:absolute;width:50px;top:-30px}
.blog-head small{display:inline;float:right;margin-top:-20px}
.blog-content .athour-img{position:absolute;width:60px;top:-35px}
.blog-head img{float:left;display:inline}
.blog-main-img{border-radius:5px 5px 0 0}
.blog-img-container{position:relative;overflow:hidden}
.blog-img-container span{position:absolute;top:10px;left:10px;background:#7383B5;border-radius:25px;z-index:1;padding:0 10px;color:#fff;font-size:12px;line-height:20px}
.big-post .blog-img-container img{border-radius:5px}
.content-overlay{position:absolute;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);z-index:1;color:#fff;width:100%;bottom:-300px;padding:20px;border-radius:0 0 5px 5px;-webkit-transition:all .5s;transition:all .5s}
.big-post:hover .content-overlay{bottom:0}
.big-post a:hover,.big-post a:focus{color:#f5f5f5}
.blog-text{margin:50px}
.quote-post .blog-content{border-radius:5px;color:#fff;background:#7383B5;padding:.25em;padding:20px;text-align:center}
.quote-post .blog-content p{font-style:italic;font-size:1.4em;font-family:'Lora',serif;line-height:1.4;color:#fff}
.quote-post .blog-content p::before{content:'\201C'}
.quote-post .blog-content p::after{content:'\201D'}
.quote-post .default-btn{color:#fff}
.quote-post img{margin-bottom:20px}
.quote-post .default-btn:after{background-color:#fff}
.blog_container p{color:#999}
.pagination li{display:inline-block;padding-left:20px;margin:20px 0}
form.search-form{padding:20px 0}
.container-description.blog{margin:20px 10px}
form.search-form{padding:20px 0 10px}
.blog-search .form-group,.blog-search .form-group .input-group,.blog-search .form-group .input-group .formcontrol{width:100%}
.blog-search .input-group-addon{background:#8BB8C8}
.blog-search .input-group-addon input[type="submit"]{background:#8BB8C8;border:none;color:#fff}
.side-nav.recent li{margin:12px 0 8px;border-bottom:1px solid #ddd;line-height:1.5em;font-size:1em;margin-left:15px;list-style-position:outside;list-style-type:square;color:#8BB8C8}
.side-nav.cats li{margin:0 5px 9px 0;padding:2px 9px;background:#8BB8C8;border:none;display:inline-block;font-size:.9em}
.side-nav.cats li a{color:#fff}
.side-block{margin-bottom:40px}
.side-block h3.h4{margin-bottom:20px}
.blog-detail .post-img{max-width:50%}
.blog-detail .post-img img{width:100%;padding:20px 0 10px 30px}
.blog-detail .subline img{float:left;margin-right:20px}
.blog-detail hr{margin-top:10px;margin-bottom:20px;border:0;border-top:1px solid #ddd}
.blog-main-img{border-radius:5px 5px 0 0;object-fit:cover;min-width:100%}
.row.no-padding.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.default-btn {
    position: relative;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 0 20px 20px 0;
    font-size: 13px;
    letter-spacing: 2px;
    margin-top: 15px;
    font-weight: bold;
}
.default-btn:after {
    content: "";
    position: absolute;
    top: 27px;
    left: 0;
    width: 50%;
    height: 2px;
    background-color: #60606e;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a:hover, a:focus {
    color: #60606e;
    text-decoration: none;
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.default-btn:hover:after {
    width: 100%;
}

.blog-detail .masonry { 
    -webkit-column-count: 2;
  -moz-column-count:2;
  column-count: 2;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .95em;
}
.blog-detail .masonry .item {
    background: #fafafa;
    padding: 0.9em;
    margin: 0 0 1.5em;
    width: 100%;
    -webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px -3px #ccc;
    background: rgb(245,245,245);
background: linear-gradient(342deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 35%, rgba(245,245,245,1) 100%);
}

.blog-detail .masonry .item img {width:100%;}


.blog-detail .masonry .item {
    margin: 0;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}


.blog-detail .masonry .item .heading {
    padding: 10px 0px 5px;
    line-height: 1.5em;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    color: #343a40;
}

.blog-detail .masonry .caption {margin: 10px 0px 5px;line-height: 1.5em;}
.blog-detail h4 {margin:30px 0 10px;}

.blog-search .form-group .input-group input.form-control {
    min-height: 30px;
}

@media only screen and (max-width: 450px) {
.blog-detail .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 451px) and (max-width: 1660px){
.blog-detail .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
/* @media only screen and (min-width: 769px) and (max-width: 1200px){
    .blog-detail .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}*/
@media only screen and (min-width: 1661px) {
    .blog-detail .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

.btn-project {text-align:center;}
.btn-project a {
    font-style: normal;
    display: inline-block;
    background-color: #8BB8C8;
    padding: 5px 8px;
    color: #fff;
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: .5px;
}

.img-right-top img {float:right; max-width: 40%; height:auto; margin: 0 0 20px 20px; display: block; vertical-align: top;}

.left.gotoindex.Design.Spec.Blog{display:none}
@media (min-width: 1200px) {
.blog-main-img{max-height:180px}
}
@media (min-width: 1440px) {
.blog-main-img{max-height:220px}
}
@media (min-width: 1660px) {
.blog-main-img{max-height:260px}
}

ul.category-list li{display:inline}
.post-foot{margin:10px 0 -15px;color:#aaa;text-align:right}
.blog-content h2{font-size:1.4em;margin:25px 0 15px}
.blog_item{margin:10px}
.header{position:relative;margin:0 auto;min-height:560px;width:100%}
.bg-img{background-size:cover!important;position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.title{z-index:100;margin:0 auto;padding:0 1.25em;width:100%;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.title h1{padding:0 0 .2em;color:#fff;font-weight:800;font-size:42px;margin:0 auto;letter-spacing:1px}
.title h4{padding:0 0 .6em;color:#fff;font-size:18px;margin:0 auto}
.title p{color:#fff;padding:0 0 .6em;font-weight:300;font-size:18px;margin:0 auto}
.title h1,.title p.subline{line-height:1}
.title p.subline{font-size:15px;margin-top:20px}
.title p.subline img{margin-right:20px}
.content{margin:0 auto;padding:0 0 3em}
.content > div:not(.title){margin:-80px auto 0;max-width:900px;padding:0 1.25em}
.content > div:not(.title) p{margin:0 auto 1.5em}
.content > div:not(.title) p:first-child{font-size:1.35em}
.content h3{margin:0;font-size:1.4em}
.content blockquote{padding:.25em;font-style:italic;font-size:1.65em;font-family:'Lora',serif;line-height:1.4}
.content blockquote::before{content:'\201C'}
.content blockquote::after{content:'\201D'}
.intro-effect-fadeout.modify .bg-img{-webkit-transform:translateY(-25%);transform:translateY(-25%)}
.intro-effect-fadeout .bg-img::after{content:'';position:absolute;width:100%;height:101%;top:0;left:0;opacity:0;pointer-events:none;background:-webkit-linear-gradient(top,rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%);background:linear-gradient(to bottom,rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%)}
.intro-effect-fadeout.modify .bg-img::after{opacity:1}
.intro-effect-fadeout .title{text-align:left;max-width:900px}
.intro-effect-fadeout.modify .header h1,.intro-effect-fadeout .header p,.intro-effect-fadeout.modify .header h4{color:#514753}
.intro-effect-fadeout .header p:nth-child(2){-webkit-transform:translateX(150px);transform:translateX(150px)}
.intro-effect-fadeout .header p:nth-child(3){-webkit-transform:translateX(-150px);transform:translateX(-150px)}
.intro-effect-fadeout.modify .header p:nth-child(2),.intro-effect-fadeout.modify .header p:nth-child(3){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
.about-me{background:#fff;border-radius:5px;text-align:center;padding:30px 20px}
.about-me h4{margin:20px 0}
.about-me .social-shere{display:inline-block}
.side-bar-block{margin-bottom:30px}
.search-input{height:40px;border:2px solid #ddd}
@media (max-width: 990px) {
.full-height-flex,.full-height{height:auto}
.bg-div-cover{min-width:100%}
.numbers-div{margin:20px auto}
.text-body{text-align:center;margin-bottom:30px}
.text-body img{margin:0 auto}
.portfolio-div{text-align:center}
.intro-img-section .gray-bg{width:60%;left:0;right:0;margin:0 auto}
.intro-img-section img{margin:0 auto}
footer{text-align:center}
footer .pull-right,footer .pull-left{float:none!important;padding-left:0}
.social-footer{margin-top:10px}
.back-to-top{left:0;right:0;margin:0 auto}
footer{padding:50px 10px}
.numbers-div{width:auto}
.numbers-div h4{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@media (max-width: 900px) {
.nav-container{height:100%;width:100%;max-width:220px;right:20px}
.nav-container .nav li{float:none}
}
@media (max-width: 767px) {
.blog-detail .post-img{max-width:100%;width:100%;height:auto;}
.blog-detail .post-img img{width:100%;height:auto;padding:20px;}
.intro-img-section .gray-bg{width:80%}
.icon-box .divider{margin:15px auto}
.icon-box:hover .divider{-webkit-transform:scale(2,1);transform:scale(2,1);-webkit-transform-origin:center;transform-origin:center}
.img-responsive{margin:0 auto}
.clients-list li{margin:0 15px}
.nav li{margin-right:10px}
footer .nav li a{font-size:14px}
.title h1{font-size:40px}
.title h4{font-size:20px}
.title p.subline{font-size:15px}
}
@media (max-width: 500px) {
body{margin:0!important}
.frame-line{display:none}
.nav-trigger{right:10px;top:10px}
.nav-container{right:0;top:4px}
.vertical-div{display:none}
.clients-list li{margin:0 15px}
.clients-list li img{width:50px}
.description-container,.Project-container{padding:20px}
.title h1{font-size:30px}
.title h4{font-size:17px}
.title p.subline{font-size:13px}
.title p.subline img{margin-right:2px;width:30px}
}
.blog-img-container span{top:20px!important}
.halfpage-img img {
    border: 50px solid #fff;
    width: auto;
    max-width: 100%;
}
img,a img{border:0}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
footer,header,nav{display:block}
a{background-color:transparent}
a:active,a:hover{outline:0}
strong{font-weight:700}
h1{margin:.67em 0;font-size:2em}
img{border:0}
svg:not(:root){overflow:hidden}
button{margin:0;font:inherit;color:inherit;overflow:visible;text-transform:none;-webkit-appearance:button;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
@media print {
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
a[href^="#"]:after{content:""}
img{page-break-inside:avoid;max-width:100%!important}
h3,p{orphans:3;widows:3}
h3{page-break-after:avoid}
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
button{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#337ab7;text-decoration:none}
a:focus,a:hover{color:#23527c;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
img{vertical-align:middle}
.img-responsive{display:block;max-width:100%;height:auto}
[role=button]{cursor:pointer}
h1,h3,h5{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1,h3{margin-top:20px;margin-bottom:10px}
h5{margin-top:10px;margin-bottom:10px}
h1{font-size:36px}
h3{font-size:24px}
h5{font-size:14px}
p{margin:0 0 10px}
ul{margin-top:0;margin-bottom:10px}
.col-lg-4,.col-lg-8,.col-md-5,.col-md-6,.col-md-7{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
@media (min-width:992px) {
.col-md-5,.col-md-6,.col-md-7{float:left}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
}
@media (min-width:1200px) {
.col-lg-4,.col-lg-8{float:left}
.col-lg-8{width:66.66666667%}
.col-lg-4{width:33.33333333%}
}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.clearfix:after,.clearfix:before,.nav:after,.nav:before{display:table;content:" "}
.clearfix:after,.nav:after{clear:both}
.pull-left{float:left!important}
.hide{display:none!important}
.ion-android-arrow-back:before,.ion-android-arrow-forward:before,.ion-grid:before,.ion-ios-arrow-thin-up:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ion-android-arrow-back:before{content:"\f2ca"}
.ion-android-arrow-forward:before{content:"\f30f"}
.ion-grid:before{content:"\f13f"}
.ion-ios-arrow-thin-up:before{content:"\f3d7"}
body{position:relative;margin:30px!important;font-family:'Raleway',sans-serif;font-size:14px;line-height:25px;letter-spacing:0;word-spacing:1px;background:#f5f5f5;overflow-x:hidden!important}
ul{list-style:none;padding-left:0}
a{color:#60606e;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a.link{position:relative}
a.link:after{content:"";position:absolute;bottom:14px;left:0;width:0;height:1px;background-color:#60606e;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a:hover,a:focus{color:#60606e;text-decoration:none}
a:hover:after{width:50%}
.frame-line{position:fixed;left:0;right:0;display:block;background:#fff;z-index:999999}
.frame-line.top-frame{height:30px;top:0}
.frame-line.bottom-frame{height:30px;bottom:0}
.frame-line.right-frame{width:30px;right:0;height:100%;left:auto}
.frame-line.left-frame{width:30px;left:0;height:100%;right:auto}
.no-padding{padding-left:0;padding-right:0}
.no-padding [class^="col-"]{padding-left:0;padding-right:0}
.subtitle{font-family:'Droid Serif',serif;font-size:14px;font-style:italic}
h1{font-family:'Montserrat',sans-serif;font-size:30px}
h3{font-family:'Montserrat',sans-serif;font-size:30px;margin-top:5px;text-transform:uppercase;letter-spacing:1px}
header{position:fixed;z-index:200;padding:20px}
.main-logo{background:#8BB8C8;padding:30px 10px;-webkit-transition:all .3s;transition:all .3s}
.main-logo:hover,.main-logo:focus{color:#fff}
img.loading-logo{width:60px;height:60px}
.main-logo img{width:60px;height:60px}
.nav-trigger{position:fixed;z-index:4;top:40px;right:40px;height:44px;width:44px;overflow:hidden;color:transparent;white-space:nowrap;text-indent:100%;background:#8BB8C8}
.nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position:absolute;height:2px;width:30px;background:#ddd}
.nav-trigger span{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:background .3s;transition:background .3s}
.nav-trigger span::before,.nav-trigger span::after{content:'';top:0;left:0;-webkit-transition:background .3s,-webkit-transform .3s;transition:background .3s,-webkit-transform .3s;transition:background .3s,transform .3s;transition:background .3s,transform .3s,-webkit-transform .3s}
.nav-trigger span::before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}
.nav-trigger span::after{-webkit-transform:translateY(8px);transform:translateY(8px)}
.nav-trigger:hover span,.nav-trigger:hover span::before,.nav-trigger:hover span::after{background:#fff}
.nav-open .nav-trigger span{background:transparent}
.nav-open .nav-trigger span::before,.nav-open .nav-trigger span::after{background:#fff}
.nav-open .nav-trigger span::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-open .nav-trigger span::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-container{position:fixed;z-index:100;top:33px;right:33px;height:57px;width:auto;max-width:70%;padding:0 20px;background:rgba(139,184,200,.9);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s cubic-bezier(.07,.23,.34,1);transition:-webkit-transform .5s cubic-bezier(.07,.23,.34,1);transition:transform .5s cubic-bezier(.07,.23,.34,1);transition:transform .5s cubic-bezier(.07,.23,.34,1),-webkit-transform .5s cubic-bezier(.07,.23,.34,1)}
.nav-open .nav-container{-webkit-transform:translateX(0);transform:translateX(0)}
.nav{list-style:none;padding:0 30px 0 0}
.nav li{float:left;margin-right:20px}
.nav a{display:block;padding:16px 0!important;font-size:16px;text-decoration:none;color:#fff;-webkit-transform:translateZ(0);transform:translateZ(0)}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:transparent;color:#888}
.nav-open .nav a{-webkit-animation:slide-in .4s .2s backwards;animation:slide-in .4s .2s backwards}
.nav-open .nav li:nth-of-type(2) a{-webkit-animation-delay:.3s;animation-delay:.3s}
.nav-open .nav li:nth-of-type(3) a{-webkit-animation-delay:.35s;animation-delay:.35s}
.nav-open .nav li:nth-of-type(4) a{-webkit-animation-delay:.4s;animation-delay:.4s}
.nav-open .nav li:nth-of-type(5) a{-webkit-animation-delay:.45s;animation-delay:.45s}
.nav-open .nav li:nth-of-type(6) a{-webkit-animation-delay:.5s;animation-delay:.5s}
.nav-open .nav li:nth-of-type(7) a{-webkit-animation-delay:.55s;animation-delay:.55s}
.nav-open .nav li:nth-of-type(8) a{-webkit-animation-delay:.6s;animation-delay:.6s}
footer{padding:50px;position:relative;background:#eee}
footer .nav{display:inline-block;padding-left:0}
footer .nav li a{color:#666;font-size:14px}
.back-to-top{position:absolute;width:50px;height:50px;background:#8BB8C8;color:#f5f5f5;line-height:50px;text-align:center;top:-25px;-webkit-transition:all .5s;transition:all .5s;font-size:30px;left:60px}
.back-to-top:hover{background:rgba(51,51,51,.8);line-height:45px;color:#fff}
.portfolio-hed{background:#8BB8C8;padding:100px 20px 80px;text-align:center;color:#f5f5f5;position:relative}
.portfolio-hed a{color:#f5f5f5}
.portfolio-hed a:hover{opacity:.7}
.navigation-container{font-size:35px;background:#8BB8C8;text-align:center;margin-top:50px}
.navigation-container a{margin:0 5%;padding:15px;color:#fff;display:inline-block}
.navigation-container a:hover{color:#fff;background:#8BB8C8}
.description-container{padding:50px}
.Project-container{padding:50px}
.description-container{padding:50px 20px 50px 40px}
.desc-content{font-size:1em;line-height:1.6em;letter-spacing:0;word-spacing:1px}
.description-container .desc-content p{margin:0 0 8px}
.description-container .desc-content h3{font-size:22px;margin-bottom:20px}
.navigation-container{font-size:30px;background:#8BB8C8;margin-top:50px;width:100%;padding:0}
.navigation-container a{margin:0}
.navigation-container a span{font-size:18px;padding:0 10px 10px}
.addthis_inline_share_toolbox{display:inline-block;padding:10px 10px 10px 20px}
.socialshare h5{display:inline-block;float:left;padding:10px 0}
.hide{display:none}
h1 span{font-size:63%;text-transform:uppercase}
.left{float:left}
.right{float:right}
.fade50{opacity:.8}
.at-icon{fill:#fff;border:0}
.at-icon-wrapper{display:inline-block;overflow:hidden}
a .at-icon-wrapper{cursor:pointer}
#_atssh{width:1px!important;height:1px!important;border:0!important}
.at-share-btn::-moz-focus-inner{border:0;padding:0}
.at-resp-share-element{position:relative;padding:0;margin:0;font-size:0;line-height:0}
.at-resp-share-element:after,.at-resp-share-element:before{content:" ";display:table}
.at-resp-share-element .at-share-btn{display:inline-block;*display:inline;*zoom:1;margin:0 2px 5px;padding:0;overflow:hidden;line-height:0;text-decoration:none;text-transform:none;color:#fff;cursor:pointer;transition:all .2s ease-in-out;border:0;font-family:helvetica neue,helvetica,arial,sans-serif;background-color:transparent}
.at-resp-share-element .at-share-btn::-moz-focus-inner{border:0;padding:0}
.at-resp-share-element .at-share-btn:focus,.at-resp-share-element .at-share-btn:hover{transform:translateY(-4px);color:#fff;text-decoration:none}
.at-resp-share-element .at-share-btn .at-icon-wrapper{float:left}
.at-resp-share-element .at-icon{cursor:pointer}
.at-style-responsive .at-share-btn{padding:5px}
@media (max-width: 990px) {
footer{text-align:center}
footer .pull-left{float:none!important;padding-left:0}
.back-to-top{left:0;right:0;margin:0 auto}
footer{padding:50px 10px}
}
@media (max-width: 900px) {
.nav-container{height:100%;width:100%;max-width:220px;right:20px}
.nav-container .nav li{float:none}
}
@media (max-width: 767px) {
.img-responsive{margin:0 auto}
.nav li{margin-right:10px}
footer .nav li a{font-size:14px}
}
@media (max-width: 500px) {
body{margin:0!important}
.portfolio-hed{padding:100px 20px 70px}
.frame-line{display:none}
.nav-trigger{right:10px;top:10px}
.nav-container{right:0;top:4px}
.description-container,.Project-container{padding:20px}
.navigation-container a{margin:0;padding:15px 0 0;font-size:70%}
.navigation-container a span{font-size:13px;padding:0 5px}
}
@-webkit-keyframes slide-in {
0%{opacity:0;-webkit-transform:translateX(80px);transform:translateX(80px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slide-in {
0%{opacity:0;-webkit-transform:translateX(80px);transform:translateX(80px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@font-face{font-family:"Ionicons";src:url(/ionicons/fonts/ionicons.eot?v=2.0.0);src:url(/ionicons/fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"),url(/ionicons/fonts/ionicons.ttf?v=2.0.0) format("truetype"),url(/ionicons/fonts/ionicons.woff?v=2.0.0) format("woff"),url(/ionicons/fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'et-line';src:url(/et-line-font/fonts/et-line.eot);src:url(/et-line-font/fonts/et-line.eot#iefix) format("embedded-opentype"),url(/et-line-font/fonts/et-line.woff) format("woff"),url(/et-line-font/fonts/et-line.ttf) format("truetype"),url(/et-line-font/fonts/et-line.svg#et-line) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'bavroregular';src:url(/fonts/bavro-regular-webfont.eot);src:url(/fonts/bavro-regular-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/bavro-regular-webfont.woff2) format("woff2"),url(/fonts/bavro-regular-webfont.woff) format("woff"),url(/fonts/bavro-regular-webfont.ttf) format("truetype"),url(/fonts/bavro-regular-webfont.svg#bavroregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'texgyreadventorregular';src:url(/fonts/texgyreadventor-regular-webfont.eot);src:url(/fonts/texgyreadventor-regular-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/texgyreadventor-regular-webfont.woff) format("woff"),url(/fonts/texgyreadventor-regular-webfont.ttf) format("truetype"),url(/fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'breakbold';src:url(/fonts/break_bold.eot);src:url(/fonts/break_bold.eot?#iefix) format("embedded-opentype"),url(/fonts/break_bold.woff2) format("woff2"),url(/fonts/break_bold.woff) format("woff"),url(/fonts/break_bold.ttf) format("truetype"),url(/fonts/break_bold.svg#breakbold) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'breakextralight';src:url(/fonts/break_extralight.eot);src:url(/fonts/break_extralight.eot?#iefix) format("embedded-opentype"),url(/fonts/break_extralight.woff2) format("woff2"),url(/fonts/break_extralight.woff) format("woff"),url(/fonts/break_extralight.ttf) format("truetype"),url(/fonts/break_extralight.svg#breakextralight) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'breaklight';src:url(/fonts/break_light.eot);src:url(/fonts/break_light.eot?#iefix) format("embedded-opentype"),url(/fonts/break_light.woff2) format("woff2"),url(/fonts/break_light.woff) format("woff"),url(/fonts/break_light.ttf) format("truetype"),url(/fonts/break_light.svg#breaklight) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'texgyreadventorregular';src:url(/fonts/break_regular.eot);src:url(/fonts/break_regular.eot?#iefix) format("embedded-opentype"),url(/fonts/break_regular.woff2) format("woff2"),url(/fonts/break_regular.woff) format("woff"),url(/fonts/break_regular.ttf) format("truetype"),url(/fonts/break_regular.svg#breakregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'breaksemibold';src:url(/fonts/break_semibold.eot);src:url(/fonts/break_semibold.eot?#iefix) format("embedded-opentype"),url(/fonts/break_semibold.woff2) format("woff2"),url(/fonts/break_semibold.woff) format("woff"),url(/fonts/break_semibold.ttf) format("truetype"),url(/fonts/break_semibold.svg#breaksemibold) format("svg");font-weight:400;font-style:normal}