@charset "utf-8";

@-ms-viewport{
	width: auto !important;
}

/*** Global Classes ***/
body {
	overflow-y: scroll;
    overflow-x: hidden;
}

/*** Scrollbar ***/
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #888888;
}
::-webkit-scrollbar-thumb {
    background: #4e6dfd;
    -webkit-box-shadow: inset 0 0 3px #888888;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #ffffff;
}

p, td, label {
	color: #1b1b1b;
	font-size: 14px;
}
a {
	color: #22469a;
	font-size: 14px;
	text-decoration: none;
}
a:hover {
	color: #ff5656;
}
address {
	color: #1b1b1b;
	font-size: 14px;
}
.min-hight {
	min-height: 500px;
}
.row-fluid {
	font-size: 14px;
}
.blockquote-title {
	color: #000000;
	font-size: 14px;
	font-weight: 500;
}
.blockquote-desc {
	color: #1b1b1b;
	font-size: 12px;
	font-weight: 400;
}

/*** Global ***/
.theme-btn {
	background: #4865b4 !important; 
	color:#ffffff; 
	font-size: 16px;
	font-weight: 500;
	transition: all 0.5s ease-in 0s;
}
.theme-btn:hover {
	background: #ff5656 !important; 
	color: #ffffff;
	transition: all 0.5s ease-out 0s;
}
.theme-btn:focus {
	background: #ff5656 !important; 
	color: #ffffff;
}

/*** Top Bar ***/
.topbar {
	background: #ffffff;
	border-bottom: solid 1px #999999;
}
.topbar span.sep {
	color: #eeeeee;
}
.topbar .topbar-info {
	text-align: left;
	padding: 12px 0 10px 16px;
}
.topbar .topbar-menu {
	text-align: right;
	padding: 10px 16px 10px 0;
}
.topbar .topbar-menu .dropdown-menu {
	background: #ffffff;
	position: absolute;
	z-index: 999;
	width: 200px;
	padding: 0;
	margin: 12px 0 0 6px;
	border: none;
	box-shadow: 0 1px 3px #888888;
}
.topbar .topbar-menu .dropdown-menu li {
	width: 200px;
	padding: 6px 0 6px 0;
}
.topbar .topbar-menu .dropdown-menu li a {
    color: #888888;
    font-size: 14px;
	font-weight: 600;
    text-decoration: none;
	text-align: left;
}
.topbar .topbar-menu .dropdown-menu li a:hover {
	background: #ff5656;
	color: #ffffff;
    transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;			
}
.topbar a,
.topbar li {
	color: #999999;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.topbar i {
	font-size: 18px;
	padding: 0 6px 0 0;
}
.topbar a:hover {
	color: #ff5656;
    transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;			
}

/*** Top Bar Fixed ***/
.topbar-fixed {
	background: #ffffff;
	position: fixed;
	z-index: 999;
	width: 100%;
	left: 0px;
	top: 0px;
	border-bottom: solid 1px #999999;
}
.topbar-fixed span.sep {
	color: #eeeeee;
}
.topbar-fixed .topbar-info {
	text-align: left;
	padding: 12px 0 10px 16px;
}
.topbar-fixed .topbar-menu {
	text-align: right;
	padding: 10px 16px 10px 0;
}
.topbar-fixed .topbar-menu .dropdown-menu {
	background: #ffffff;
	position: absolute;
	z-index: 999;
	width: 200px;
	padding: 0;
	margin: 12px 0 0 6px;
	border: none;
	box-shadow: 0 1px 3px #888888;
}
.topbar-fixed .topbar-menu .dropdown-menu li {
	width: 200px;
	padding: 6px 0 6px 0;
}
.topbar-fixed .topbar-menu .dropdown-menu li a {
    color: #888888;
    font-size: 14px;
	font-weight: 600;
    text-decoration: none;
	text-align: left;
}
.topbar-fixed .topbar-menu .dropdown-menu li a:hover {
	background: #ff5656;
	color: #ffffff;
    transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;			
}
.topbar-fixed a,
.topbar-fixed li {
	color: #999999;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.topbar-fixed i {
	font-size: 18px;
	padding: 0 6px 0 0;
}
.topbar-fixed a:hover {
	color: #ff5656;
    transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;			
}

