/*
 Table Of Contents

 1) General Text Formatting and Typography
 2.) Site Wide Content
 2.1) Transition Effects
 2.2) CSS3 Animations
 2.3) social icons
 2.4) Button Style
 2.5) List Styles
 2.6) search-form
 2.7) site-logo
 3) Header Styles
 3.1) Main Header
 3.2) Header Style
 3.2) Different Blog Header Styles
 4.) Footer Styles
 ===============================================*/

/*
 1) General Text Formatting
 -----------------------------------*/
html {
	-webkit-text-stroke: 0.1px;
}
h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span, h5 span, .h5 span, h6 span, .h6 span {
	font-weight: 300;
}
img {
	max-width: 100%;
	height: auto;
}
/*
 2.) Site Wide Content
 ------------------------------*/
/*
 2.1) Transition Effects and psedo elements
 ------------------------------*/
.blog-post .img-blog img, .blog-post .img-blog span, .pricing-block img, .pricing-block .badge-theme, .pricing-block figure:after, .btn-theme .fa, .arrow-list li:before, .arrow-list li, .site-logo .item > a, .navbar-toggle .icon-bar:after, .navbar-toggle .icon-bar:before, .icon-box > li > a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nav > li > a, .nav > li > a:after, #header .navbar, .preview-block .badge-theme, .post-links a, .arrow-list li > a, .blog-post .media-heading a, .sidebar-post p > a, .comment .media-heading a, .step-block.right-sec, .borderleft, .step-directions .badge-theme:after, #header.horz .container > .navbar-collapse .social-icons, .video-plain, .video-plain .play-btn {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.animated-section, .intro-section img, .animated-section.left, .fig-mobile-app img, .device-frame, .iphone-frame, .flip-frame, .box-frame, .iphone-frame-left, .iphone-frame-right, .video-anim, .ipad-frame-large, .ipad-frame-wrap .iphone-frame {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.navbar-toggle .icon-bar:after, .navbar-toggle .icon-bar:before, .navbar-nav > li > a:after, .site-logo .owl-wrapper-outer:before, .site-logo .owl-wrapper-outer:after, .site-logo:after, .site-logo:before, .design-section .media:before, .design-section .media:after, .step-directions .badge-theme:after, .step-directions .badge-theme:before, .process-summary:after, .dotted-divider:after, .about-productivity h2:after, .wrap-blog-post .article-count:before, .wrap-blog-post .article-count:after, .bottom-border:after, .pricing-block figure:after, .support-module h3:after, .support-module h3:before, .support-module blockquote:after, .support-module blockquote:before, .comment > .pull-left:after, .badge-theme.bordered:after, .thik-dahsed-border:after, .blog-details blockquote:before, .submit-form:after, .step-block.left:after, .step-block.left:before, .icon-box > li > a:after, .landing-page .navbar-brand:after, .landing-page .navbar-brand:before, .buy-btn:after, .buy-btn:before, .btn-theme.rounded-border:after, .pointer-circle:after, .pointer-circle:before, .slide-divider:after, .slide-divider:before, .countdown-amount:before, .countdown-period:after, #slide-sec-top .flexslider:before, #slide-sec-top .flexslider:after, #slide-sec-top:after, #slide-sec-top:before, .gallery-grid:after, .lightbox-gallery h3:after, .lightbox-gallery h3:before, .lightbox-cont:after, .lightbox-cont:before, .video-plain .play-btn:after {
	display: inline-block;
	content: "";
	position: absolute;
}
/*circular element*/
.site-logo .owl-wrapper-outer:before, .design-section .media:before, .dotted-divider:after, .wrap-blog-post .article-count:before, .support-module h3:after, .landing-page .navbar-brand:after, .landing-page .navbar-brand:before, .buy-btn:before, .slide-divider:before, .countdown-amount:before, .countdown-period:after, #slide-sec-top .flexslider:before, #slide-sec-top .flexslider:after, .gallery-grid:after, .lightbox-gallery h3:after, .lightbox-gallery h3:before, .lightbox-cont:after, .lightbox-cont:before {
	border: 1px dashed #fff;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: #fff;
}
/*divider element*/
.process-summary:after, .design-section .media:after, .pricing-block figure:after, .thik-dahsed-border:after {
	width: 70px;
	border-top: 1px solid #3dbaf4;
	border-bottom: 1px solid #3a93d4;
	height: 1px;
	background: #3caae7;
	bottom: -1px;
	left: 0;
}
/*thik-dashed diveder*/
.thik-dahsed-border {
	position: relative;
	border-bottom: 1px dashed #b9daee;
	padding-bottom: 19px;
	margin-bottom: 28px;
	margin-top: 14px;
}
.thik-dahsed-border:after {
	bottom: -1px;
}
/*dotted divider*/
.dotted-divider {
	position: relative;
	min-height: 8px;
	border-bottom: 1px dashed #b9daee;
	margin: 10px 0;
}
.dotted-divider:after {
	right: 0;
	bottom: -4px;
	border-color: #b9daee;
}
.dotted-divider.right:after {
	right: auto;
	left: 0;
}
/*dashed border*/
.bottom-border {
	position: relative;
	padding-bottom: 34px;
	margin-bottom: 30px;
}
.bottom-border:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 172px;
	border-top: 1px dashed #b9daee;
	margin-left: -86px;
}
.bottom-border.full {
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.bottom-border.full:after {
	left: 0;
	width: 100%;
	margin-left: 0;
}
/*bordered badges*/
.badge-theme.bordered {
	position: relative;
}
.badge-theme.bordered:after {
	width: 58px;
	height: 58px;
	border: 1px dashed #b9daee;
	border-radius: 50%;
	left: -4px;
	top: -4px;
}
.badge-theme.bordered.lg:after {
	width: 70px;
	height: 70px;
	border: 1px dashed #b9daee;
	border-radius: 50%;
}
.text-hightlight {
	text-decoration: underline;
}
.text-hightlight:hover {
	text-decoration: none;
}

.animated-section {
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}
.animated-section.animate {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.animated-section.left {
	-moz-transform: scale(0.8) translateX(-100px);
	-webkit-transform: scale(0.8) translateX(-100px);
	-o-transform: scale(0.8) translateX(-100px);
	-ms-transform: scale(0.8) translateX(-100px);
	transform: scale(0.8) translateX(-100px);
	opacity: 0;
}
.animated-section.right {
	-moz-transform: scale(0.8) translateX(-100px);
	-webkit-transform: scale(0.8) translateX(-100px);
	-o-transform: scale(0.8) translateX(-100px);
	-ms-transform: scale(0.8) translateX(-100px);
	transform: scale(0.8) translateX(-100px);
	opacity: 0;
}
.animated-section.left.animate, .animated-section.right.animate {
	-moz-transform: scale(1) translateX(0px);
	-webkit-transform: scale(1) translateX(0px);
	-o-transform: scale(1) translateX(0px);
	-ms-transform: scale(1) translateX(0px);
	transform: scale(1) translateX(0px);
	opacity: 1;
}
/*
 2.2) CSS3 Animations
 ------------------------------*/
@keyframes right-arrow{
50%{
right: -10px;
}
100%{
right: 0;
}
}
@-webkit-keyframes
right-arrow {
50%{
right: -10px;
}
100%{
right: 0;
}
}
/*
 2.3) social icons
 ------------------------------*/
.social-icons {
	list-style: none;
}
.social-icons > li {
	display: inline-block;
	margin: 0 6px;
	vertical-align: middle;
}
.social-icons > li > a {
	color: #fff;
	font-size: 28px;
}
.social-icons li .fa {
	vertical-align: top;
}
/*
 2.4) Button Style
 ------------------------------*/
.btn-theme, .badge-theme, .btn-tag, .pagination > li > a, .btn-bordered.selected {
	background: #3dbaf4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkYmFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzNkYjJlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzNhOGVkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTgzYzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #3dbaf4 0%, #3db2ed 20%, #3a8ed1 76%, #3983c7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3dbaf4), color-stop(20%,#3db2ed), color-stop(76%,#3a8ed1), color-stop(100%,#3983c7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3dbaf4 0%,#3db2ed 20%,#3a8ed1 76%,#3983c7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3dbaf4 0%,#3db2ed 20%,#3a8ed1 76%,#3983c7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3dbaf4 0%,#3db2ed 20%,#3a8ed1 76%,#3983c7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3dbaf4 0%,#3db2ed 20%,#3a8ed1 76%,#3983c7 100%); /* W3C */
}
.badge-default, .pagination > li > a:hover, .pagination > li > a:focus, .btn-tag:hover, .btn-tag:focus {
	background: #fbfbfb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfbfb 0%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbfbfb 0%,#ededed 100%); /* W3C */
}
.btn-tag {
	color: #fff;
	border: none;
	font-weight: 700;
	text-shadow: 1px 1px 0 #317eb4;
	padding: 15px 25px;
	border-radius: 60px;
	margin-bottom: 10px;
	margin-right: 3px;
	border: 1px solid transparent;
}
.btn-theme, .btn-bordered {
	text-transform: uppercase;
	color: #fff;
	border: none;
	font-weight: 700;
	text-shadow: 1px 1px 0 #317eb4;
	padding: 15px 12px;
	border-radius: 60px;
	min-width: 200px;
}
.btn-theme:hover, .btn-theme:focus {
	color: #fff;
	text-shadow: 1px 1px 0 #317eb4;
}
.btn-theme .fa {
	margin: 0 -6px 0 6px;
}
.btn-theme.rounded-border {
	position: relative;
	margin: 4px;
}
.btn-theme.rounded-border:after {
	border: 1px dashed #c3dff0;
	height: 120%;
	left: -3%;
	top: -10%;
	width: 106%;
	border-radius: 60px;
}
.badge-theme, .pagination > li > a, .badge-default {
	font-size: 18px;
	color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: inline-block;
	line-height: 44px;
	border: none;
}
.pagination > li > a:hover, .pagination > li > a:focus, .btn-tag:hover, .btn-tag:focus {
	border: 1px solid #e7e7e7;
	color: #c9cdd1;
	text-shadow: 0 1px 0 #fff;
}
.badge-default {
	line-height: 40px;
}
.badge-default, .badge.badge-default:hover, .badge.badge-default:focus {
	color: #c9cdd1;
	text-shadow: 0 1px 0 #fff;
	border: 1px solid #e7e7e7;
}
.badge-theme .fa {
	line-height: 44px;
}

.badge-theme.lg {
	width: 62px;
	height: 62px;
	line-height: 58px;
}

.badge.text-badge {
	background: none;
	font-size: 100%;
}

.btn-bordered {
	min-width: 50px;
	padding: 15px 38px;
	background: none;
	border: 1px dashed #fff;
	text-shadow: 0px 0px 0px;
}
.btn-bordered:hover {
	color: #fff;
}
.btn-bordered.selected {
	border: 0px;
	padding: 17px 40px;
}

/*pagination*/
.pagination {
	display: block;
	text-align: center;
}
.pagination > li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 10px;
}
.pagination > li > a {
	font-weight: 700;
	font-size: 14px;
	line-height: 40px;
	vertical-align: middle;
}
.pagination > li:first-child a, .pagination > li:last-child a {
	width: auto;
	min-width: 136px;
	border-radius: 60px;
	text-transform: uppercase;
}
/*
 2.5) List Styles
 ------------------------------*/
.arrow-list {
	list-style: none;
}
.arrow-list li {
	position: relative;
	margin-bottom: 14px;
	padding-left: 38px;
}
.arrow-list li:before {
	font-family: 'FontAwesome';
	content: "\f138";
	display: inline-block;
	font-size: 10px;
	width: 10px;
	height: 10px;
	padding: 0 13px 0 8px;
	font-size: 16px;
	position: absolute;
	left: -2px;
	top: 1px;
	color: #9ea6b0;
}
.arrow-list li > a {
	color: #313d4b;
}
.arrow-list li > a:hover {
	text-decoration: underline;
}
.arrow-list li:hover:before {
	left: 3px;
	content: "\f18e";
}
.arrow-list li:hover {
	padding-left: 40px;
}
/*
 2.6) search-form
 ------------------------------*/
.search-form {
	margin-bottom: 36px;
}
.search-form .form-group {
	position: relative;
}
.search-form .form-control {
	border-radius: 60px;
	border: none;
	height: 54px;
	padding-right: 58px;
}
.search-form .btn-theme {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 50px;
	font-size: 0px;
	padding: 17px 12px;
	min-width: inherit;
}
.search-form .btn-theme .fa {
	font-size: 16px;
	margin: 0;
}
.search-form .btn-theme:hover .fa {
}

/*
 2.7) site-logo
 ------------------------------*/
.site-logo {
	list-style: none;
	overflow: hidden;
	padding-bottom: 60px;
	display: none;
}
.site-logo .owl-wrapper-outer {
	overflow: visible;
	padding-bottom: 0;
	border-bottom: 1px dashed #fff;
}
.site-logo .owl-wrapper-outer:before {
	visibility: hidden;
}
.site-logo:before {
	border-top: 1px dashed rgb(255, 255, 255);
	top: 0;
	left: 0;
	width: 100%;
}
.site-logo .item {
	text-align: center;
	position: relative;
}
.site-logo .item > a {
	display: block;
	padding: 26px 0;
}
.site-logo .item > a:hover {
	opacity: 1 !important;
}
.l-down {
	border-left: 0 dashed rgba(0, 0, 0, 0);
	border-bottom: 100px solid #fff;
	position: relative;
}

.site-logo img {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
	filter: gray; /* IE6-9 */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.site-logo img:hover {
	filter: grayscale(0) !important;
	-webkit-filter: grayscale(0) !important;
	-moz-filter: grayscale(0) !important;
	-o-filter: grayscale(0) !important;
	-ms-filter: grayscale(0) !important;
	filter: none !important;
	-webkit-filter: grayscale(0%) !important;
}
/*
 3) Header Styles
 ------------------------------*/
/*
 3.1) Main Header
 ------------------------------*/
.navbar {
	z-index: 1000;
}
.navbar-header {
	padding: 10px 0;
}
.navbar-brand {
	height: auto;
	padding: 0 15px;
	width: 58%;
}
.navbar-toggle {
	margin-top: 0;
	margin-left: 28px;
	border: none;
	background: none;
	padding: 9px 0;
	border-radius: 0;
	position: relative;
	position: fixed;
	right: 0%;
	top: 10px;
	z-index: 1400;
	height: 32px;
}
.navbar-toggle.collapsed {
	position: relative;
	right: 0;
	top: 0;
}
.navbar-toggle .icon-bar {
	width: 35px;
	height: 5px;
	position: relative;
	margin-top: 10px;
}
.navbar-toggle .icon-bar:after, .navbar-toggle .icon-bar:before {
	width: 35px;
	height: 5px;
	background: #fff;
	left: 0;
}
.navbar-toggle .icon-bar:after {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	/*bottom: 1.5px;*/
}
.navbar-toggle .icon-bar:before {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	/*top: -1.5px;*/
}

.navbar-toggle.collapsed .icon-bar {
	background: #fff;
}
.navbar-toggle.collapsed .icon-bar:after, .navbar-toggle.collapsed .icon-bar:before {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.navbar-toggle.collapsed .icon-bar:before {
	top: -9px;
}
.navbar-toggle.collapsed .icon-bar:after {
	bottom: -9px;
}

.navbar .social-icons {
	float: right;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	text-align: center;
}
.container-fluid > .navbar-collapse {
	background: #2f3c49;
	padding-left: 0;
	padding-right: 0;
	margin-left: -15px;
	margin-right: -15px;
}
.navbar-nav {
	margin-left: 0;
	margin-right: 0;
	width: 80%;
	margin-bottom: 0;
}
.container > .navbar-collapse {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	background: #2f3c49;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.navbar-fixed-top {
	background: rgba(47,60,73, 0.8);
}
.navbar-nav > li {
	border-bottom: 1px dotted #536374;
}

.navbar-nav > li:last-child {
	border-bottom: 0;
}
.navbar-nav > li > a {
	color: #fff;
	padding: 22px 15px;
	-webkit-perspective: 200px;
}
.navbar-nav > li > a:after {
	content: "\f105";
	font-family: 'FontAwesome';
	color: #fff;
	right: 0;
	top: 50%;
	margin-top: -8px;
}
.nav > li > a:hover, .nav > li > a:focus {
	background: none;
	filter: none;
}
.nav > li > a:hover:after {
	animation: right-arrow 0.4s ease-in-out 0s forwards;
	-webkit-animation: right-arrow 0.4s ease-in-out 0s forwards;
}
.navbar-collapse .social-icons {
	text-align: left;
	float: none;
	padding: 0 0 20px 10px;
}

/*
 3.1) Header Style
 ------------------------------*/
#header .navbar.up {
	top: -300px;
	opacity: 0;
	visibility: hidden;
}
#header .navbar.down {
	top: 0;
	opacity: 1;
	visibility: visible;
}
/*
 4.) Footer Styles
 ------------------------------*/
#footer {
	background: url(../img/bgFooter.jpg) center bottom no-repeat;
	background-size: cover;
	text-align: right;
	color: #fff;
	padding: 33px 0;
	border-bottom: 3px solid #536374;
	text-align: center;
}
#footer ul {
	margin-bottom: 2px;
	text-align: center;
}
.nav-links {
	text-align: right;
	margin-top: 10px;
}
.nav-links li {
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px dashed #5a809a;
	line-height: 1;
}
.nav-links a {
	color: #fff;
}
.copyright a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.nav-links li:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}
/*
 5.)fc slideshow
 -----------------------*/

