/** Global Definitions **/
 
body { background:#0F1217 }
.separator { height:60px }
.mt-5 { margin-top: 14px; display: block; }
.mb-5 { margin-bottom: 14px; display: block; }
.sep20 { height: 22px }
.sep40 { height: 40px }
textarea { resize: none }
iframe { border:none }
.form input { height:40px }
a { color: #E9EFF6; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
a:hover {color: #FF6600; text-decoration: none }

 
 
/** Carousel Control **/
.carousel-control { top:40%; background:none; margin-top:0; border:none; font-size: 50px; height: 50px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.carousel-inner > .item > img { width: 100%; }
/** Header **/
 
.navbar { background: #272F38; padding:0px 60px }
    .navbar-inner, .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow:none; box-shadow: none; -moz-box-shadow:none }
    .navbar .brand_logo { margin-top: 46px; float:left; background:url(../img/logo.png) center center no-repeat; width: 290px; height: 56px; background-size: contain;}
        .navbar .brand_logo span { font-size:18px }
        .navbar .nav > li { line-height: 129px; min-width: 100px; text-align: center; }
        .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { margin-top:62px }
        .navbar-inverse .navbar-inner { background:#272F38; min-height: 129px; filter:none; border-color:none; border:none }
        .navbar-fixed-top { position:relative }
        .navbar-inverse .nav > li > a:hover { background-color:#313A44 }
        .navbar-inverse .nav > li > a { color:#9FA6AF; text-transform: uppercase }
        .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { background-color: #eb5e00; filter:none; }
        .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background-color: #313A44 }
        .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { -webkit-box-shadow:none; box-shadow: none; -moz-box-shadow:none }
         
        /** Dropdown Submenu **/
        .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { background: #272F38; border:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
        .dropdown-menu { margin-top: 14px; padding:0 }
        .dropdown-menu > li > a { color: #9FA6AF; padding: 10px 20px; }
        .dropdown-menu > li > a:hover { color: #FFF }
        .navbar .nav > li > .dropdown-menu::before { color:#313A44; border-bottom-color:#272F38 }
        .navbar .nav > li > .dropdown-menu::after { content: none; color:#313A44 }
        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus,
        .dropdown-submenu:hover > a,
        .dropdown-submenu:focus > a { color:#fff; background-image: none; filter:none; background-color: #313A44; text-decoration: none }
 
/** Body **/

.cont-outer { background:#1B222B; padding:50px 60px 50px 60px; border-top:1px solid #031115; border-bottom:1px solid #031115 }
.blog-content.blog-items .sep20 {
    height: 50px;
}
.no_gap { background:#1B222B; padding:0 60px 30px 60px; border-top:1px solid #031115; border-bottom:1px solid #031115 }
    .cont-outer .action div p { font-family: 'Raleway', sans-serif; font-size:34px; line-height:59px; color:#FFF }
    .cont-outer h1 { color:#FFF; font-family: 'Raleway', sans-serif; font-size: 26.5px; line-height: 78px;}
    .cont-outer h2 { color:#FFF; font-family: 'Raleway', sans-serif; font-size: 24.5px;}
    .cont-outer .row-fluid .block { padding:30px }
.block.step.block-next {
    border-top: 1px solid #1B222B;
}    
    /** Homepage Portfolio **/
    .cont-outer .portfolio .block { float: left }
        .cont-outer .portfolio img { max-width:100%; max-height: 100%; float: left; }
            .cont-outer .portfolio .portfolio-item { position:relative; }
            .cont-outer .portfolio .p1 { width:33.333333%; position: relative; float:left }
            .cont-outer .portfolio .p2 { width:33.333333%; float:left }
            .cont-outer .portfolio .overlay { background: #FF6600; opacity: 0.9; position:absolute; z-index: 1; width:0; overflow: hidden; }
            .cont-outer .portfolio a { position:absolute; z-index: 3; width:0; overflow: hidden; }
            .cont-outer .portfolio .item { position:absolute; z-index: 2; color:#FFF; display:none; overflow: hidden; }
            .cont-outer .portfolio .item .header { font-size: 18px; margin-bottom: 10px }
             
        .cont-outer .portfolio .block .dock { color:#fff; padding:40px 0 0 40px; background: #FF6600; margin-bottom:2px; margin-right:2px; z-index: 1; width: 308px; height: 134px }
            .cont-outer .portfolio .block .dock .title { font-size:16px; display: block; margin-bottom: 10px }
            .cont-outer .portfolio .block .link_button, .portfolio .block .resize_button { background: #FFF; padding-top:15px; text-align: center; position: absolute; z-index: 2; color: #272F38; text-decoration: none; display: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
             
        .cont-outer .row-fluid .step .overlay { background:url(../img/cover.png) center center no-repeat; position:absolute; z-index: 1; display: none }
        .cont-outer .row-fluid .step .link_button, .row-fluid .step .resize_button { background: #FFF; padding-top:15px; margin-left: 27px;text-align: center; position: absolute; z-index: 2; color: #272F38; text-decoration: none; display: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
 
 
    .cont-outer .row-fluid { color:#dbdbdb }
        .cont-outer .row-fluid .step { background: #272F38; position: relative; -moz-box-shadow: 0px 1px 0px 0px #12171C; -webkit-box-shadow: 0px 1px 0px 0px #12171C; box-shadow: 0px 1px 0px 0px #12171C; margin-bottom: 0;}
            .cont-outer .row-fluid .step .content { padding: 18px 22px 34px 24px; }
            .cont-outer .row-fluid .step h4 { color:#ececec; font-weight: bold; font-size: 13px; }
            .cont-outer .row-fluid .step h4 a { color:#FFF }
            .cont-outer .row-fluid .step h4 a:hover { color:#FF6600 }
         
    .iframe_home { width:100%; height:512px }
	.team .span4.step, .blog .blog-item.step, button.btn.btn-primary, a.brand_logo {
		transform: scale(1);
		transition: all 0.57s ease-out;
	}  
	.team .span4.step:hover, .blog .blog-item.step:hover, button.btn.btn-primary:hover, a.brand_logo:hover {
		transform: scale(1.037);
		transition: all 0.3s linear;
	}     
	.area.categories img {
		border-radius: 10px;
	}     
     
    /** Contact **/
    .cont-outer .row-fluid .map { padding:10px; margin-bottom:30px }
    .cont-outer .row-fluid .min { min-height: 380px }
    .iframe_map { width:100%; height:394px }   
 
    /** About Us **/
    .cont-outer .row-fluid.team .step .overlay { background:url(../img/cover.png) center center no-repeat; position:absolute; z-index: 1; display: none }
    .cont-outer .row-fluid.team .step .tw, .row-fluid .step .fb { background: #FFF; padding-top:15px; text-align: center; position: absolute; z-index: 2; color: #272F38; text-decoration: none; display: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
 .cont-outer .row-fluid.team .step .tw { background: #FF6600; padding-top:15px; margin-left: 27px;text-align: center; position: absolute; z-index: 2; color: #272F38; text-decoration: none; display: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }    
     
    /** 404 **/
    .p404 { min-height: 420px; }
        .p404 .sign { font-family: 'Open Sans Condensed', sans-serif; color:#FFF; position: relative; top:210px; font-size: 70px; }
        .p404 .txt404 { position:relative; top:260px; color:#fff }
            .p404 .txt404 a { color: #FF6600 }
 
     
    /** QuickSand Portfolio Common **/
    .qs_links a { color:#9FA6AF; padding-top: 10px;}
        .qs_links a.sel { color:#FF6600 }  
     
    /** QuickSand Portfolio (4 column) **/
    .quicksand .all { overflow: hidden; margin: 0 }
        .quicksand .all li { display: block; width: 25%;  float: left }
            .quicksand .all li .overlay { display: block; position: absolute; z-index: 100; background:#FF6600; display: none }    
    /** QuickSand Portfolio Large (3 column) **/
    .quicksand-large .all { overflow: hidden; margin: 0 }
        .quicksand-large .all li { display: block; width: 33.333333%;  float: left }
            .quicksand-large .all li .overlay { display: block; position: absolute; z-index: 100; background:#FF6600; display: none }

    /** Blog **/
     
        /** Widget Column **/
        .cont-outer .blog .right-side .block { margin-bottom:30px; position: relative; border-radius: 10px;}
            .cont-outer .blog .right-side .block .header { border-bottom: 1px solid #1B222B; position:absolute; width:100%; left:0px }
                .cont-outer .blog .right-side .block .header h3 { font-size:14px; font-weight: normal; color:#fff; margin:0 0 26px 30px; line-height: 14px }
            .cont-outer .blog .right-side .block .area { margin-top:60px; position: relative }
                .cont-outer .blog .right-side .block .area.categories ul { margin:0 }
                    .cont-outer .blog .right-side .block .area.categories ul li { background:url(../img/ui/menu-arrow.png) left 7px no-repeat; height: 30px; display: inline-block; min-width: 49%; list-style-type: none }
                .cont-outer .blog .right-side .block .area.categories a { width: 49%; color:#9FA6AF; margin-left:20px; white-space: nowrap; display: inline-block  }
                .cont-outer .blog .right-side .block .area.categories a:hover { text-decoration: none; color:#FF6600 }
            .cont-outer .blog .right-side .form-search, .cont-outer .blog .blog-items .form-search { position:relative; margin:0 }
                .cont-outer .blog .right-side .form-search button, .cont-outer .blog .blog-items .form-search button { position:absolute; top:10px; color:#9FA6AF; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; right:14px; background: #313A44; border:0 }
                .cont-outer .blog .right-side .form-search input, .cont-outer .blog .blog-items .form-search input { padding:11px 14px; height: auto }
                .cont-outer .blog .right-side .form-search button:hover { color:#1B222B }
            .cont-outer .blog .right-side .block .area #twitter .tweet { color: #9FA6AF; margin-bottom:20px }
            .cont-outer .blog .right-side .block .area #twitter .tweet:last-of-type { margin-bottom:0px }
                .cont-outer .blog .right-side .block .area #twitter .tweet .time { font-size: 12px; color: #E9EFF6 }
                 
            .cont-outer .blog .right-side .block .area ul#instagram { list-style-type: none; margin:0}
            .cont-outer .blog .right-side .block .area ul#instagram li { width:25%; display: inline-block }
         
         
        /** Blog Landing Page **/
        .cont-outer .row-fluid.blog .blog-items .blog-item { margin-bottom:30px }
        .cont-outer .row-fluid.blog .blog-items .pagination ul li a { background: #55606E; padding:10px 14px; text-shadow: 0px 1px #293039; color:#fff; margin-right:1px; border:0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0 }
        .cont-outer .row-fluid.blog .blog-items .pagination ul li.sel a { background: #313A44 }
        .cont-outer .row-fluid.blog .blog-items .pagination ul li a:hover { background: #313A44 }
         
         
        /** Blog Single Post Page **/
            .cont-outer .row-fluid.blog.single .blog-content .block.step .header { border-bottom: 1px solid #1B222B; position:absolute; width:100%; left:0px }
            .cont-outer .row-fluid.blog.single .blog-content .block.step .area { margin-top:60px; position: relative }
        .cont-outer .row-fluid.blog.single .blog-content .carousel { 
			margin-bottom:1px;
			border-radius: 10px;
			overflow: hidden;
			}
                .cont-outer .row-fluid.blog.single .blog-content .block.step .header h2 { font-size:22px; color:#fff; margin:0 0 26px 30px; line-height: 14px }
                .cont-outer .row-fluid.blog.single .blog-content .block.step .header h3 { font-size:16px; font-weight: normal; color:#fff; margin:0 0 26px 30px; line-height: 14px }
        .cont-outer .row-fluid.blog.single .blog-content .block.step .area .media-list .media .media-body .comment-head { border-bottom: 1px solid #1B222B; margin-bottom:6px; padding-bottom:6px }
        .cont-outer .row-fluid.blog.single .blog-content .block.step .area .media-list .media .media-body .comment-head .date { font-size: 12px }  
        .iframe_single_page { width:100%; height:394px }
 
 
        /** Portfolio Mix **/
        .js-container { width:1048px; margin:30px auto; position:relative; height:668px }
         
        .js-container.drop { display: none }
        .js-container.drop .js-image { display: none }
         
        .js-image { font-size:1em; overflow:hidden; display: none; position:absolute; z-index:1; text-align:left }
        .js-image .overlay { background: #FF6600; opacity: 0.9; position:absolute; z-index: 1; width:100px; overflow: hidden; }
        .js-image a { position:absolute; z-index: 3; width:0; overflow: hidden; }
        .js-image .item { position:absolute; z-index: 2; color:#FFF; display:none; overflow: hidden; }
        .js-image .item .header { font-size: 18px; margin-bottom: 10px }       
         
        .js-image.size-3 { width:349px; height:349px; overflow: hidden; }
        .js-image.size-3 img { height: 349px }
        .js-image.size-3-half { width:349px; height:174px; overflow: hidden }
        .js-image.size-2 { width:518px; height:349px; overflow: hidden }
        .js-image.size-2-half { width:517px; height:174px; overflow: hidden }
        .js-image.size-1 { width:265px; height:350px; overflow: hidden }
        .js-image.size-1 img { height: 350px }
        .js-image.size-1-half { width:258px; height:175px; overflow: hidden }
 
        .js-image.m1 { top:0px;left:350px }
        .js-image.m2 { top:175px; left:350px }
        .js-image.m3 { top:0px; left:700px }
        .js-image.m4 { top:175px; left:700px }
        .js-image.m5 { top:350px; left:0px }
        .js-image.m6 { top:350px; left:518px }
        .js-image.m7 { top:350px; left:784px }
        .js-image.m8 { top:525px; left:0px }
        .js-image.m9 { top:525px; left:259px }
         
         
 
/** Footer **/
 
.footer_inner { background:#272F38; color:#676E76; padding:0 60px }
    .footer_inner a { color:#bac4cf }
    .footer_inner a:hover { color:#FFF; text-decoration: none }
    .footer_inner .copyright { padding:42px 0; float:left; color: #c1c5ca; }
    .footer_inner .social_icons { }
        .footer_inner .social_icons a { background:#313A44; position: relative; overflow: hidden; padding-top:35px; height:70px; width:50px; text-decoration: none; text-align: center; margin-left:5px; float:left }
        .footer_inner .social_icons a i { position: relative }
        .footer_inner .social_icons a:hover { background: #55606E }
        .footer_inner .social_icons a:hover i { color:#FFF }
            .footer_inner .social_icons a:hover i.active { position:relative; color:#FFF }
     
/** Buttons **/
 
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #55606E;
  *background-color: #55606E;
  background-image: -moz-linear-gradient(top, #55606E, #55606E);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#55606E), to(#55606E));
  background-image: -webkit-linear-gradient(top, #55606E, #55606E);
  background-image: -o-linear-gradient(top, #55606E, #55606E);
  background-image: linear-gradient(to bottom, #55606E, #55606E);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55606E', endColorstr='#55606E', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
 
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #55606E;
  *background-color: #55606E;
}
 
 
.btn-large {
    padding: 21px 28px;
    font-size: 14px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
}
 
 
/** Input **/
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background: #313A44; border-radius: 0; border:0; color:#9FA6AF }
textarea.span12, input[type="text"] {
	border-radius: 5px;
    padding: 10px;
} 
p{
	font-size: 16px;
    line-height: 28px;
} 
.span4.step.block {
    border-radius: 10px;
}
.right-side.span4 {
    border-radius: 10px;
    overflow: hidden;
}
.span8 {
    border-radius: 10px;
    overflow: hidden;
}
.span4.step, .span3.step {
    border-radius: 10px;
    overflow: hidden;
}
.span3.step img {
    width: 100%;
}
.block.step.visible-desktop.visible-tablet {
    border-radius: 10px;
    overflow: hidden;
}
.cont-outer .row-fluid.blog .blog-items .blog-item {
    border-radius: 10px;
    overflow: hidden;
}
.blog-item.step img {
    width: 100%;
}
    .error {
        border:1px solid red !important
    }
h2.h2-home {
    font-size: 1rem;
    border-bottom: 1px solid #1B222B;
    margin-top: 0;	
}
/** Mobile **/
 
/** Disable the % portfolio **/
@media (min-width: 1200px) {
    .cont-outer .carousel-homepage { display: none }
    .isotope-mix { display: none }
    .isotope-links-mix { display: none }
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    	width: 100%;
		max-width: 1580px;
	}
}
@media (min-width: 980px) and (max-width: 1199px) {
    .cont-outer .portfolio { display: none }
    .portfolio-mix .js-container { display:none }
    .quicksand-links-mix { display: none }
}
 
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { margin-top: 6px }
    .cont-outer { padding:20px }
    .footer_inner, .navbar { padding:0 20px }
    .navbar .btn-navbar {margin: 20px 0 10px;}
    .navbar .nav > li { line-height: normal }
    .navbar-fixed-top { margin-bottom: 0 }
    .cont-outer .row-fluid .block { min-height: inherit }
    .quicksand .colors li { width: 211px; height: 186px }
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-right: 0px; margin-left: 0px; padding-bottom: 10px; }
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding:0;     min-height: 50px;}
     
     
    /** Mobile menu **/
    .nav-collapse .nav a { font-weight: normal !important; }
    .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #9FA6AF }
     
    /** Dropdown menu **/
    .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
    .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
    .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: #fff; background-color: #55606E }
     
    /** Active menu **/
    .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { background-color: #FF6600; color:#FFF !important }
     
    /** Mobile menu hover **/
    .navbar-inverse .nav-collapse .nav > li > a:hover,
    .navbar-inverse .nav-collapse .nav > li > a:focus,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover,
    .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #55606E; background-image: none; color:#FFF !important }
     
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus { background-color: #55606E; background-image: none; color:#FFF !important }
     
    /** Blog Single Post **/
    .cont-outer .row-fluid.blog.single .block.step { margin-bottom: 20px }
     
    /** Blog Frontpage **/
    .cont-outer .blog .right-side .block { margin-bottom: 20px }
    .cont-outer .row-fluid.blog .blog-items .blog-item { margin-bottom:20px }
    .cont-outer .row-fluid.blog.single .blog-content .block.step:last-of-type { margin-bottom: 0 }
    .cont-outer .blog .right-side .block:last-of-type { margin-bottom: 0 }
     
    /** Contact **/
    .cont-outer .row-fluid .map { margin-bottom:20px }
 
    /** About Us **/
    .cont-outer .row-fluid .step { margin-bottom:20px }
    .cont-outer .row-fluid .step:last-of-type { margin-bottom: 20px }
 
    /** Homepage Portfolio **/
    .cont-outer .portfolio { display: none }
    .quicksand-links-mix { display: none }
 
    .cont-outer .blog .right-side .block .area.categories ul li a{ font-size:12px;} 
 .cont-outer .span4 .area a { font-size:11px;}
.navbar .brand_logo {
    margin-top: 8px;
    float: left;
    background: url(../img/logo.png) center center no-repeat;
    width: 290px;
    height: 56px;
	 background-size: contain;
}
.cont-outer h1 {
	line-height: 40px;
    margin-top: 0;
    font-size: 24px;
} 	
.blog-content.blog-items .sep20 {
    height: 20px;
}	
}
  
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .cont-outer .blog .right-side .block .area.categories ul li.active_weblink a { color: #FF6600;}   
    /** Top Header **/
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin: auto 0 0 0; }
    .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { margin-top: 6px }
     
     
    .cont-outer { padding: 20px }
    .container .cont-outer .action div p { text-align: center }
    .footer_inner, .navbar { padding:0 20px }
    .navbar .btn-navbar {margin: 20px 0 10px;}
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin: auto 0 0 0; padding-bottom: 10px; }
    .navbar .nav > li { line-height: normal }
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding:0;    min-height: 50px;}
     
    /** Mobile menu **/
    .nav-collapse .nav a { font-weight: normal !important; }
    .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #9FA6AF }
 
    /** Dropdown menu **/
    .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
    .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
    .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: #fff; background-color: #55606E }
 
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-submenu:hover > a,
    .dropdown-submenu:focus > a { background-image:none; filter: inherit; background-color: #000 }
 
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus { background-image: none; filter: inherit; background-color: #000 }
 
     
    /** Active menu **/
    .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { background-color: #FF6600; color:#FFF !important }
     
    /** Mobile menu hover **/
    .navbar-inverse .nav-collapse .nav > li > a:hover,
    .navbar-inverse .nav-collapse .nav > li > a:focus,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover,
    .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #55606E; color:#FFF !important }
     
    /** Categories Menu **/
    .cont-outer .blog .block select { width:100% } 
     
    /** Home page **/
         
        /** Projects **/
        .cont-outer .row-fluid.projects .step { margin-bottom: 20px }
        .cont-outer .row-fluid.projects .step:last-of-type { margin-bottom: 0px }
     
     
    /** Blog Single Post **/
    .cont-outer .row-fluid.blog.single .block.step { margin-bottom: 20px }
     
    .cont-outer .row-fluid.blog.single .right-side .block.step:last-of-type { margin-bottom: 0 }
     
    /** Blog Frontpage **/
    .cont-outer .blog .right-side .block { margin-bottom: 20px }
    .cont-outer .row-fluid.blog .blog-items .blog-item { margin-bottom:20px }
    .cont-outer .blog .right-side .block:last-of-type { margin-bottom: 0 }
     
    /** Contact **/
    .cont-outer .row-fluid .map { margin-bottom:20px !important }
    .cont-outer .row-fluid .min { margin-bottom:20px; min-height: inherit }
    .cont-outer .row-fluid .min:last-of-type { margin-bottom:0 }
     
    /** About Us **/
    .cont-outer .row-fluid .step { margin-bottom:20px }
    .cont-outer .row-fluid .step:last-of-type { margin-bottom: 0 }
     
    /** Homepage Portfolio **/
    .cont-outer .portfolio { display: none }
    .quicksand-links-mix { display: none } 
 .navbar .brand_logo {
    margin-top: 10px;
}
.cont-outer h1 {
	line-height: 40px;
    margin-top: 0;
    font-size: 24px;
} 	
.blog-content.blog-items .sep20 {
    height: 20px;
}	
}
  
/* Landscape phones and down */
@media (max-width: 480px) {
 
    .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { margin-top:6px }
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding:0 }
    /** Mobile menu **/
 
    .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #9FA6AF }
     
    /** Active menu **/
    .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { background-color: #FF6600; color:#FFF !important }
     
    /** Mobile menu hover **/
    .navbar-inverse .nav-collapse .nav > li > a:hover,
    .navbar-inverse .nav-collapse .nav > li > a:focus,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover,
    .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #55606E; color:#FFF !important }
     
    /** Categories Menu **/
    .cont-outer .blog .block select { width:100% } 
     
     
    /** Blog Single Post **/
    .cont-outer .row-fluid.blog.single .block.step { margin-bottom: 20px }
    .cont-outer .row-fluid.blog.single .right-side .block.step:last-of-type { margin-bottom: 0px }
     
     
    /** Blog Frontpage **/
    .cont-outer .row-fluid.blog .blog-items .blog-item { margin-bottom:20px }
    .cont-outer .blog .right-side .block { margin-bottom: 20px }
    .cont-outer .blog .right-side .block:last-of-type { margin-bottom: 0 }
     
    /** Footer **/
     
    /** Social icons **/
    .footer_inner .social_icons a { width:45px }
     
    /** Contact **/
    .cont-outer .row-fluid .map { margin-bottom:20px !important }
    .cont-outer .row-fluid .min { margin-bottom:20px; min-height: inherit }
    .cont-outer .row-fluid .min:last-of-type { margin-bottom:0 }
     
 
    /** About Us **/
    .cont-outer .row-fluid .step { margin-bottom:20px }
    .cont-outer .row-fluid .step:last-of-type { margin-bottom: 0 }
 
    /** Homepage Portfolio **/
    .cont-outer .portfolio { display: none }
    .quicksand-links-mix { display: none }
 
}



.qs_links {float: right; padding-top:22px; font-size:17px; color: #E0E7EF;}
.qs_links.option-set .pull-right ul {display:inline; list-style:none; color: #E0E7EF;}
.qs_links.option-set .pull-right ul li {display:inline; list-style:none; color: #E0E7EF;    line-height: 58px;}
.qs_links.option-set .pull-right ul li a {color: #E0E7EF;}
.qs_links.option-set .pull-right ul li a:hover { color: #FF6600;}
.qs_links.option-set .pull-right ul li.active_weblink a { color: #FF6600;}


.cont-outer span4.step.block.min .header h2 { border-bottom: 1px solid #1B222B; position:absolute; width:100%; left:0px }
                .cont-outer .blog .right-side .block .header h3 { font-size:16px; font-weight: normal; color:#fff; margin:0 0 26px 30px; line-height: 16px; font-family: 'Raleway', sans-serif; }
				
				
/**Phone View Logo**/			
@media (max-width: 470px) {
.navbar .brand_logo { padding-left: 0; margin-left: 0; margin-top: 14px; float:left; background:url(../img/logo_sm.png) left top no-repeat; height: 39px; width: 234px; background-size: contain;}
.cont-outer h1 {
	line-height: 40px;
    margin-top: 0;
    font-size: 24px;
} 
}
   .cont-outer .blog .right-side .block .area.categories ul li.active_weblink a { color: #FF6600;} 
 /**Phone View Logo End**/  
  
   
/**Contact Page Edit**/  
.cont-outer .span4 .header { margin-bottom:30px; position: relative; }

.cont-outer .span4 .header { border-bottom: 1px solid #1B222B; position:absolute; width:100%; left:0px }

.cont-outer .span4 .header h3 {     
	font-size: 16px;
    font-weight: normal;
    color: #fff;
    margin: 0 0 26px 30px;
    line-height: 16px;
    font-family: 'Raleway', sans-serif;}

.cont-outer .span4 .area2 { margin-top:60px; position: relative }


.cont-outer .span4 .area2 ul { margin:0 } 

.cont-outer .span4 .area2 ul li { /*background:url(../img/ui/menu-arrow.png) left 16px no-repeat;*/ height: 64px; display: inline-block; min-width: 40%; list-style-type: none; }
                
.cont-outer .span4 .area2 a { width: 49%; color:#9FA6AF; margin:14px 20px 10px 10px; white-space: nowrap; /*display: inline-block*/  }

.cont-outer .span4 .area2 a:hover { text-decoration: none; color:#FF6600 }
/**Contact Page Edit End**/ 

.cont-outer .row-fluid .min .header { margin-bottom:30px; border-bottom: 1px solid #1B222B; position:absolute; width:100%; left:0px }
.cont-outer .row-fluid .min .area { margin-top:60px; position: relative }
        
.cont-outer .row-fluid .min .header h2 { font-size:24.5px; color:#fff; margin:0 0 26px 30px; line-height: 14px }

/*Home Grid*/
.row-fluid.row-our-services {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}
.row-fluid.row-our-services:before, .row-fluid.row-our-services:after {
    display: none;
}
.row-fluid.row-our-services .span4.step.block {
    display: flex;
	flex-flow: column wrap;
	width: 100%;
    height: 100%;
	margin:0;
}
.row-fluid.row-our-services .span4.step.block p {
    margin-bottom: 15px;
}
.row-fluid.row-our-services .span4.step.block a.btn.btn-primary.mt-5.mb-5 {
    margin-top: auto;
}
@media (max-width: 979px) {
.row-fluid.row-our-services {
    display: grid;
    grid-template-columns: 1fr;
	gap: 20px;
}
}