/*** Header ***/
.header {
	background: #444444;
	position: relative;
	z-index: 888;
	box-shadow: 0 1px 3px #888888;
}
.header .navbar {
	margin: 0 20px 0 20px;
}
.header .navbar-inner {
	filter:none;
	border: none; 
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}
.header .navbar-inner a.brand {
	color: #9fadad;
	font-size: 26px;
	font-weight: 600;
	text-decoration: none;
	margin-top: 2px;
	line-height: 70px;
}
.header .navbar-inner a.brand img {
	height: 80px;
}
.header .navbar-inner li:first-child {
	margin-left: 0;
}
.header .navbar-inner li a {
	color: #adadad;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	padding: 41px 10px 41px;
	text-shadow: 1px 1px 4px #000000;
}
.header .navbar-inner li > a:hover,
.header .navbar-inner li.active > a,
.header .navbar-inner li.active:hover > a {
	background: #ff5656 !important;
	color: #ffffff;
	border-radius: 0;
	text-shadow: none;
	padding-top: 39px;
	border-top: solid 2px #27398f;
	text-shadow: 1px 1px 4px #000000;
}
.header .navbar .nav>li>a:focus, 
.header .navbar .nav>li>a:hover {
	color: #ffffff;
}
.header .navbar-inner .nav-collapse > ul {
	float: right;
	margin-right: 0;
}
.header .navbar-inner .in.collapse ul {
	margin-top: 0;
}
.header .navbar-inner .in.collapse li a:hover {
	background: #ff5656 !important;
	color: #ffffff;
}
.header .navbar-inner .in.collapse li.active > a,
.header .navbar-inner .in.collapse li.active:hover > a {
	background: #ff5656 !important;
	color: #ffffff;
}
.header .navbar-inner .btn-navbar {
	background: #ff5656;
	border: none;
	padding: 8px;
	width: 24px;
	height: 24px;
	margin-right: 0px;
	margin-top: 32px;
	border-radius: 0;
}
.header .navbar-inner .btn-navbar:hover {
	background:#27398f !important;
}
.header .navbar-inner .btn-navbar span, 
.header .navbar-inner .btn-navbar:hover span { 
	background:#ffffff !important;
	box-shadow:none !important;
	width: 24px;
}
.header .navbar-inner .dropdown-menu {
	background: #a1aeff;
	margin: 0 auto;
	box-shadow: none;
	min-width: 620px;
	border: none;
	box-shadow: 0 1px 3px #888888;
}
.header .navbar-inner .dropdown-menu .dropdown-row {
	margin: 0 auto;
	padding: 0;
}
.header .navbar-inner .dropdown-menu .dropdown-col {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
.header .navbar-inner .dropdown-menu li {
	margin-left: 0;
	border-bottom: solid 1px #f5f5f5;
}
.header .navbar-inner .dropdown-menu li a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 300;
	padding: 6px 15px;
	text-transform: inherit;
	text-shadow: 1px 1px 4px #000000;
}
.header .navbar-inner .dropdown-menu li a:hover,
.header .navbar-inner li.active .dropdown-menu li a:hover  {
	background: #ff5656 !important;
	color: #ffffff;
	padding: 6px 15px;
	border: none;
}
.header .navbar-inner li.active .dropdown-menu li.active a {
	background: #f7f9fa !important;
	color: #ffffff;
	padding: 6px 15px;
	border: none;
}
.header .navbar .nav>li>.dropdown-menu:after,
.header .navbar .nav>li>.dropdown-menu:before {
	border: none;
}
.header .navbar .nav li.dropdown.open>.dropdown-toggle {
	background: #ff5656 !important;
	color: #ffffff;
}
.header .navbar-inner .in.collapse li.dropdown.active > a,
.header .navbar-inner .in.collapse li.dropdown.active:hover > a {
	background: #0da3e2;
	color: #ffffff;
}
.header .nav > li.dropdown.open.active > a:hover,
.header .nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
}
.header .search-box {
	background: #222222;
	position: absolute;
	display: none;
	right: 0;
	top: 102px;
	padding: 10px;
	box-shadow: none;
	text-shadow: none;
}
.header .search-box input {
	background: #ffffff;
	margin-bottom: 0;
	width: 762px;
}
.header .search-box form, 
.header .search-box input,
.header .search-box .input-append {
	margin-bottom: 0;
}

