@import "../../../../fonts.googleapis.com/css-family=Quicksand-400,700-Roboto.css";
*{padding:0;margin:0}
html,body{background-color:#fff;font-family:'Roboto',sans-serif;font-size:14px;line-height:23px;color:#333;font-weight:400;position:relative;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{letter-spacing:1px;font-family:'calibri',sans-serif;color:#000}
h1{font-size:24px;font-weight:700}
h2{font-size:18px;font-weight:600}
h3{font-size:16px;font-weight:600}
h4,h5,h6{font-size:14px}
img{border:none;outline:none}
button{background:none;border:none}
ul{display:block;list-style:none;padding:0;margin:0}
p{font-size:14px;margin-bottom:15px;letter-spacing:1px;font-family: "calibri";}
a,a:hover{text-decoration:none}
a:focus{outline:0;text-decoration:none}
.padding{padding:100px 0}
.pb-60{padding-bottom:60px}
.no-padding{padding:0}
.dark-color{color:#000}
.light-color{color:#fff}
.align-left{text-align:left}
.align-right{text-align:right}
.align-center{text-align:center}
.fl-right{float:right}
.fl-left{float:left}
.table-cell{display:table-cell;vertical-align:middle}
a,a:hover,.portfolio_filter li,.portfolio_filter li:hover,.overlay,.form-control,.form-control:hover,.brian_btn{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.section_heading{display:block;text-align:center}
.section_heading h2{font-size:35px;font-weight:700;margin:0}
.section_heading p{color:#000;margin:25px 0 0}
#preloader{position:fixed;top:0;left:0;z-index:9999;background:#fff;height:100%;width:100%;-webkit-transition:all .5s .5s ease;-moz-transition:all .5s .5s ease;transition:all .5s .2s ease}
.loader{position:absolute;top:50%;left:0;right:0;width:60px;height:60px;display:block;margin:auto;margin-top:-30px}
body.loaded #preloader{opacity:0;visibility:hidden}
.header_area{background-color:rgba(255,255,255,0);position:absolute;top:0;left:0;width:100%;height:70px;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;z-index:999}
.navbar{border:medium none;-moz-border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;border-radius:0;margin:0;position:relative}
.scrollActive .header_area{background-color:rgba(255,255,255,1);position:fixed;height:60px;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-box-shadow:1px 0 1px 0 #666;-webkit-box-shadow:1px 0 1px 0 #666;-ms-box-shadow:1px 0 1px 0 #666;box-shadow:1px 0 1px 0 #666}
.navbar-header{padding:22px 0}
.scrollActive .navbar-header{padding:18px 0}
.navbar-header .nav-btn{background-color:#000}
.navbar-header .nav-btn .icon-bar{background-color:#fff}
.navbar-header .nav-btn:hover,.navbar-header .nav-btn:focus{opacity:.8}
#navbar{z-index:999}
ul.nav > li{margin:0 15px}
ul.nav > li > a{color:#000;font-family:'calibri',sans-serif;display:inline-block;vertical-align:middle;padding:0;letter-spacing:1px;font-size:14px;font-weight:400;line-height:70px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}
.scrollActive ul.nav > li > a{line-height:60px}
ul.nav > li > a:hover,ul.nav > li > a:focus,ul.nav > li.active > a{background:none;color:#000}
ul.nav > li > a:before,ul.nav > li.active > a:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:20px;background:#000;height:2px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.scrollActive ul.nav > li > a:before{bottom:18px}
ul.nav > li > a:hover:before,ul.nav > li.active > a:before{left:0;right:0}
.hero_section{width:100%;height:750px;position:relative;z-index:1}
.hero_section:before{background-color:rgba(255,255,255,0.40);display:block;content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}
.hero_inner{width:100%;height:750px;display:table}
.hero_content .sub_title{font-size:35px;font-weight:400;margin:0 0 15px}
.hero_content .big_title{font-size:60px;font-weight:700;margin:0 0 25px}
.brian_btn{background-color:#000;display:inline-block;font-size:14px;letter-spacing:1px;line-height:45px;color:#fff;padding:1px}
.brian_btn span{display:block;padding:0 25px;border:4px solid #fff}
.brian_btn:hover{background-color:#ddd;color:#000}
.typed-cursor{opacity:1;-webkit-animation:blink .7s infinite;-moz-animation:blink .7s infinite;animation:blink .7s infinite}
@keyframes blink{0%{opacity:1}
                 50%{opacity:0}
                 100%{opacity:1}
}
@-webkit-keyframes blink{0%{opacity:1}
                         50%{opacity:0}
                         100%{opacity:1}
}
@-moz-keyframes blink{0%{opacity:1}
                      50%{opacity:0}
                      100%{opacity:1}
}
.about_section{position:relative}
.about_content .about_heading{font-size:28px;margin:0 0 30px}
.about_content .sign_wrap{margin-top:30px}
.about_image {
  background:url("../img/about.jpg") no-repeat scroll 0 0;width:570px;height:497px;position:absolute;right:100px;bottom:0}
.services_section{background-color:#333}
.service_content{display:block;}
.service_content i{
  font-size:32px;
  color:#fff;    
  margin: -5px 8px 0 0;
  float: left;
}
.service_content.logo {
  line-height: 140px;
  text-align: center;
}
.service_content h3{font-size:22px;color:#fff;margin:20px 0}
.service_content p{color:#f1f1f1;margin:0}
.portfolio_filter{display:block;text-align:center}
.portfolio_filter li{display:inline-block;color:#a1a1a1;letter-spacing:1px;margin:0 10px}
.portfolio_filter li:hover,
.portfolio_filter li.active{color:#000;cursor:pointer}
.portfolio_content{margin-bottom:30px}
.portfolio_content figure{position:relative}
.portfolio_content figure img{width:100%}
.portfolio_content figcaption.overlay{background-color:rgba(0,0,0,0.8);width:100%;height:100%;position:absolute;left:0;top:0;display:block;text-align:center;-moz-transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.portfolio_content:hover figcaption.overlay{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.portfolio_content figcaption.overlay a{width:100%;height:100%;display:table;color:#fff}
.portfolio_content figcaption.overlay h3{color:#fff;font-size:18px;margin:0 0 10px}
.portfolio_content figcaption.overlay p{margin:0}
.cta_section{background-image:url("../img/cta-bg.jpg");background-repeat:no-repeat;background-attachment:fixed;background-position:center center;-webkit-background-size:cover;background-size:cover;display:block;position:relative;z-index:1}
.cta_section:before{background-color:rgba(255,255,255,0.7);display:block;content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}
.cta_content{display:block;text-align:center}
.cta_content h3{font-size:20px;font-weight:700;margin:0;line-height: 28px;}
.cta_content h4{font-size:20px;font-weight:300;margin:0;line-height: 28px;}
.cta_content h2{font-size:40px;font-weight:700;margin:25px 0}
.contact_form .form-control{border-bottom:1px solid #ddd;color:#000;padding:10px}
.contact_form .form-control:hover,.contact_form .form-control:focus{border-bottom:1px solid #000}
.form-control{background:none;border:none;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;border-radius:0;box-shadow:none}
.form-control:hover,.form-control:focus{border:none;box-shadow:none}
#form-messages{display:none}
#form-messages.alert-danger,#form-messages.alert-success{display:block}
.footer_section{background-color:#333}
.footer_content{display:block;text-align:center}
.social_icons{display:block;text-align:center;margin:0 0 25px}
.social_icons li{display:inline-block;margin:0 5px}
.social_icons li a{background-color:#fff;display:inline-block;font-size:18px;line-height:35px;color:#000;width:35px;height:35px;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%}
.social_icons li a:hover{background-color:#000;color:#fff}
.footer_content p{color:#f1f1f1;margin:0}

.col-sm-2-5 {
  width: 20%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.dn {display: none;}
.dni {display: none !important;}