@charset "utf-8";
/* CSS Document */

body {
	color: #666;
	font-family: Open Sans,sans-serif !important;
	margin: 0px;
	padding: 0px;


	}

* {
	margin:  0px;
	padding: 0px;
	}

a {
	text-decoration: none !important;
	color: #277784;
	}
a:focus {
	outline: 0px;
	}

li {
	list-style: none;
	}

p {
	font-size: 14px;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	}

h1, h2, h3, h4 {
	font-family: 'Lato', sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 20px;
	}

.top20 {
	margin-top: 20px;
	}

.top40 {
	margin-top: 40px;
	}

.top80 {
	margin-top: 80px;
	}

.container {
	max-width: 1200px;
	height: auto;
	}

#container {
	width: 100% !important;
	height: auto;
	}

.header {
	width: 100%;
	max-height: 170px !important;
	/*padding: 30px 0px;*/
	z-index: 11;
	position:relative;
	}

a.logo {
	float: left;
	margin-top: 14px;
	}

@media (max-width:480px) {
	a.logo {
		float: left;
		margin-top: -20px;
    	margin-bottom: 27px;
    	margin-left: -5px;
		width:130px;
		padding:0;

	}
}

.slider-container {
	width: 100%;
	height: 800px;
	z-index: 10;
	position: relative;
	}


	/*		Bootstrap css edit for nav		*/

.navbar-default {
	background-color: transparent;
	border: none;
	}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
	color: #fff;
	border-bottom: 3px solid #fff;
	}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
	color: #fff;
	}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
	color: #fff;
	border-bottom: 4px solid #fff !important;
	}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	border-color: #fff;
	}


.navbar-default .navbar-nav > .dropdown > a .caret, .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret, .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
	border-bottom-color: #fff;
    border-top-color: #fff;
	}

.dropdown:hover .dropdown-menu {
    display: block;
 }

a.dropdown-toggle:hover {
	border-color: transparent !important;
	}

.dropdown-menu {
	background-color: transparent;
	-moz-box-shadow: 0px 6px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: -5px 6px 6px rgba(0,0,0,0.1);
	box-shadow: 0px 6px 6px rgba(0,0,0,0.1);

	z-index: 99;
	overflow: hidden;
	}

.dropdown-menu li a {
	color: #fff;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 16px;
	}

.dropdown-menu li a:hover {
	background-color: rgba(0, 0, 0, 0.6);
	}



@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot%3F') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */

.dl-menuwrapper {
	width: 80%;
	/*position: relative;*/
	/*-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;*/
}

/*.dl-menuwrapper:first-child {
	margin-right: 0px;
}*/

.dl-menuwrapper button {
	/*background: #75c8b9;*/
	background: transparent;
	top:10px;
	right:0px;
	border: none;
	width: 35px;
	height: 30px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	cursor: pointer;
	outline: none;
}



.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active{
	background: transparent;
}

.dl-menuwrapper ul {
	background: #75c8b9;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow:
		0 10px 0 #fff,
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	/*top: 50px;*/
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}


@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}

.dl-menuwrapper {
	display: none;
	}

/* Portrait tablet to landscape and desktop */
@media (max-width: 992px) {
.dl-menuwrapper {
	display: block !important;
	margin-top: 10px;
	}
.navbar{
	display: none;
}
 }






	/*		End Bootstrap css edit for nav		*/




.carousel {
	width: auto;
	width: 100%;
	height: 800px;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	outline: none;

}
.color-1 {
	background-color: #e76b5c;
	background-color: rgba(231, 107, 92, 1);
}
.color-2 {
	background-color: #4f85bb;
	background-color: rgba(79, 133, 187, 1);

}
.color-3 {
	background-color: #75c8b9;
	background-color: rgba(117, 200, 185, 1);
}
.color-4 {
	background-color: #DFEBB1;
	background-color: rgba(143, 2, 34, 1);
}
.color-5{
	background-color: #C1E6E5;
	background-color: rgba(193, 230, 229, 1);
}
.item {
	/* height: 100% */
    height: auto;
	display: block;
	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-ms-transition:     opacity 1s;
	-o-transition:      opacity 1s;
	transition:         opacity 1s;
}
.carousel .item {

}
.carousel .active.left {
    left:0;
    opacity:0;

}

.item:not(.active) {
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
}


a.jms-link{
	display: inline-block;
	width: 100%;
	position: absolute;
	clear: both;
	margin-left: 410px;
	margin-top: 200px;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out 1s;
	-moz-transition: all 0.5s ease-in-out 1s;
	-ms-transition: all 0.5s ease-in-out 1s;
	-o-transition: all 0.5s ease-in-out 1s;
	transition: all 0.5s ease-in-out 1s;

}
a.jms-link img{

		width: 30%;

}
a.jms-link.mbl {
	width: 130%;
	}

a.jms-link.tab {
	width: 130%;
	}

a.jms-link.pc {
	width: 130%;
	}

a.jms-link.laptop {
	width: 145%;
	}

.item:not(.active) a.jms-link{
	opacity: 0;
	margin-top: 300px;
}