.flip-slider {
}
.flip-slides {
	overflow: hidden;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1200px;
	-ms-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
	position: relative;
	height: 272px;
}
.flip-slides li {
	visibility: hidden;
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 50% 50% 50%;
	-moz-transform-origin: 50% 50% 50%;
	-ms-transform-origin: 50% 50% 50%;
	-o-transform-origin: 50% 50% 50%;
	transform-origin: 50% 50% 50%;
	border-radius: 20px;
	overflow: hidden;
}
.flip-slides > li img {
	display: block;
	border-radius: 20px;
}
.flip-slides > li.current {
	visibility: visible;
	z-index: 1000;
}
.flip-slides > li.rotate {
	animation: flip 1s ease-in-out 0s forwards;
	-webkit-animation: flip 1s ease-in-out 0s forwards;
}
.flip-slides > li.flip-next {
	visibility: visible;
	animation: flip-next 1s ease-in-out 0s forwards;
	-webkit-animation: flip-next 1s ease-in-out 0s forwards;
}
@keyframes flip{
from {
	-moz-transform: rotate3d(1,1,0,0deg);
	-webkit-transform: rotate3d(1,1,0,0deg);
	-o-transform: rotate3d(1,1,0,0deg);
	-ms-transform: rotate3d(1,1,0,0deg);
	transform: rotate3d(1,1,0,0deg);
}
to {
	-moz-transform: rotate3d(1,1,0,180deg);
	-webkit-transform: rotate3d(1,1,0,180deg);
	-o-transform: rotate3d(1,1,0,180deg);
	-ms-transform: rotate3d(1,1,0,180deg);
	transform: rotate3d(1,1,0,180deg);
}
}
@-webkit-keyframes
flip {from {
	-moz-transform: rotate3d(1,1,0,0deg);
	-webkit-transform: rotate3d(1,1,0,0deg);
	-o-transform: rotate3d(1,1,0,0deg);
	-ms-transform: rotate3d(1,1,0,0deg);
	transform: rotate3d(1,1,0,0deg);
}
to {
	-moz-transform: rotate3d(1,1,0,180deg);
	-webkit-transform: rotate3d(1,1,0,180deg);
	-o-transform: rotate3d(1,1,0,180deg);
	-ms-transform: rotate3d(1,1,0,180deg);
	transform: rotate3d(1,1,0,180deg);
}
}
@keyframes
flip-next {from{

	-moz-transform: rotate3d(1,1,0,-180deg);
	-webkit-transform: rotate3d(1,1,0,-180deg);
	-o-transform: rotate3d(1,1,0,-180deg);
	-ms-transform: rotate3d(1,1,0,-180deg);
	transform: rotate3d(1,1,0,-180deg);
}
to {
	-moz-transform: rotate3d(1,1,0,0);
	-webkit-transform: rotate3d(1,1,0,0);
	-o-transform: rotate3d(1,1,0,0);
	-ms-transform: rotate3d(1,1,0,0);
	transform: rotate3d(1,1,0,0);
}
}
@-webkit-keyframes
flip-next {from{

	-moz-transform: rotate3d(1,1,0,-180deg);
	-webkit-transform: rotate3d(1,1,0,-180deg);
	-o-transform: rotate3d(1,1,0,-180deg);
	-ms-transform: rotate3d(1,1,0,-180deg);
	transform: rotate3d(1,1,0,-180deg);
}
to {
	-moz-transform: rotate3d(1,1,0,0);
	-webkit-transform: rotate3d(1,1,0,0);
	-o-transform: rotate3d(1,1,0,0);
	-ms-transform: rotate3d(1,1,0,0);
	transform: rotate3d(1,1,0,0);
}
}
.flip-slides .slide-text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}