/* CSS Document */
/***** Basic Styles *******/
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
    line-height: 21px;
	font-weight: 300;
	color: #666;
	/*background: url(../images/patterns/1.png) fixed repeat;*/
}
strong, b {
	font-weight: 600;
}

img {
	max-width: 100%;
	height: auto;
}

ul, ol {
	list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

a {
    transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
}

a:hover {
    color: #444;
}

a, a:hover {
    text-decoration: none;
}

i {
	font-size: 1.1em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin: 0;
	color: #444;
}

h1 {
    font-size: 24px;
	line-height: 30px;
}

h2 {
    font-size: 22px;
	line-height: 28px;
}

h3 {
    font-size: 18px;
	line-height: 24px;
}

h4 {
    font-size: 16px;
	line-height: 22px;
}

h5 {
    font-size: 14px;
	line-height: 20px;
}

h6 {
    font-size: 12px;
	line-height: 18px;
}

p {
    color: #666;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
    margin: 0;
}

p strong {
	font-weight: 600;
}

.accent-color-bg {
	color: #fff;
}

.fittext {
	font-size: 38px;
	font-weight: 300;
	line-height: 1.6em;
    margin-bottom: 35px;
	color: rgba(0,0,0, 0.8);
}

.fittext strong {
	font-weight: 700;
}

.page-content p {
	margin-bottom: 15px;
}

.wite-text {
	color: #fff;
}

.uppercase {
	text-transform: uppercase;
}
a.main-button, input[type="submit"] {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

a.main-button:hover, input[type="submit"]:hover {
	background: #444;
	color: #fff;
}

a.main-button i {
	font-size: 1.2em;
}

input[type="submit"] {
	border: none;
}

#content {
	padding: 120px 0;
	min-height:888px;
}
#container {
    background-color: #fff;
}