.jms-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	margin-top: -13px;
	z-index: 2000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.jms-dots span{
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #777;
	margin: 3px;
	cursor: pointer;
	box-shadow:
		1px 1px 1px rgba(0,0,0,0.1) inset,
		1px 1px 1px rgba(255,255,255,0.3);
}
.jms-dots span.jms-dots-current:after{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
/* Not supported style */
.carousel.not-supported{
	background-color: #E3D8FF;
	background-color: rgba(227, 216, 268, 1);
}
.carousel.not-supported:after{
	content: 'The slideshow functionality is not supported on your device.';
	padding: 0px 0px 30px 0px;
	text-align: center;
	display: block;
}
.carousel.not-supported .item{
	display: none;
	position: relative;
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
	margin: 20px auto;
}
.carousel.not-supported .item:first-of-type{
	display: block;
}
.carousel.not-supported .item:not(.active) a.jms-link{
	opacity: 1;
	margin-top: 40px;
}

@media (max-width: 992px) {

	.carousel {
		height: 600px;
		}

	.slider-container {
		height: 600px;
		}

	.services .row .col-xs-12:first-child {
		margin-bottom: 20px;
		}

 }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	.carousel {
		height: 500px;
		}

	.slider-container {
		height: 500px;
		}

 }

/* Landscape phones and down */
@media (max-width: 480px) {

	.carousel {
		height: 400px;
		}

	.slider-container {
		height: 400px;
		}

	.services .row .col-xs-12:first-child {
		margin-bottom: 20px;
		}

 }

 @media (max-width: 320px) {

 	.carousel {
 		height: 300px;
 		}

 	.slider-container {
 		height: 300px;
 		}

 	.services .row .col-xs-12:first-child {
 		margin-bottom: 20px;
 		}

  }

	/*		 End slider			*/



.services {
	width: 100%;
	height: auto;
	padding: 30px 0px;
	float: left;
	padding-top: 0px;
	background: url(../../img/site/bg-icon.png) no-repeat center bottom;
	}

.services-header {
	width: 50%;
	margin: 0px auto;
	height: auto;
	margin-bottom: 50px;
	}

.services-header h2 {
	font-family: 'Lato', sans-serif;
	color: #333;
	font-size: 32px;
	font-weight: normal;
	text-align: center;
	text-transform:uppercase;
	}

.services-header p {
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	}

.services-box {
	width: 90%;
	height: auto;
	padding: 20px 10px;
	border: 1px solid #eee;
	}

.services-box:hover {
	background-color: #e76b5c;
	color: #fff;
	}

.services-box:hover .services-dtls h2, .services-box:hover .services-dtls p {
	color: #fff;
	}

.services-box .row {
	margin-bottom: 0px !important;
	}

.services-box img {
	margin-top: 5px;
	}

.services .row {
	margin-bottom: 20px;
	}

.services-dtls {
	width: 100%;
	height: auto;
	}

.services-dtls h2 {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	}

.services-dtls p {
	color: #000;
	font-size: 14px;
	}




		/*  End gellary   */


.process {
	width: 100%;
	height: auto;
	padding: 50px 0px;
	}

.process h2 {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 32px;
	margin-top: 30px;
	margin-bottom: 50px;
	text-transform: uppercase
	}

.process-box {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 10px;
	border: 3px solid;
	border-color:transparent;
	}

.process-box:hover {
	border-color: #eee;
	}

.process-img {
	width: 100%;
	height: 110px;
	}

.p-img-1 {
	background:url(../../img/site/p-img-1.png) no-repeat center center;
	}

.p-img-2 {
	background:url(../../img/site/p-img-2.png) no-repeat center center;
	}

.p-img-3 {
	background:url(../../img/site/p-img-3.png) no-repeat center center;
	}

.process-box h1 {
	font-size: 32px;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	color: #000;
	}

.process-box p {
	font-size: 16px;
	}


	/* 		End process		 */


.footer {
	background: url(../../img/site/map.png) no-repeat center center #6e6e6e;
	width: 100%;
	height: auto;
	padding: 80px 0px;
	}

.address {
	width: 100%;
	height: auto;
	text-align: center;
	}

.address h3 {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 32px;
	text-transform: uppercase;
	color: #FFFFFF;
	}

.address ul {
	margin: 0px;
	padding: 0px;
	}

.address ul li {
	list-style: none;
	margin: 5px 0px;
	font-family: 'Lato', sans-serif;
	color: #FFFFFF;
	font-size: 28px;
	}

.address ul li a {
	font-family: 'Lato', sans-serif;
	color: #FFFFFF;
	font-size: 28px;
	}

	@media(max-width: 767px){
		.address h3{
			font-size:24px;
		}
		.address ul li, .address ul li a {
			font-size: 18px;
		}
	}

/*.blog-post .col-xs-12, .blog-post .col-sm-6, .blog-post col-md-4, .blog-post col-lg-4 {
	margin-bottom: 20px;
	}*/

.blog-post .col-xs-12 .r-post, .blog-post col-sm-6 .r-post, .blog-post col-md-3 .r-post, .blog-post .col-lg-3 .r-post {
	margin-bottom: 20px;
	}


.blog-post .row {
	margin-bottom: 20px;
	}