/*** Header Fixed ***/
.header-fixed {
	background: #444444;
	position: fixed;
	z-index: 888;
	width: 100%;
	left: 0px;
	top: 43px;
	box-shadow: 0 1px 3px #888888;
}
.header-fixed .navbar {
	margin: 0 20px 0 20px;
}
.header-fixed .navbar-inner {
	filter:none;
	border: none; 
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}
.header-fixed .navbar-inner a.brand {
	color: #9fadad;
	font-size: 26px;
	font-weight: 600;
	text-decoration: none;
	line-height: 44px;
}
.header-fixed .navbar-inner a.brand img {
	height: 40px;
}
.header-fixed .navbar-inner li:first-child {
	margin-left: 0;
}
.header-fixed .navbar-inner li a {
	color: #adadad;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	padding: 24px 14px 24px;
	text-shadow: 1px 1px 4px #000000;
}
.header-fixed .navbar-inner li > a:hover,
.header-fixed .navbar-inner li.active > a,
.header-fixed .navbar-inner li.active:hover > a {
	background: #ff5656 !important;
	color: #ffffff;
	border-radius: 0;
	text-shadow: none;
	padding-top: 22px;
	border-top: solid 2px #27398f;
	text-shadow: 1px 1px 4px #000000;
}
.header-fixed .navbar .nav>li>a:focus, 
.header-fixed .navbar .nav>li>a:hover {
	color: #ffffff;
}
.header-fixed .navbar-inner .nav-collapse > ul {
	float: right;
	margin-right: 0;
}
.header-fixed .navbar-inner .in.collapse ul {
	margin-top: 0;
}
.header-fixed .navbar-inner .in.collapse li a:hover {
	background: #ff5656 !important;
	color: #ffffff;
}
.header-fixed .navbar-inner .in.collapse li.active > a,
.header-fixed .navbar-inner .in.collapse li.active:hover > a {
	background: #ff5656 !important;
	color: #ffffff;
}
.header-fixed .navbar-inner .btn-navbar {
	background: #ff5656;
	border: none;
	padding: 8px;
	width: 24px;
	height: 24px;
	margin-right: 0px;
	margin-top: 13px;
	border-radius: 0;
}
.header-fixed .navbar-inner .btn-navbar:hover {
	background:#27398f !important;
}
.header-fixed .navbar-inner .btn-navbar span, 
.header-fixed .navbar-inner .btn-navbar:hover span { 
	background:#ffffff !important;
	box-shadow:none !important;
	width: 24px;
}
.header-fixed .navbar-inner .dropdown-menu {
	background: #a1aeff;
	margin: 0 auto;
	box-shadow: none;
	min-width: 620px;
	border: none;
	box-shadow: 0 1px 3px #888888;
}
.header-fixed .navbar-inner .dropdown-menu .dropdown-row {
	margin: 0 auto;
	padding: 0;
}
.header-fixed .navbar-inner .dropdown-menu .dropdown-col {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
.header-fixed .navbar-inner .dropdown-menu li {
	margin-left: 0;
	border-bottom: solid 1px #f5f5f5;
}
.header-fixed .navbar-inner .dropdown-menu li a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 300;
	padding: 6px 15px;
	text-transform: inherit;
	text-shadow: 1px 1px 4px #000000;
}
.header-fixed .navbar-inner .dropdown-menu li a:hover,
.header-fixed .navbar-inner li.active .dropdown-menu li a:hover  {
	background: #ff5656 !important;
	color: #ffffff;
	padding: 6px 15px;
	border: none;
}
.header-fixed .navbar-inner li.active .dropdown-menu li.active a {
	background: #f7f9fa !important;
	color: #ffffff;
	padding: 6px 15px;
	border: none;
}
.header-fixed .navbar .nav>li>.dropdown-menu:after,
.header-fixed .navbar .nav>li>.dropdown-menu:before {
	border: none;
}
.header-fixed .navbar .nav li.dropdown.open>.dropdown-toggle {
	background: #ff5656 !important;
	color: #ffffff;
}
.header-fixed .navbar-inner .in.collapse li.dropdown.active > a,
.header-fixed .navbar-inner .in.collapse li.dropdown.active:hover > a {
	background: #0da3e2;
	color: #ffffff;
}
.header-fixed .nav > li.dropdown.open.active > a:hover,
.header-fixed .nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
}
.header-fixed .search-box {
	background: #222222;
	position: absolute;
	display: none;
	right: 0;
	top: 68px;
	padding: 10px;
	box-shadow: none;
	text-shadow: none;
}
.header-fixed .search-box input {
	background: #ffffff;
	margin-bottom: 0;
	width: 762px;
}
.header-fixed .search-box form, 
.header-fixed .search-box input,
.header-fixed .search-box .input-append {
	margin-bottom: 0;
}

/*** Slider ***/
.slider-main {
	background: #ffffff;
	position: relative;
	z-index: 1;
	overflow: hidden;
	max-height: 300px !important;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	box-shadow: 0 2px 4px #dddddd;
}
.slider-main .url {
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	text-shadow: 2px 2px 2px #141414;
	text-decoration: none;
}
.slider-main .url:hover {
	color: #ec4a43;
}
.slider-colored {
	position: relative;
	z-index: 1;
	height: 360px !important;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}
.slide_logo {
	padding: 10px;
}
.slide_title {
	color: #ec4a43;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 0 1px 2px #707070;
}
.slide_com_name {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 0 1px 2px #000000;
}
.slide_com_roman {
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 0 1px 2px #000000;
}
.slide_url {
	background: #4254a0;
	padding: 4px 8px 4px 8px;
}
.slide_name {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-shadow: 0 1px 2px #000000;
}
.slide_desc {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	text-shadow: 0 1px 2px #000000;
}
.slide_desc_bordered {
	border-left: 3px solid #ddd !important; 
	padding-left: 5px;
}