.boxed-page {
  position: relative;
  width: 1220px;
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.boxed-page header {
  width: 1220px;
}

/****** Header & Navigation *******/
.header-title{
	padding-top:20px;
	color:#fff;
}

header {
	position: fixed;
	top: 0;
    width: 100%;
	z-index: 9999999;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.fixed-header {
	opacity: 0.95;
	box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
  	-webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
}
.wpb-mobile-menu{
	display: none;
}

.slicknav_menu{
	display: none;
}
.navbar-toggle{
	display: none;
}
.navbar {
	margin-bottom: 0;
	background: #222;
	border: none;
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}


.navbar-default .navbar-nav {
	margin-right: 10px!important;
	position: relative;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav > li {
    margin-left: 6px;
}

.navbar-default .navbar-nav > li:first-child {
    margin-left: 0;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
	display: block;
    font-size: 14px;
	font-weight: 300;
    padding: 28px 15px 28px 15px;
	overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    font-weight: 400;
}

.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a {
	border-bottom: 2px solid;
}

.navbar-default .navbar-nav > li > a i {
	margin: 0 -2px 0 -5px;
}

.navbar-default .navbar-nav > li > a:after {
	position: absolute;
	bottom: 0;
	content: '';
	left: 50%;
	display: block;
	height: 5px;
	width: 5px;
	opacity: 0;
	margin: 0 0 -3px -2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
}

.navbar-default .navbar-nav > li > a.active:after {
	opacity: 1;
}

.navbar-default .navbar-nav .dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    width: 300px;
	background-color: #fff;
    visibility: hidden;
    z-index: 2;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav > li.drop:hover .dropdown {
    visibility: visible;
	opacity: 1;
}

.dropdown li, .sup-dropdown li {
	position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.dropdown li:first-child, .sup-dropdown li:first-child {
    border-top: none;
}

.dropdown li a, .sup-dropdown li a {
    display: block;
    color: #666;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding: 11px 16px;
    text-decoration: none;
    text-transform: capitalize;
    transition: padding 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out;
    -webkit-transition: padding 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out;
}


.dropdown > li:hover > a, .sup-dropdown li:hover > a {
	padding-left: 18px;
}

.dropdown li a i {
	margin: 0 0 0 -4px;
}

.navbar-default .navbar-nav .sup-dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    width: 180px;
	background-color: #fff;
    margin-top: 10px;
    transition: margin-top 0.2s ease-in-out;
    -moz-transition: margin-top 0.2s ease-in-out;
    -webkit-transition: margin-top 0.2s ease-in-out;
    -o-transition: margin-top 0.2s ease-in-out;
    visibility: hidden;
    z-index: 3;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav li.drop .dropdown li:hover .sup-dropdown {
    visibility: visible;
    margin-top: 0;
}


/****** Page Elements ********/

label {
	font-size: 13px;
	color: #666;
	font-weight: bold;
}

label .required {
	color: #ED2C3A;
	margin-left: 2px;
}

input[type="submit"] {
    outline: none;
}

#contact-form input[type="text"],
#contact-form textarea,
#respond input[type="text"],
#respond textarea, .email ,
input[type="text"],textarea  {
    color: #666fb5;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none;
    width: 100%;
    padding: 7px 14px;
    display: block;
    margin-bottom: 10px;  
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

#contact-form input[type="text"]:focus,
#contact-form textarea:focus,
#respond input[type="text"]:focus,
#respond textarea:focus {
	border-color: #ddd;
	box-shadow: 0 0 3px #eee;
	-o-box-shadow: 0 0 3px #eee;
	-moz-box-shadow: 0 0 3px #eee;
  	-webkit-box-shadow: 0 0 3px #eee;
}
#map {
	margin-top:78px;
	position: relative;
	height: 350px;
	width: 100%;
}
/******* Dividers *********/


.margin-60 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin-top {
    margin-top: 30px;
}

.hr1 {
	height: 1px;
}

.hr2 {
	height: 0;
	border-bottom: 1px solid #eee;
}

.hr3 {
	height: 0;
	border-bottom: 1px dotted #eee;
}

.hr4 {
	height: 0;
	border-bottom: 1px dashed #eee;
}

.hr5 {
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
}
/*************** Buttons ***************/

.btn {
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.btn-system {
	display: inline-block;
	color: #fff;
	margin-right: 5px;
	font-weight: 300;
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
	-o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  	-webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
  	border:0;
  	text-transform: uppercase;
  	font-weight: 400;
	background-color: #28A396;
}

.btn-system:last-child {
	margin-right: 0;
}

.btn-system {
	font-size: 1em;
	width: auto;
}

.btn-system.border-btn {
	background-color: transparent;
	border: 1px solid;
	box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
  	-webkit-box-shadow: none;
}

.btn-system:hover {
	color: #fff;
	opacity: 0.8;
}

.btn-system.border-btn:hover {
	opacity: 1;
	color: #fff;
}

.btn-system.border-btn.btn-gray:hover {
	background-color: #444;
	color: #fff;
}

.btn-system.border-btn.btn-black:hover {
	background-color: #111;
	color: #fff;
}

.btn-system.border-btn.btn-wite:hover {
	background-color: #fff;
}

.btn-system.btn-gray {
	background-color: #444;
}

.btn-system.btn-black {
	background-color: #111;
}

.btn-system.btn-wite{
	background-color: #fff;
}

.btn-system.border-btn.btn-gray {
	background-color: transparent;
	border: 1px solid #444;
	color: #444;
}

.btn-system.border-btn.btn-black {
	background-color: transparent;
	border: 1px solid #111;
	color: #111;
}

.btn-system.border-btn.btn-wite {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.btn-large {
	font-size: 14px;
	padding: 9px 22px;
}

.btn-medium {
	font-size: 14px;
	padding: 7px 18px;
}

.btn-small {
	padding: 5px 15px;
}

.btn-mini {
	padding: 3px 12px;
}

.btn-large.border-btn {
	padding: 8px 22px;
}

.btn-medium.border-btn {
	padding: 6px 18px;
}

.btn-small.border-btn {
	padding: 4px 15px;
}

.btn-mini.border-btn {
	padding: 2px 12px;
}

/*************** Lists ***************/

ul.icons-list {
	margin-bottom: 6px;
}

ul.icons-list li, ul.list-unstyled li {
	margin-bottom: 4px;
}

ul.icons-list li i {
	font-size: 14px;
	margin-right: 4px;
}
/*************** Heading Titles ***************/

.classic-title {
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	font-weight: 300;
	text-transform: none;
}
.classic-title span {
	/*padding-bottom: 8px;*/
	border-bottom: 1px solid;
	font-weight: 400;
}

.big-title {
	margin-bottom: 20px;
}

.big-title h1, .big-title h2 {
	font-size: 26px;
	line-height: 32px;
	font-weight: 300;
}

.big-title h1 strong, .big-title h2 strong {
	font-weight: 400;
}

.big-title .title-desc {
	font-size: 16px;
	line-height: 22px;
	color: #666;
}

.big-title h2 + .title-desc, .big-title h1 + .title-desc {
	margin-top: 4px;
}
/*************** Icons ***************/


.section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.service {
    //padding-top: 80px;
    //padding-bottom: 60px;
}

.icon-small {
	font-size: 2em;
	color: #444;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-small:hover, .service-box:hover .icon-small {
	text-shadow: 5px 5px 2px rgba(255,255,255,0);
}

.icon-medium {
	font-size: 2.5em;
	color: #666;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-medium:hover, .service-box:hover .icon-medium {
	text-shadow: 5px 5px 2px rgba(255,255,255,0);
}

.icon-large {
	font-size: 3em;
	color: #666;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-large:hover, .service-box:hover .icon-large {
	text-shadow: 5px 5px 2px rgba(255,255,255,0);
}

.icon-mini-effect {
	position: relative;
	display: block;
	z-index: 1;
	font-size: 1.2em;
	color: #fff;
	top: 4px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-medium-effect {
	position: relative;
	display: block;
	z-index: 1;
	font-size: 2em;
	color: #fff;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	margin: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-large-effect {
	position: relative;
	display: block;
	z-index: 1;
	font-size: 2.6em;
	color: #fff;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.icon-mini-effect:after, .icon-medium-effect:after, .icon-large-effect:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/*First Icon Effect */
.icon-effect-1 {
	background-color: #fff;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
}

.gray-icon.icon-effect-1 {
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-1:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.gray-icon.icon-effect-1:after {
	background: #444;
}

.icon-effect-1.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-1 {
	color: #444;
}

.icon-effect-1:hover:after, .service-box:hover .icon-effect-1:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

/*Seconed Icon Effect */
.icon-effect-2 {
	background: #fff;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
	transition: color 0.4s;
}

.gray-icon.icon-effect-2 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-2:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.gray-icon.icon-effect-2:after {
	background: #444;
}

.icon-effect-2:hover, .service-box:hover .icon-effect-2, .icon-effect-2.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-2 {
	color: #fff;
}

.icon-effect-2:hover:after, .service-box:hover .icon-effect-2:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/*Third Icon Effect */
.icon-effect-3 {
	background: #fff;
}

.gray-icon.icon-effect-3 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-3:hover:before, .service-box:hover .icon-effect-3:before {
	-webkit-animation: toRightFromLeft 0.4s forwards;
	-moz-animation: toRightFromLeft 0.4s forwards;
	animation: toRightFromLeft 0.4s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

/*Fourth Icon Effect */
.icon-effect-4 {
	background: #fff;
}

.gray-icon.icon-effect-4 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-4:hover:before, .service-box:hover .icon-effect-4:before {
	-webkit-animation: toLeftFromRight 0.4s forwards;
	-moz-animation: toLeftFromRight 0.4s forwards;
	animation: toLeftFromRight 0.4s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

/*Fifth Icon Effect */
.icon-effect-5 {
	background: #fff;
}

.gray-icon.icon-effect-5 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-5:hover:before, .service-box:hover .icon-effect-5:before {
	-webkit-animation: toTopFromBottom 0.4s forwards;
	-moz-animation: toTopFromBottom 0.4s forwards;
	animation: toTopFromBottom 0.4s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

/*six Icon Effect */
.icon-effect-6 {
	background: #fff;
}

.gray-icon.icon-effect-6 {
	color: #444;
	box-shadow: 0 0 0 3px #444;
	-o-box-shadow: 0 0 0 3px #444;
	-moz-box-shadow: 0 0 0 3px #444;
  	-webkit-box-shadow: 0 0 0 3px #444;
}

.icon-effect-6:hover:before, .service-box:hover .icon-effect-6:before {
	-webkit-animation: toBottomFromTop 0.4s forwards;
	-moz-animation: toBottomFromTop 0.4s forwards;
	animation: toBottomFromTop 0.4s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}



/*************** Service Box ***************/
.section {
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.service-box{
	min-height:150px;
}

.image-service-box img {
	margin-bottom: 14px;
}

.image-service-box h4 {
	margin-bottom: 8px;
	padding: 0 10px;
    font-weight: 400;
}

.image-service-box p {
	padding: 0 10px;
}

.service-box {
	margin-bottom: 35px;
}

.service-center {
	text-align: center;
}

.service-icon-left .service-icon {
	float: left;
}

.service-icon-left .service-content {
	padding-left: 45px;
}

.service-icon-left-more .service-icon {
	float: left;
}

.service-icon-left-more .service-content {
	padding-left: 60px;
}

.service-center .service-icon {
	margin-bottom: 14px;
}

.service-center .service-content h4 {
	margin-bottom: 6px;
    font-weight: 500;
}

.service-center .service-icon i {
	display: inline-block;
}

.service-box h4 {
	margin-bottom: 5px;
    font-weight: 400;
}

.service-box > div:first-child {
	padding: 0;
}

.service-boxed {
	margin-top: 30px;
	padding: 0 15px 20px 15px !important;
	border: 1px solid #eee;
	border-radius: 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.service-boxed:hover {
	border-color: #e2e2e2;
	box-shadow: 0 0 6px rgba(0,0,0,.1);
	-o-box-shadow: 0 0 6px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.1);
  	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
}

.service-boxed p {
    margin-bottom: 0;
}



/*****Footer Styles****/

footer {
	background-color: #222;
    padding-top: 20px;
	padding-bottom: 20px;
	border-top: 4px solid #555;
	color: #ccc;
}

footer p {
	color: #ccc;
}

footer a {
	color: #ccc;
}

footer a:hover {
	color: #666;
	text-decoration: underline;
}
ul.footer-nav {
    float: right;
}

ul.footer-nav li {
    display: inline-block;
    float: left;
    margin-left: 15px;
}

ul.footer-nav li:first-child {
    margin-left: 0;
}

ul.footer-nav li a {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.footer-nav li a:hover {
	color: #fff;
}
.copyright-section {
	font-size: 11px;
	letter-spacing: 0.5px;
}

.copyright-section p {
	font-size: 11px;
	text-transform: uppercase;
	color:#fff;
}
.back-to-top {
    display: none;
    position: fixed;
    bottom: 18px;
    right: 15px;
}
.back-to-top i {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    background-color: #444;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
/******* Style Switcher *******/
.switcher-box {
	width: 212px;
	position: fixed;
	left: -212px;
	top: 160px;
	text-align: center;
	z-index: 99999999;
	background-color: #fff;
	border-radius: 0 0 2px 0;
	border-radius: 0 5px 5px 0;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.switcher-box a{
	cursor: pointer;
}
.switcher-box h4 {
	display: block;
	height: 40px;
	line-height: 42px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: #333;
	margin-bottom: 10px;
}
.switcher-box span {
	display: block;
	padding: 5px 20px;
	text-align: left;
}
.switcher-box .colors-list {
	padding: 0 18px 0 18px;
	margin-bottom: 8px;
	line-height: 20px;
}
.switcher-box .colors-list li {
	display: inline-block;
	margin-right: 2px;
}
.switcher-box .colors-list li a {
	display: block;
	width: 24px;
	height: 18px;
	cursor: pointer;
}
.switcher-box .colors-list li a.blue {
	background-color: #0a9fd8;
}
.switcher-box .colors-list li a.cyan {
	background-color: #27bebe;
}
.switcher-box .colors-list li a.jade {
	background-color: #0bb586;
}
.switcher-box .colors-list li a.red {
	background-color: #000066;
}
.switcher-box .colors-list li a.peach {
	background-color: #f49237;
}
.switcher-box .colors-list li a.sky-blue {
	background-color: #38cbcb;
}
.switcher-box .colors-list li a.yellow {
	background-color: #f8ba01;
}
.switcher-box .colors-list li a.green {
	background-color: #94c523;
}
.switcher-box .colors-list li a.orange {
	background-color: #f36510;
}
.switcher-box .colors-list li a.pink {
	background-color: #f1505b;
}
.switcher-box .colors-list li a.purple {
	background-color: #6a3da3;
}
.switcher-box .colors-list li a.beige {
	background-color: #fdb655;
}
.switcher-box .layout-style{
	width: 172px;
	padding: 6px 9px;
	outline: none;
	display: block;
	background: #fff;
	border-radius: 3px;
	padding: 4px 6px;
	color: #666;
	cursor: pointer;
	border-radius: 2px;
	font-size: 12px;
	margin: 0 0 12px 20px;
	border: 1px solid #ddd;
	-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.06);
	box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.06);
}
.switcher-box .bg-list {
	padding: 0 18px 0 18px;
	margin-bottom: 18px;
}
.switcher-box .bg-list li {
	display: inline-block;
	margin-right: 2px;
}
.switcher-box .bg-list li a {
	display: block;
	width: 20px;
	height: 20px;
}
.switcher-box .bg-list li a.bg1 {
	background: url(../images/patterns/1.png) repeat;
}
.switcher-box .bg-list li a.bg2 {
	background: url(../images/patterns/2.png) repeat;
}
.switcher-box .bg-list li a.bg3 {
	background: url(../images/patterns/3.png) repeat;
}
.switcher-box .bg-list li a.bg4 {
	background: url(../images/patterns/4.png) repeat;
}
.switcher-box .bg-list li a.bg5 {
	background: url(../images/patterns/5.png) repeat;
}
.switcher-box .bg-list li a.bg6 {
	background: url(../images/patterns/6.png) repeat;
}
.switcher-box .bg-list li a.bg7 {
	background: url(../images/patterns/7.png) repeat;
}
.switcher-box .bg-list li a.bg8 {
	background: url(../images/patterns/8.png) repeat;
}
.switcher-box .bg-list li a.bg9 {
	background: url(../images/patterns/9.png) repeat;
}
.switcher-box .bg-list li a.bg10 {
	background: url(../images/patterns/10.png) repeat;
}
.switcher-box .bg-list li a.bg11 {
	background: url(../images/patterns/11.png) repeat;
}
.switcher-box .bg-list li a.bg12 {
	background: url(../images/patterns/12.png) repeat;
}
.switcher-box .bg-list li a.bg13 {
	background: url(../images/patterns/13.png) repeat;
}
.switcher-box .bg-list li a.bg14 {
	background: url(../images/patterns/14.png) repeat;
}

.switcher-box .open-switcher {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	border-radius: 0 2px 2px 0;
	background: #444 center no-repeat;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

.switcher-box .open-switcher:hover {
	/*background: url(../images/icons/switcher.png) #444 center no-repeat;*/
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	color: #fff;
}

.switcher-box .open-switcher i {
	text-align: center;
	padding-top: 7px;
}

.iframe {
	border: none;
}
.navbar-collapse {
	max-height: 340px;
}
  .box-container {
    height: 200px;
  }
.box-item {
    width: 100%;
    z-index: 1000
}
.box { border:1px dotted #A8A8A8; padding:20px;margin-bottom:10px;}
#confirm_backdrop{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-khtml-opacity: 0.5;-moz-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);;display:none;z-index:10;}
#confirm_dialog{position: fixed;top: 20%;left: 30%;width: 40%;padding: 20px;box-sizing: border-box;background: #FFF;box-shadow: 0px 0px 2px 2px #6B6B6B;display:none;z-index:20;}
#confirm_title{color: #525252;padding: 0px 0px 5px 5px;font-weight: bold;font-size: 18px;}
#confirm_actions{margin-top: 20px;text-align: center;}
#confirm_actions button{padding: 10px 15px;border: 0;color: #FFFFFF;text-transform: uppercase;cursor: pointer;-khtml-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#confirm_actions button.red{background: #e51c23;}
#confirm_actions button.gray{background: #969696;}
#confirm_doit{margin-right: 10px;}
#confirm_dont{background: #969696;margin-left: 10px;}
.label {width:100px;text-align:right;float:left;padding-right:10px;font-weight:bold;}
 #contact-form label.error, .output {color:#FB3A3A;font-weight:bold;}
#success { color:#00773C;font-size:16px; }
.error { color:#FF0000;font-size:14px; }