.blog-post .row:first-child {
	margin-top: 40px;
	}

	/*		BLog Page		*/

/*.blog {*/
/*	position: relative;*/
/*	width: 100%;*/
/*	margin: 0px auto;*/
/*	margin-top: -174px;*/
/*	height: auto;*/
/*	background: #e76b5c;*/

/*}*/

.blog-header {
	width: 100%;
	height: auto;
	text-align: center;
	}

.blog-header h1 {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-size: 38px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	width: auto;
	margin-top: 10px;
	}
@media (max-width: 480px){
	.blog-header h1 {
	    font-size: 24px;
	}
}


.blog-post {
	margin: 0px;
	width: 100%;
	}

.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);

   margin-left: -15px;
   }



.blog-post .r-post h3 {
	font-size: 32px;
	margin-top: 0px;
	}

.blog-post .r-post h3 a {
	color: #000;
	}

.blog-post .r-post ul.post-by li a {
	color: #000;
	}

.blog-post .r-post p {
	font-size: 16px;
	font-weight: 100;
	color: #000;
	text-align: justify;
	}

.blog-post .r-post ul.post-by li:after {
	color: #000;
	}

/*.blog {
	padding-bottom: 100px;
	}*/


.blog-dtls:after {
    border-bottom: 40px solid #ECF0F1;
    border-left: 40px solid rgba(0, 0, 0, 0);
    border-right: 40px solid rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 40px;
}

.blog-dtls {
	padding-bottom: 50px;
	}

/*.blog .col-xs-12, .blog .col-sm-6, .blog .col-md-4, .blog .col-lg-4 {
	padding-right: 0px;
	}*/

/*.blog .col-xs-12, .blog .col-sm-12, .blog .col-md-8, .blog .col-lg-8 {
	padding-left: 0px;
	}
*/

.blog-dtls .r-post h3 a, .blog-dtls .r-post p, .blog-dtls .r-post ul.post-by li a, .blog-dtls .r-post ul.post-by li:after, .blog-dtls .r-post ul.post-by:before {
	color: #fff;
	}

.b-post h3 {
	margin-top: 0px;
	color: #000;
	}

.b-post p {
	color: #000;
	}

.b-post ul.post-by li a {
	color: #000;
	}

.comenter {
	padding: 50px 0px;
	width: 100%;
	background-color: #ECF0F1;
	}



/* No CSS3 support: none */


		/***** EndPortfolio Page*****/




		/*		Contact	Page		*/


.contact {
	padding-bottom: 0px;

	-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;
	}





.btn-site{
	color:#fff;
	background-color:#43C6DB;
	border-color:#75c8b9;
}



.no-padding {
  padding: 0px !important;
}

.divider{
  border-right:2px solid #B1ACAC;
}

@media(max-width: 767px){
	.divider{
	  border:none;
	}
}
.carousel{

	background-color: rgba(231, 107, 92, 1);
	width: 100%;
	height: 100%;
	height: inherit;
	position: relative;
}
.header-title{
	width: 100%;
	margin: 0 auto;
	text-align:left;

}

.item h3{
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 52px;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	margin: 0;
	padding: 40px 0 10px 0;
	padding-left: 250px;
	padding-right: 250px;
	text-align: center;
	width: 100%;

	-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}
.item p {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 34px;
	font-weight: normal;
	position: relative;
	margin: 0;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.item{
	width: 100%;
	height: inherit;
	padding-top:120px;
	margin: 0px 0px 0px 0px;
	position: relative;
	clear: both;
	min-width: 600
}
.carousel-inner {
	position: relative;
	width: 100%;
	height: inherit;
	margin: 20px auto;
	margin-top: -130px;
}
@media (min-width: 992px) and (max-width: 1200px) {
		.carousel-inner {
		margin-top: -178px;
	}
	a.logo{
		width:170px;
		margin-top:-20px;
		margin-left: -10px;
	}
	.header-title{
		width: 80%;
		margin: 0 auto;
		text-align:left;

	}

	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		margin-left: 300px;
		margin-top: 120px;
	}
	a.jms-link img{

		width: 35%;
	}

	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 36px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 60px 0 10px 0;
		text-align: center;
		width: 100%;
	}
}
@media (min-width: 767px) and (max-width: 992px) {
		.carousel-inner {
		margin-top: -100px;
	}
	a.logo{
		width:150px;
		margin-top:-20px;
		margin-left: -10px;
	}
	.header-title{
		width: 80%;
		margin: 0 auto;
		text-align:left;

	}

	.item{

		padding-top: 80px
	}
	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		margin-left:220px;
		margin-top: 120px;
	}
	a.jms-link img{

		width: 40%;
	}

	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 36px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 30px 0 10px 0;
		text-align: center;
		width: 100%;
	}

}

