/*
    Blue:   #0080FF;
    Green:  #84d2e1; 

    Brown:  #A55625;
    Grey :  #4c4c4c;
*/
/*@portalName: "doctable";
@color_1: darken(#0080FF, 15%);     //Main color, used for links, tabs, buttons...
@color_2: @color_1;                  //used for titles
@color_3: #0080FF;                  //used for block backgrounds (locations)
@color_3_text: white;               // - text color when used on background color_3
@color_4: #84d2e1;                  //used for secondary block backgrounds (filters, footer...)
@color_4_text: white;               // - text color when used on background color_4*/
/*   
Template Name: Metronic - Responsive Website Template build with Twitter Bootstrap 3.0
Version: 1.5.2
Author: KeenThemes
Website: http://www.keenthemes.com/preview/?theme=metronic_frontend
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469
*/
/***
Import fonts
***/
/*** load open sans font from Google Fonts
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
***/
/* load open sans font from local */
@import url(../../base/fonts/font.css);
/* General body settings */
body {
  color: #000;
  font-size: 13px;
  direction: ltr;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Open Sans' !important;
  overflow-x: hidden;
}
/*********************
 GENERAL UI COLORS 
*********************/
/***
Colors
***/
.color-red {
  color: #e02222;
}
.color-blue {
  color: #136fca;
}
.color-grey {
  color: #555555;
}
.color-green {
  color: #35aa47;
}
.color-yellow {
  color: #ffb848;
}
.color-purple {
  color: #852b99;
}
.color-light-red {
  color: #ff5400;
}
.color-light-blue {
  color: #bfd5fa;
}
.color-light-grey {
  color: #fafafa;
}
.color-light-green {
  color: #78df1d;
}
/*********************
 GENERAL RESET & SETUP 
*********************/
/***
General typography 
***/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  font-family: inherit;
  color: #383838;
  font-weight: bold;
}
h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block {
  padding-bottom: 10px;
}
h2,
h2 a {
  color: #444;
  font-size: 21px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}