/*** Breadcrumbs ***/
.breadcrumbs {
	background: #f0f0f0;
	z-index: 999;
	border-bottom: solid 1px #d6d6d6;
}
.breadcrumbs h1 {
	color: #2447a5;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	padding: 8px 0 8px 30px;
	text-shadow: 1px 1px 6px #afafaf;
}
.breadcrumbs ul {
	background: none;
	position: relative;
	top: 10px;
	margin-bottom: 0;
}
.breadcrumbs li a {
	color: #2447a5;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	text-decoration: none;
	text-shadow: 1px 1px 6px #afafaf;
}
.breadcrumbs li a:hover {
	color: #ff5656;
}
.breadcrumbs .active {
	color: #1b1b1b;
	font-size: 12px;
	font-weight: 400;
	text-shadow: 1px 1px 6px #afafaf;
}
.breadcrumbs ul.breadcrumb {
	padding-left: 0;
}

/*** Pages ***/
.pages {
    min-height: 560px;
	/*backface-visibility: visible;
	transform: perspective(1000px) rotateY(60deg);
    transform-origin: 0 50% 0;
    transition: all 0.5s ease-out 0s;*/
}
.pages.active {
    /*transform: perspective(1000px) rotateY(0deg);
    transition: all 0.5s ease-in 0s;*/
}
.pages {
    background: none repeat scroll 0 0 #ffffff; 
}
.pages_btn span {
    background: none repeat scroll 0 0 #ff5656;
}
.section {
	padding: 20px 20px 0 30px;
}
.section h1 {
	color: #ec4a43;
	font-size: 22px;
	font-weight: 600;
	padding: 0 0 4px 0;
	margin: 0 0 12px 0;
	border-bottom: 1px solid #eeeeee !important; 
	text-shadow: 1px 1px 4px #e1e1e1;
}
.section h2 {
	color: #ec4a43;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 12px 0;
	text-shadow: 1px 1px 4px #e1e1e1;
}
.section h3 {
    color: #ec4a43;
    font-size: 18px;
    font-weight: 600;
	margin: 0 0 12px 0;
	text-shadow: 1px 1px 4px #e1e1e1;
}
.section h4 {
    color: #1b1b1b;
	font-size: 16px;
    font-weight: 600;
	margin: 0 0 12px 0;
}
.section .description {
	color: #939598;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 12px 0;
}
.section .content {
	color: #000000;
	font-size: 14px;
	font-weight: 400;
}