@media (min-width: 480px) and (max-width: 767px) {
		.carousel-inner {
		margin-top: -80px;
	}
	.header-title{
		width: 100%;
		margin: 0 auto;
		text-align:left;

	}
	a.logo{
		width:150px;
		margin-top:-20px;
	}
	.item{

		padding-top: 60px
	}
	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		margin-left: 170px;
		margin-top: 80px;
	}
	a.jms-link img{

		width: 40%;
	}

	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 28px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 10px 0 10px 0;
		text-align: center;
		width: 100%;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
		.carousel-inner {
		margin-top: -80px;
	}
	.header-title{
		width: 100%;
		margin: 0 auto;
		text-align:left;

	}
	a.logo{
		width:150px;
		margin-top:-20px;
	}
	.item{

		padding-top: 60px
	}
	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		padding-top: 10px;
		margin-left: 80px;
		margin-top: 70px;
	}
	a.jms-link img{

		width: 40%;
	}

	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 28px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 10px 0 10px 0;
		text-align: center;
		width: 100%;
	}
}



@keyframes colorchange
	{
		0%   {background: #af0606;}
		33%  {background: #4f85bb;}
		67%  {background: #00796b;}
		100%  {background: #af0606;}


	}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
		{
			0%   {background: #af0606;}
			33%  {background: #4f85bb;}
			67%  {background: #00796b;}
			100%  {background: #af0606;}
		}
/*
@media (min-width: 320px) and (max-width: 480px) {
		.jms-slideshow {
		margin-top: -80px;
	}
	a.logo{
		width:140px;
		margin-top:-20px;
	}
}*/

@media (max-width: 320px) {
		.carousel-inner {
		margin-top: -100px;
	}
	.header-title{
		width: 100%;
		margin: 0 auto;
		text-align:left;

	}
	a.logo{
		width:130px;
		margin-top:-10px;
	}
	.item{

		padding-top: 50px
	}
	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		margin-left: 65px;
		margin-top: 90px;
	}
	a.jms-link img{

		width: 40%;
	}
	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 24px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 25px 0 10px 0;
		text-align: center;
		width: 100%;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
	.carousel-inner {
	margin-top: -80px;
}
a.logo{
	width:150px;
	margin-top:-20px;
}
.item{

	padding-top: 60px
}
a.jms-link{

	position: absolute;

	width: 10%;
	margin-left: 100px;
	margin-top: 75px;
}
a.jms-link img{

	width: 40%;
}

.item h3{
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
	width: 100%;
	}
}
/*screen mobile phone landscape*/
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: landscape){
		.carousel-inner {
		margin-top: -80px;
	}
	.header-title{
		width: 80%;
		margin: 0 auto;
		text-align:left;

	}
	a.logo{
		width:150px;
		margin-top:-20px;
	}
	.item{

		padding-top: 60px
	}
	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		margin-left: 150px;
		margin-top: 70px;
	}


	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 28px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 10px 0 10px 0;
		text-align: center;
		width: 100%;
		}

	}
@charset "utf-8";
/* CSS Document */

body {
	color: #666;
	font-family: Open Sans,sans-serif !important;
	margin: 0px;
	padding: 0px;


	}

* {
	margin:  0px;
	padding: 0px;
	}

a {
	text-decoration: none !important;
	color: #277784;
	}
a:focus {
	outline: 0px;
	}

li {
	list-style: none;
	}

p {
	font-size: 14px;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	}

h1, h2, h3, h4 {
	font-family: 'Lato', sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 20px;
	}

.top20 {
	margin-top: 20px;
	}

.top40 {
	margin-top: 40px;
	}

.top80 {
	margin-top: 80px;
	}

.container {
	max-width: 1200px;
	height: auto;
	}

#container {
	width: 100% !important;
	height: auto;
	}

.header {
	width: 100%;
	max-height: 10px !important;
	/*padding: 30px 0px;*/
	z-index: 11;
	position:relative;
	}

a.logo {
	float: left;
	margin-top: 14px;
	}

@media (max-width:480px) {
	a.logo {
		float: left;
		margin-top: -20px;
    	margin-bottom: 27px;
    	margin-left: -5px;
		width:130px;
		padding:0;

	}
}

.slider-container {
	width: 100%;
	height: 800px;
	z-index: 10;
	position: relative;
	}


	/*		Bootstrap css edit for nav		*/

.navbar-default {
	background-color: transparent;
	border: none;
	}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
	color: #fff;
	border-bottom: 3px solid #fff;
	}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
	color: #fff;
	}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
	color: #fff;
	border-bottom: 4px solid #fff !important;
	}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	border-color: #fff;
	}


.navbar-default .navbar-nav > .dropdown > a .caret, .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret, .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
	border-bottom-color: #fff;
    border-top-color: #fff;
	}

.dropdown:hover .dropdown-menu {
    display: block;
 }

a.dropdown-toggle:hover {
	border-color: transparent !important;
	}

.dropdown-menu {
	background-color: transparent;
	-moz-box-shadow: 0px 6px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: -5px 6px 6px rgba(0,0,0,0.1);
	box-shadow: 0px 6px 6px rgba(0,0,0,0.1);

	z-index: 99;
	overflow: hidden;
	}

.dropdown-menu li a {
	color: #fff;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 16px;
	}

.dropdown-menu li a:hover {
	background-color: rgba(0, 0, 0, 0.6);
	}



@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot%3F') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */

.dl-menuwrapper {
	width: 80%;
	/*position: relative;*/
	/*-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;*/
}