h2 a:hover {
  color: #136fca;
  text-decoration: none;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
/***
Apply fix for font awesome icons.
***/
[class^="fa-"],
[class*=" fa-"],
[class^="fa-"]:hover,
[class*=" fa-"]:hover {
  background: none !important;
}
/***
ie8 & ie9 modes
***/
.visible-ie8 {
  display: none;
}
.ie8 .visible-ie8 {
  display: inherit !important;
}
.visible-ie9 {
  display: none;
}
.ie9 .visible-ie9 {
  display: inherit !important;
}
.hidden-ie8 {
  display: inherit;
}
.ie8 .hidden-ie8 {
  display: none !important;
}
.hidden-ie9 {
  display: inherit;
}
.ie9 .hidden-ie9 {
  display: none !important;
}
/***
General More Link
***/
a.more {
  font-size: 13px;
  font-weight: 400 !important;
  font-family: 'Open Sans' !important;
}
a.more i {
  font-size: 12px;
}
/***
Fix link outlines after click
***/
a,
a:focus,
a:hover,
a:active {
  outline: 0;
  color: #06223e;
}
/***
IE8 fix for form input height in fluid rows
***/
.ie8 .row-fluid [class*="span"] {
  min-height: 20px !important;
}
/***
Fix grid offset used for reponsive layout handling(refer app.js=>handleResponsive)
***/
.fix-offset {
  margin-left: 0px !important;
}
/***
Misc tools
***/
.clearfix {
  clear: both;
}
.visible-ie8 {
  display: none;
}
.no-padding {
  padding: 0px !important;
}
.no-margin {
  margin: 0px !important;
}
.no-bottom-space {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.no-top-space {
  padding-top: 0px !important;
  margin-top: 0px !important;
}
.space5 {
  display: block;
  height: 5px !important;
  clear: both;
}
.space7 {
  height: 7px !important;
  clear: both;
}
.space10 {
  height: 10px !important;
  clear: both;
}
.space12 {
  height: 12px !important;
  clear: both;
}
.space15 {
  height: 15px !important;
  clear: both;
}
.space20 {
  height: 20px !important;
  clear: both;
}
.no-space {
  margin: 0px !important;
  padding: 0px !important;
}
.no-text-shadow {
  text-shadow: none !important;
}
.no-left-padding {
  padding-left: 0 !important;
}
.no-left-margin {
  margin-left: 0 !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-0 {
  margin-left: 0 !important;
}
.padding-left-0 {
  padding-left: 0 !important;
}
.hide {
  display: none;
}
.bold {
  font-weight: 600 !important;
}
.fix-margin {
  margin-left: 0px !important;
}
.border {
  border: 1px solid #ddd;
}
.inline {
  display: inline;
}
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #E0DFDF;
  border-bottom: 1px solid #FEFEFE;
}
/* overides metro scrolbars in IE10 and makes them look like a default scrollbar */
@-ms-viewport {
  width: auto !important;
}
/*Global classes*/
.container {
  padding: 0 10px;
}
.min-hight {
  min-height: 500px;
}
/*.page-header-fixed .slider { 
	margin-top: 50
}*/
/********************
 GENERAL LAYOUT 
*********************/
/***
Top Bar
***/
.front-topbar {
  border-bottom: solid 1px #f5f5f5;
  margin-top: -1px;
}
.front-topbar ul {
  padding-left: 0;
  margin-bottom: 0;
}
.front-topbar li {
  padding: 6px 5px;
  display: inline-block;
}
.front-topbar a,
.front-topbar li {
  color: #999;
  font-size: 12px;
}
.front-topbar li.sep span {
  color: #eee;
  font-size: 11px;
}
.front-topbar li i.topbar-info-icon {
  margin-right: 3px;
}
/*Social Icons*/
.front-topbar .topbar-social {
  text-align: right;
}
.front-topbar .topbar-social ul {
  margin-right: 15px;
}
.front-topbar .topbar-social li {
  padding: 0;
}
.front-topbar .topbar-social i {
  color: #bbb;
  opacity: 0.7;
  font-size: 15px;
  padding: 9px 5px 8px;
  display: inline-block;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.front-topbar .topbar-social a:hover {
  text-decoration: none;
}
.front-topbar .topbar-social a:hover i {
  color: #999;
  opacity: 1;
}
.front-topbar .topbar-social a:hover i {
  transition: background 0.9s ease;
  -o-transition: background 0.9s ease;
  -moz-transition: background 0.9s ease;
  -webkit-transition: background 0.9s ease;
}
.front-topbar .topbar-social a:hover i.icon-facebook {
  color: #fff;
  background: #677fb1 !important;
}
.front-topbar .topbar-social a:hover i.icon-twitter {
  color: #fff;
  background: #04a5e9 !important;
}
.front-topbar .topbar-social a:hover i.icon-google-plus {
  color: #fff;
  background: #e14544 !important;
}
.front-topbar .topbar-social a:hover i.icon-linkedin {
  color: #fff;
  background: #28afd1 !important;
}
.front-topbar .topbar-social a:hover i.icon-youtube {
  color: #fff;
  background: #e36c6e !important;
}
.front-topbar .topbar-social a:hover i.icon-skype {
  color: #fff;
  background: #3fd0fa !important;
}
/*  */
.front-topbar .login-reg-links {
  text-align: right;
}
.front-topbar .login-reg-links ul {
  margin-right: 15px;
}
/***
Header and header elements.
***/
/*Navigation*/
.header {
  z-index: 999;
  position: relative;
  box-shadow: 0 1px 3px #ddd;
  background: #fff;
  filter: none;
  border: none;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.ie8 .header {
  border-bottom: 1px solid #eee;
}
.header .navbar-collapse {
  position: relative;
}
.page-header-fixed .header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.scrolling-fixed.header {
  opacity: 0.95;
}
.page-header-fixed .page-container {
  margin-top: 75px;
  margin-bottom: 30px;
}
.navbar {
  margin-bottom: 0;
}
.header a.brand {
  font-size: 23px;
  font-weight: 400;
}
.header a.brand b {
  color: #136fca;
  font-weight: 400;
}
.header a.brand span {
  color: #b0b0b0;
  display: block;
  font-size: 12px;
}
.header .nav li:first-child {
  margin-left: 0;
}
.navbar-brand {
  -moz-transition: padding 0.3s ease-in-out;
  -webkit-transition: padding 0.3s ease-in-out;
  -o-transition: padding 0.3s ease-in-out;
  transition: padding 0.3s ease-in-out;
  position: relative;
  z-index: 2;
}
.scrolling-fixed .navbar-brand {
  padding: 0 15px;
}
.header a.logo-v1 img {
  -moz-transition: width 0.2s ease-in-out;
  -webkit-transition: width 0.2s ease-in-out;
  -o-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -webkit-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  -moz-transition: margin 0.2s ease-in-out;
  -webkit-transition: margin 0.2s ease-in-out;
  -o-transition: margin 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out;
}
.header .navbar-nav li a {
  color: #333;
  font-size: 15px;
  font-weight: 400;
  text-shadow: none;
  position: relative;
  padding: 26px 16px 27px;
  border-top: solid 2px #fff;
  -moz-transition: padding 0.3s ease-in-out;
  -webkit-transition: padding 0.3s ease-in-out;
  -o-transition: padding 0.3s ease-in-out;
  transition: padding 0.3s ease-in-out;
}
.header.scrolling-fixed .nav li a {
  padding: 14px 16px;
}
.header .nav li > a:hover,
.header .nav li.active > a,
.header .nav li.active:hover > a {
  color: #136fca;
  border-radius: 0;
  text-shadow: none;
  padding-top: 26px;
  box-shadow: none !important;
  border-top: solid 2px #136fca;
}
.header.scrolling-fixed .nav li > a:hover,
.header.scrolling-fixed .nav li.active > a,
.header.scrolling-fixed .nav li.active:hover > a {
  padding-top: 14px;
}
.header .nav > li > a:focus,
.header .nav > li > a:hover {
  color: #888;
}
.header ul.nav {
  float: right;
  margin-right: 0;
}
.header .in.collapse ul {
  margin-top: 0;
}
.header .in.collapse li a:hover {
  color: #fff;
  background: #136fca;
}
.header .in.collapse li.active > a,
.header .in.collapse li.active:hover > a {
  color: #fff;
  background: #136fca;
}
/*Navigation Toggle Icon*/
.header .navbar-btn {
  border: none;
  padding: 10px;
  margin-top: 10px;
  border-radius: 0;
  background: #136fca;
}
.header .navbar-btn:hover {
  background: #0a8ec5 !important;
}
.header .navbar-btn span,
.header .navbar-btn:hover span {
  background: #fff !important;
  box-shadow: none !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important;
}
/*Navigation Dropdown*/
.header .dropdown-menu {
  border: none;
  box-shadow: none;
  min-width: 185px;
  border-bottom: none;
  border-left: solid 1px #eee;
  border-right: solid 1px #eee;
  border-top: solid 2px #136fca;
  padding: 0;
}
.header .dropdown-menu li {
  margin-left: 0;
  border-bottom: solid 1px #f5f5f5;
}
.header .dropdown-menu li a {
  color: #444;
  font-size: 14px;
  font-weight: 300;
  padding: 9px 15px !important;
  text-transform: inherit;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  border: none !important;
}
.header .nav .dropdown-menu li a:hover,
.header .nav li.active .dropdown-menu li a:hover {
  border: none;
  color: #444 !important;
  background: #fdfdfd !important;
}
.header .nav li.active .dropdown-menu li.active a {
  border: none !important;
  color: #444 !important;
  background: #f7f9fa !important;
}
.header .nav > li > .dropdown-menu:after,
.header .nav > li > .dropdown-menu:before {
  border: none;
}
.header .nav li.dropdown.open > .dropdown-toggle {
  color: #136fca;
  background: none;
}
.header .nav li.dropdown .dropdown-toggle i {
  font-size: 12px;
}
.header .in.collapse li.dropdown.active > a,
.header .in.collapse li.dropdown.active:hover > a {
  color: #fff;
  background: #136fca;
}
.header .nav > li.dropdown.open.active > a:hover,
.header .nav > li.dropdown.open.active > a:focus {
  border-color: #136fca;
}
/*Menu Search*/
.header .nav li.menu-search {
  position: relative;
  padding: 15px 0;
  -moz-transition: padding 0.3s ease-in-out;
  -webkit-transition: padding 0.3s ease-in-out;
  -o-transition: padding 0.3s ease-in-out;
  transition: padding 0.3s ease-in-out;
}
.scrolling-fixed.header .nav li.menu-search {
  padding: 0;
}
.header .nav li.menu-search i {
  color: #bbb;
  font-size: 16px;
  cursor: pointer;
}
.header .nav li.menu-search i:hover {
  color: #136fca;
}
.header .search-box {
  right: 0;
  top: 100%;
  padding: 10px;
  display: none;
  background: #fff;
  position: absolute;
  border: solid 1px #eee;
  border-top: none !important;
  margin-top: 10px;
}
.scrolling-fixed .search-box {
  margin-top: 15px;
}
.header .search-box input {
  height: 34px;
  margin-bottom: 0;
  vertical-align: middle;
}
.header .search-box .btn {
  margin-left: -5px;
}
.header .search-box form,
.header .search-box input,
.header .search-box .input-append {
  margin-bottom: 0;
}
.header .nav li.menu-search span.sep {
  top: 10px;
  width: 1px;
  height: 31px;
  background: #eee;
  position: relative;
  margin: 0 12px 0 5px;
  display: inline-block;
}
/***
Slider
***/
.slider-main {
  z-index: 1;
  position: relative;
  border-bottom: solid 1px #eee;
  max-height: 450px !important;
  overflow: hidden;
  margin-bottom: 10px;
}
.slide_title_white {
  font-family: 'Open Sans';
  font-weight: 300;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 47px;
}
.slide_title_white_bold {
  font-weight: 400;
}
.slide_subtitle_white {
  border-top: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
  font-family: 'Open Sans';
  font-weight: 300;
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
}
.slider-colored {
  z-index: 1;
  height: 495px !important;
  position: relative;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.slide_title,
.slide_subtitle,
.slide_desc,
.slide_btn {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.slide_title {
  font-family: 'Open Sans';
  font-weight: 300;
  color: #3f5862;
  text-transform: uppercase;
  font-size: 47px;
}
.slide_subtitle {
  font-family: 'Open Sans';
  font-weight: 400;
  background-color: #0088cc;
  padding: 5px;
  color: #fafafa;
  text-transform: uppercase;
  font-size: 18px;
}
.slide_list_item {
  font-family: 'Open Sans';
  font-weight: 400;
  background-color: #0088cc;
  padding: 5px;
  color: #fafafa;
  text-transform: uppercase;
  font-size: 14px;
}
.slide_desc {
  color: #7b8793;
  font-size: 14px;
  line-height: 24px;
}
.slide_desc_bordered {
  border-left: 3px solid #ddd !important;
  padding-left: 5px;
}
.slide_btn {
  font-family: 'Open Sans';
  font-weight: 300;
  background: #6fc561;
  padding: 7px 15px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}
/*.tp-leftarrow.default { 
	background: #d2d7dc url(../img/sliders/revolution/arrow_left.png) no-repeat center !important;	
	width:40px !important;	
	height:50px !important;
}

.tp-rightarrow.default {	
	background:  #d2d7dc url(../img/sliders/revolution/arrow_right.png) no-repeat center !important;
	width:40px !important;	
	height:50px !important;
}*/
/***
Content and content elements.
***/
/*Services Box*/
.service-box {
  margin: 30px -15px;
}
.service-box p {
  color: #656565;
  font-size: 13px;
}
.service-box .service-box-heading {
  padding: 12px 0;
}
.service-box .service-box-heading i {
  padding: 0;
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  border-radius: 34px;
  font-size: 18px;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  vertical-align: baseline;
}
.service-box .service-box-heading i.blue {
  color: #136fca;
  border: 1px solid #136fca;
}
.service-box .service-box-heading i.red {
  color: #db3a1b;
  border: 1px solid #db3a1b;
}
.service-box .service-box-heading i.green {
  color: #35aa47;
  border: 1px solid #35aa47;
}
.service-box .service-box-heading span {
  color: #444;
  font-size: 21px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-left: 10px;
  display: inline-block;
}
.service-box .service-box-heading [class^="icon-"],
.service-box [class*=" icon-"] {
  display: inline-block;
  text-align: center;
}
.service-box .service-box-heading [class^="icon-"].icon-large,
.service-box .service-box-heading [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}
/*Blockquote Box*/
.quote-v1 {
  margin: 30px 0;
  background: #136fca;
  width: 100%;
  overflow: hidden;
}
.quote-v1 a {
  margin: 5px;
  display: inline-block;
}
.quote-v1 span {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  margin: 13px 5px 8px;
  line-height: 26px;
  display: inline-block;
}
.quote-v1-inner {
  padding: 10px;
}
/*Recent Works*/
.recent-work {
  margin: 20px 0;
  position: relative;
}
.recent-work .col-md-3 {
  padding: 0;
}
.recent-work .col-md-9 {
  padding-right: 0;
}
.recent-work a:hover {
  text-decoration: none;
}
.recent-work h2 {
  margin: 3px 0 10px;
  padding-right: 50px;
}
/*Mixed Block*/
.mix-block {
  margin: 30px -15px;
}
.mix-block .row {
  margin: 0;
}
.tab-style-1 .row [class*="col-"] {
  padding-left: 0;
}
/*Tabs*/
.tab-style-1 ul.nav-tabs {
  margin-bottom: 0;
  border-bottom-color: #136fca;
}
.tab-style-1 ul.nav-tabs > li {
  margin-bottom: 0;
  margin-right: 3px;
}
.tab-style-1 ul.nav-tabs li > a {
  color: #7c858e;
  font-size: 14px;
  margin-top: 1px;
  min-width: 100px;
  padding: 5px 15px;
  text-align: center;
  background: #f4f4f4;
}
.tab-style-1 ul.nav-tabs li > a:hover {
  color: #fff;
  background: #136fca;
  border-color: #136fca;
}
.tab-style-1 ul.nav-tabs .active > a,
.tab-style-1 ul.nav-tabs .active > a:hover,
.tab-style-1 ul.nav-tabs .active > a:focus {
  color: #fff;
  background: #136fca;
  border-color: #136fca;
}
.tab-style-1 .tab-content {
  padding: 20px 15px;
  background: #fafafa;
}
.tab-style-1 .tab-content p {
  margin-bottom: 0;
}
.tab-style-1 .tab-content img {
  margin: 5px 0 10px;
}
/*Testimonials*/
.testimonials-v1 .carousel {
  margin-bottom: 0;
}
.testimonials-v1 .item span.testimonials-slide {
  padding: 15px;
  color: #8a8a8a;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
  background: #f8f8f8 url(../../base/img/corners.png) no-repeat right bottom;
}
.testimonials-v1 .carousel-info {
  overflow: hidden;
  padding-top: 15px;
  background: url(../../base/img/arrow-testimonials.png) no-repeat 83px 0;
}
.testimonials-v1 .carousel-info img {
  width: 75px;
  height: 75px;
  padding: 3px;
  border-radius: 150px !important;
  border: solid 1px #f5f5f5;
}
.testimonials-v1 .carousel-info {
  overflow: hidden;
}
.testimonials-v1 .carousel-info img {
  margin-right: 15px;
}
.testimonials-v1 .carousel-info span {
  display: block;
}
.testimonials-v1 span.testimonials-name {
  color: #136fca;
  font-size: 16px;
  font-weight: 300;
  margin: 23px 0 7px;
}
.testimonials-v1 span.testimonials-post {
  color: #656565;
  font-size: 12px;
}
.testimonials-v1 .left-btn,
.testimonials-v1 .right-btn {
  right: 0;
  width: 24px;
  height: 24px;
  bottom: 30px;
  position: absolute;
  display: inline-block;
}
.testimonials-v1 .left-btn {
  right: 25px;
  background: url(../../base/img/icons/left.png) no-repeat;
}
.testimonials-v1 .right-btn {
  background: url(../../base/img/icons/right.png) no-repeat;
}
.testimonials-v1 .right-btn:hover {
  background: url(../../base/img/icons/right-hover.png) no-repeat;
}
.testimonials-v1 .left-btn:hover {
  background: url(../../base/img/icons/left-hover.png) no-repeat;
}
/*Steps*/
.front-steps {
  padding: 15px 20px 33px;
}
.front-steps p {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
}
.front-steps h2 {
  color: #f0f0f0;
  font-size: 22px;
}
.front-steps.front-step-one h2 {
  color: #fefefe;
}
.front-steps.front-step-one {
  background: #136fca url(../../base/img/steps/one.png) no-repeat right bottom;
}
.front-steps.front-step-two {
  background: #7c858e url(../../base/img/steps/two.png) no-repeat right bottom;
}
.front-steps.front-step-three {
  background: #68727c url(../../base/img/steps/three.png) no-repeat right bottom;
}
.front-steps.front-step-one,
.front-steps.front-step-two {
  position: relative;
}
.front-steps.front-step-one:after,
.front-steps.front-step-two:after {
  top: 50%;
  width: 0;
  height: 0;
  left: 100%;
  z-index: 2;
  content: " ";
  display: block;
  margin-top: -1em;
  position: absolute;
  border-left: 15px solid #36b3e7;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.front-steps.front-step-two:after {
  border-left-color: #868e96;
}
.no-space-steps {
  padding: 0 15px;
}
/*Clients*/
.our-clients h2 {
  margin-top: 3px;
  margin-bottom: 10px;
}
.clients-list {
  margin: 0;
}
.clients-list li {
  background: #f9f9f9;
  position: relative;
}
.clients-list li img.color-img {
  top: 0;
  left: 0;
  display: none;
  position: absolute;
}
.clients-list li:hover img.color-img {
  display: block;
}
/***
Footer
***/
.footer {
  padding: 35px 0;
  font-size: 13px;
  background: #cdcdcd;
}
.footer h2 {
  color: #eee;
}
.footer p {
  color: #eee;
}
.footer a {
  color: white;
}
.footer address {
  color: #eee;
}
.footer dl.f-twitter {
  overflow: hidden;
}
.footer dl.f-twitter dt {
  width: 30px;
  float: left;
  text-align: left;
  padding-top: 2px;
}
.footer dl.f-twitter dt i {
  color: #fff;
  font-size: 20px;
}
.footer dl.f-twitter dd {
  color: #eee;
  margin-left: 30px;
}
.footer dl.f-twitter dd span {
  color: #adbdce;
  font-size: 12px;
  margin: 0 5px;
}
.footer .blog-photo-stream {
  margin-top: 11px;
}
.footer .blog-photo-stream li {
  margin: 4px 5px 4px 0;
}
.footer .blog-photo-stream img {
  padding: 0;
  border: solid 2px #9ca5ae;
}
.footer .blog-photo-stream img:hover {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
/*subscribe*/
.form-subscribe .form-control:focus {
  border-color: #fff;
}
.form-subscribe .theme-btn,
.form-subscribe .theme-btn:hover,
.search-box .theme-btn,
.search-box .theme-btn:hover {
  border: none;
}
/***
Copyright
***/
.copyright {
  font-size: 12px;
  padding: 10px 0;
  background: #005fbe;
  color: #2b2b2b;
}
.copyright p {
  color: #2b2b2b;
  margin-top: 7px;
  margin-bottom: 0;
}
.copyright p a {
  color: #2298ca;
}
.footer .social-footer {
  list-style: none;
  padding: 0;
  margin-top: 8px;
}
.footer .social-footer li {
  margin-left: 3px;
  display: inline-block;
  border: 2px solid #eee;
  padding: 6px 4px 4px 4px;
  -webkit-border-radius: 35px !important;
  -moz-border-radius: 35px !important;
  border-radius: 35px !important;
}
.footer .social-footer li i {
  color: #eee;
  font-size: 18px;
  display: inline-block;
}
.footer .social-footer li:hover {
  border-color: #fff;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.footer .social-footer li i:hover {
  color: #fff;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.footer .social-footer li a:hover {
  text-decoration: none;
}
/*Breadcrumbs*/
.breadcrumbs {
  background: #fcfcfc;
  border-top: solid 1px #f5f5f5;
  border-bottom: solid 1px #f5f5f5;
}
.breadcrumbs .container {
  padding: 0;
}
.breadcrumbs h1 {
  color: #383838;
  font-size: 24px;
  line-height: 35px;
  margin-left: -5px;
  margin-top: 10px;
}
.breadcrumbs ul {
  top: 3px;
  background: none;
  margin-bottom: 0;
  position: relative;
}
.breadcrumbs li a {
  color: #136fca;
}
.breadcrumbs ul.breadcrumb {
  padding-left: 0;
  padding-right: 0;
}
.languageBar {
  position: absolute;
  right: 15px;
  top: 35px;
  color: #999;
}
/*Carousel*/
.front-carousel .carousel-control {
  margin: 0;
  border: none;
  height: 35px;
  font-size: 24px;
  font-weight: normal;
  top: 40%;
  width: 35px;
  background: #222;
  opacity: 0.5;
}
.front-carousel .carousel-control:hover {
  opacity: 0.6;
}
.front-carousel .carousel-control i {
  font-size: 27px;
}
.front-carousel .carousel-control.right i {
  position: relative;
  left: 1px;
}
.front-carousel .carousel-caption {
  padding: 10px 15px 0;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
}
.front-carousel .carousel-control.left {
  left: 0;
}
.front-carousel .carousel-control.right {
  right: 0;
}
/*Skils*/
.front-skills span {
  color: #555;
  display: block;
  font-size: 15px;
  margin-bottom: 7px;
}
.front-skills .progress {
  background: none #f2f2f2;
}
.front-skills .progress .bar {
  background: none #136fca;
}
.front-skills .progress,
.front-skills .progress .bar {
  box-shadow: none;
}
/*Lists*/
.front-lists-v1 li {
  font-size: 14px;
  margin-bottom: 5px;
}
.front-lists-v2 li {
  color: #555;
  font-size: 16px;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.front-lists-v2 li i {
  margin-right: 5px;
  font-size: 17px;
}
/*Team Blocks*/
.front-team {
  margin: 20px 0;
}
.front-team .col-md-3 {
  padding: 0 15px 30px 0;
}
.front-team .thumbnail {
  border: none;
}
.front-team h3 {
  margin: 10px 0 12px;
  line-height: 40px;
}
.front-team h3 a {
  color: #136fca;
  font-size: 20px;
  font-weight: 400;
}
.front-team h3 a:hover {
  text-decoration: none;
}
.front-team h3 small {
  display: block;
  font-size: 13px;
}
.front-team ul {
  padding: 4px 0 0;
}
.front-team .social-icons {
  overflow: hidden;
}
/*Service Box v1*/
.service-box-v1 {
  padding: 15px;
  text-align: center;
}
.service-box-v1 i {
  padding: 15px;
  font-size: 35px;
}
.service-box-v1:hover {
  background: #136fca;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.service-box-v1:hover i,
.service-box-v1:hover p,
.service-box-v1:hover h2 {
  color: #fff;
}
/***
Google Maps
***/
.gmaps {
  width: 100%;
}
/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.gmaps img {
  max-width: none;
}
/***
Blog Page
***/
/*Blog Posts*/
.blog-posts h2 {
  margin-top: 0;
}
.blog-posts p {
  text-align: justify;
}
.blog-posts .carousel {
  margin-bottom: 0;
}
.blog-posts hr.blog-post-sep {
  margin: 40px 0;
}
.blog-info {
  list-style: none;
  margin: 15px 0 12px 0;
  padding-left: 0;
}
.blog-info li {
  padding: 0;
  color: #555;
  font-size: 13px;
  margin-right: 10px;
  display: inline-block;
}
.blog-info li i {
  color: #136fca;
}
.blog-posts .pagination {
  margin-top: 40px;
}
/*Blog Sidebar*/
.recent-news {
  overflow: hidden;
}
.recent-news h3 {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.recent-news-inner {
  padding: 0;
}
.blog-talks .tab-style-1 ul.nav-tabs li > a {
  min-width: 50px;
}
.blog-photo-stream li {
  overflow: hidden;
  margin: 0 5px 8px 0;
  display: inline-block;
}
.blog-photo-stream li img {
  width: 54px;
  height: 54px;
  padding: 2px;
  border: solid 1px #eee;
}
.blog-photo-stream li img:hover {
  border-color: #136fca;
  box-shadow: 0 0 1px #fff;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.blog-tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-tags li {
  position: relative;
  margin: 0 16px 7px 0;
  display: inline-block;
}
.blog-tags li a {
  color: #555;
  background: #f5f5f5;
  display: inline-block;
  padding: 3px 5px 3px 3px;
}
.blog-tags li a:hover {
  color: #fff;
  background: #136fca;
  text-decoration: none;
}
.blog-tags li a:hover i {
  color: #fff;
}
.blog-tags li i {
  color: #136fca;
  margin-right: 5px;
  display: inline-block;
}
.blog-tags li a:after {
  top: 50%;
  width: 0;
  left: 100%;
  height: 0;
  z-index: 2;
  content: " ";
  display: block;
  margin-top: -12px;
  position: absolute;
  border-left: 12px solid #f5f5f5;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.blog-tags li a:hover:after {
  border-left-color: #136fca;
}
/* Blog Sidebar categories BEGIN */
.sidebar-categories li a {
  padding: 10px 0;
  border-bottom: 1px solid #E0DEDE;
  color: #333;
}
.sidebar-categories li a:hover {
  background: none;
}
.sidebar-categories li > a:hover,
.sidebar-categories li.active > a,
.sidebar-categories li.active:hover > a {
  color: #136fca;
}
.sidebar-categories li a:before {
  content: "";
  font-family: FontAwesome !important;
  font-size: 8px;
  padding-right: 10px;
  position: relative;
  top: -1px;
}
/* Blog Sidebar categories END */
/***
Blog Item
***/
.blog-item .blog-item-img {
  margin: 6px 0 25px;
}
.blog-item .blog-item-img .carousel {
  margin-bottom: 0;
}
.blog-item blockquote {
  margin: 20px 40px 18px;
  border-color: #136fca;
}
.blog-item .blog-info {
  margin: 20px 0;
  padding: 8px 0;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.blog-item .blog-info li {
  padding-left: 13px;
  border-left: solid 1px #eee;
}
.blog-item .blog-info li:first-child {
  padding-left: 0;
  border-left: none;
}
.blog-item .blog-item-img .carousel-control {
  top: 45%;
}
.blog-item img.media-object {
  top: 2px;
  width: 60px;
  height: 60px;
  position: relative;
}
.blog-item h4.media-heading {
  position: relative;
}
.blog-item h4.media-heading span {
  right: 0;
  top: 3px;
  color: #777;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
}
.blog-item h4.media-heading span a {
  color: #136fca;
}
/*contact*/
.form-group [class*="col-"] {
  padding-left: 0;
}
/***
Icons
***/
/***
Social Icons
***/
.social-icons {
  padding: 0;
  margin: 0;
}
.social-icons:after,
.social-icons:before {
  content: "";
  display: table;
}
.social-icons:after {
  clear: both;
}
.social-icons li {
  float: left;
  display: inline;
  list-style: none;
  margin-right: 5px;
  margin-bottom: 5px;
  text-indent: -9999px;
}
.social-icons li a,
a.social-icon {
  width: 28px;
  height: 28px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
  background-position: 0 -38px;
}
.social-icons-color li a {
  opacity: 0.7;
  background-position: 0 -38px !important;
}
.social-icons-color li a:hover {
  opacity: 1;
}
.social-icons .website {
  background: url(../../base/img/icons/social/website.png) no-repeat;
}
.social-icons .amazon {
  background: url(../../base/img/icons/social/amazon.png) no-repeat;
}
.social-icons .behance {
  background: url(../../base/img/icons/social/behance.png) no-repeat;
}
.social-icons .blogger {
  background: url(../../base/img/icons/social/blogger.png) no-repeat;
}
.social-icons .deviantart {
  background: url(../../base/img/icons/social/deviantart.png) no-repeat;
}
.social-icons .dribbble {
  background: url(../../base/img/icons/social/dribbble.png) no-repeat;
}
.social-icons .dropbox {
  background: url(../../base/img/icons/social/dropbox.png) no-repeat;
}
.social-icons .evernote {
  background: url(../../base/img/icons/social/evernote.png) no-repeat;
}
.social-icons .facebook {
  background: url(../../base/img/icons/social/facebook.png) no-repeat;
}
.social-icons .forrst {
  background: url(../../base/img/icons/social/forrst.png) no-repeat;
}
.social-icons .github {
  background: url(../../base/img/icons/social/github.png) no-repeat;
}
.social-icons .googleplus {
  background: url(../../base/img/icons/social/googleplus.png) no-repeat;
}
.social-icons .microsoft {
  background: url(../../base/img/icons/social/microsoft.png) no-repeat;
}
.social-icons .jolicloud {
  background: url(../../base/img/icons/social/jolicloud.png) no-repeat;
}
.social-icons .last-fm {
  background: url(../../base/img/icons/social/last-fm.png) no-repeat;
}
.social-icons .linkedin {
  background: url(../../base/img/icons/social/linkedin.png) no-repeat;
}
.social-icons .picasa {
  background: url(../../base/img/icons/social/picasa.png) no-repeat;
}
.social-icons .pintrest {
  background: url(../../base/img/icons/social/pintrest.png) no-repeat;
}
.social-icons .rss {
  background: url(../../base/img/icons/social/rss.png) no-repeat;
}
.social-icons .skype {
  background: url(../../base/img/icons/social/skype.png) no-repeat;
}
.social-icons .spotify {
  background: url(../../base/img/icons/social/spotify.png) no-repeat;
}
.social-icons .stumbleupon {
  background: url(../../base/img/icons/social/stumbleupon.png) no-repeat;
}
.social-icons .tumblr {
  background: url(../../base/img/icons/social/tumblr.png) no-repeat;
}
.social-icons .twitter {
  background: url(../../base/img/icons/social/twitter.png) no-repeat;
}
.social-icons .vimeo {
  background: url(../../base/img/icons/social/vimeo.png) no-repeat;
}
.social-icons .wordpress {
  background: url(../../base/img/icons/social/wordpress.png) no-repeat;
}
.social-icons .xing {
  background: url(../../base/img/icons/social/xing.png) no-repeat;
}
.social-icons .yahoo {
  background: url(../../base/img/icons/social/yahoo.png) no-repeat;
}
.social-icons .youtube {
  background: url(../../base/img/icons/social/youtube.png) no-repeat;
}
.social-icons .vk {
  background: url(../../base/img/icons/social/vk.png) no-repeat;
}
.social-icons .instagram {
  background: url(../../base/img/icons/social/instagram.png) no-repeat;
}
/*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/
.dropdown-backdrop {
  position: static;
}
/***
Styler Panel
***/
.color-panel {
  z-index: 999;
  position: fixed;
  top: 120px;
  right: 0px;
}
.color-panel .color-mode-icons {
  top: 4px;
  right: 0;
  padding: 20px;
  cursor: pointer;
  position: absolute;
}
.color-panel .icon-color {
  background: #c9c9c9 url(../../base/img/icon-color.png) center no-repeat !important;
}
.color-panel .icon-color:hover {
  background-color: #3d3d3d !important;
}
.color-panel .icon-color-close {
  display: none;
  background: #3d3d3d url(../../base/img/icon-color-close.png) center no-repeat !important;
}
.color-panel .icon-color-close:hover {
  background-color: #222 !important;
}
.color-mode {
  top: 5px;
  right: 40px;
  width: 200px;
  display: none;
  padding: 20px 10px 25px;
  position: absolute;
  background: #3d3d3d;
}
.color-mode p {
  color: #cfcfcf;
  padding: 0 15px;
  font-size: 15px;
}
.color-mode ul {
  list-style: none;
  padding: 4px 11px 5px;
  display: block;
  margin-bottom: 1px !important;
}
.color-mode li {
  width: 28px;
  height: 28px;
  margin: 0 4px;
  cursor: pointer;
  list-style: none;
  border: solid 1px #707070;
  display: inline-block;
  padding: 0 5px;
}
.color-mode li:hover,
.color-mode li.current {
  border: solid 1px #ebebeb;
}
.color-mode li.current {
  border: solid 2px #ebebeb;
}
.color-mode li.color-blue {
  background: #136fca;
}
.color-mode li.color-red {
  background: #db3a1b;
}
.color-mode li.color-green {
  background: #35aa47;
}
.color-mode li.color-orange {
  background: #ff8503;
}
.color-mode label {
  color: #cfcfcf;
  border-top: 1px solid #585858;
  padding: 10px 10px 0;
  margin: 0 5px;
  display: block;
}
.color-mode label span {
  text-transform: uppercase;
}
.color-mode label > span {
  display: inline-block;
  width: 85px;
}
.color-mode label > select {
  margin-top: 5px;
  text-transform: lowercase;
}
.color-mode label span.color-mode-label {
  top: 2px;
  position: relative;
}
/***
BXSlider
***/
.bxslider,
.bxslider1 {
  display: none;
}
.buttons-page .btn {
  margin-bottom: 5px !important;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  margin-top: 1px;
}
/***
Custom icon buttons
***/
.icon-btn {
  height: 60px;
  min-width: 80px;
  margin: 0 5px 5px 0;
  border: 1px solid #ddd;
  padding: 12px 0px 0px 0px;
  background-color: #fafafa !important;
  background-image: none !important;
  filter: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  display: inline-block !important;
  color: #646464 !important;
  text-shadow: none !important;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}
.icon-btn i {
  font-size: 18px;
}
.ie8 .icon-btn:hover {
  filter: none !important;
}
.icon-btn:hover {
  text-decoration: none !important;
  border-color: #999 !important;
  color: #444 !important;
  text-shadow: 0 1px 0px #ffffff !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.icon-btn:hover .badge {
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.icon-btn div {
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #000;
  font-size: 12px;
  font-weight: 300;
}
.icon-btn .badge {
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px !important;
  font-weight: 300;
  top: -5px;
  right: -5px;
  padding: 3px 6px 3px 6px;
  color: white !important;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/***
Notes
***/
/* Common styles for all types */
.note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.note h1,
.note h2,
.note h3,
.note h4 {
  margin-top: 0;
}
.note p:last-child {
  margin-bottom: 0;
}
.note code,
.note .highlight {
  background-color: #fff;
}
/* Variations */
.note-danger {
  background-color: #FAEAE6;
  border-color: #ed4e2a;
}
.note-warning {
  background-color: #FCF3E1;
  border-color: #fcb322;
}
.note-info {
  background-color: #E8F6FC;
  border-color: #57b5e3;
}
.note-success {
  background-color: #EBFCEE;
  border-color: #3cc051;
}
/***
Demo Utils
***/
.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: 10px;
  overflow: auto;
}
.util-btn-margin-bottom-5 .btn {
  margin-bottom: 5px !important;
}
.util-btn-group-margin-bottom-5 .btn-group {
  margin-bottom: 5px !important;
}
.fontawesome-demo i {
  font-size: 18px;
}
.fontawesome-demo li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.glyphicons-demo ul {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}
.bs-glyphicons {
  padding-left: 0;
  padding-bottom: 1px;
  margin-bottom: 20px;
  list-style: none;
  overflow: hidden;
}
.glyphicons-demo ul li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  margin: 0 -1px -1px 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border: 1px solid #ddd;
}
.glyphicons-demo .glyphicon {
  display: block;
  margin: 5px auto 10px;
  font-size: 24px;
}
.glyphicons-demo ul li:hover {
  background-color: rgba(86, 61, 124, 0.1);
}
@media (min-width: 768px) {
  .glyphicons-demo ul li {
    width: 12.5%;
  }
}
/* left, right aligned form actions */
.form-actions.right {
  padding-left: 0;
  padding-right: 10px;
  text-align: right;
}
.form-actions.left {
  padding-left: 10px;
  padding-right: 0;
  text-align: left;
}
/* Checkboxes */
.form-group .checkbox {
  padding-left: 0;
}
.checkbox-list > label {
  display: block;
}
.checkbox-list > label.checkbox-inline {
  display: inline-block;
}
.checkbox-list > label.checkbox-inline:first-child {
  padding-left: 0;
}
/* Radios */
.radio-list > label {
  display: block;
}
.radio-list > label.radio-inline {
  display: inline-block;
}
.radio-list > label.radio-inline:first-child {
  padding-left: 0;
}
.form-horizontal .radio-list .radio {
  position: relative;
  top: -1px;
  padding-top: 0;
}
/* Rows seperated form layout */
.form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 10px 10px 10px 0px;
}
.form-row-seperated .form-group.last {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
}
.form-row-seperated .form-actions {
  margin-top: 0;
}
.form-row-seperated .form-body {
  padding: 0;
  margin-top: 0;
}
.form-row-seperated .help-block {
  margin-bottom: 0;
}
/* form bordered */
.form-bordered .form-body {
  margin: 0;
  padding: 0;
}
.form-bordered .form-actions {
  margin-top: 0;
}
.form-bordered .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
}
.form-bordered .form-group.last {
  border-bottom: 0;
}
.form-bordered .help-block {
  margin-bottom: 0;
}
.form-bordered .control-label {
  padding-top: 16px;
}
.form-bordered .form-group > div {
  padding: 10px;
  border-left: 1px solid #efefef;
}
.form-bordered .form-actions.fluid > .row > div {
  padding-left: 10px;
}
.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}
.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}
.form-horizontal.form-bordered.form-row-stripped .form-control {
  background: #fff !important;
}
.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
  background-color: #ffffff;
}
/***
Bordered form layout
***/
.form-bordered .form-control {
  margin: 0;
}
/***
Input icons
***/
/* input with right aligned and colored icons */
/* input with left aligned icons */
.input-icon {
  position: relative;
}
.input-icon input {
  padding-left: 33px !important;
}
.input-icon i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 9px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}
.input-icon.right input {
  padding-left: 12px !important;
  padding-right: 33px !important;
}
.input-icon.right i {
  right: 8px;
  float: right;
}
.has-success .input-icon > i {
  color: #468847;
}
.has-warning .input-icon > i {
  color: #c09853;
}
.has-error .input-icon > i {
  color: #b94a48;
}
/*Extra Button style*/
a.btn-medium {
  font-size: 20px;
  padding: 10px 20px;
}
a.btn-transparent {
  color: #fff;
  font-size: 16px;
  padding: 8px 18px;
  white-space: nowrap;
  text-decoration: none;
  border: solid 1px #fff;
  background: none transparent;
}
a.btn-transparent:hover {
  background: #15aeee;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.panel-primary .panel-title {
  color: #fff;
}
.panel-success .panel-title {
  color: #468847;
}
.panel-info .panel-title {
  color: #3A87AD;
}
.panel-warning .panel-title {
  color: #C09853;
}
.panel-danger .panel-title {
  color: #B94A48;
}
/***
Vertical inline menu
***/
.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  border-left: solid 2px #136fca;
}
.ver-inline-menu li {
  position: relative;
  margin-bottom: 1px;
}
.ver-inline-menu li a {
  font-size: 14px;
  color: #7C858E;
  display: block;
  background: #F4F4F4;
  padding: 12px 10px 11px 8px;
}
.ver-inline-menu li:hover a {
  background: #136fca;
  text-decoration: none;
  color: #fff;
}
.ver-inline-menu li.active a {
  color: #fff;
  background: #136fca;
  text-decoration: none;
}
.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #136fca;
  position: absolute;
  top: 16px;
  right: -5px;
}
/***
Font awesome icons styles
***/
.fontawesome-icon-list [class^="fa-"],
.fontawesome-icon-list [class*=" fa-"],
li [class^="fa-"],
li [class*=" fa-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
.fontawesome-icon-list [class^="fa-"].icon-large,
.fontawesome-icon-list [class*=" fa-"].icon-large,
li [class^="fa-"].icon-large,
li [class*=" fa-"].icon-large {
  width: 1.5625em;
}
.fontawesome-icon-list .col-md-3 {
  height: 32px;
  line-height: 32px;
}
/* login & signup styles */
.login-signup-page {
  padding: 50px auto 30px;
}
.login-signup-page div.form-container {
  background: #FEFEFE;
  border: 1px solid #E0DEDE;
  box-shadow: 0 0 3px #E0DEDE;
  padding: 10px 30px 30px;
  margin-bottom: 30px;
}
.login-signup-page h2 {
  margin-bottom: 15px;
}
.login-signup-page .input-group {
  position: relative;
}
.login-signup-page .login-signup-forgot-link {
  position: absolute;
  right: 12px;
  top: 7px;
  font-size: 14px;
}
.login-signup-page .checkbox {
  padding-left: 0;
}
/***
Portlets
***/
.portlet {
  clear: both;
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}
.portlet > .portlet-title {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.portlet > .portlet-title:after,
.portlet > .portlet-title:before {
  content: "";
  display: table;
  line-height: 0;
}
.portlet > .portlet-title:after {
  clear: both;
}
.portlet > .portlet-title > .caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
}
.portlet > .portlet-title > .caption > i {
  float: left;
  margin-top: 4px;
  display: inline-block !important;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
}
.portlet.blue > .portlet-title > .caption,
.portlet.green > .portlet-title > .caption,
.portlet.yellow > .portlet-title > .caption,
.portlet.red > .portlet-title > .caption,
.portlet.purple > .portlet-title > .caption,
.portlet.grey > .portlet-title > .caption {
  color: #fff;
}
.portlet.box.blue > .portlet-title > .caption > i,
.portlet.box.green > .portlet-title > .caption > i,
.portlet.box.grey > .portlet-title > .caption > i,
.portlet.box.yellow > .portlet-title > .caption > i,
.portlet.box.red > .portlet-title > .caption > i,
.portlet.box.purple > .portlet-title > .caption > i,
.portlet.box.light-grey > .portlet-title > .caption > i {
  color: #fff;
}
.sortable .portlet > .portlet-title {
  cursor: move;
}
.portlet > .portlet-title > .tools,
.portlet > .portlet-title > .actions {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  float: right;
}
.portlet > .portlet-title > .tools > a {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
}
.portlet > .portlet-title > .actions > .dropdown-menu i {
  color: #000 !important;
}
.portlet > .portlet-title > .tools > a.remove {
  margin-bottom: 2px;
  background-image: url(../../base/img/portlet-remove-icon.png);
  background-repeat: no-repeat;
  width: 11px;
}
.portlet > .portlet-title > .tools > a.config {
  margin-bottom: 2px;
  background-image: url(../../base/img/portlet-config-icon.png);
  background-repeat: no-repeat;
  width: 12px;
}
.portlet > .portlet-title > .tools > a.reload {
  margin-bottom: 2px;
  background-image: url(../../base/img/portlet-reload-icon.png);
  width: 13px;
}
.portlet > .portlet-title > .tools > a.expand {
  margin-bottom: 2px;
  background-image: url(../../base/img/portlet-expand-icon.png);
  width: 14px;
}
.portlet > .portlet-title > .tools > a.collapse {
  margin-bottom: 2px;
  background-image: url(../../base/img/portlet-collapse-icon.png);
  width: 14px;
}
.portlet > .portlet-title > .tools > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: .6;
  filter: 'alpha(opacity=60)';
}
.portlet > .portlet-title > .actions > .btn-group {
  margin-top: -12px;
}
.portlet > .portlet-title > .actions > .btn {
  padding: 4px 10px;
  margin-top: -14px;
}
.portlet > .portlet-title > .actions > .btn-group > .btn {
  padding: 4px 10px;
  margin-top: -1px;
}
.portlet > .portlet-title > .actions > .btn.btn-sm {
  padding: 3px 8px;
  margin-top: -14px;
}
.portlet > .portlet-title > .actions > .btn-group > .btn-sm {
  padding: 3px 8px;
  margin-top: -1px;
}
.portlet > .portlet-title > .pagination.pagination-sm {
  float: right !important;
  display: inline-block !important;
  margin: 0px;
  margin-top: -4px;
}
.portlet > .portlet-body {
  clear: both;
  padding: 0;
}
.portlet > .portlet-body.light-blue,
.portlet.light-blue {
  background-color: #bfd5fa !important;
}
.portlet > .portlet-body.blue,
.portlet.blue {
  background-color: #4b8df8 !important;
}
.portlet > .portlet-body.red,
.portlet.red {
  background-color: #e02222 !important;
}
.portlet > .portlet-body.yellow,
.portlet.yellow {
  background-color: #ffb848 !important;
}
.portlet > .portlet-body.green,
.portlet.green {
  background-color: #35aa47 !important;
}
.portlet > .portlet-body.purple,
.portlet.purple {
  background-color: #852b99 !important;
}
.portlet > .portlet-body.light-grey,
.portlet.light-grey {
  background-color: #fafafa !important;
}
.portlet > .portlet-body.grey,
.portlet.grey {
  background-color: #555555 !important;
}
.display-hide,
.display-none {
  display: none;
}
/*  draggable girds */
.ui-sortable-placeholder {
  border: 1px dotted black;
  visibility: visible !important;
  height: 100% !important;
}
.ui-sortable-placeholder * {
  visibility: hidden;
}
.sortable-box-placeholder {
  background-color: #f5f5f5;
  border: 1px dashed #DDDDDD;
  display: block;
  /* float: left;*/
  margin-top: 0px !important;
  margin-bottom: 24px !important;
}
.sortable-box-placeholder * {
  visibility: hidden;
}
/***
Solid colored portlet
***/
.portlet.solid {
  padding: 10px;
}
.portlet.solid > .portlet-title > .tools {
  margin-top: 2px;
  border: 0px;
}
.portlet.solid > .portlet-title {
  margin-bottom: 5px;
  border: 0px;
}
.portlet.solid.bordered > .portlet-title {
  margin-bottom: 15px;
}
.portlet.solid.red > .portlet-title,
.portlet.solid.red > .portlet-title > .caption > i,
.portlet.solid.red > .portlet-body,
.portlet.solid.green > .portlet-title,
.portlet.solid.green > .portlet-title > .caption > i,
.portlet.solid.green > .portlet-body,
.portlet.solid.yellow > .portlet-title,
.portlet.solid.yellow > .portlet-title > .caption > i,
.portlet.solid.yellow > .portlet-body,
.portlet.solid.grey > .portlet-title,
.portlet.solid.grey > .portlet-title > .caption > i,
.portlet.solid.grey > .portlet-body,
.portlet.solid.purple > .portlet-title,
.portlet.solid.purple > .portlet-title > .caption > i,
.portlet.solid.purple > .portlet-body,
.portlet.solid.blue > .portlet-title,
.portlet.solid.blue > .portlet-title > .caption > i,
.portlet.solid.blue > .portlet-body {
  border: 0;
  color: #fff;
}
.portlet.bordered {
  border-left: 2px solid #ddd;
}
/***
Box portlet
***/
.portlet.box {
  padding: 0px !important;
}
.portlet.box > .portlet-title {
  padding: 8px 10px 2px 10px;
  border-bottom: 1px solid #eee;
  color: #fff !important;
}
.portlet.box > .portlet-title > .actions > .btn > i {
  color: #fff !important;
}
.portlet.box > .portlet-title > .tools {
  margin-top: 3px;
}
.portlet.box > .portlet-title > .tools > a.remove,
.portlet.solid > .portlet-title > .tools > a.remove {
  background-image: url(../../base/img/portlet-remove-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.config,
.portlet.solid > .portlet-title > .tools > a.config {
  background-image: url(../../base/img/portlet-config-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.reload,
.portlet.solid > .portlet-title > .tools > a.reload {
  background-image: url(../../base/img/portlet-reload-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.expand,
.portlet.solid > .portlet-title > .tools > a.expand {
  background-image: url(../../base/img/portlet-expand-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.collapse,
.portlet.solid > .portlet-title > .tools > a.collapse {
  background-image: url(../../base/img/portlet-collapse-icon-white.png);
}
/* portlet buttons */
.portlet.box > .portlet-body {
  background-color: #fff;
  padding: 10px;
}
.portlet.box > .portlet-title {
  margin-bottom: 0px;
}
.portlet.box.blue > .portlet-title {
  background-color: #4b8df8;
}
.portlet.box.blue {
  border: 1px solid #b4cef8;
  border-top: 0;
}
.portlet.box.red > .portlet-title {
  background-color: #e02222;
}
.portlet.box.red {
  border: 1px solid #ef8476;
  border-top: 0;
}
.portlet.box.yellow > .portlet-title {
  background-color: #ffb848;
}
.portlet.box.yellow {
  border: 1px solid #fccb7e;
  border-top: 0;
}
.portlet.box.green > .portlet-title {
  background-color: #35aa47;
}
.portlet.box.green {
  border: 1px solid #77e588;
  border-top: 0;
}
.portlet.box.purple > .portlet-title {
  background-color: #852b99;
}
.portlet.box.purple {
  border: 1px solid #af5cc1;
  border-top: 0;
}
.portlet.box.grey > .portlet-title {
  background-color: #555555;
}
.portlet.box.grey {
  border: 1px solid #9d9c9c;
  border-top: 0;
}
.portlet.box.light-grey > .portlet-title {
  background-color: #aaa;
}
.portlet.box.light-grey {
  border: 1px solid #bbb;
  border-top: 0;
}
/***
Charts and statistics
***/
.chart,
.pie,
.bars {
  overflow: hidden;
  height: 300px;
}
.breadcrumb {
  margin-bottom: 0;
  background-color: transparent;
}
.btn.yellow-stripe {
  border-left: 3px solid #383838;
}
/***
 animation
***/
.hover-effect {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* general links color */
a {
  color: #136fca;
}
/***
General More Link
***/
a.more {
  color: #136fca;
}
/*Global classes*/
.theme-btn {
  color: #fff;
  background: #136fca !important;
  border: solid 1px #136fca;
}
.theme-btn:hover {
  color: #fff;
  background: #0f559b !important;
  border: solid 1px #0f559b;
}
/********************
 GENERAL LAYOUT 
*********************/
/***
Header and header elements.
***/
/*Navigation*/
.header a.brand b {
  color: #136fca;
}
.header .navbar-nav > li > a:hover,
.header .navbar-nav li.active > a,
.header .navbar-nav li.active:hover > a {
  color: #136fca !important;
  border-top: solid 2px #136fca !important;
}
.header .in.collapse li a:hover {
  background: #136fca;
}
.header .in.collapse li.active > a,
.header .in.collapse li.active:hover > a {
  background: #136fca;
}
.header .nav li.active > a:after {
  border-top: 3px solid #136fca;
}
@media (max-width: 767px) {
  .header.navbar-default .navbar-nav > li > a:hover,
  .header.navbar-default .navbar-nav > .active > a,
  .header.navbar-default .navbar-nav > .active > a:hover,
  .header.navbar-default .navbar-nav > .active > a:focus {
    background: #136fca !important;
    color: #fff !important;
  }
}
.header .nav li.dropdown.open > .dropdown-toggle {
  color: #136fca;
}
/*Navigation Toggle Icon*/
.header .navbar-btn {
  background: #136fca !important;
}
.header .navbar-btn:hover {
  background: #ea7a04 !important;
}
/*Navigation Dropdown*/
.header .dropdown-menu {
  border-top: solid 2px #136fca !important;
}
.header .navbar-inner .nav li.dropdown.open > .dropdown-toggle {
  color: #136fca;
}
@media (max-width: 768px) {
  .header .nav li.dropdown.open.active > .dropdown-toggle {
    color: #fff !important;
  }
}
.header .navbar-inner .in.collapse li.dropdown.active > a,
.header .navbar-inner .in.collapse li.dropdown.active:hover > a {
  background: #136fca;
}
.header .nav > li.dropdown.open.active > a:hover,
.header .nav > li.dropdown.open.active > a:focus {
  border-color: #136fca;
}
/*Menu Search*/
.header .navbar-inner li.menu-search i:hover {
  color: #136fca;
}
/***
Content and content elements.
***/
/*Revolution Slider*/
.slide_subtitle {
  background-color: #136fca;
}
/*.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover { 
	background-color: @color_1 !important;	
}*/
/*Bx Slider & Testimonial Carousel*/
.recent-work ul.bxslider li:hover a.bxslider-block {
  background: #136fca;
}
.recent-work ul.bxslider li i.icon-hover-1:hover,
.recent-work ul.bxslider li i.icon-hover-2:hover {
  color: #136fca;
}
.bx-wrapper .bx-prev:hover,
.testimonials-v1 .left-btn:hover {
  background: url(../../img/sliders/bxslider/left-orange-hover.png) no-repeat;
}
.bx-wrapper .bx-next:hover,
.testimonials-v1 .right-btn:hover {
  background: url(../../img/sliders/bxslider/right-orange-hover.png) no-repeat;
}
.testimonials-v1 .item span.testimonials-slide {
  background: #f8f8f8 url(../../img/sliders/carousel/corners-orange.png) no-repeat right bottom;
}
/*Blockquote Box*/
.quote-v1 {
  background: #7c858e;
}
a.btn-transparent:hover {
  background: #136fca;
}
/*Tabs*/
.tab-style-1 ul.nav-tabs {
  border-bottom-color: #136fca;
}
.tab-style-1 ul.nav-tabs li > a:hover {
  background: #136fca;
  border-color: #136fca;
}
.tab-style-1 ul.nav-tabs .active > a,
.tab-style-1 ul.nav-tabs .active > a:hover,
.tab-style-1 ul.nav-tabs .active > a:focus {
  background: #136fca;
  border-color: #136fca;
}
/*Testimonials*/
.testimonials-v1 span.testimonials-name {
  color: #136fca;
}
/*Steps*/
.front-steps.front-step-one {
  background: #136fca url(../../img/steps/one.png) no-repeat right bottom;
}
.front-steps.front-step-one:after {
  border-left: 15px solid #ff992d;
}
/***
Footer
***/
.footer a {
  color: white;
}
/***
Copyright
***/
.copyright p a {
  color: #ea7c06;
}
/*Breadcrumbs*/
.breadcrumbs li a {
  color: #136fca;
}
/*Skils*/
.front-skills .progress .bar {
  background: none #136fca;
}
/*Team Blocks*/
.front-team h3 a {
  color: #136fca;
}
/*Service Box v1*/
.service-box-v1:hover {
  background: #136fca;
}
/***
Blog Page
***/
/*Blog Posts*/
.blog-info li i {
  color: #136fca;
}
/*Blog Sidebar*/
.blog-photo-stream li img:hover {
  border-color: #136fca;
}
.blog-tags li a:hover {
  background: #136fca;
}
.blog-tags li i {
  color: #136fca;
}
.blog-tags li a:hover:after {
  border-left-color: #136fca;
}
/* Blog Item */
.blog-item blockquote {
  border-color: #136fca;
}
.blog-item h4.media-heading span a {
  color: #136fca;
}
/* Portfolio */
.filter-v1 .filter-category li:hover,
.filter-v1 .filter-category li.active {
  color: #fff;
  background: #136fca;
}
.grid-v1 li .hover-portfolio {
  background: #136fca;
}
.grid-v1 li a.hover-portfolio-lft,
.grid-v1 li a.hover-portfolio-rgt {
  background: #ffa423;
}
/* Pricing */
.pricing-table:hover {
  border-color: #136fca;
}
.pricing-table2:hover {
  border-color: #136fca;
}
.pricing-table ul li i {
  color: #136fca;
}
.pricing-table.selected {
  background-color: #136fca;
}
.pricing-table2.selected {
  background-color: #136fca;
}
.pricing-table2 ul li i {
  color: #136fca;
}
.pricing-table2 .rate {
  background-color: #136fca;
}
.pricing:hover,
.pricing-active {
  border-color: #136fca;
}
.pricing:hover h4 {
  color: #136fca;
}
.pricing-head h3 {
  background: #136fca;
  border-bottom: solid 1px #136fca;
}
.pricing-head-active h4 {
  color: #136fca;
}
.pricing-content li i {
  color: #136fca;
}
.price-active h4 {
  color: #136fca;
}
.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
  color: #136fca;
}
/* error colors */
.page-404 .number,
.page-500 .number {
  color: #136fca;
}
/***
Vertical inline menu
***/
.ver-inline-menu {
  border-left: solid 2px #136fca;
}
.ver-inline-menu li:hover a {
  background: #136fca;
}
.ver-inline-menu li.active a {
  background: #136fca;
}
.ver-inline-menu li.active:after {
  border-left: 6px solid #136fca;
}
.ver-inline-menu li.active .badge-info,
.ver-inline-menu li:hover .badge-info {
  background-color: #FFF;
  color: #136fca;
}
/* Blog Sidebar categories BEGIN */
.sidebar-categories li > a:hover,
.sidebar-categories li.active > a,
.sidebar-categories li.active:hover > a {
  color: #136fca;
}
.progress-bar {
  background-color: #136fca;
}