/*** Footer ***/
.footer {
	background: url("../img/bg_base.jpg");
	padding: 35px;
	margin: -1px 0 0 0;
}
.footer h2 {
	color: #ec4a43;
	font-size: 18px;
	text-shadow: 0 1px 1px #a54d4d;
}
.footer p {
	color: #adadad;
	font-size: 14px;
	font-weight: 400;
}
.footer a {
	color: #adadad;
	font-size: 14px;
	font-weight: 500;
}
.footer a:hover {
	color: #ffffff;
	text-decoration: none;
	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 address {
	color: #358089;
}
.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 .counter {
	margin: 0 0 8px 0;
	border-bottom: 1px solid #313131 !important;
}
.footer .counter .topic {
	font-size: 12px;
}
.footer .counter .stats {
	color: #ec4a43;
	font-size: 14px;
	font-weight: 500;
	text-shadow: 0 1px 1px #a54d4d;
}
.footer .counter .padding {
	padding: 0 0 0 16px;
}

/*** Bottom ***/
.bottom {
	background: #444444;
	font-size: 12px;
	font-weight: 300;
	padding: 12px;
}
.bottom p {
	color: #adadad;
	font-size: 14px;
	font-weight: 300;
	margin-top: 7px;
	margin-bottom: 0;
}
.bottom p a {
	color: #ec4a43;
}
.bottom p a:hover {
	color: #ffffff;
	text-decoration: none;
	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;	
}
.bottom .social-footer {
	margin: 0;
	margin-top: 8px;
	list-style: none;
	text-align: right;
}
.bottom .social-footer li {
	margin-left: 3px;
	display: inline-block;
}
.bottom .social-footer li i {
	color: #adadad;
	font-size: 18px;
	display: inline-block;
}
.bottom .social-footer li i:hover {
	color: #ec4a43;
    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;		
}
.bottom .social-footer li a:hover {
	text-decoration: none;
}

/*** Search ***/
.search-box {
	box-shadow: 1px 1px 4px #cecece;
}
.search-box form {
	padding: 0;
	margin: 0;
}
.search-box .search-col {
	padding: 0;
	margin: 0;
}
.search-box .search-col input,
.search-box .search-col button {
	margin: 0;
}
.search-box .col-1 {
	width: 85%;
}
.search-box .col-2 {
	width: 15%;
}
.search {
	margin: 10px 0 10px 0;
	border-bottom: dotted 1px #2eb2d9;
}
.search h4 {
    color: #00b2d9;
	font-size: 22px;
    font-weight: 600;
	text-decoration: none;
	margin: 0 0 20px 0;
}
.search h4 i {
	font-size: 16px;
}
.search p {
	padding: 0 0 8px 30px;
}
.search p a {
    color: #1b1b1b;
	font-size: 16px;
    font-weight: 300;
}
.search p a i {
    font-size: 12px;
}
.search p a:hover {
    color: #cbdb2a;
}

/*** VDO ***/
.video {
	background: #fefefe;
	box-shadow: 0px 1px 4px #cecece;
}
.video .video-container {
	width: 100%;
	height: 350px;
}

/*** VDO ***/
.vdo {
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #bac6ff !important; 
}
.vdo h4 a {
    color: #ff5656;
	font-size: 20px;
    font-weight: 500;
	text-decoration: none;
	margin: 0 0 8px 0;
}
.vdo h4 a:hover {
    color: #234899;
}
.vdo p {
    color: #1b1b1b;
	font-size: 14px;
    font-weight: 300;
	padding: 0 0 8px 0;
}

/*** Banner ***/
.site-banner .banner-img {
	margin: 0 0 11px 0;
}
.site-banner .banner-img a img {
	width: 100%;
	box-shadow: 0px 1px 4px #cecece;
}
.site-banner .banner-img a:hover img {
	box-shadow: 0px 4px 8px #ec4a43;
	transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
}

/*** Steps ***/
.front-link a:hover {
	text-decoration: none;
	transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-webkit-transition: all 0.9s ease;
	opacity: 0.8;
}
.front-steps {
	padding: 15px 20px 20px;
	height: 130px;
	max-height: 130px;
}
.front-steps h2 {
	color: #ffffff;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 6px 0;
	text-shadow: 1px 1px 3px #1b1b1b;
}
.front-steps p {
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 0;
}
.front-steps.front-step-1 {
	background: url(../img/steps/_1.png) no-repeat right bottom;
}
.front-steps.front-step-2 {
	background: url(../img/steps/_2.png) no-repeat right bottom;
}
.front-steps.front-step-3 {
	background: url(../img/steps/_3.png) no-repeat right bottom;
}
.front-steps.front-step-4 {
	background: url(../img/steps/_4.png) no-repeat right bottom;
}
.front-steps.front-step-5 {
	background: url(../img/steps/_5.png) no-repeat right bottom;
}
.front-steps.front-step-6 {
	background: url(../img/steps/_6.png) no-repeat right bottom;
}
.front-steps.front-step-7 {
	background: url(../img/steps/_7.png) no-repeat right bottom;
}
.front-steps.front-step-8 {
	background: url(../img/steps/_8.png) no-repeat right bottom;
}
.front-steps.front-step-9 {
	background: url(../img/steps/_9.png) no-repeat right bottom;
}
.front-steps.front-step-1,
.front-steps.front-step-2,
.front-steps.front-step-3,
.front-steps.front-step-4,
.front-steps.front-step-5,
.front-steps.front-step-6,
.front-steps.front-step-7,
.front-steps.front-step-8,
.front-steps.front-step-9 {
	position: relative;
}
.front-steps .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;
}

/*** Article ***/
.article {
	padding: 0 0 4px 0;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #bac6ff !important; 
}
.article img {
	width: 100%;
	margin: 0 0 8px 0;
}
.article h4 a {
    color: #22469a;
	font-size: 20px;
    font-weight: 500;
	text-decoration: none;
	margin: 0 0 8px 0;
}
.article h4 a:hover {
    color: #ff5656;
}
.article p {
    color: #1b1b1b;
	font-size: 16px;
    font-weight: 300;
	margin: 0 0 8px 0;
}
.article a {
    color: #22469a;
	text-decoration: none;
}
.article a:hover {
    color: #ff5656;
}

/*** Careers ***/
.careers {
	padding: 0 0 4px 0;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #bac6ff !important; 
}
.careers img {
	width: 100%;
	margin: 0 0 8px 0;
}
.careers h4 a {
    color: #22469a;
	font-size: 20px;
    font-weight: 500;
	text-decoration: none;
	margin: 0 0 8px 0;
}
.careers h4 a:hover {
    color: #ff5656;
}
.careers p {
    color: #1b1b1b;
	font-size: 16px;
    font-weight: 300;
	margin: 0 0 8px 0;
}
.careers a {
    color: #22469a;
	text-decoration: none;
}
.careers a:hover {
    color: #ff5656;
}