/*.dl-menuwrapper:first-child {
	margin-right: 0px;
}*/

.dl-menuwrapper button {
	/*background: #75c8b9;*/
	background: transparent;
	top:10px;
	right:0px;
	border: none;
	width: 35px;
	height: 30px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	cursor: pointer;
	outline: none;
}



.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active{
	background: transparent;
}

.dl-menuwrapper ul {
	background: #75c8b9;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow:
		0 10px 0 #fff,
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	/*top: 50px;*/
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}


@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}

.dl-menuwrapper {
	display: none;
	}

/* Portrait tablet to landscape and desktop */
@media (max-width: 992px) {
.dl-menuwrapper {
	display: block !important;
	margin-top: 10px;
	}
.navbar{
	display: none;
}
 }






	/*		End Bootstrap css edit for nav		*/




.carousel {
	width: auto;
	width: 100%;
	height: 800px;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	outline: none;

}
.color-1 {
	background-color: #e76b5c;
	background-color: rgba(231, 107, 92, 1);
}
.color-2 {
	background-color: #4f85bb;
	background-color: rgba(79, 133, 187, 1);

}
.color-3 {
	background-color: #75c8b9;
	background-color: rgba(117, 200, 185, 1);
}
.color-4 {
	background-color: #DFEBB1;
	background-color: rgba(143, 2, 34, 1);
}
.color-5{
	background-color: #C1E6E5;
	background-color: rgba(193, 230, 229, 1);
}
.item {
	/* height: 100% */
    height: auto;
	display: block;
	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-ms-transition:     opacity 1s;
	-o-transition:      opacity 1s;
	transition:         opacity 1s;
}
.carousel .item {

}
.carousel .active.left {
    left:0;
    opacity:0;

}

.item:not(.active) {
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
}


a.jms-link{
	display: inline-block;
	width: 100%;
	position: absolute;
	clear: both;
	margin-left: 410px;
	margin-top: 200px;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out 1s;
	-moz-transition: all 0.5s ease-in-out 1s;
	-ms-transition: all 0.5s ease-in-out 1s;
	-o-transition: all 0.5s ease-in-out 1s;
	transition: all 0.5s ease-in-out 1s;

}
a.jms-link img{

		width: 30%;

}
a.jms-link.mbl {
	width: 200%;
	margin-left: 280px
	}

a.jms-link.tab {
	width: 130%;
	}

a.jms-link.pc {
	width: 130%;
	}

a.jms-link.laptop {
	width: 145%;
	}

.item:not(.active) a.jms-link{
	opacity: 0;
	margin-top: 300px;
}

.jms-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	margin-top: -13px;
	z-index: 2000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.jms-dots span{
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #777;
	margin: 3px;
	cursor: pointer;
	box-shadow:
		1px 1px 1px rgba(0,0,0,0.1) inset,
		1px 1px 1px rgba(255,255,255,0.3);
}
.jms-dots span.jms-dots-current:after{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
/* Not supported style */
.carousel.not-supported{
	background-color: #E3D8FF;
	background-color: rgba(227, 216, 268, 1);
}
.carousel.not-supported:after{
	content: 'The slideshow functionality is not supported on your device.';
	padding: 0px 0px 30px 0px;
	text-align: center;
	display: block;
}
.carousel.not-supported .item{
	display: none;
	position: relative;
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
	margin: 20px auto;
}
.carousel.not-supported .item:first-of-type{
	display: block;
}
.carousel.not-supported .item:not(.active) a.jms-link{
	opacity: 1;
	margin-top: 40px;
}

@media (max-width: 992px) {

	.carousel {
		height: 600px;
		}

	.slider-container {
		height: 600px;
		}

	.services .row .col-xs-12:first-child {
		margin-bottom: 20px;
		}

 }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	.carousel {
		height: 500px;
		}

	.slider-container {
		height: 500px;
		}

 }

/* Landscape phones and down */
@media (max-width: 480px) {

	.carousel {
		height: 400px;
		}

	.slider-container {
		height: 400px;
		}

	.services .row .col-xs-12:first-child {
		margin-bottom: 20px;
		}

 }

 @media (max-width: 320px) {

 	.carousel {
 		height: 300px;
 		}

 	.slider-container {
 		height: 300px;
 		}

 	.services .row .col-xs-12:first-child {
 		margin-bottom: 20px;
 		}

  }

	/*		 End slider			*/



.services {
	width: 100%;
	height: auto;
	padding: 30px 0px;
	float: left;
	padding-top: 0px;
	background: url(../../img/site/bg-icon.png) no-repeat center bottom;
	}

.services-header {
	width: 50%;
	margin: 0px auto;
	height: auto;
	margin-bottom: 50px;
	}

.services-header h2 {
	font-family: 'Lato', sans-serif;
	color: #333;
	font-size: 32px;
	font-weight: normal;
	text-align: center;
	text-transform:uppercase;
	}

.services-header p {
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	}

.services-box {
	width: 90%;
	height: auto;
	padding: 20px 10px;
	border: 1px solid #eee;
	}

.services-box:hover {
	background-color: #e76b5c;
	color: #fff;
	}

.services-box:hover .services-dtls h2, .services-box:hover .services-dtls p {
	color: #fff;
	}

.services-box .row {
	margin-bottom: 0px !important;
	}

.services-box img {
	margin-top: 5px;
	}

.services .row {
	margin-bottom: 20px;
	}

.services-dtls {
	width: 100%;
	height: auto;
	}

.services-dtls h2 {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	}

.services-dtls p {
	color: #000;
	font-size: 14px;
	}




		/*  End gellary   */


.process {
	width: 100%;
	height: auto;
	padding: 50px 0px;
	}

.process h2 {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 32px;
	margin-top: 30px;
	margin-bottom: 50px;
	text-transform: uppercase
	}

.process-box {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 10px;
	border: 3px solid;
	border-color:transparent;
	}

.process-box:hover {
	border-color: #eee;
	}

.process-img {
	width: 100%;
	height: 110px;
	}

.p-img-1 {
	background:url(../../img/site/p-img-1.png) no-repeat center center;
	}

.p-img-2 {
	background:url(../../img/site/p-img-2.png) no-repeat center center;
	}

.p-img-3 {
	background:url(../../img/site/p-img-3.png) no-repeat center center;
	}

.process-box h1 {
	font-size: 32px;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	color: #000;
	}

.process-box p {
	font-size: 16px;
	}


	/* 		End process		 */


.footer {
	background: url(../../img/site/map.png) no-repeat center center #6e6e6e;
	width: 100%;
	height: auto;
	padding: 80px 0px;
	}

.address {
	width: 100%;
	height: auto;
	text-align: center;
	}

.address h3 {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 32px;
	text-transform: uppercase;
	color: #FFFFFF;
	}

.address ul {
	margin: 0px;
	padding: 0px;
	}

.address ul li {
	list-style: none;
	margin: 5px 0px;
	font-family: 'Lato', sans-serif;
	color: #FFFFFF;
	font-size: 28px;
	}

.address ul li a {
	font-family: 'Lato', sans-serif;
	color: #FFFFFF;
	font-size: 28px;
	}

	@media(max-width: 767px){
		.address h3{
			font-size:24px;
		}
		.address ul li, .address ul li a {
			font-size: 18px;
		}
	}

/*.blog-post .col-xs-12, .blog-post .col-sm-6, .blog-post col-md-4, .blog-post col-lg-4 {
	margin-bottom: 20px;
	}*/

.blog-post .col-xs-12 .r-post, .blog-post col-sm-6 .r-post, .blog-post col-md-3 .r-post, .blog-post .col-lg-3 .r-post {
	margin-bottom: 20px;
	}


.blog-post .row {
	margin-bottom: 20px;
	}

.blog-post .row:first-child {
	margin-top: 40px;
	}

	/*		BLog Page		*/

.blog {
	position: relative;
	width: 100%;
	margin: 0px auto;
	margin-top: -174px;
	height: auto;
	background: #e76b5c;

}

.blog-header {
	width: 100%;
	height: auto;
	text-align: center;
	}

.blog-header h1 {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-size: 38px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	width: auto;
	margin-top: 10px;
	}
@media (max-width: 480px){
	.blog-header h1 {
	    font-size: 24px;
	}
	.blog {
		position: relative;
		width: 100%;
		margin: 0px auto;
		/*margin-top: -174px;*/
		margin-top: -17px;
		padding-top: 50px;
		padding-bottom: 20px;
		height: auto;
		background: #e76b5c;

	}

	section {
		padding: 10px 0 !important;
	}
}


.blog-post {
	margin: 0px;
	width: 100%;
	}

.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);

   margin-left: -15px;
   }

.blog-post .r-post h3 {
	font-size: 32px;
	margin-top: 0px;
	}

.blog-post .r-post h3 a {
	color: #000;
	}

.blog-post .r-post ul.post-by li a {
	color: #000;
	}

.blog-post .r-post p {
	font-size: 16px;
	font-weight: 100;
	color: #000;
	text-align: justify;
	}

.blog-post .r-post ul.post-by li:after {
	color: #000;
	}

/*.blog {
	padding-bottom: 100px;
	}*/


.blog-dtls:after {
    border-bottom: 40px solid #ECF0F1;
    border-left: 40px solid rgba(0, 0, 0, 0);
    border-right: 40px solid rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 40px;
}

.blog-dtls {
	padding-bottom: 50px;
	}

/*.blog .col-xs-12, .blog .col-sm-6, .blog .col-md-4, .blog .col-lg-4 {
	padding-right: 0px;
	}*/

/*.blog .col-xs-12, .blog .col-sm-12, .blog .col-md-8, .blog .col-lg-8 {
	padding-left: 0px;
	}
*/

.blog-dtls .r-post h3 a, .blog-dtls .r-post p, .blog-dtls .r-post ul.post-by li a, .blog-dtls .r-post ul.post-by li:after, .blog-dtls .r-post ul.post-by:before {
	color: #fff;
	}

.b-post h3 {
	margin-top: 0px;
	color: #000;
	}

.b-post p {
	color: #000;
	}

.b-post ul.post-by li a {
	color: #000;
	}