/*** Blockquote ***/
.quote-v1 {
	margin: 0 auto;
	background: #234899;
}
.quote-v1 a {
	display: inline-block;
}
.quote-v1 span {
	color: #ffffff;
	font-size: 18px;
	font-weight: 300;
	line-height: 38px;
	display: inline-block;
}
.quote-v1-inner {
	padding: 12px 0 12px 0; 
}
.quote-v1-inner.col-1 {
	padding-left: 20px;
	text-align: left;
}
.quote-v1-inner.col-2 {
	text-align: center;
}
.quote-v1-inner.col-3 {
	padding-right: 20px;
	text-align: right;
}

/*** Services Box ***/
.service-box {
	margin: 10px 0; 
}
.service-box p {
	color: #656565;
	font-size: 13px;
}
.service-box .service-box-heading {
	padding-top: 8px;
}
.service-box .service-box-heading i {
	padding: 0;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 26px;
    font-size: 18px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: baseline;
}
.service-box .service-box-heading i.black {
	color: #000000;
	border:1px solid #000000;
}
.service-box .service-box-heading i.blue {
	color: #0da3e2;
	border:1px solid #0da3e2;
}
.service-box .service-box-heading i.brown {
	color: #623f18;
	border:1px solid #623f18;
}
.service-box .service-box-heading i.green {
	color: #35aa47;
	border:1px solid #35aa47;
}
.service-box .service-box-heading i.grey {
	color: #6d6d6d;
	border:1px solid #6d6d6d;
}
.service-box .service-box-heading i.pink {
	color: #ff00fc;
	border:1px solid #ff00fc;
}
.service-box .service-box-heading i.purple {
	color: #701584;
	border:1px solid #701584;
}
.service-box .service-box-heading i.red {
	color: #db3a1b;
	border:1px solid #db3a1b;
}
.service-box .service-box-heading i.white {
	color: #bbbbbb;
	border:1px solid #bbbbbb;
}
.service-box .service-box-heading span {
	color: #444444;
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	margin-bottom: 8px; 
	margin-left: 10px;
	display: inline-block;
}
.service-box .service-box-heading span.all {
	margin-top: 3px;
	text-align: right;
}
.service-box .service-box-heading span a {
	color: #27398f;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
}
.service-box .service-box-heading span a:hover {
	color: #ff5656;
}
.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;
}

/*** Blog Page ***/
.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: 0 0 10px 0;
}
.blog-info li {
	padding: 0;
	color: #909295;
	font-size: 16px;
	margin-right: 10px; 
	display: inline-block;
}
.blog-info li i {
	color: #909295;
	font-size: 12px;
}
.blog-posts .pagination {
	margin-top: 40px;
}

/*** Recent Works ***/
.recent-work {
	margin: 0 0 0 0;
}
.recent-work a:hover {
	text-decoration: none;
}
.recent-work h2 {
	margin: 5px 0 20px;
	padding-right: 50px;
}

/*** Tabs ***/
.tab-style-1 ul.nav-tabs {
	margin-bottom: 0;
	border-bottom-color: #0da3e2; 
}
.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;
	font-weight: 500;
	margin-top: 1px;
	max-width: 160px;
	padding: 4px 8px;
	text-align: center;
	background: #f4f4f4;
}
.tab-style-1 ul.nav-tabs li > a:hover {
	color: #fff;
	background: #0da3e2;
	border-color: #0da3e2;
}
.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: #0da3e2;
	border-color: #0da3e2;
}
.tab-style-1 .tab-content {
	padding: 20px 15px;
	background: #fefefe;
}
.tab-style-1 .tab-content p {
	margin-bottom: 0;
}
.tab-style-1 .tab-content img {
	margin: 5px 0 10px;
}