.comenter {
	padding: 50px 0px;
	width: 100%;
	background-color: #ECF0F1;
	}



/* No CSS3 support: none */


		/***** EndPortfolio Page*****/




		/*		Contact	Page		*/


.contact {
	padding-bottom: 0px;

	-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;
	}





.btn-site{
	color:#fff;
	background-color:#43C6DB;
	border-color:#75c8b9;
}



.no-padding {
  padding: 0px !important;
}

.divider{
  border-right:2px solid #B1ACAC;
}

@media(max-width: 767px){
	.divider{
	  border:none;
	}

	.blog {
		position: relative;
		width: 100%;
		margin: 0px auto;
		/*margin-top: -174px;*/
		margin-top: -17px;
		padding-top: 50px;
		padding-bottom: 20px;
		height: auto;
		background: #e76b5c;

	}

	section {
		padding: 10px 0 !important;
	}

	.ribbon-stitches-bottom {
		margin-bottom:2px;
		border-top: 1px dashed rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);

		margin-left: -15px;
		margin-top:8px !important;
	}
}
.carousel{

	background-color: rgba(231, 107, 92, 1);
	width: 100%;
	height: 100%;
	height: inherit;
	position: relative;
}
.header-title{
	width: 100%;
	margin: 0 auto;
	text-align:left;

}

.item h3{
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 52px;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	margin: 0;
	padding: 40px 0 10px 0;
	padding-left: 250px;
	padding-right: 250px;
	text-align: center;
	width: 100%;

	-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}
.item p {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 34px;
	font-weight: normal;
	position: relative;
	margin: 0;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.item{
	width: 100%;
	height: inherit;
	padding-top:120px;
	margin: 0px 0px 0px 0px;
	position: relative;
	clear: both;
	min-width: 600
}
.carousel-inner {
	position: relative;
	width: 100%;
	height: inherit;
	margin: 20px auto;
	margin-top: -130px;
}
@media (min-width: 992px) and (max-width: 1200px) {
		.carousel-inner {
		margin-top: -178px;
	}
	a.logo{
		width:170px;
		margin-top:-20px;
		margin-left: -10px;
	}
	.header-title{
		width: 70%;
		margin: 0 auto;
		text-align:left;

	}

	.blog {
		position: relative;
		width: 100%;
		margin: 0px auto;
		/*margin-top: -174px;*/
		margin-top: -17px;
		padding-top: 50px;
		padding-bottom: 20px;
		height: auto;
		background: #e76b5c;

	}

	section {
		padding: 10px 0 !important;
	}
	.ribbon-stitches-bottom {
		margin-bottom:2px;
		border-top: 1px dashed rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);

		margin-left: -15px;
		margin-top:8px !important;
	}

	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		margin-left: 290px;
		margin-top: 130px;
	}
	a.jms-link img{

		width: 35%;
	}
	a.jms-link.mbl {
		width: 190%;
		margin-left: 180px;
		}

	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 36px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 60px 0 10px 0;
		text-align: center;
		width: 100%;
	}
}
@media (min-width: 767px) and (max-width: 992px) {
		.carousel-inner {
		margin-top: -100px;
	}
	a.logo{
		width:150px;
		margin-top:-20px;
		margin-left: -10px;
	}
	.header-title{
		width: 80%;
		margin: 0 auto;
		text-align:left;

	}

	.blog {
		position: relative;
		width: 100%;
		margin: 0px auto;
		/*margin-top: -174px;*/
		margin-top: -17px;
		padding-top: 50px;
		padding-bottom: 20px;
		height: auto;
		background: #e76b5c;

	}

	section {
		padding: 10px 0 !important;
	}

	.ribbon-stitches-bottom {
		margin-bottom:2px;
		border-top: 1px dashed rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);

		margin-left: -15px;
		margin-top:8px !important;
	}
	.item{

		padding-top: 80px
	}
	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		margin-left:240px;
		margin-top: 120px;
	}
	a.jms-link img{

		width: 35%;
	}
	a.jms-link.mbl {
		width: 190%;
		margin-left: 160px
		}

	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 36px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 30px 0 10px 0;
		text-align: center;
		width: 100%;
	}

}
@media (min-width: 620px) and (max-width: 767px) {
		.carousel-inner {
		margin-top: -80px;
	}
	.header-title{
		width: 80%;
		margin: 0 auto;
		text-align:left;

	}
	a.logo{
		width:150px;
		margin-top:-20px;
	}
	.item{

		padding-top: 60px
	}

	.blog {
		position: relative;
		width: 100%;
		margin: 0px auto;
		/*margin-top: -174px;*/
		margin-top: -17px;
		padding-top: 50px;
		padding-bottom: 20px;
		height: auto;
		background: #e76b5c;

	}

	section {
		padding: 10px 0 !important;
	}
	.ribbon-stitches-bottom {
		margin-bottom:2px;
		border-top: 1px dashed rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);

		margin-left: -15px;
		margin-top:8px !important;
	}

	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		margin-left: 170px;
		margin-top: 80px;
	}
	a.jms-link img{

		width: 40%;
	}
	a.jms-link.mbl {
		width: 190%;
		margin-left: 95px
		}

	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 28px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 10px 0 10px 0;
		text-align: center;
		width: 100%;
	}
}