/*** Service Box ***/
.service-box-v1 {
	background: #f8f8f8;
	padding: 8px; 
	text-align: center;
}
.service-box-v1 i {
	font-size: 28px;
	padding: 10px;
}
.service-box-v1 h2 {
	margin: 8px 0 8px 0;
}
.service-box-v1 .color {
	background: #ec4a43;
}
.service-box-v1:hover {
	background: #0da3e2;
    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 {
	color: #ffffff;
}

/*** Carousel ***/
.site-carousel .carousel-control {
	margin: 0;
	border: none;
	height: 33px;
	font-size: 25px;
	font-weight: normal;
}
.site-carousel .carousel-box {
	background: url("../img/home/site-slide.jpg") no-repeat bottom center #3e3e3e;
}
.site-carousel h2 {
	background: #ff5656;
	background: -moz-linear-gradient(left,  #ff5656 0%, #c41f2d 50%, #ff5656 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff5656), color-stop(50%,#c41f2d), color-stop(100%,#ff5656));
	background: -webkit-linear-gradient(left,  #ff5656 0%,#c41f2d 50%,#ff5656 100%);
	background: -o-linear-gradient(left,  #ff5656 0%,#c41f2d 50%,#ff5656 100%);
	background: -ms-linear-gradient(left,  #ff5656 0%,#c41f2d 50%,#ff5656 100%);
	background: linear-gradient(to right,  #ff5656 0%,#c41f2d 50%,#ff5656 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5656', endColorstr='#ff5656',GradientType=1 );
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	line-height: 34px;
	height: 34px;
	text-align: center;
	opacity: 0.9;
	text-shadow: none;
	box-shadow: 0px 1px 2px #222222;
}
.site-carousel .carousel-line {
	margin: 2px 0 18px 0;
	border: 1px solid #faf4de;
}
.site-carousel .carousel-img {
	padding: 18px 0 14px 26px;
	text-align: center;
}
.site-carousel .carousel-img img {
	width: 100%;
	margin: 0 0 0 0;
	box-shadow: 0px 1px 2px #222222;
}
.site-carousel .carousel-sep {
	padding: 18px 26px 18px 26px;
	border-right: 6px solid #ff5656;
}
.site-carousel .carousel-desc {
	padding: 18px 26px 18px 0;
}
.site-carousel .carousel-caption {
	padding: 10px 15px;
	background: rgba(0,0,0,0.5);
}
.site-carousel .carousel-control.left {
	left: 0;
	top: 44%;
}
.site-carousel .carousel-control.right {
	right: 0;
	top: 44%;
}
.site-carousel .carousel-desc-box {
	background: #ffffff;
	padding: 8px;
	height: 200px;
	max-height: 200px;
	margin: 0 0 10px 0;
	box-shadow: 0px 1px 2px #222222;
}
.site-carousel .carousel-description {
	color: #2e2929;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	height: 100%;
	padding: 4px;
}
.site-carousel .carousel-more {
	text-align: center;
}

/*** Charts ***/
.chart, .pie, .bars {
	overflow: hidden;
	height: 300px;
}

/*** Pagination ***/
.pagination li a {
	color: #2245a3;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	height: 20px;
}
.pagination li a.active {
	color: #ff5656;
}
.pagination li a:hover {
	color: #ff5656;
}

/*** Close icon used for modal dialog and other UI element close buttons ***/
.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  background-image: url("../img/remove-icon-small.png") !important;
}

/*** GMap ***/
.gmaps {
  background: #eeeeee;
  border: 1px solid #cccccc;
  height: 270px;
}
.gmaps img {
	max-width: none;
}
.gmaps label {
	width: auto;
	display: inline;
}

/*** Effect ***/
.effect {
	border-top: 1px solid #eeeeee;
}
.effect .sep {
	padding-right: 18px;
	border-right: 1px solid #eeeeee;
}
.price p {
	margin: 20px 0 0 0;
}
.price h2 {
	font-size: 28px;
	font-weight: 500;
	margin: 10px 0 0 0;
}
.price h2 span {
	font-size: 16px;
}
.price h2.normal {
	font-size: 18px;
	font-weight: 500;
	margin: 14px 0 0 0;
}
.price h2.normal span {
	font-size: 12px;
}

/*** Customize ***/
.more a {
	color: #2245a3;
	font-size: 16px;
	font-weight: 500;
	text-decoration:none;
	text-shadow: 1px 1px 6px #afafaf;
}
.more a:hover {
	color: #ff5656;
}
.col-separator-l {
	border-left: 1px solid #eeeeee;
	padding-left: 20px;
}
.col-separator-r {
	border-right: 1px solid #eeeeee;
	padding-right: 20px;
}
.p-caption {
	color: #1b1b1b;
	font-size: 16px;
	font-weight: 500;
	line-height: 34px;
	text-shadow: 1px 1px 6px #afafaf;
}
.star {
	color: #ffd800;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-shadow: 0 2px 4px #a7a7a7;
}
.input-icon input {
  padding-right: 25px !important;
}
.input-icon .input-info,
.input-icon .input-error, 
.input-icon .input-warning, 
.input-icon .input-success {
  display: inline-block !important;
  position: relative !important;
  top: 7px;
  right: 25px !important;
  font-size: 16px;
}
.input-icon .input-info {
  color:#27a9e3;
}
.input-icon .input-error {
  color:#B94A48;
}
.input-icon .input-warning {
  color: #C09853;
}
.input-icon .input-success {
  color: #468847;
}
.input-icon.left i {
  color: #ff5656;
  display: block !important;
  position: absolute !important;
  z-index: 1;
  margin: 9px 2px 4px 10px; 
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}
.input-icon.left input {
  padding-left: 33px !important;
}

/*** Styler Criteria ***/
.criteria-panel {
	top: 160px;
	right: 8px;
	z-index: 9999;
	position: fixed;
}
.criteria-panel .criteria-mode-icons {
  right: 0;
  padding: 20px;
  cursor: pointer;
  position: absolute;
}
.criteria-panel .icon-criteria {
  background: #ff5656 url("../img/icon-criteria.png") center no-repeat !important;
}
.criteria-panel .icon-criteria:hover {
  background-color: #27398f !important;
}
.criteria-panel .icon-criteria-close {
  display: none;
  background: #ff5656 url("../img/icon-criteria-close.png") center no-repeat !important;
}
.criteria-panel .icon-criteria-close:hover {
  background-color: #27398f !important;
}
.criteria-mode {
  top: 0px;
  right: 40px;
  min-width: 360px;
  display: none;
  padding: 10px;
  position: absolute;
  background: #a1aeff;
}
.criteria-mode h4 {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
	text-shadow: 1px 1px 4px #000000;
}
.criteria-mode p,
.criteria-mode ul {
  padding: 0 15px;
}
.criteria-mode p {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.criteria-mode ul {
  list-style: none;
  padding: 4px 11px 5px;
  display: block;
  margin-bottom: 1px !important;
}
.criteria-mode li {
  width: 16px;
  height: 23px;
  margin: 0 4px;
  cursor: pointer;
  list-style: none;
  border: solid 1px #707070;
}
.criteria-mode li:hover,
.criteria-mode li.current {
  border: solid 1px #eeac1b;
  margin: 0 4px;
}
.criteria-mode label {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #585858;
  margin-bottom: 10px;
  text-shadow: 1px 1px 4px #000000;
}
.criteria-mode label span {
	padding: 0 15px;
}
.criteria-mode label > span {
  display: inline-block;
  width: 85px;
}
.criteria-mode label > select {
  margin-top: 5px;
}
.criteria-mode label  span.criteria-mode-label {
  top: 2px;
  position: relative;
}

/*** Installment Icons ***/
.installment-icons {
	margin: 0;
	margin-top: 12px;
	list-style: none;
	text-align: center;
}
.installment-icons li {
	margin-left: 2px;
	margin-right: 2px;
	display: inline-block;
}
.installment-icons li a {
	box-shadow: 0px 1px 4px #888888;
}
.installment-icons li a:hover {
	text-decoration: none;
	box-shadow: 0px 4px 8px #ec4a43;
	transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
}

/*** Social Icons ***/
.social-icons {
  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 .amazon {background: url(../img/icons/social/amazon.png) no-repeat;}
.social-icons .behance {background: url(../img/icons/social/behance.png) no-repeat;}
.social-icons .blogger {background: url(../img/icons/social/blogger.png) no-repeat;}
.social-icons .deviantart {background: url(../img/icons/social/deviantart.png) no-repeat;}
.social-icons .dribbble {background: url(../img/icons/social/dribbble.png) no-repeat;}
.social-icons .dropbox {background: url(../img/icons/social/dropbox.png) no-repeat;}
.social-icons .evernote {background: url(../img/icons/social/evernote.png) no-repeat;}
.social-icons .facebook {background: url(../img/icons/social/facebook.png) no-repeat;}
.social-icons .forrst {background: url(../img/icons/social/forrst.png) no-repeat;}
.social-icons .github {background: url(../img/icons/social/github.png) no-repeat;}
.social-icons .googleplus {background: url(../img/icons/social/googleplus.png) no-repeat;}
.social-icons .jolicloud {background: url(../img/icons/social/jolicloud.png) no-repeat;}
.social-icons .last-fm {background: url(../img/icons/social/last-fm.png) no-repeat;}
.social-icons .linkedin {background: url(../img/icons/social/linkedin.png) no-repeat;}
.social-icons .picasa {background: url(../img/icons/social/picasa.png) no-repeat;}
.social-icons .pintrest {background: url(../img/icons/social/pintrest.png) no-repeat;}
.social-icons .rss {background: url(../img/icons/social/rss.png) no-repeat;}
.social-icons .skype {background: url(../img/icons/social/skype.png) no-repeat;}
.social-icons .spotify {background: url(../img/icons/social/spotify.png) no-repeat;}
.social-icons .stumbleupon {background: url(../img/icons/social/stumbleupon.png) no-repeat;}
.social-icons .tumblr {background: url(../img/icons/social/tumblr.png) no-repeat;}
.social-icons .twitter {background: url(../img/icons/social/twitter.png) no-repeat;}
.social-icons .vimeo {background: url(../img/icons/social/vimeo.png) no-repeat;}
.social-icons .wordpress {background: url(../img/icons/social/wordpress.png) no-repeat;}
.social-icons .xing {background: url(../img/icons/social/xing.png) no-repeat;}
.social-icons .yahoo {background: url(../img/icons/social/yahoo.png) no-repeat;}
.social-icons .youtube {background: url(../img/icons/social/youtube.png) no-repeat;}
.social-icons .vk {background: url(../img/icons/social/vk.png) no-repeat;}
.social-icons .instagram {background: url(../img/icons/social/instagram.png) no-repeat;
}