@media (min-width: 480px) and (max-width: 620px) {
		.carousel-inner {
		margin-top: -80px;
	}
	.header-title{
		width: 100%;
		margin: 0 auto;
		text-align:left;

	}
	a.logo{
		width:150px;
		margin-top:-20px;
	}

	.blog {
		position: relative;
		width: 100%;
		margin: 0px auto;
		/*margin-top: -174px;*/
		margin-top: -17px;
		padding-top: 50px;
		padding-bottom: 20px;
		height: auto;
		background: #e76b5c;

	}

	section {
		padding: 10px 0 !important;
	}
	.ribbon-stitches-bottom {
		margin-bottom:2px;
		border-top: 1px dashed rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);

		margin-left: -15px;
		margin-top:8px !important;
	}

	.item{

		padding-top: 60px
	}
	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		margin-left: 80px;
		margin-top: 80px;
	}
	a.jms-link img{

		width: 50%;
	}
	a.jms-link.mbl {
		width: 190%;
		margin-left: 20px
		}

	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 28px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 10px 0 10px 0;
		text-align: center;
		width: 100%;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
		.carousel-inner {
		margin-top: -80px;
	}
	.header-title{
		width: 100%;
		margin: 0 auto;
		text-align:left;

	}
	a.logo{
		width:150px;
		margin-top:-20px;
	}
	.item{

		padding-top: 60px
	}

	.blog {
		position: relative;
		width: 100%;
		margin: 0px auto;
		/*margin-top: -174px;*/
		margin-top: -17px;
		padding-top: 50px;
		padding-bottom: 20px;
		height: auto;
		background: #e76b5c;

	}

	section {
		padding: 10px 0 !important;
	}
	.ribbon-stitches-bottom {
		margin-bottom:2px;
		border-top: 1px dashed rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);

		margin-left: -15px;
		margin-top:8px !important;
	}

	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		padding-top: 10px;
		margin-left: 65px;
		margin-top: 80px;
	}
	a.jms-link img{

		width: 50%;
	}
	a.jms-link.mbl {
		width: 190%;
		margin-left: 15px
		}

	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 28px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 10px 0 10px 0;
		text-align: center;
		width: 100%;
	}
}



@keyframes colorchange
	{
		0%   {background: #af0606;}
		33%  {background: #4f85bb;}
		67%  {background: #00796b;}
		100%  {background: #af0606;}


	}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
		{
			0%   {background: #af0606;}
			33%  {background: #4f85bb;}
			67%  {background: #00796b;}
			100%  {background: #af0606;}
		}
/*
@media (min-width: 320px) and (max-width: 480px) {
		.jms-slideshow {
		margin-top: -80px;
	}
	a.logo{
		width:140px;
		margin-top:-20px;
	}
}*/

@media (max-width: 320px) {
		.carousel-inner {
		margin-top: -100px;
	}
	.header-title{
		width: 100%;
		margin: 0 auto;
		text-align:left;

	}
	a.logo{
		width:130px;
		margin-top:-10px;
	}
	.item{

		padding-top: 50px
	}

	.blog {
		position: relative;
		width: 100%;
		margin: 0px auto;
		/*margin-top: -174px;*/
		margin-top: -17px;
		padding-top: 50px;
		padding-bottom: 20px;
		height: auto;
		background: #e76b5c;

	}

	section {
		padding: 10px 0 !important;
	}
	.ribbon-stitches-bottom {
		margin-bottom:2px;
		border-top: 1px dashed rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);

		margin-left: -15px;
		margin-top:8px !important;
	}
	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		margin-left: 65px;
		margin-top: 90px;
	}
	a.jms-link img{

		width: 40%;
	}
	a.jms-link.mbl {
		width: 200%;
		margin-left: 25px
		}
	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 24px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 25px 0 10px 0;
		text-align: center;
		width: 100%;
	}
}

/*screen mobile phone landscape*/
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: landscape){
		.carousel-inner {
		margin-top: -80px;
	}
	.header-title{
		width: 80%;
		margin: 0 auto;
		text-align:left;

	}
	a.logo{
		width:150px;
		margin-top:-20px;
	}
	.blog {
		position: relative;
		width: 100%;
		margin: 0px auto;
		/*margin-top: -174px;*/
		margin-top: -17px;
		padding-top: 50px;
		padding-bottom: 20px;
		height: auto;
		background: #e76b5c;

	}

	section {
		padding: 10px 0 !important;
	}

	.ribbon-stitches-bottom {
		margin-bottom:2px;
		border-top: 1px dashed rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);

		margin-left: -15px;
		margin-top:8px !important;
	}
	.item{

		padding-top: 60px
	}
	a.jms-link{

		position: absolute;
		align-content: center;
		align-items: center;
		width: 10%;
		margin-left: 150px;
		margin-top: 70px;
	}


	.item h3{
		font-family: 'Lato', sans-serif;
		color: #fff;
		font-size: 28px;
		font-weight: normal;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		margin: 0;
		padding: 10px 0 10px 0;
		text-align: center;
		width: 100%;
		}

	}