.l-left a img {
	width: 100px;
}

@font-face {
	font-family: Beyonce_demo;
	src: url(../404.html);
	src: url(../404.html?#iefix) format('embedded-opentype'), url(../404.html) format('woff2'), url(../404.html) format('woff'), url(../404.html) format('truetype'), url(../404.html#Beyonce_demo) format('svg');
	font-weight: 400;
	font-style: normal
}

#read {
	position: relative;
	top: -10px;
	color: #fff;
	left: 104%;
	font-size: 14px;
	font-weight: 700;
	border: 2px solid;
	padding: 7px
}

.asasa {
	color: #fff !important;
	font-weight: 700;
	letter-spacing: 3px;
	font-size: 60px;
	padding: 0;
	margin: 0
}

.all_services--arrow .link--white:after,
.all_services--arrow .link--white:before {
	background-image: url(../images/left-arrow.png)
}

.all_services--arrow:before {
	transform: translateY(-50%) translateX(-100%);
	opacity: 0
}

.all_services--arrow:hover::before {
	transform: translateY(-50%) translateX(0);
	opacity: 1
}

.all_services--arrow:after {
	right: 0;
	opacity: 1
}

.all_services--arrow:hover::after {
	transform: translateY(-50%) translateX(0);
	opacity: 0
}

.all_services--arrow:after,
.all_services--arrow:before {
	content: "";
	background-size: 20px 15px;
	width: 20px;
	height: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.all_services--arrow span,
.all_services--arrow:after,
.all_services--arrow:before {
	display: inline-block;
	transition: transform .3s, opacity .3s
}

.all_services--arrow {
	outline: 0;
	background: 0 0;
	border: none;
	display: inline-block;
	overflow: hidden;
	position: relative;
	font-weight: 300;
	font-size: 1.6rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-right: 40px;
	margin-top: 110px;
	transition: all .3s;
	color: #fff
}

.all_services--arrow.link--white {
	color: #fff
}

.all_services--arrow:hover {
	font-weight: 700;
	color: #fff
}

.all_services--arrow:hover span {
	transform: translateX(40px)
}

.home_testimonials_main {
	background-color: #000;
	background-image: url(../images/home_testimonial_back.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.home_services_back {
	background-image: url(../images/services_back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 700px;
	text-align: center
}

.footer_bot {
	background-color: #191919;
	padding: 12px;
	text-align: center
}

.location_boxes {
	background-color: #1e1e1e;
	padding: 40px 0 80px
}

.location_box1 {
	min-height: 406px;
	background-image: url(../images/location_box1.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-family: Lato;
	padding: 35px
}

.location_box1 h1 {
	color: #fff !important;
	font-family: Lato;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 2px solid #fff;
	width: 40%;
	padding-bottom: 10px
}

.location_box1 h2 {
	color: #fff;
	font-family: Lato;
	font-size: 18px;
	font-weight: 400;
	width: 80%;
	line-height: 20px;
	padding-bottom: 5px;
	padding-left: 35px
}

.location_box1 h3 {
	color: #fff;
	font-family: Lato;
	font-size: 54px;
	font-weight: bolder;
	padding-left: 50px;
	margin-top: 30px
}

.location_box1 img {
	float: right;
	padding-right: 80px;
	padding-top: 30px;
	opacity: 0;
	transition: 1s
}

.location_box1:hover {
	background-image: url(../images/location_box1_hover.jpg)
}

.location_box1:hover img {
	padding-right: 40px;
	opacity: 1
}

.location_box2 {
	min-height: 406px;
	background-image: url(../images/location_box2.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-family: Lato;
	padding: 35px;
	transition: 1s
}

.location_box2 h1 {
	color: #fff !important;
	font-family: Lato;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 2px solid #fff;
	width: 35%;
	padding-bottom: 10px
}

.location_box2 h2 {
	color: #fff;
	font-family: Lato;
	font-size: 18px;
	font-weight: 400;
	width: 80%;
	line-height: 20px;
	padding-bottom: 5px;
	padding-left: 35px
}

.location_box2 h3 {
	color: #fff;
	font-family: Lato;
	font-size: 54px;
	font-weight: bolder;
	padding-left: 50px;
	margin-top: 30px
}

.location_box2 img {
	float: right;
	padding-right: 80px;
	padding-top: 30px;
	opacity: 0;
	transition: 1s
}

.location_box2:hover {
	background-image: url(../images/location_box2_hover.jpg)
}

.location_box2:hover img {
	padding-right: 40px;
	opacity: 1
}

.location_icon {
	background-image: url(../images/box_location_icon.png);
	background-repeat: no-repeat
}

.message_icon {
	background-image: url(../images/box_message_icon.png);
	background-repeat: no-repeat
}

.phone_icon {
	background-image: url(../images/box_phone_icon.png);
	background-repeat: no-repeat
}

.testimonial_section {
	background-image: url(../images/ucohome/testimonials_background.jpg);
	background-color: #000
}

.upper_footer {
	background-color: #1d2621;
	padding-top: 60px;
	text-align: center;
	background-image: url(../images/upper_footer.jpg);
	height: 330px
}

.upper_footer_img {
	height: 200px;
	margin: 0 180px;
	transition: all .2s linear;
	margin-top: 50px;
	background-image: url(../images/upper_footer_logo_hover.png);
	background-repeat: no-repeat;
	background-position: center
}

.upper_footer_img:hover {
	margin-top: 0;
	background-image: url(../images/upper_footer_logo_hover.png);
	background-repeat: no-repeat;
	background-position: center
}

.footer_new {
	background-color: #232323
}

.work_bottom {
	background-image: url(../images/work_bottom.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	text-align: center;
	padding-bottom: 180px
}

.work_bottom h1 {
	font-size: 56px;
	color: #fff !important;
	padding-top: 20px;
	padding-bottom: 15px
}

.link--arrow.link--white:after,
.link--arrow.link--white:before {
	background-image: url(../images/left-arrow.png)
}

.link--arrow:before {
	transform: translateY(-50%) translateX(-100%);
	opacity: 0
}

.link--arrow:hover::before {
	transform: translateY(-50%) translateX(0);
	opacity: 1
}

.link--arrow:after {
	opacity: 1
}

.link--arrow:hover::after {
	transform: translateY(-50%) translateX(0);
	opacity: 0
}

.link--arrow:after,
.link--arrow:before {
	content: "";
	background-size: 20px 15px;
	width: 20px;
	height: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.link--arrow span,
.link--arrow:after,
.link--arrow:before {
	display: inline-block;
	transition: transform .3s, opacity .3s
}

.link--arrow {
	outline: 0;
	background: 0 0;
	border: none;
	display: inline-block;
	overflow: hidden;
	position: relative;
	font-weight: 300;
	font-size: 1.6rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-right: 40px;
	transition: all .3s
}

.link--arrow.link--white {
	color: #fff;
	margin-top: 0
}

.link--arrow:hover {
	font-weight: 700
}

.link--arrow:hover span {
	transform: translateX(40px)
}

.section--dark {
	background-color: #1f2823
}

.wrapper--home .section--bottom-cta .section__inner {
	padding-top: 32rem
}

.section__inner--flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.section__inner {
	position: relative;
	width: 100%;
	border-left: .1rem solid rgba(255, 255, 255, .05);
	border-right: .1rem solid rgba(255, 255, 255, .05);
	padding: 0;
	z-index: 10
}

.section__inner:before {
	position: absolute;
	width: 50%;
	height: 100%;
	left: 50%;
	top: 0;
	margin-left: -25%;
	border-left: .1rem solid rgba(255, 255, 255, .05);
	border-right: .1rem solid rgba(255, 255, 255, .05);
	content: '';
	pointer-events: none
}

.image-slider__slide {
	position: relative;
	display: block;
	margin-bottom: 50px
}

.image-slider__details1 {
	position: absolute;
	width: 100%;
	top: 0;
	left: 30px;
	opacity: 0;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .4s ease-in-out .2s;
	transition: all .7s ease-in-out .2s;
	color: #fff042;
	padding: 5vw;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	height: 100%
}

.image-slider__slide:hover .image-slider__details1 {
	opacity: 1;
	-webkit-transform: translate(0, -12%);
	transform: translate(0, -12%)
}

.image-slider__name1 {
	color: #fff;
	font-size: 55px;
	font-weight: 600;
	width: 100%;
	line-height: 5.2vw;
	margin: 0;
	align-self: flex-end;
	text-align: left;
	position: absolute;
	left: -20px;
	bottom: -20px
}

.image-slider__details {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	-webkit-transition: all .4s ease-in-out .2s;
	transition: all .4s ease-in-out .2s;
	color: #fff042;
	padding: 5vw;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	height: 100%
}

.image-slider__slide:hover .image-slider__details {
	opacity: 1;
	-webkit-transform: translate(-50%, -80%);
	transform: translate(-50%, -80%)
}

.image-slider__text {
	color: #fff;
	text-align: right;
	font-size: 1.77vw;
	width: 100%;
	font-weight: 300
}

.image-slider__name {
	color: #fff042;
	font-size: 55px;
	font-weight: 600;
	width: 100%;
	line-height: 5.2vw;
	margin: 0;
	align-self: flex-end;
	text-align: center
}

.overlay_voilet {
	position: absolute;
	mix-blend-mode: multiply;
	-webkit-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-color: #5e2893;
	opacity: 0
}

.image-slider__slide:hover .overlay_voilet {
	opacity: 1
}

.overlay_yellow {
	position: absolute;
	mix-blend-mode: multiply;
	-webkit-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-color: #f41b44;
	opacity: 0
}

.image-slider__slide:hover .overlay_yellow {
	opacity: 1
}

.image-slider__slide-overlay {
	position: absolute;
	mix-blend-mode: multiply;
	-webkit-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-color: #00adb1;
	opacity: 0
}

.image-slider__slide:hover .image-slider__slide-overlay {
	opacity: 1
}

.home_work_section {
	background-color: #040404;
	padding: 100px 0 0
}

.home_work_section_left img {
	width: 100%;
	margin-right: 50px
}

.home_work_section img {
	width: 100%
}

.home_work_section_left {
	background-color: #000
}

.home_work_section_right {
	padding-top: 170px
}

#top_fixed {
	position: fixed;
	top: 72px;
	left: 0;
	z-index: 0
}

#b {
	margin-top: 60%
}

.home_about_section {
	background-color: #222020
}

.aaaaa {
	position: absolute;
	top: 28%;
	left: 37%
}

.we_are_hero1 {
	font-family: Lato;
	letter-spacing: 3px;
	font-size: 60px;
	color: #fff !important;
	font-weight: 100;
	line-height: 60px !important;
	position: absolute;
	top: 30%;
	left: 20%;
	width: 40%;
	margin: 0 auto;
	text-shadow: 0 0 25px #131313;
	text-align: left
}

.we_are_hero1 h1 {
	color: #fff !important;
	font-weight: 100;
	margin: 0;
	letter-spacing: 3px;
	font-size: 60px
}

.we_are_hero1 h2 {
	color: #fff !important;
	font-weight: 700;
	letter-spacing: 3px;
	font-size: 60px;
	padding: 0;
	margin: 0
}

.we_are_hero1 p {
	color: #fff !important;
	font-weight: 500;
	font-size: 10px;
	font-family: Lato !important;
	padding-top: 0;
	margin: 0
}

.scroll-down {
	position: absolute;
	width: 150px;
	bottom: 20px;
	left: 50%;
	margin-left: -75px;
	z-index: 50;
	display: block;
	text-align: center;
	font-size: 12px;
	-webkit-font-smoothing: antialiased
}

.btn,
.scroll-down {
	white-space: nowrap
}

.scroll-down .icon {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	width: 26px;
	height: 44px;
	display: block;
	border-radius: 13px;
	border: 2px solid #b3b3b3;
	margin: 0 auto
}

.scroll-down .icon:before,
.scroll-down span {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease
}

.scroll-down .icon:before {
	transition: all .3s ease;
	width: 6px;
	height: 6px;
	-webkit-animation: scrollDownKnobAnimation 2s ease infinite;
	-moz-animation: scrollDownKnobAnimation 2s ease infinite;
	-o-animation: scrollDownKnobAnimation 2s ease infinite;
	animation: scrollDownKnobAnimation 2s ease infinite;
	position: absolute;
	top: 6px;
	border-radius: 50%;
	background-color: #b3b3b3;
	content: '';
	left: 50%;
	margin-left: -3px
}

a:active,
a:hover {
	outline: 0
}

a:focus,
a:hover {
	color: #23527c
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.video_over {
	background-image: url(../images/video_over.png);
	width: 100%;
	min-height: 750px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9
}

.img-zoom {
	padding-top: 10px;
	transform: scale(1);
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out
}

.img-zoom:hover {
	transform: scale(1.2)
}

.width_100 {
	width: 100% !important
}

.pad_0 {
	padding: 0 !important
}

.blog_arrow_position {
	position: absolute;
	bottom: 75px;
	right: 110px
}

.blog_arrow_position1 {
	position: absolute;
	bottom: 15px;
	right: 40px
}

.footer_icons_text {
	color: #f0f8ff;
	padding-top: 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px
}

.footer_icons_row {
	margin: 0 auto;
	margin-bottom: 50px
}

.footer_icons {
	width: 95px;
	height: 95px;
	line-height: 95px;
	border-radius: 50%;
	background: #2d3544;
	margin: 0 auto
}

.footer_icons_title {
	font-family: Lato;
	font-size: 18px;
	font-weight: 500;
	margin-top: 15px;
	color: #fff;
	border-bottom: 1px solid #333 !important
}

.home_testimonial_title {
	font-size: 50px;
	margin: 0;
	color: #fff !important;
	text-align: center;
	font-family: Lato;
	padding-bottom: 10px;
	padding-top: 100px
}

.skills_projects_boxes {
	padding: 0 15% 3% 15%
}

.skills_main_background {
	background-color: #15141a;
	background-image: url(../images/ucohome/1111.svg);
	background-position: top right;
	background-size: 100%;
	background-repeat: no-repeat
}

.skills_bg {
	background-color: #1c1f28 !important
}

* {
	margin: 0;
	padding: 0
}

body {
	background: #fff;
	font-weight: 400;
	position: relative;
	font-size: 14px;
	font-family: Montserrat, sans-serif
}

#wrap {
	position: relative;
	width: 100%;
	overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	color: #141414;
	font-family: Montserrat, sans-serif;
	font-weight: 700
}

h1 {
	font-size: 42px
}

h2 {
	font-size: 36px;
	font-weight: 700
}

h3 {
	font-size: 30px
}

h4 {
	font-size: 24px
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 14px;
	font-weight: 700
}

a {
	text-decoration: none !important;
	font-family: Montserrat, sans-serif
}

ul {
	margin-bottom: 0
}

li {
	list-style: none
}

a {
	text-decoration: none;
	color: #141414
}

p.intro-small {
	font-style: italic;
	color: #f5f5f5;
	width: 80%;
	margin: 0 auto
}

section {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff
}

.slides-inner h5 {
	margin: 0
}

.btn {
	background: #eeb013;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px 50px;
	font-weight: 700;
	border-radius: 0;
	letter-spacing: 1px;
	color: #141414;
	position: relative;
	overflow: hidden
}

.l-left {
	float: left;
	position: relative;
	z-index: 999;
	padding-top: 2px;
	padding-left: 50px;
	line-height: 69px
}

.l-left_icon {
	float: left;
	position: relative;
	z-index: 999;
	padding-top: 10px;
	padding-left: 50px
}

.l-left_icon img {
	opacity: 1
}

.l-right {
	float: right
}

.display_none_for_desktop {
	display: none
}

.topnav_services_formobile {
	padding-top: 15px;
	padding-left: 30px
}

.topnav_services_formobile a {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px
}

.wistia_embed {
	width: 100%;
	max-height: 450px;
	border: 0
}

.animation-element {
	opacity: 0;
	position: relative
}

.animation-element.slide-left {
	opacity: 0;
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
	-moz-transform: translate3d(-500px, 0, 0);
	-webkit-transform: translate3d(-500px, 0, 0);
	-o-transform: translate(-500px, 0);
	-ms-transform: translate(-500px, 0);
	transform: translate3d(-500px, 0, 0)
}

.animation-element.slide-left1 {
	opacity: 0;
	-moz-transition: all 1s linear;
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	-moz-transform: translate3d(-300px, 0, 0);
	-webkit-transform: translate3d(-300px, 0, 0);
	-o-transform: translate(-300px, 0);
	-ms-transform: translate(-300px, 0);
	transform: translate3d(-300px, 0, 0)
}

.animation-element.slide-right {
	opacity: 0;
	-moz-transition: all 1s linear;
	-webkit-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	-moz-transform: translate3d(500px, 0, 0);
	-webkit-transform: translate3d(500px, 0, 0);
	-o-transform: translate(500px, 0);
	-ms-transform: translate(500px, 0);
	transform: translate3d(500px, 0, 0)
}

.animation-element.slide-right1 {
	opacity: 0;
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
	-moz-transform: translate3d(300px, 0, 0);
	-webkit-transform: translate3d(300px, 0, 0);
	-o-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	transform: translate3d(300px, 0, 0)
}

.animation-element.slide-left.in-view,
.animation-element.slide-left1.in-view {
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate3d(0, 0, 0)
}

.animation-element.slide-right.in-view,
.animation-element.slide-right1.in-view {
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate3d(0, 0, 0)
}

.services_slides_banners {
	height: 100vh;
	display: flex;
	position: relative;
	flex-direction: column;
	width: 100vw
}

.home_ourwork_img {
	padding: 0
}

.home_ourwork_main {
	height: 100vh
}

.vertical_full {
	height: 100vh
}

.flip_iona {
	transition: 1s;
	background-image: url(../images/work/new/img-6.jpg);
	background-repeat: no-repeat;
	width: 100%;
	position: absolute;
	background-size: cover;
	background-color: bisque
}

.flip_iona:hover {
	background-image: url(../images/work/new/img-6_hover.jpg);
	background-repeat: no-repeat;
	background-size: cover
}

.flip_lobital {
	width: 100%;
	height: 250px;
	background-image: url(../images/work/new/img-2.jpg);
	background-size: cover;
	text-align: center;
	transition: 1s
}

.flip_lobital:hover {
	width: 100%;
	height: 250px;
	background-image: url(../images/work/new/img-2_hover.jpg);
	background-size: cover
}

.flip_box_iona {
	background-image: url(../images/work/new/img-6.jpg);
	background-repeat: no-repeat;
	width: 100%;
	position: absolute;
	background-size: cover
}

.flip_box_iona1 {
	background-image: url(../images/work/new/img-6_hover.jpg);
	background-repeat: no-repeat;
	width: 100%;
	position: absolute;
	background-size: cover;
	left: 500px;
	transition: transform 1s
}

.flip-box_gayze {
	background-image: url(../images/work/new/img-3.jpg);
	position: absolute;
	width: 100%;
	height: 250px;
	background-size: cover;
	transition: 1s
}

.flip-box_gayze:hover {
	background-image: url(../images/work/new/img-3_hover.jpg)
}

.flip-box-inner_gayze {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 1s
}

.flip-box_gayze:hover .flip-box-inner_gayze {
	transform: rotate(180deg)
}

.flip-box-back_gayze,
.flip-box-front_gayze {
	position: absolute;
	width: 100%;
	height: 100%;
	visibility: visible
}

.flip-box-front_gayze {
	color: #000;
	transform: rotate(0)
}

.flip-box-back_gayze {
	background-color: #555;
	color: #fff;
	transform: rotate(180deg)
}

.flip-box {
	background-color: transparent;
	width: 100%;
	height: 100vh;
	perspective: 1000px
}

.flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform .8s;
	transform-style: preserve-3d
}

.flip-box:hover .flip-box-inner {
	transform: rotateY(180deg)
}

.flip-box-back,
.flip-box-front {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden
}

.flip-box-front {
	background-color: #bbb;
	color: #000;
	background-image: url(../images/work/new/img-4_hover.jpg);
	background-size: cover
}

.flip-box-back {
	background-color: #555;
	color: #fff;
	transform: rotateY(180deg);
	background-image: url(../images/work/new/img-4.jpg);
	background-size: cover
}

.flip-box-back h2 {
	color: #fff;
	line-height: 100%
}

.view_all_float_button a {
	position: absolute;
	width: 130px;
	height: 110px;
	background-color: #833ab4;
	color: #fdd71d;
	z-index: 999999;
	right: 0;
	padding: 7px;
	top: 50px;
	border-radius: 18px;
	box-shadow: 0 30px 100px #000;
	text-align: center;
	font-family: beyonce;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 4px;
	padding-top: 20px;
	line-height: 36px;
	text-shadow: 0 0 30px #000
}

.view_all_float_button a:hover {
	color: #fff
}

.image_grayscale {
	height: 420px;
	background-image: url(../images/work/new/img-1_hover.jpg);
	background-size: cover;
	transition: 1s
}

.image_grayscale:hover {
	background-image: url(../images/work/new/img-1.jpg);
	background-size: cover
}

.flip-box3 {
	height: 420px;
	width: 100%;
	background-image: url(../images/work/new/img-5_hover.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	transition: 1.5s
}

.flip-box3:hover {
	height: 420px;
	background-image: url(../images/work/new/img-5.jpg)
}

.flip-box1 {
	background-color: transparent;
	perspective: 1000px
}

.flip-box-inner1 {
	position: relative;
	text-align: center;
	transition: transform .8s;
	transform-style: preserve-3d
}

.flip-box1:hover .flip-box-inner1 {
	transform: rotateX(180deg)
}

.flip-box-back1,
.flip-box-front1 {
	width: 100%;
	height: 100%;
	backface-visibility: hidden
}

.flip-box-front1 {
	color: #000
}

.flip-box-back1 {
	background-color: #555;
	color: #fff;
	transform: rotateY(180deg)
}

.flip-box-back1 h2 {
	color: #fff;
	line-height: 100%
}

.forMobile {
	display: none
}

.video_image {
	border-radius: 7px;
	background-image: url(../images/testimonials/1.1.jpg);
	background-position: top right;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 5%;
	height: 430px
}

.video_image img {
	width: 70px;
	height: 70px;
	text-align: center;
	margin: 0 auto;
	left: 46%;
	top: 40%;
	position: absolute
}

.home_testimonial_main {
	padding: 50px 0;
	height: 670px
}

.home_testimonial_left {
	padding: 70px 50px 70px 132px;
	margin-top: 10px
}

.home_testimonial_left h1 {
	color: #e2e2e2 !important;
	font-size: 21px;
	line-height: 46px;
	font-family: Lato;
	font-weight: 100
}

.home_testimonial_left p {
	padding-top: 15px;
	font-size: 15px;
	color: #7b7b7b
}

.home_video_banner_text {
	background: rgb(0, 0, 0, .6);
	padding: 15px;
	width: 40%;
	height: 63%;
	position: absolute;
	border-radius: 10px;
	z-index: 9;
	top: 23%;
	left: 10%;
	color: #fff;
	font- family: clear sans
}

.red_arrow1 {
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px
}

.white_arrow1 {
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px
}

.home_video_banner_text h1 {
	text-align: left;
	font-family: lato;
	font-size: 44px;
	font-weight: bolder;
	padding-left: 30px;
	color: #fff;
	background-size: 200%;
	background-image: none;
	background-image: linear-gradient(45deg, #fff070 0, #fff 35%, #ffd3 66%, #d7edff 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	animation: glow 9s linear infinite
}

span.stretch {
	display: inline-block;
	-webkit-transform: scale(4, 1);
	-moz-transform: scale(4, 1);
	-ms-transform: scale(4, 1);
	-o-transform: scale(4, 1);
	transform: scale(4, 1);
	margin-right: 20px;
	font-size: 18px
}

.home_video_banner_text ul {
	text-align: left;
	padding-left: 40px;
	padding-top: 20px
}

.home_video_banner_text ul li {
	font-family: clear sans;
	font-weight: 400;
	font-size: 20px;
	padding-bottom: 12px
}

.home_video_banner_text ul li a {
	color: #fff
}

.home_video_banner_text ul li a:hover {
	color: #f3b62c
}

.techno_text {
	padding: 12% 0 12% 5%
}

.technology h1 {
	font-size: 60px;
	color: #fff;
	font-weight: 600;
	font-family: quantify;
	text-shadow: 0 0 34px #8c4b1a
}

.technology p {
	padding-top: 20px;
	color: #fff;
	font-size: 22px;
	line-height: 35px;
	font-family: lato;
	padding-bottom: 30px
}

.technology {
	background: #f6f6f6;
	background-image: url(../images/ucohome/skills-bg.jpg);
	background-size: cover;
	padding-top: 7%;
	min-height: 740px
}

.techImages {
	padding-left: 10%
}

.technology .techImages>li {
	float: left;
	list-style: none;
	margin: 0 10px;
	text-align: center;
	width: 90px;
	transition: 1s
}

.technology .techImages>li .tech {
	height: 90px;
	width: 90px;
	margin-bottom: 20px;
	transition: 1s
}

.technology .techImages .tech>img {
	max-width: 75px
}

.skill_default {
	display: inline-block
}

#changetext {
	transition: all 1s ease
}

.blue {
	color: #fff !important;
	position: relative;
	-webkit-animation-name: example;
	-webkit-animation-duration: 1s;
	animation-name: example;
	animation-duration: .3s
}

@keyframes example {
	from {
		left: -500px
	}

	to {
		left: 0
	}
}

.techImages.forImageAbout {
	display: none
}

#thin_menu {
	display: none;
	background-color: rgba(17, 20, 23, .85);
	border-bottom: 2px solid #1383d2ab
}

.dropdown ul li {
	padding-left: 25px !important
}

.services_slide img {
	width: 100% !important;
	height: 100%
}

.topnav {
	z-index: 999999;
	float: right;
	padding-right: 10px;
	height: 100%;
	display: flex;
	align-items: center;
}

.topnav ul {
	display: flex;
	margin: 0;
	padding-right: 60px;
	text-shadow: 0 0 25px #131313
}

.topnav ul li {
	margin-left: 55px
}

.topnav ul li ul li {
	padding-left: 10px;
	margin-left: 0
}

.topnav a {
	font-family: Lato;
	float: left;
	display: block;
	text-align: center;
	color: #fff;
	letter-spacing: 2px;
	font-size: 14px;
	position: relative
}

.active {
	color: #fff
}

.topnav a:hover {
	color: #fff;
	border-bottom: 2px solid #e62020
}

.topnav .icon {
	display: none
}

.topnav_thin {
	z-index: 999999;
	float: right;
	transition: 1s;
	padding-right: 10px;
	height: 100%;
	display: flex;
	align-items: center;
}

.topnav_thin ul {
	display: flex;
	margin: 0;
	padding-right: 60px
}

.topnav_thin ul li {
	margin-left: 55px
}

.topnav_thin ul li ul li {
	margin-left: 0
}

.topnav_thin a {
	font-family: Lato;
	float: left;
	display: block;
	text-align: center;
	color: #fff;
	letter-spacing: 2px;
	font-size: 14px;
	position: relative
}

.topnav_thin a:hover {
	color: #fff;
	border-bottom: 2px solid #e62020
}

.topnav_thin a.active {
	color: #fff;
	border-bottom: 3px solid #e62020
}

.topnav_thin .icon {
	display: none
}

.btn_slider {
	cursor: pointer;
	background-color: transparent;
	padding-right: 10px
}

#prevButton {
	cursor: pointer;
	border: transparent;
	background-color: transparent
}

#nextButton {
	cursor: pointer;
	border: transparent;
	background-color: transparent;
	padding-left: 5px
}

#prevButton:focus {
	background-color: transparent
}

#prevButton:visited {
	background-color: transparent
}

#prevButton:active {
	background-color: transparent
}

.btn_slider:hover {
	cursor: pointer;
	background-color: transparent;
	border: 1px solid #fff;
	padding-right: 10px
}

.btn_slider:focus {
	cursor: pointer;
	background-color: transparent;
	border: 1px solid transparent !important;
	padding-right: 10px
}

.btn_slider:active {
	cursor: pointer;
	background-color: transparent;
	border: 1px solid transparent !important;
	padding-right: 10px
}

main {
	display: flex;
	position: relative;
	flex-direction: column;
	width: 100vw;
	height: 100vh
}

.services_controls {
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	min-height: 70px;
	position: absolute;
	bottom: 8%;
	left: 5%
}

.services_link {
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	min-height: 70px;
	position: absolute;
	bottom: 30%;
	left: 7%
}

.services_link a {
	color: #fff;
	font-size: 22px;
	font-weight: 300;
	font-family: lato
}

.services_link a:hover {
	color: #fff;
	font-size: 22px;
	font-weight: 300;
	font-family: lato;
	text-decoration: underline !important
}

.services_slides_container {
	position: relative;
	overflow: hidden;
	display: flex;
	flex: 1
}

.services_slide {
	position: absolute;
	font-size: 90px;
	font-weight: 700;
	color: rgba(255, 255, 255, .9);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: calc(100% /2);
	width: 100%;
	background-size: cover
}

.slides-inner {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden
}

@media screen and (max-width:600px) {
	.topnav a {
		display: none
	}

	.topnav a.icon {
		float: right;
		display: block
	}
}

@media screen and (max-width:600px) {
	.topnav.responsive {
		position: relative
	}

	.topnav ul {
		display: table-cell
	}

	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0
	}

	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left
	}
}

.slide {
	position: absolute;
	z-index: 1;
	background-size: cover;
	background-position: center center;
	width: 90%;
	height: 450px
}

.slide blockquote {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	margin: 0;
	border: 10px
}

.slide blockquote p {
	font-family: Baskerville;
	color: #fff;
	padding: 0;
	font-size: 45px;
	font-style: italic;
	text-align: center;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto
}

.slide cite {
	font-family: ProximaNova, Helvetica Neue;
	font-weight: 700;
	letter-spacing: 3px;
	font-style: normal;
	font-size: 13px;
	text-align: center;
	color: #b5b5b5;
	display: block;
	text-transform: uppercase
}

.slide .play-button {
	width: 70px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	cursor: pointer;
	display: block
}

.slide.video-active .close-button {
	background-image: url(../images/testimonials/close_close.png);
	background-size: 57px auto;
	background-repeat: no-repeat;
	height: 38px;
	width: 36px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	cursor: pointer;
	background-color: transparent;
	border: none
}

.quote-1 {
	background-image: url(../images/testimonials/1.jpg);
	background-position: top right
}

.quote-2 {
	background-image: url(../images/testimonials/2.jpg);
	background-position: top left
}

.quote-3 {
	background-image: url(../images/testimonials/3.jpg);
	background-position: top left
}

.quote-4 {
	background-image: url(../images/testimonials/4.jpg);
	background-position: top center
}

.quote-5 {
	background-image: url(../images/testimonials/5.jpg);
	background-position: top left
}

.slide.active {
	z-index: 5
}

.slide.video-active .quote-video {
	visibility: visible !important;
	position: absolute;
	top: 0;
	height: 600px !important
}

.avatars {
	margin-top: 0;
	text-align: center;
	padding-left: 0;
	z-index: 999999999;
	position: relative;
	top: 465px
}

.avatars li {
	transform: matrix(1, 0, 0, 1, 0, 0);
	height: 80px;
	width: 80px;
	transition: transform .2s ease-in-out;
	display: inline-block;
	text-align: center;
	margin: auto 10px
}

.avatars li a {
	cursor: pointer
}

.avatars li#avatar-1 {
	transition: transform .4s ease
}

.avatars li#avatar-2 {
	transition: transform .5s ease
}

.avatars li#avatar-3 {
	transition: transform .6s ease
}

.avatars li#avatar-4 {
	transition: transform .7s ease
}

.avatars li#avatar-5 {
	transition: transform .7s ease
}

.avatars li.video-active#avatar-1 {
	transform: matrix(.75, 0, 0, .75, 30, 10)
}

.avatars li.video-active#avatar-2 {
	transform: matrix(.75, 0, 0, .75, 10, 10)
}

.avatars li.video-active#avatar-3 {
	transform: matrix(.75, 0, 0, .75, -10, 10)
}

.avatars li.video-active#avatar-4 {
	transform: matrix(.75, 0, 0, .75, -30, 10)
}

.avatars li.video-active#avatar-5 {
	transform: matrix(.75, 0, 0, .75, -50, 10)
}

.avatars li span {
	background-image: url(../images/testimonials/avatar-sprites.png);
	height: 80px;
	width: 80px;
	display: inline-block;
	background-size: 80px auto;
	border-radius: 200px;
	border: 2px solid #fff
}

.avatars #avatar-2 span {
	background-position: 0 -80px
}

.avatars #avatar-3 span {
	background-position: 0 -159px
}

.avatars #avatar-4 span {
	background-position: 0 -240px
}

.avatars #avatar-5 span {
	background-position: 0 -320px
}

.avatars li .logo {
	background-image: url(../images/testimonials/avatar-sprites.png);
	height: 38px;
	background-size: 80px auto;
	display: none
}

.avatars #avatar-1 .logo {
	background-position: 25px -239px;
	margin-top: 3px;
	display: none
}

.avatars #avatar-2 .logo {
	background-position: 23px -276px;
	margin-top: 1px;
	display: none
}

.avatars #avatar-3 .logo {
	background-position: 10px -313px;
	margin-top: 10px;
	display: none
}

@media screen and (max-width:375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
	.owl-item img {
		height: 500px
	}

	#project-term {
		margin-bottom: 40px;
		padding-top: 20px;
		text-align: center
	}

	.carousel_text {
		font-size: 20px
	}

	.we_are_hero {
		font-size: 24px;
		font-family: lato;
		font-weight: 800;
		text-transform: uppercase;
		line-height: 40px;
		top: 23%;
		left: 7%
	}

	.banner_hero_main {
		height: 100vh;
		background-color: #2a2e31
	}

	#hero_myVideo {
		margin-top: 70%
	}

	.hero_service_main {
		position: relative;
		bottom: 0
	}

	.hero_service {
		margin-bottom: 20px;
		margin-top: 20px;
		background-color: #eeb013;
		margin-left: 30px;
		margin-right: 30px;
		padding: 10px;
		border-radius: 28px
	}

	.hero_service1 {
		margin-bottom: 20px;
		background-color: #eeb013;
		padding: 10px;
		border-radius: 28px
	}

	.hero_service a,
	.hero_service1 a {
		font-family: open sans;
		font-size: 24px;
		font-weight: 600;
		color: #212121;
		text-shadow: none
	}

	.iphone-x {
		display: none
	}

	.slide blockquote p {
		font-family: Baskerville;
		color: #fff;
		padding: 0;
		font-size: 30px;
		font-style: italic;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%
	}

	.slide {
		top: 60px
	}

	.sld375 {
		display: block
	}

	.services_link {
		display: none
	}

	.blue_copyright p {
		padding-bottom: 0;
		font-size: 16px;
		float: left
	}
}

@media screen and (max-width:600px) and (max-device-height:667px) {
	.owl-item img {
		height: 465px
	}

	#project-term {
		margin-bottom: 0;
		padding-top: 20px;
		text-align: center
	}

	.carousel_text {
		font-size: 20px
	}

	.we_are_hero {
		font-size: 24px;
		font-family: lato;
		font-weight: 800;
		text-transform: uppercase;
		line-height: 40px;
		top: 24%;
		left: 0
	}

	.we_are_hero_small {
		font-size: 36px
	}

	.banner_hero_main {
		height: 100vh;
		background-color: #2a2e31
	}

	#hero_myVideo {
		margin-top: 55%
	}

	.hero_service_main {
		position: relative;
		bottom: 0
	}

	.hero_service {
		margin-bottom: 1 0px;
		margin-top: 10px;
		background-color: #eeb013;
		margin-left: 30px;
		margin-right: 30px;
		padding: 5px;
		border-radius: 28px
	}

	.hero_service1 {
		margin-bottom: 20px;
		background-color: #eeb013;
		margin-left: 30px;
		margin-right: 30px;
		padding: 10px;
		border-radius: 28px
	}

	.hero_service a,
	.hero_service1 a {
		font-family: open sans;
		font-size: 22px;
		font-weight: 600;
		color: #212121;
		text-shadow: none
	}

	.iphone-x {
		display: none
	}

	.l-left img {
		width: 100%
	}

	.slide {
		height: 470px
	}

	.avatars {
		top: 490px
	}

	.slide blockquote p {
		font-family: Baskerville;
		color: #fff;
		padding: 0;
		font-size: 26px;
		font-style: italic;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%
	}

	.container-fluid.footerArea1 {
		padding-top: 20%;
		height: 100vh
	}

	.slide {
		top: 60px
	}

	.sld375 {
		display: block
	}

	.services_link {
		display: none
	}

	.blue_copyright p {
		padding-bottom: 0;
		font-size: 16px;
		float: left;
		margin-bottom: 0;
		margin: 0 auto;
		width: 78%
	}

	.ending_footer {
		min-height: 293px;
		background-position: 0 40px
	}

	.pad_bot_70 {
		padding-bottom: 17px
	}

	.container.ourwork {
		margin-top: 30px
	}
}

@media screen and (min-width:1366px) and (max-width:1600px) {
	.ourwork {
		padding-top: 100px
	}

	.our_skills {
		padding-top: 100px
	}
}

header {
    will-change: height;
    position: fixed;
    height: 72px;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    transition: all .3s ease;
    background-color: #101010;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

header.shrunk {
	height: 55px;
	background-color: #314448
}

@media screen and (max-width:678px) {

	.animation-element.slide-left.testimonial,
	.animation-element.slide-left.testimonial:nth-of-type(even),
	.animation-element.slide-left.testimonial:nth-of-type(odd) {
		width: 100%;
		margin: 0 0 20px 0
	}

	.animation-element.slide-left.testimonial .content,
	.animation-element.slide-left.testimonial .left,
	.animation-element.slide-left.testimonial .rating,
	.animation-element.slide-left.testimonial .right {
		text-align: center;
		float: none
	}

	.animation-element.slide-left.testimonial img {
		width: 85px;
		height: 85px;
		margin-bottom: 5px
	}
}

@media only screen and (min-width:1367px) and (max-width:1920px) {
	.testimonial_right {
		padding: 10% 5% 0 4%
	}

	.testimonial_text {
		padding-right: 0;
		padding-top: 14px
	}

	#testimonials_carousel {
		padding-bottom: 22px;
		padding-top: 76px !important
	}

	.ourwork {
		padding-top: 100px
	}
}

@media only screen and (min-width:1200px) and (max-width:1366px) {
	.testimonial_right {
		padding: 10% 5% 0 4%
	}

	.testimonial_text {
		padding-right: 140px;
		padding-top: 14px
	}

	.leftside img {
		width: 100%;
		height: auto
	}

	#testimonials_carousel {
		padding-bottom: 22px;
		padding-top: 76px !important
	}

	.ourwork {
		padding-top: 100px
	}

	.our_skills {
		padding-top: 100px
	}
}

@media only screen and (min-width:1025px) and (max-width:1199px) {
	.testimonial_right {
		padding: 69px 10px 0 50px
	}

	.testimonial_text {
		padding-right: 0;
		padding-top: 14px
	}

	.leftside img {
		width: 100%;
		height: auto
	}

	.container.ourwork {
		width: 100%
	}

	.ending_title {
		font-size: 130px
	}

	.ending_title3 {
		font-size: 130px
	}
}

@media only screen and (min-width:992px) and (max-width:1024px) {
	.testimonial_right {
		padding: 28px 10px 0 50px
	}

	.testimonial_text {
		padding-right: 0;
		padding-top: 14px
	}

	.leftside img {
		width: 100%;
		height: auto
	}

	.container.ourwork {
		width: 100%
	}

	.ending_title {
		font-size: 90px
	}

	.ending_title3 {
		font-size: 90px
	}

	.we_are_hero {
		font-size: 70px
	}

	.hero_service_main {
		padding: 0 70px
	}

	.ending_subtitle {
		font-size: 36px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	#hero_myVideo {
		height: auto !important
	}

	.banner_hero_main {
		height: auto !important
	}

	header {
		margin-top: 15px
	}

	.we_are_hero {
		font-size: 60px
	}

	.hero_service_main {
		padding: 0 52px
	}

	.hero_service a,
	.hero_service1 a {
		font-size: 15px
	}

	.carousel_main {
		padding-left: 50px
	}

	#project-terms {
		width: 75%;
		float: left;
		text-align: left;
		padding-top: 13px;
		margin-bottom: 30px
	}

	.carousel_text {
		font-size: 15px;
		padding: 4px 8px
	}

	.testimonial_right {
		padding: 20px 10px 0 38px
	}

	.testimonial_text {
		padding-right: 0;
		padding-top: 8px;
		font-size: 14px
	}

	.leftside img {
		width: 100%;
		height: auto
	}

	.container.ourwork {
		width: 100%
	}

	.ending_title {
		font-size: 50px
	}

	.ending_title3 {
		font-size: 50px
	}

	.ending_subtitle {
		font-size: 24px
	}

	.white_box_over {
		left: 0;
		top: 130px;
		width: 151px;
		height: 400px
	}

	.carousel_main {
		background-image: none !important;
		padding-bottom: 0 !important
	}

	.video_image {
		padding-bottom: 30px
	}

	.title {
		padding-top: 0
	}

	.services_title {
		font-size: 34px
	}

	.testimonial_right h4 {
		font-size: 20px;
		padding-top: 0 !important;
		margin-top: 0 !important
	}
}

@media only screen and (min-width:481px) and (max-width:767px) {
	.glyphicon-chevron-right:before {
		left: -35px !important
	}

	.white_box_over {
		display: none
	}

	.carousel_main {
		padding-left: 10px;
		padding-right: 10px
	}

	#project-terms {
		width: 100%;
		float: left;
		text-align: center;
		padding-top: 0;
		margin-bottom: 25px
	}

	.carousel_text {
		font-size: 15px;
		padding: 4px 8px
	}

	.row.video_image img {
		width: 100%
	}

	.testimonial_right {
		margin-left: 0 !important;
		padding: 19px 36px 0 36px
	}

	span.testimonial_logo img {
		width: 25%
	}

	.testimonial_text {
		padding-right: 0;
		padding-top: 8px;
		font-size: 14px
	}

	.leftside img {
		width: 100%;
		height: auto
	}

	.container.ourwork {
		width: 100%
	}

	.ending_title {
		font-size: 36px
	}

	.ending_title3 {
		font-size: 36px
	}

	.ending_subtitle {
		font-size: 18px
	}

	.carousel_main {
		background-image: none !important;
		padding-bottom: 0 !important
	}

	.video_image {
		padding-bottom: 22px;
		padding-top: 25px
	}

	.title {
		padding-top: 0
	}

	.services_title {
		font-size: 36px
	}

	.testimonial_right h4 {
		font-size: 20px;
		padding-top: 0 !important;
		margin-top: 0 !important
	}

	.ending {
		padding-bottom: 0
	}

	#testimonials_carousel {
		padding-bottom: 22px
	}
}

@media only screen and (min-width:376px) and (max-width:480px) {
	.owl-item img {
		height: 300px
	}

	.glyphicon-chevron-right:before {
		left: -35px !important
	}

	.white_box_over {
		display: none
	}

	.carousel_main {
		padding-left: 10px;
		padding-right: 10px
	}

	#project-terms {
		width: 100%;
		float: left;
		text-align: center;
		padding-top: 0;
		margin-bottom: 25px
	}

	.carousel_text {
		font-size: 14px;
		padding: 4px 8px
	}

	.row.video_image img {
		width: 100%
	}

	.testimonial_right {
		margin-left: 0 !important;
		padding: 19px 36px 0 36px
	}

	span.testimonial_logo img {
		width: 25%
	}

	.testimonial_text {
		padding-right: 0;
		padding-top: 8px;
		font-size: 14px
	}

	.leftside img {
		width: 100%;
		height: auto
	}

	.container.ourwork {
		width: 100%
	}

	.ending_title {
		font-size: 32px
	}

	.ending_title3 {
		font-size: 32px
	}

	.ending_subtitle {
		font-size: 18px
	}

	.carousel_main {
		background-image: none !important;
		padding-bottom: 0 !important;
		height: 300px
	}

	.video_image {
		padding-bottom: 22px;
		padding-top: 25px;
		height: auto
	}

	.title {
		padding-top: 0
	}

	.services_title {
		font-size: 32px
	}

	.testimonial_right h4 {
		font-size: 20px;
		padding-top: 0 !important;
		margin-top: 0 !important
	}

	.ending {
		padding-bottom: 0
	}

	#testimonials_carousel {
		padding-bottom: 22px
	}
}

@media only screen and (min-width:0px) and (max-width:375px) {
	.glyphicon-chevron-right:before {
		left: -35px !important
	}

	.white_box_over {
		display: none
	}

	.carousel_main {
		padding-left: 10px;
		padding-right: 10px
	}

	#project-terms {
		width: 100%;
		float: left;
		text-align: center;
		padding-top: 0;
		margin-bottom: 25px
	}

	.carousel_text {
		font-size: 12px;
		padding: 4px 4px
	}

	.row.video_image img {
		width: 100%
	}

	.testimonial_right {
		margin-left: 0 !important;
		padding: 19px 36px 0 36px
	}

	span.testimonial_logo img {
		width: 25%
	}

	.testimonial_text {
		padding-right: 0;
		padding-top: 8px;
		font-size: 14px
	}

	.leftside img {
		width: 100%;
		height: auto
	}

	.container.ourwork {
		width: 100%
	}

	.ending_title {
		font-size: 28px
	}

	.ending_title3 {
		font-size: 28px
	}

	.ending_subtitle {
		font-size: 16px;
		padding: 0 5px
	}

	.carousel_main {
		background-image: none !important;
		padding-bottom: 0 !important;
		height: 300px
	}

	.owl-item img {
		height: 300px
	}

	.video_image {
		padding-bottom: 22px;
		padding-top: 25px;
		height: auto
	}

	.title {
		padding-top: 0
	}

	.services_title {
		font-size: 28px
	}

	.testimonial_right h4 {
		font-size: 20px;
		padding-top: 0 !important;
		margin-top: 0 !important
	}

	.ending {
		padding-bottom: 0
	}

	#testimonials_carousel {
		padding-bottom: 22px
	}

	.slidersection .demo-wrapper {
		padding: 0
	}
}

@media only screen and (min-device-width :375px) and (max-device-width :667px) {
	.l-left {
		padding-left: 0
	}

	.l-left img {
		width: 70%
	}

	.topnav {
		line-height: 30px !important
	}

	.fa-bars:before,
	.fa-navicon:before,
	.fa-reorder:before {
		font-size: 24px
	}
}

a:focus {
	outline: 0
}

.isotope-item {
	z-index: 2
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	transition-duration: .8s
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity
}

.orange {
	color: #d82010
}

.our_work_ending_title {
	font-size: 18px;
	color: #fff;
	font-family: lato;
	font-weight: 500;
	padding-bottom: 50px
}

.our_work_ending_subtitle {
	font-size: 100px;
	color: #fff;
	font-family: lato;
	font-weight: 500
}

.our_work_ending_subtitle:hover {
	text-decoration: underline !important
}

.our_work_ending {
	background-color: #01083b;
	padding: 100px 0
}

.our_work_title {
	font-family: "Playfair Display", serif;
	font-size: 85px;
	font-weight: 600;
	color: #fff;
	background-size: 200%;
	background-image: none;
	background-image: linear-gradient(45deg, #fff070 0, #fff070 35%, #00c9d3 66%, #00c9d3 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	animation: glow 9s linear infinite
}

@keyframes glow {
	0% {
		background-position: 0 43%
	}

	50% {
		background-position: 100% 58%
	}

	100% {
		background-position: 0 43%
	}
}

.our_work_para {
	font-family: lato;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff
}

.banner_our_work {
	position: relative;
	min-height: 650px;
	background-color: #000;
	padding: 180px 0 80px;
	background-image: linear-gradient(to top, #030729 20%, #01083b 80%)
}

.banner_our_work_main {
	position: relative
}

@keyframes move_wave {
	0% {
		transform: translateX(0) translateZ(0) scaleY(1)
	}

	50% {
		transform: translateX(-25%) translateZ(0) scaleY(.55)
	}

	100% {
		transform: translateX(-50%) translateZ(0) scaleY(1)
	}
}

.waveWrapper {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto
}

.waveWrapperInner {
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 100%;
	bottom: -1px
}

.bgTop {
	z-index: 15;
	opacity: .5
}

.bgMiddle {
	z-index: 10;
	opacity: .75
}

.bgBottom {
	z-index: 5
}

.wave {
	position: absolute;
	left: 0;
	width: 200%;
	height: 100%;
	background-repeat: repeat no-repeat;
	background-position: 0 bottom;
	transform-origin: center bottom
}

.waveTop {
	background-size: 50% 100px
}

.waveAnimation .waveTop {
	animation: move-wave 3s;
	-webkit-animation: move-wave 3s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.waveMiddle {
	background-size: 50% 120px
}

.waveAnimation .waveMiddle {
	animation: move_wave 10s linear infinite
}

.waveBottom {
	background-size: 50% 100px
}

.waveAnimation .waveBottom {
	animation: move_wave 15s linear infinite
}

.banner_contact_main {
	min-height: 0px;
	background-color: #fff
}

.banner_contact {
	/*padding-top: 220px;*/
	color: #fff;
	position: inherit;
	z-index: 1
}

.contact_title {
	font-family: lato;
	font-size: 55px;
	color: #fff;
	font-weight: 300
}

.contact_title_1 {
	font-family: lato;
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 2px
}

.contact_subtitle {
	font-family: libre-baskerville;
	font-size: 60px;
	color: #fff;
	font-style: italic;
	font-weight: 700
}

.contact_subtitle:hover {
	color: #f7c115;
	font-style: italic;
	font-weight: 700;
	text-decoration: underline
}

.contact_details_main {
	background-color: #1d1d1d;
	min-height: 100px;
	transform-origin: left top;
	transform: skewy(-2deg)
}

.contact_details {
	background-color: #1d1d1d;
	padding: 50px 100px 100px;
	margin-top: -50px
}

.contact_sec2_title {
	color: #fff;
	font-size: 45px;
	font-family: clear sans;
	font-weight: 300
}

.contact_dark_grey {
	color: #fff;
	font-size: 18px;
	font-family: clear sans;
	font-weight: 400
}

.contact_light_grey {
	color: #d6d6d6;
	font-size: 18px;
	font-family: clear sans;
	font-weight: 300;
	line-height: 32px
}

.telephone h2 {
	margin-top: 0;
	padding-bottom: 30px
}

.contact_btn {
	color: #fff;
	background-color: #1d1d1d;
	padding: 11px 20px;
	border: 1px solid #343434;
	margin-top: 20px
}

.contact_map {
	margin-top: 80px;
	padding: 0 50px
}

.contact_ending {
	color: #fff;
	padding-top: 50px;
	padding-bottom: 80px;
	background-color: #111
}

.contact_ending_title {
	color: #fff;
	font-size: 150px;
	font-weight: 600
}

.contact_ending_subtitle {
	color: #b6b6b6;
	font-size: 40px;
	font-weight: 300
}

#hero_myVideo {
	background-color: #000;
	opacity: 1;
	object-fit: fill;
	height: 100vh;
	width: 100%
}

.hero_service {
	border-right: #fff solid 1px;
	text-align: center
}

.hero_service_main {
	position: absolute;
	bottom: 25px;
	padding: 0 150px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	z-index: 99
}

.hero_service1 {
	text-align: center
}

.hero_service a,
.hero_service1 a {
	font-family: lato light;
	font-size: 16px;
	color: #fff;
	text-shadow: 0 0 20px #000;
	letter-spacing: 1.1px
}

.hero_service a:hover,
.hero_service1 a:hover {
	color: #fdc100
}

.hero_service a:focus,
.hero_service1 a:focus {
	color: #fdc100
}

.banner_hero_main {
	width: 100%;
	float: left;
	background-color: #000;
	height: 100vh
}

.hero_video {
	width: 100%;
	float: left;
	position: relative
}

.we_are_hero {
	font-family: OpenSans-Bold;
	letter-spacing: 3px;
	font-size: 80px;
	color: #fff !important;
	font-weight: bolder;
	line-height: 60 px !important;
	position: absolute;
	top: 25%;
	left: 5%;
	width: 30%;
	margin: 0 auto;
	text-shadow: 0 0 25px #131313;
	text-align: left
}

.uuu {
	color: #968e4e;
	position: absolute;
	top: 8px;
	z-index: 999999;
	font-size: 26px;
	font-weight: 600;
	left: 16px;
	font-family: initial
}

.we_are_hero_small {
	font-size: 70px
}

#project-terms {
	margin-bottom: 40px;
	padding-top: 20px;
	text-align: right
}

#project-term {
	margin-bottom: 40px;
	padding-top: 20px;
	text-align: right
}

div#project-terms a:active,
div#project-terms a:focus,
div#project-terms a:hover {
	color: #f7c115 !important
}

.carousel_main {
	background-repeat: no-repeat;
	background-position: 0 130px;
	position: relative;
	padding-bottom: 50px;
	padding-left: 150px;
	height: 100vh
}

.carousel_text {
	margin-right: 5%;
	font-size: 18px;
	color: #6d6d6d;
	text-decoration: none;
	padding: 4px 15px;
	display: inline-block;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	letter-spacing: .5px
}

.video_image {
	padding: 0
}

.white_box_over {
	background-image: url(../images/ucohome/video_image_back.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 135px;
	width: 150px;
	height: 470px;
	z-index: 9;
	overflow: hidden;
	background-color: #fff
}

.ending_title {
	position: relative
}

.ending_title3 {
	color: #e5422b;
	font-size: 120px;
	font-weight: 600;
	position: relative;
	display: inline-block;
	transition: all 2s ease-in-out
}

.ending_title3:hover {
	cursor: pointer
}

#dd1,
#dd2,
#dd3,
#dd4,
#dd6,
#dd7,
#dd8 {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	top: 26px;
	left: -34px;
	background-color: #e5422b;
	transition: all 1s ease-in-out;
	transform: translate3d(0, 0, 0)
}

#dd5 {
	width: 28px;
	height: 28px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 50%;
	position: absolute;
	top: 22px;
	left: -36px;
	background-color: #e5422b;
	transition: all 1s ease-in-out;
	transform: translate3d(0, 0, 0);
	transition-delay: .5s;
	z-index: 9
}

.ending_title3:hover #dd1 {
	transform: translate(-50px, -30px);
	background-color: transparent;
	transition-delay: .1s
}

.ending_title3:hover #dd2 {
	transform: translate(20px, -50px);
	background-color: transparent;
	transition-delay: .3s
}

.ending_title3:hover #dd3 {
	transform: translate(-145px, 90px);
	background-color: transparent;
	transition-delay: .5s
}

.ending_title3:hover #dd4 {
	transform: translate(190px, 10px);
	background-color: transparent;
	transition-delay: .7s
}

.ending_title3:hover #dd6 {
	transform: translate(-155px, 75px);
	background-color: transparent;
	transition-delay: .9s
}

.ending_title3:hover #dd7 {
	transform: translate(134px, -72px);
	background-color: transparent;
	transition-delay: 1.1s
}

.ending_title3:hover #dd8 {
	transform: translate(175px, 37px);
	background-color: transparent;
	transition-delay: 1.3s
}

.ending_title3:hover #dd8 {
	transform: translate(205px, -137px);
	background-color: transparent;
	transition-delay: 1.5s
}

.ending_title3:hover #dd8 {
	transform: translate(92px, -52px);
	background-color: transparent;
	transition-delay: 1.6s
}

.ending_title3:hover #dd8 {
	transform: translate(-62px, -66px);
	background-color: transparent;
	transition-delay: 1.7s
}

.ending_title3:hover #dd5 {
	transform: translate(0, 0);
	background-color: #151759
}

.banner_about {
	background-image: url(../images/ucohome/banner_about.jpg);
	background-repeat: no-repeat;
	min-height: 718px;
	background-color: #151759;
	transform: skewy(-4deg)
}

.banner_about_main {
	min-height: 718px;
	background-color: #151759;
	transform: skewy(4deg)
}

.floating {
	animation-name: floating;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	position: absolute;
	top: 150px;
	left: 110px;
	z-index: 998
}

@keyframes floating {
	from {
		transform: translate(0, 0)
	}

	65% {
		transform: translate(0, 15px)
	}

	to {
		transform: translate(0, 0)
	}
}

.video_about_main {
	background-image: url(../images/ucohome/video_about.jpg);
	min-height: 650px;
	background-color: grey;
	transform: skewy(2deg)
}

.we_are {
	padding: 150px;
	margin: 0 150px;
	font-size: 95px;
	color: #fff;
	font-weight: bolder;
	line-height: 110px
}

.white_space {
	min-height: 50px;
	background-color: #fff;
	transform: skewy(-2deg);
	position: relative;
	top: -28px
}

.white_space_main {
	min-height: 50px;
	background-color: #fff;
	position: relative;
	top: -28px
}

.team_title {
	text-transform: uppercase;
	font-size: 120px;
	padding-left: 80px;
	padding-right: 1000px;
	padding-bottom: 80px
}

.stats {
	min-height: 400px
}

.stats_grey {
	padding-top: 150px;
	padding-bottom: 150px;
	vertical-align: middle;
	background-color: #e5422b
}

.stats_blue {
	padding-top: 150px;
	padding-bottom: 150px;
	vertical-align: middle;
	background-color: #151759
}

.stats_white {
	padding-top: 150px;
	padding-bottom: 150px;
	vertical-align: middle;
	background-color: #fff
}

.stats_title {
	color: #e5422b;
	font-size: 110px;
	font-weight: 600
}

.stats_title_grey {
	color: #fff;
	font-size: 110px;
	font-weight: 600
}

.stats_title_blue {
	color: #fff;
	font-size: 110px;
	font-weight: 600
}

.stats_subtitle {
	color: #3e3e3e;
	font-size: 30px;
	font-weight: 600
}

.stats_subtitle_white {
	color: #fff;
	font-size: 30px;
	font-weight: 600
}

.pad-left-150 {
	padding-left: 150px
}

.pad-top-100 {
	padding-top: 100px
}

.journey {
	padding: 50px
}

.journey_title {
	font-size: 80px;
	color: #31313a
}

.journey_subtitle {
	font-size: 18px;
	font-weight: 600;
	color: #31313a;
	padding: 0 5px
}

.ending {
	color: #fff;
	padding-top: 90px;
	padding-bottom: 30px
}

.ending_footer {
	color: #fff;
	padding-top: 90px;
	padding-bottom: 30px;
	background-color: #2a2e31;
	background-image: url(../images/111_back.jpg);
	background-position: 0 66px;
	min-height: 315px
}

.ending_title {
	color: #6d6d6d;
	font-size: 120px;
	font-weight: 600
}

.ending_title2 {
	color: #e5422b;
	font-size: 120px;
	font-weight: 600
}

.ending_subtitle {
	color: #6d6d6d;
	font-size: 40px;
	font-weight: 600;
	transition: .2s
}

.ending_subtitle:hover {
	color: #f7c115;
	font-size: 40px;
	font-weight: 600;
	transition: 1s;
	text-decoration: underline
}

#world {
	background: linear-gradient(#8ee4ae, #e9eba3);
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.header-img__link {
	margin-right: 40px
}

.header__img-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat 50%;
	background-size: cover
}

.video {
	position: relative
}

.video.is-paused .video__overlay,
.video:hover .video__overlay {
	opacity: 1
}

.video.is-paused .video__icon:after {
	content: ""
}

.video--small {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

.video__overlay {
	opacity: 0;
	transition: opacity .3s
}

.video__controls {
	transform: translate(-50%, -50%)
}

.video__button,
.video__controls,
.video__time {
	position: absolute;
	top: 50%;
	left: 50%
}

.video__button {
	white-space: nowrap;
	display: -ms-inline-flexbox;
	display: inline-flex;
	transform: translate(-50%, -50%)
}

.video__button:hover .video__icon {
	transform: translateY(-2px)
}

.video__button:hover .video__icon:after {
	color: #a1b0bf
}

.video__icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	position: relative;
	box-shadow: -16px 32px 32px rgba(0, 0, 0, .64);
	transition: transform .2s ease-in-out
}

.video__icon:after {
	content: "";
	color: #1a1c33;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 12px;
	transition: color .2s ease-in-out
}

@media only screen and (min-width:1440px) {
	.video__icon:after {
		font-size: 16px
	}
}

@media only screen and (min-width:720px) {
	.video__icon {
		width: 56px;
		height: 56px
	}
}

@media only screen and (min-width:1440px) {
	.video__icon {
		width: 72px;
		height: 72px
	}
}

.video__time {
	font-size: 18px;
	line-height: 35px;
	font-family: Geomanist;
	color: hsla(0, 0%, 100%, .64);
	transform: translate(-50%, 24px)
}

@media screen and (min-width:1440px) {
	.video__time {
		font-size: 23px;
		line-height: 44px
	}
}

@media only screen and (min-width:720px) {
	.video__time {
		transform: translate(-50%, 32px)
	}
}

@media only screen and (min-width:1440px) {
	.video__time {
		transform: translate(-50%, 48px)
	}
}

.news-img {
	width: calc(100% - 24px)
}

@media only screen and (min-width:720px) {
	.news-img {
		width: calc(100% - 64px)
	}
}

@media only screen and (min-width:1024px) {
	.news-img--large {
		width: calc(58.33333% + -10px)
	}
}

@media only screen and (min-width:1440px) {
	.news-img--large {
		width: calc(58.33333% + -16.66667px)
	}
}

@media only screen and (min-width:1024px) {
	.news-img--small {
		width: calc(100% - 56px)
	}
}

@media only screen and (min-width:1440px) {
	.news-img--small {
		width: calc(100% - 72px)
	}
}

.news-img__link {
	display: block;
	width: 100%;
	padding-bottom: 66.7%;
	overflow: hidden;
	background: no-repeat top;
	background-size: cover
}

.news-card {
	display: block;
	padding: 24px
}

@media only screen and (min-width:720px) {
	.news-card {
		padding-left: 56px
	}
}

@media only screen and (min-width:1024px) {
	.news-card {
		padding: 32px 24px 24px 80px
	}
}

@media only screen and (min-width:1440px) {
	.news-card {
		padding: 40px 24px 24px 112px
	}
}

@media only screen and (min-width:1024px) {
	.news-card--large {
		width: calc(50% + -12px);
		margin-right: auto;
		padding: 32px 24px 32px 110px;
		box-shadow: 16px 16px 32px rgba(0, 0, 0, .64);
		position: absolute;
		left: calc(50% + -12px);
		bottom: 0
	}
}

@media only screen and (min-width:1440px) {
	.news-card--large {
		width: calc(50% + -20px);
		padding: 40px 24px 40px 166px;
		left: calc(50% + -20px)
	}
}

.news-card__author {
	font-size: 19px;
	line-height: 24px;
	font-family: Grifo;
	color: #a1b0bf;
	margin-bottom: 16px
}

.news-card__title {
	margin-bottom: 8px
}

.news-card__intro {
	font-size: 18px;
	line-height: 35px;
	font-family: Geomanist;
	opacity: .64;
	margin-bottom: 16px
}

@media screen and (min-width:1440px) {
	.news-card__intro {
		font-size: 23px;
		line-height: 44px
	}
}

.contact-person {
	position: relative;
	width: 100%;
	z-index: 2;
	margin-bottom: 32px
}

@media only screen and (min-width:720px) {
	.contact-person {
		margin-bottom: 64px;
		width: calc(75% + -6px)
	}
}

@media only screen and (min-width:1024px) {
	.contact-person {
		margin-bottom: 0;
		width: calc(50% - 12px);
		padding: 24px 0 0
	}
}

@media only screen and (min-width:1440px) {
	.contact-person {
		width: calc(50% - 20px);
		padding: 40px 0 0
	}
}

.contact-person--right {
	margin-left: auto;
	margin-top: 64px;
	padding: 0 0 24px
}

@media only screen and (min-width:1440px) {
	.contact-person--right {
		margin-top: 80px;
		padding: 0 0 40px
	}
}

.contact-person__images {
	position: relative;
	z-index: 2;
	width: calc(66.66667% + -5.33333px);
	box-shadow: 16px 16px 24px rgba(0, 0, 0, .64)
}

@media only screen and (min-width:720px) {
	.contact-person__images {
		width: calc(44.44444% + -13.33333px)
	}
}

@media only screen and (min-width:1024px) {
	.contact-person__images {
		width: calc(50% + -12px)
	}
}

@media only screen and (min-width:1440px) {
	.contact-person__images {
		width: calc(50% + -20px)
	}
}

.contact-person__images:active .contact-person__img--2,
.contact-person__images:hover .contact-person__img--2 {
	opacity: 1
}

@media only screen and (min-width:720px) {
	.contact-person__images--right {
		margin-left: calc(55.55556% + 13.33333px);
		box-shadow: -16px 16px 24px rgba(0, 0, 0, .64)
	}
}

.contact-person__img-container {
	padding-bottom: 150%
}

.contact-person__img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: 50% no-repeat;
	background-size: cover;
	transition: all .4s ease-in-out
}

.contact-person__img--2 {
	opacity: 0
}

.contact-person__info {
	background-color: #1a1c33;
	box-shadow: 16px 16px 32px rgba(0, 0, 0, .64);
	z-index: 1;
	position: relative;
	padding: 56px 24px 24px calc(16.66667% + 2.66667px);
	transform: translateY(-40px)
}

@media only screen and (min-width:720px) {
	.contact-person__info {
		width: calc(77.77778% + -5.33333px);
		margin-left: calc(22.22222% + 5.33333px);
		padding-top: 32px;
		padding-left: calc(22.22222% + 5.33333px);
		position: absolute;
		bottom: 0;
		transform: translateY(24px)
	}
}

@media only screen and (min-width:1024px) {
	.contact-person__info {
		width: calc(66.66667% + -8px);
		margin-left: calc(33.33333% + 8px);
		padding-left: calc(16.66667% + 4px);
		top: 0;
		bottom: auto;
		transform: translateY(0)
	}
}

@media only screen and (min-width:1440px) {
	.contact-person__info {
		width: calc(66.66667% + -13.33333px);
		margin-left: calc(33.33333% + 13.33333px);
		padding-left: calc(16.66667% + 6.66667px)
	}
}

@media only screen and (min-width:720px) {
	.contact-person__info--right {
		margin-left: 0;
		padding-top: 32px;
		padding-left: 24px;
		padding-right: calc(22.22222% + 5.33333px);
		box-shadow: -16px 16px 32px rgba(0, 0, 0, .64)
	}
}

@media only screen and (min-width:1024px) {
	.contact-person__info--right {
		bottom: 0;
		top: auto;
		padding-right: calc(16.66667% + 4px)
	}
}

@media only screen and (min-width:1440px) {
	.contact-person__info--right {
		padding-right: calc(16.66667% + 6.66667px)
	}
}

.contact-person__function {
	font-size: 19px;
	line-height: 24px;
	font-family: Grifo;
	color: #a1b0bf
}

.contact-person__name {
	font-size: 20px;
	line-height: 26px;
	font-family: Geomanist-Medium;
	margin: 12px 0 24px
}

@media screen and (min-width:720px) {
	.contact-person__name {
		font-size: 27px;
		line-height: 36px
	}
}

@media screen and (min-width:1440px) {
	.contact-person__name {
		font-size: 34px;
		line-height: 44px
	}
}

@media screen and (min-width:1600px) {
	.contact-person__name {
		font-size: 41px;
		line-height: 53px
	}
}

@media only screen and (min-width:1440px) {
	.contact-person__name {
		margin-bottom: 32px
	}
}

.contact-person__text {
	font-size: 18px;
	line-height: 35px;
	font-family: Geomanist;
	opacity: .64
}

@media screen and (min-width:1440px) {
	.contact-person__text {
		font-size: 23px;
		line-height: 44px
	}
}

@media only screen and (min-width:720px) {
	.contact-person__text--xs {
		display: none
	}
}

.contact-person__text--sm {
	display: none
}

@media only screen and (min-width:720px) {
	.contact-person__text--sm {
		display: block
	}
}

a.contact-person__text {
	text-decoration: underline;
	opacity: 1
}

a.contact-person__text:hover {
	opacity: .64;
	text-decoration: none
}

@media only screen and (min-width:720px) {
	.usp-block__img--left {
		margin-right: 24px
	}
}

@media only screen and (min-width:1440px) {
	.usp-block__img--left {
		margin-right: 40px
	}
}

@media only screen and (min-width:720px) {
	.usp-block__img--right {
		margin-left: calc(8.33333% + 22px)
	}
}

@media only screen and (min-width:1440px) {
	.usp-block__img--right {
		margin-left: calc(8.33333% + 38px)
	}
}

.service-links {
	padding-bottom: 40px
}

@media only screen and (min-width:720px) {
	.service-links {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-bottom: 56px
	}
}

@media only screen and (min-width:1024px) {
	.service-links {
		padding-bottom: 72px
	}
}

@media only screen and (min-width:1440px) {
	.service-links {
		padding-bottom: 96px
	}
}

@media only screen and (min-width:1600px) {
	.service-links {
		padding-bottom: 112px
	}
}

.service-link {
	width: 100%
}

@media only screen and (min-width:720px) {
	.service-link {
		width: calc(50% - 12px)
	}
}

@media only screen and (min-width:1440px) {
	.service-link {
		width: calc(50% - 20px)
	}
}

.service-link+.service-link {
	margin-top: 40px
}

@media only screen and (min-width:720px) {
	.service-link+.service-link {
		margin-top: 80px
	}
}

.service-link__img-container {
	margin-bottom: 24px;
	box-shadow: 16px 16px 32px rgba(0, 0, 0, .64);
	transition: transform .5s cubic-bezier(.75, 0, 0, 1), box-shadow .5s cubic-bezier(.75, 0, 0, 1)
}

.service-link__img-container:hover {
	transform: translateY(10px);
	box-shadow: 8px 8px 24px rgba(0, 0, 0, .64)
}

@media only screen and (min-width:720px) {
	.service-link__img-container {
		margin-bottom: 32px
	}
}

@media only screen and (min-width:1024px) {
	.service-link__img-container {
		width: calc(83.33333% + 4px)
	}
}

@media only screen and (min-width:1440px) {
	.service-link__img-container {
		margin-bottom: 40px;
		width: calc(83.33333% + 20px)
	}
}

.service-link__img-link {
	display: block;
	width: 100%;
	padding-bottom: 66.7%;
	overflow: hidden;
	background: no-repeat top;
	background-size: cover
}

@media only screen and (min-width:1024px) {
	.service-link__content {
		padding-left: calc(16.66667% + 8px)
	}
}

@media only screen and (min-width:1440px) {
	.service-link__content {
		padding-left: calc(16.66667% + 16px)
	}
}

.service-link__title {
	margin-bottom: 8px
}

.service-link__intro {
	font-size: 18px;
	line-height: 35px;
	font-family: Geomanist;
	opacity: .64;
	margin-bottom: 16px
}

@media screen and (min-width:1440px) {
	.service-link__intro {
		font-size: 23px;
		line-height: 44px
	}
}

.step-block__content {
	position: relative;
	padding-top: 32px
}

.step-block__content:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	height: 56px;
	width: calc(50% + -36px);
	box-shadow: 28px -28px 32px 0 rgba(0, 0, 0, .32)
}

.slider__container {
	position: fixed;
	display: block;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	-o-transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out
}

.slider__page {
	position: relative;
	width: 100%;
	height: 100%
}

.slider__indicators {
	position: fixed;
	left: 18px;
	top: 50%;
	z-index: 2;
	margin: 0;
	padding: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.slider__indicator {
	display: block;
	width: 10px;
	height: 10px;
	margin: 10px 0;
	border-radius: 100px;
	background-color: #fff;
	cursor: default
}

.slider__indicator--active {
	opacity: .3
}

@media(min-width:1200px) and (max-width:1400px) {
	.promo-block .promo-text {
		padding-right: 20px
	}
}

@media(max-width:1600px) {
	.vertical-menu .container {
		width: 100%
	}
}

.vertical-menu .col-4 .portfolio-item {
	width: 33.3333%
}

@media(max-width:1200px) {
	.vertical-menu .header {
		width: 240px
	}

	.vertical-menu {
		padding-left: 240px
	}

	.vertical-menu .testimonial.style-1 .testi {
		width: 100%
	}

	.vertical-menu .col-4 .portfolio-item {
		width: 50%
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.in-the-look li {
		width: 33.3333%
	}

	header {
		margin-top: 0px
	}

	.in-the-look li .inn-look {
		padding: 0 10px
	}

	.popurlar_product .over-item {
		padding-top: 40%
	}

	.popurlar_product .details-sec a {
		letter-spacing: 0
	}

	.small-r-items .btn {
		letter-spacing: 0
	}

	.small-r-items .media {
		width: 100%;
		float: left;
		padding-right: 15px;
		position: relative;
		z-index: 2;
		margin-bottom: 20px
	}

	.small-r-items h5 {
		width: 100%;
		margin-top: 30px;
		text-align: center
	}

	.small-r-items .item-img {
		width: 120px
	}

	.furniture .items-fer li {
		width: 33.3333%
	}

	header .search-nav ul.dropdown {
		width: 100% !important
	}

	.header-style-2.header-style-3 .logo {
		margin: 20px 0;
		width: 100%;
		text-align: center
	}

	.header-style-2.header-style-3 nav {
		margin-top: 20px
	}

	.header-style-2.header-style-3 nav {
		width: 100%
	}

	.promo-block .promo-text {
		padding-right: 20px
	}

	.contact.style-2 .contact-right {
		padding-right: 15px;
		padding-left: 15px !important
	}
}

@media(min-width:768px) and (max-width:991px) {
	.in-the-look li {
		width: 50%
	}

	.popurlar_product .details-sec a {
		letter-spacing: 0
	}

	.popurlar_product li {
		width: 50%
	}

	.list-style li {
		width: 100%
	}

	.small-r-items .media {
		width: 50%;
		float: left;
		padding-right: 15px;
		position: relative;
		z-index: 2
	}

	.small-r-items h5 {
		width: 100%;
		margin-top: 30px;
		text-align: center
	}

	.small-r-items .item-img {
		width: 120px
	}

	.furniture .items-fer li {
		width: 33.3333%
	}

	.header-style-2.header-style-3 .logo {
		margin: 20px 0;
		width: 100%;
		text-align: center
	}

	.header-style-2.header-style-3 nav {
		margin-top: 20px
	}

	.header-style-2.header-style-3 nav {
		width: 100%
	}

	.col-4 .portfolio-item {
		width: 50%
	}

	.testimonial .testi {
		width: 100%
	}

	.testimonial .flex-direction-nav {
		display: none
	}

	.promo-block .promo-text {
		padding-right: 20px
	}

	.process-style-3 li {
		width: 50%;
		margin-bottom: 60px
	}

	.process-style-3 li:before {
		top: 120%
	}

	.process-style-3 .icon:before {
		height: 20px
	}

	.contact.style-2 .contact-right {
		padding-right: 15px;
		padding-left: 15px !important
	}

	.services-mission .icon-box.ib-style-3 {
		display: inline-block;
		width: 100%
	}
}

@media(max-width:767px) {
	header.header-2 nav {
		padding-top: 0;
		text-align: left;
		background: #fff
	}

	.vertical-menu .header {
		width: 100%;
		position: relative;
		padding-top: 20px;
		margin-bottom: -5px
	}

	.vertical-menu .header .social-icons {
		display: none
	}

	.vertical-menu .header nav {
		margin-top: 10px
	}

	.vertical-menu {
		padding-left: 0
	}

	.collection-adds li {
		width: 50%;
		float: left;
		margin-bottom: 30px
	}

	.add_block_2 li {
		margin-bottom: 30px
	}

	.blog-posts .info {
		margin-bottom: 30px
	}

	p.intro-small {
		width: 100%
	}

	.subcribe h4 {
		width: 100%;
		margin-bottom: 20px
	}

	#contact_form li {
		margin-bottom: 10px
	}

	.our-clients p.intro {
		width: 100%
	}

	.services li .icon {
		margin-bottom: 10px
	}

	.services li {
		margin-bottom: 30px
	}

	.posts-list.list-style-1 .entry-body {
		padding: 20px
	}

	.welcome .icon-box.ib-style-1 {
		margin-bottom: 10px
	}

	.section-parthner ul {
		display: inline-block;
		width: 100%
	}

	.section-parthner ul li {
		width: 50%;
		float: left
	}

	header.coporate-header {
		background: #fff
	}

	header .is-sticky .sticky {
		padding: 0
	}

	header.coporate-header .is-sticky .sticky {
		position: relative !important
	}

	header.dark-text {
		background: rgba(255, 255, 255, .9)
	}

	.social-icons-large li {
		width: 25%;
		float: left
	}

	.team.style-6 ul li {
		width: 50%;
		float: left
	}

	.team.style-6 .team-image .social-icons {
		display: inline-block;
		width: 100%
	}

	.team.style-6 .team-image .social-icons li {
		width: auto;
		float: none;
		display: inline-block;
		margin-bottom: 0;
		display: inline-block;
		text-align: center
	}

	.process .process-style-2 li {
		width: 50%;
		margin-bottom: 30px
	}

	#cd-menu-trigger {
		left: 130px;
		top: 30px
	}
}

@media (max-width:640px) {
	.seasonals ul li {
		width: 100%
	}

	.construction .services-style-2 ul li {
		width: 100%;
		margin-top: 20px
	}

	.top-bar {
		height: auto
	}

	header .language {
		width: 100%;
		display: inline-block;
		text-align: left
	}

	.top-links {
		float: left;
		width: 100%;
		text-align: center
	}

	.top-links li {
		float: none;
		display: inline-block
	}

	.top-links ul {
		width: 100%
	}

	.top-links .social_icons {
		position: absolute;
		right: 0;
		top: 0;
		width: auto
	}

	.social-icons-large li {
		width: 50%;
		float: left;
		margin-bottom: 30px
	}
}

.let_us_help {
	padding: 70px 0;
	background-image: url(../images/ucohome/let_us_help_back.jpg);
	background-repeat: no-repeat;
	background-position: top
}

.let_us_help_title {
	color: #312f2f;
	font-size: 42px;
	text-transform: uppercase
}

.red_color_text: {
	color: #e5422b
}

.small_text {
	color: #717274;
	font-size: 16px;
	font-weight: 300
}

.small_text_title {
	color: #312f2f;
	font-size: 16px;
	font-weight: 500
}

.learn_more {
	background-color: #e5422b;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #e5422b;
	border-radius: 25px;
	padding: 15px 40px;
	margin-right: -10px
}

.contact_us {
	background-color: #fff;
	color: #6a6a6a;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #e9e9e9;
	border-radius: 25px;
	padding: 15px 40px;
	margin-left: -10px
}

.pad_tb_20 {
	padding: 20px 0
}

.ourservicesbox {
	display: contents;
	width: 100%;
	float: left;
	height: 100vh
}

.services_title {
	font-family: lato;
	color: #312f2f;
	font-size: 46px;
	font-weight: 900
}

.title {
	padding-bottom: 30px
}

.video_image {
	position: relative;
	padding: 0 0;
	height: 100vh
}

.video_image img {
	width: 100%
}

.play_btn_outer {
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	width: 100px;
	height: 100px;
	box-shadow: 1px 1px 6px #a09898;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	line-height: 100px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.play_btn_outer:hover {
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	box-shadow: 1px 1px 6px #a09898;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	line-height: 100px
}

.play_btn {
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	box-shadow: 1px 1px 6px #a09898;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	line-height: 80px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.play_btn:hover {
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	width: 100px;
	height: 100px;
	box-shadow: 1px 1px 6px #a09898;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	line-height: 100px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.cd-img-replace {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap
}

.cd-main-content {
	position: relative;
	z-index: 2;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	transition-duration: .4s
}

nav.navbar.navbar-inverse.mymenu {
	background-color: transparent !important;
	border-color: transparent !important;
	margin-bottom: 0
}

.menulist {
	float: right
}

.navbar-inverse.mymenu .navbar-nav>.active>a,
.navbar-inverse.mymenu .navbar-nav>.active>a:focus,
.navbar-inverse.mymenu .navbar-nav>.active>a:hover {
	color: #fff !important;
	border-bottom: 2px solid #eeb013 !important;
	border-color: transparent !important;
	background-color: transparent !important
}

.navbar-inverse.mymenu .navbar-nav>li {
	padding: 0 15px
}

.navbar-inverse.mymenu .navbar-nav>li>a {
	padding: 16px 0;
	padding-bottom: 24px;
	margin: 0;
	margin-top: 1px;
	border-color: transparent;
	text-decoration: none;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 2px;
	float: left;
	font-size: 13px;
	font-weight: 400;
	position: relative;
	border-bottom: 2px solid #fff;
	border-color: transparent
}

.dropdown,
.dropup {
	position: relative
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

ul.dropdown-menu {
	padding-bottom: 0;
	background: #141414;
	padding: 20px 35px
}

ul.dropdown-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 99;
	width: 250px !important;
	display: none !important
}

ul.dropdown-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 99;
	width: 250px !important;
	padding-right: 35px;
	float: left
}

ul.dropdown-menu li a {
	text-transform: uppercase;
	border: none !important;
	line-height: 20px;
	background: 0 0;
	color: #dadada !important;
	font-size: 13px;
	display: inline-block;
	width: 100%;
	font-weight: 400;
	letter-spacing: 0;
	padding-right: 0;
	text-align: left;
	padding: 7px 0;
	white-space: unset
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background: 0 0 !important;
	color: #e4a913 !important
}

.menulist {
	padding: 0
}

.glyphicon-chevron-right:before {
	content: "\f105" !important;
	font-family: FontAwesome !important;
	font-size: 49px !important;
	color: #fff !important;
	left: 17px !important;
	top: -9px !important;
	right: 0;
	position: absolute !important
}

.glyphicon-chevron-left:before {
	content: "\f104" !important;
	font-family: FontAwesome !important;
	font-size: 49px !important;
	color: #fff !important;
	left: 17px !important;
	top: -9px !important;
	right: 0;
	position: absolute !important
}

.carousel-control.left {
	background-image: unset !important
}

.carousel-control.right {
	background-image: unset !important
}

h1.services_title {
	margin-top: 0 !important
}

h1.ending_title {
	margin-top: 0 !important
}

@media only screen and (min-width:768px) {
	header li.dropdown:hover .dropdown-menu {
		display: block !important
	}
}

.container-fluid.footerArea {
	background: #021041;
	padding-bottom: 25px;
	padding-top: 25px
}

#footer .block-title {
	color: #fff;
	font-size: 18px;
	letter-spacing: 1px;
	padding-top: 30px;
	margin-bottom: 25px;
	padding-bottom: 10px;
	position: relative;
	width: 100%;
	text-transform: uppercase;
	float: left;
	font-weight: 500
}

#footer .block-title span {
	position: relative
}

#footer .block-title span:after {
	background: #fbe105 !important;
	bottom: -10px;
	left: 0;
	content: "";
	height: 1px;
	position: absolute;
	width: 53px
}

.block-content {
	width: 100%;
	float: left
}

.block-content li {
	list-style: none;
	padding-bottom: 20px;
	font-family: lato;
	font-size: 14px;
	font-weight: 300;
	color: #fff
}

.block-content li a {
	color: #fff;
	transition: .7s;
	font-size: 14px;
	font-family: Lato;
	font-weight: 300
}

.block-content a:focus,
.block-content a:hover {
	color: #33b5e5 !important;
	text-decoration: none
}

.copyright p {
	width: 100%;
	float: left;
	text-align: center;
	margin: 13px;
	color: #434444;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px
}

.pad_bot_50 {
	padding-bottom: 50px
}

.pad_bot_70 {
	padding-bottom: 70px
}

.home_footer_ucodice_text {
	float: left;
	text-align: left;
	color: #fff;
	font-family: lato;
	font-weight: 700;
	font-size: 20px
}

.underline_text {
	font-weight: 400;
	font-size: 17px;
	color: #fff;
	text-decoration: underline;
	transition: 1s
}

.unde rline_text:hover {
	color: #33b5e5
}

.let_work {
	text-align: center;
	color: #fff;
	font-size: 40px;
	padding-bottom: 25px;
	font-size: 16px !important;
	color: #fff !important;
	margin-top: 30px !important;
	border-bottom: 1px solid #282a2b;
	padding-bottom: 20px
}

.blue_copyright p {
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 15px;
	padding-bottom: 0;
	float: initial;
	margin-bottom: 0;
	padding: 14px;
	background-color: #161617
}

.container-fluid.footerArea2 {
	background: #1f2021;
	padding-bottom: 30px;
	padding-left: 70px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: left -40px;
	background-image: url(../images/footer_background.jpg);
	background-repeat: repeat
}

.copyright p {
	width: 100%;
	float: left;
	text-align: center;
	margin: 13px;
	color: #434444;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background: 0 0;
	color: #e4a913 !important
}

.dark_blue {
	background-color: #161717 !important
}

.top_strip {
	background-color: #000;
	width: 100%;
	height: 80px
}

svg {
	max-width: 100%
}

[data-theme] {
	background-color: #fff;
	background-color: var(--color-bg, #fff);
	color: #303035;
	color: var(--color-contrast-high, #313135)
}

:root {
	--space-unit: 1em;
	--space-xxxxs: calc(0.125*var(--space-unit));
	--space-xxxs: calc(0.25*var(--space-unit));
	--space-xxs: calc(0.375*var(--space-unit));
	--space-xs: calc(0.5*var(--space-unit));
	--space-sm: calc(0.75*var(--space-unit));
	--space-md: calc(1.25*var(--space-unit));
	--space-lg: calc(2*var(--space-unit));
	--space-xl: calc(3.25*var(--space-unit));
	--space-xxl: calc(5.25*var(--space-unit));
	--space-xxxl: calc(8.5*var(--space-unit));
	--space-xxxxl: calc(13.75*var(--space-unit));
	--component-padding: var(--space-md)
}

:root {
	--max-width-xxs: 32rem;
	--max-width-xs: 38rem;
	--max-width-sm: 48rem;
	--max-width-md: 64rem;
	--max-width-lg: 80rem;
	--max-width-xl: 90rem;
	--max-width-xxl: 120rem
}

:root {
	--radius-sm: calc(var(--radius, 0.25em)/2);
	--radius-md: var(--radius, 0.25em);
	--radius-lg: calc(var(--radius, 0.25em)*2);
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);
	--shadow-md: 0 1px 8px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .15);
	--shadow-lg: 0 1px 8px rgba(0, 0, 0, .1), 0 16px 48px rgba(0, 0, 0, .1), 0 24px 60px rgba(0, 0, 0, .1);
	--bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	--ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
	--ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	--ease-out: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.icon {
	display: inline-block;
	color: inherit;
	fill: currentColor;
	height: 1em;
	width: 1em;
	line-height: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.icon--xxs {
	font-size: 12px;
	font-size: var(--icon-xxs)
}

.icon--xs {
	font-size: 16px;
	font-size: var(--icon-xs)
}

.icon--sm {
	font-size: 24px;
	font-size: var(--icon-sm)
}

.icon--md {
	font-size: 32px;
	font-size: var(--icon-md)
}

.icon--lg {
	font-size: 48px;
	font-size: var(--icon-lg)
}

.icon--xl {
	font-size: 64px;
	font-size: var(--icon-xl)
}

.icon--xxl {
	font-size: 128px;
	font-size: var(--icon-xxl)
}

.icon--is-spinning {
	-webkit-animation: icon-spin 1s infinite linear;
	animation: icon-spin 1s infinite linear
}

@-webkit-keyframes icon-spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes icon-spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.icon use {
	color: inherit;
	fill: currentColor
}

@media not all and (min-width:32rem) {
	.display\@xs {
		display: none !important
	}
}

@media (min-width:32rem) {
	.hide\@xs {
		display: none !important
	}
}

@media not all and (min-width:48rem) {
	.display\@sm {
		display: none !important
	}
}

@media (min-width:48rem) {
	.hide\@sm {
		display: none !important
	}
}

@media not all and (min-width:64rem) {
	.display\@md {
		display: none !important
	}
}

@media (min-width:64rem) {
	.hide\@md {
		display: none !important
	}
}

@media not all and (min-width:80rem) {
	.display\@lg {
		display: none !important
	}
}

@media (min-width:80rem) {
	.hide\@lg {
		display: none !important
	}
}

@media not all and (min-width:90rem) {
	.display\@xl {
		display: none !important
	}
}

@media (min-width:90rem) {
	.hide\@xl {
		display: none !important
	}
}

:root {
	--display: block
}

.is-visible {
	display: block !important;
	display: var(--display) !important
}

.is-hidden {
	display: none !important
}

.sr-only {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	width: 1px;
	height: 1px;
	overflow: hidden;
	padding: 0;
	border: 0;
	white-space: nowrap
}

.flex {
	display: -ms-flexbox;
	display: flex
}

.inline-flex {
	display: -ms-inline-flexbox;
	display: inline-flex
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.flex-column {
	-ms-flex-direction: column;
	flex-direction: column
}

.flex-row {
	-ms-flex-direction: row;
	flex-direction: row
}

.flex-center {
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:32rem) {
	.flex-wrap\@xs {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.flex-column\@xs {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.flex-row\@xs {
		-ms-flex-direction: row;
		flex-direction: row
	}

	.flex-center\@xs {
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center
	}

	.justify-start\@xs {
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.justify-end\@xs {
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.justify-center\@xs {
		-ms-flex-pack: center;
		justify-content: center
	}

	.justify-between\@xs {
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.items-center\@xs {
		-ms-flex-align: center;
		align-items: center
	}

	.items-start\@xs {
		-ms-flex-align: start;
		align-items: flex-start
	}

	.items-end\@xs {
		-ms-flex-align: end;
		align-items: flex-end
	}
}

@media (min-width:48rem) {
	.flex-wrap\@sm {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.flex-column\@sm {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.flex-row\@sm {
		-ms-flex-direction: row;
		flex-direction: row
	}

	.flex-center\@sm {
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center
	}

	.justify-start\@sm {
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.justify-end\@sm {
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.justify-center\@sm {
		-ms-flex-pack: center;
		justify-content: center
	}

	.justify-between\@sm {
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.items-center\@sm {
		-ms-flex-align: center;
		align-items: center
	}

	.items-start\@sm {
		-ms-flex-align: start;
		align-items: flex-start
	}

	.items-end\@sm {
		-ms-flex-align: end;
		align-items: flex-end
	}
}

@media (min-width:64rem) {
	.flex-wrap\@md {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.flex-column\@md {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.flex-row\@md {
		-ms-flex-direction: row;
		flex-direction: row
	}

	.flex-center\@md {
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center
	}

	.justify-start\@md {
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.justify-end\@md {
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.justify-center\@md {
		-ms-flex-pack: center;
		justify-content: center
	}

	.justify-between\@md {
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.items-center\@md {
		-ms-flex-align: center;
		align-items: center
	}

	.items-start\@md {
		-ms-flex-align: start;
		align-items: flex-start
	}

	.items-end\@md {
		-ms-flex-align: end;
		align-items: flex-end
	}
}

@media (min-width:80rem) {
	.flex-wrap\@lg {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.flex-column\@lg {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.flex-row\@lg {
		-ms-flex-direction: row;
		flex-direction: row
	}

	.flex-center\@lg {
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center
	}

	.justify-start\@lg {
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.justify-end\@lg {
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.justify-center\@lg {
		-ms-flex-pack: center;
		justify-content: center
	}

	.justify-between\@lg {
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.items-center\@lg {
		-ms-flex-align: center;
		align-items: center
	}

	.items-start\@lg {
		-ms-flex-align: start;
		align-items: flex-start
	}

	.items-end\@lg {
		-ms-flex-align: end;
		align-items: flex-end
	}
}

@media (min-width:90rem) {
	.flex-wrap\@xl {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.flex-column\@xl {
		-ms-flex-direction: column;
		flex-direction: column
	}

	.flex-row\@xl {
		-ms-flex-direction: row;
		flex-direction: row
	}

	.flex-center\@xl {
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center
	}

	.justify-start\@xl {
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.justify-end\@xl {
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.justify-center\@xl {
		-ms-flex-pack: center;
		justify-content: center
	}

	.justify-between\@xl {
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.items-center\@xl {
		-ms-flex-align: center;
		align-items: center
	}

	.items-start\@xl {
		-ms-flex-align: start;
		align-items: flex-start
	}

	.items-end\@xl {
		-ms-flex-align: end;
		align-items: flex-end
	}
}

.flex-grow {
	-ms-flex-positive: 1;
	flex-grow: 1
}

.flex-shrink-0 {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.flex-gap-xxxs {
	margin-bottom: -.25em;
	margin-bottom: calc(-1*var(--space-xxxs));
	margin-right: -.25em;
	margin-right: calc(-1*var(--space-xxxs))
}

.flex-gap-xxxs>* {
	margin-bottom: .25em;
	margin-bottom: var(--space-xxxs);
	margin-right: .25em;
	margin-right: var(--space-xxxs)
}

.flex-gap-xxs {
	margin-bottom: -.375em;
	margin-bottom: calc(-1*var(--space-xxs));
	margin-right: -.375em;
	margin-right: calc(-1*var(--space-xxs))
}

.flex-gap-xxs>* {
	margin-bottom: .375em;
	margin-bottom: var(--space-xxs);
	margin-right: .375em;
	margin-right: var(--space-xxs)
}

.flex-gap-xs {
	margin-bottom: -.5em;
	margin-bottom: calc(-1*var(--space-xs));
	margin-right: -.5em;
	margin-right: calc(-1*var(--space-xs))
}

.flex-gap-xs>* {
	margin-bottom: .5em;
	margin-bottom: var(--space-xs);
	margin-right: .5em;
	margin-right: var(--space-xs)
}

.flex-gap-sm {
	margin-bottom: -.75em;
	margin-bottom: calc(-1*var(--space-sm));
	margin-right: -.75em;
	margin-right: calc(-1*var(--space-sm))
}

.flex-gap-sm>* {
	margin-bottom: .75em;
	margin-bottom: var(--space-sm);
	margin-right: .75em;
	margin-right: var(--space-sm)
}

.flex-gap-md {
	margin-bottom: -1.25em;
	margin-bottom: calc(-1*var(--space-md));
	margin-right: -1.25em;
	margin-right: calc(-1*var(--space-md))
}

.flex-gap-md>* {
	margin-bottom: 1.25em;
	margin-bottom: var(--space-md);
	margin-right: 1.25em;
	margin-right: var(--space-md)
}

.flex-gap-lg {
	margin-bottom: -2em;
	margin-bottom: calc(-1*var(--space-lg));
	margin-right: -2em;
	margin-right: calc(-1*var(--space-lg))
}

.flex-gap-lg>* {
	margin-bottom: 2em;
	margin-bottom: var(--space-lg);
	margin-right: 2em;
	margin-right: var(--space-lg)
}

.flex-gap-xl {
	margin-bottom: -3.25em;
	margin-bottom: calc(-1*var(--space-xl));
	margin-right: -3.25em;
	margin-right: calc(-1*var(--space-xl))
}

.flex-gap-xl>* {
	margin-bottom: 3.25em;
	margin-right: var(--space-xl)
}

.flex-gap-xxl {
	margin-bottom: -5.25em;
	margin-bottom: calc(-1*var(--space-xxl));
	margin-right: -5.25em;
	margin-right: calc(-1*var(--space-xxl))
}

.flex-gap-xxl>* {
	margin-bottom: 5.25em;
	margin-bottom: var(--space-xxl);
	margin-right: 5.25em;
	margin-right: var(--space-xxl)
}

.margin-xxxxs {
	margin: .125em;
	margin: var(--space-xxxxs)
}

.margin-xxxs {
	margin: .25em;
	margin: var(--space-xxxs)
}

.margin-xxs {
	margin: .375em;
	margin: var(--space-xxs)
}

.margin-xs {
	margin: .5em;
	margin: var(--space-xs)
}

.margin-sm {
	margin: .75em;
	margin: var(--space-sm)
}

.margin-md {
	margin: 1.25em;
	margin: var(--space-md)
}

.margin-lg {
	margin: 2em;
	margin: var(--space-lg)
}

.margin-xl {
	margin: 3.25em;
	margin: var(--space-xl)
}

.margin-xxl {
	margin: 5.25em;
	margin: var(--space-xxl)
}

.margin-xxxl {
	margin: 8.5em;
	margin: var(--space-xxxl)
}

.margin-xxxxl {
	margin: 13.75em;
	margin: var(--space-xxxxl)
}

.margin-auto {
	marg in: auto
}

.margin-top-xxxxs {
	margin-top: .125em;
	margin-top: var(--space-xxxxs)
}

.margin-top-xxxs {
	margin-top: .25em;
	margin-top: var(--space-xxxs)
}

.margin-top-xxs {
	margin-top: .375em;
	margin-top: var(--space-xxs)
}

.margin-top-xs {
	margin-top: .5em;
	margin-top: var(--space-xs)
}

.margin-top-sm {
	margin-top: .75em;
	margin-top: var(--space-sm)
}

.margin-top-md {
	margin-top: 1.25em;
	margin-top: var(--space-md)
}

.margin-top-lg {
	margin-top: 2em;
	margin-top: var(--space-lg)
}

.margin-top-xl {
	margin-top: 3.25em;
	margin-top: var(--space-xl)
}

.margin-top-xxl {
	margin-top: 5.25em;
	margin-top: var(--space-xxl)
}

.margin-top-xxxl {
	margin-top: 8.5em;
	margin-top: var(--space-xxxl)
}

.margin-top-xxxxl {
	margin-top: 13.75em;
	margin-top: var(--space-xxxxl)
}

.margin-top-auto {
	margin-top: auto
}

.margin-bottom-xxxxs {
	margin-bottom: .125em;
	margin-bottom: var(--space-xxxxs)
}

.margin-bottom-xxxs {
	margin-bottom: .25em;
	margin-bottom: var(--space-xxxs)
}

.margin-bottom-xxs {
	margin-bottom: .375em;
	margin-bottom: var(--space-xxs)
}

.margin-bottom-xs {
	margin-bottom: .5em;
	margin-bottom: var(--space-xs)
}

.margin-bottom-sm {
	margin-bottom: .75em;
	margin-bottom: var(--space-sm)
}

.margin-bottom-md {
	margin-bottom: 1.25em;
	margin-bottom: var(--space-md)
}

.margin-bottom-lg {
	margin-bottom: 2em;
	margin-bottom: var(--space-lg)
}

.margin-bottom-xl {
	margin-bottom: 3.25em;
	margin-bottom: var(--space-xl)
}

.margin-bottom-xxl {
	margin-bottom: 5.25em;
	margin-bottom: var(--space-xxl)
}

.margin-bottom-xxxl {
	margin-bottom: 8.5em;
	margin-bottom: var(--space-xxxl)
}

.margin-bottom-xxxxl {
	margin-bottom: var(--space-xxxxl)
}

.margin-bottom-auto {
	margin-bottom: auto
}

.margin-right-xxxxs {
	margin-right: .125em;
	margin-right: var(--space-xxxxs)
}

.margin-right-xxxs {
	margin-right: .25em;
	margin-right: var(--space-xxxs)
}

.margin-right-xxs {
	margin-right: .375em;
	margin-right: var(--space-xxs)
}

.margin-right-xs {
	margin-right: .5em;
	margin-right: var(--space-xs)
}

.margin-right-sm {
	margin-right: .75em;
	margin-right: var(--space-sm)
}

.margin-right-md {
	margin-right: 1.25em;
	margin-right: var(--space-md)
}

.margin-right-lg {
	margin-right: 2em;
	margin-right: var(--space-lg)
}

.margin-right-xl {
	margin-right: 3.25em;
	margin-right: var(--space-xl)
}

.margin-right-xxl {
	margin-right: 5.25em;
	margin-right: var(--space-xxl)
}

.margin-right-xxxl {
	margin-right: 8.5em;
	margin-right: var(--space-xxxl)
}

.margin-right-xxxxl {
	margin-right: 13.75em;
	margin-right: var(--space-xxxxl)
}

.margin-right-auto {
	margin-right: auto
}

.margin-left-xxxxs {
	margin-left: .125em;
	margin-left: var(--space-xxxxs)
}

.margin-left-xxxs {
	margin-left: .25em;
	margin-left: var(--space-xxxs)
}

.margin-left-xxs {
	margin-left: .375em;
	margin-left: var(--space-xxs)
}

.margin-left-xs {
	margin-left: .5em;
	margin-left: var(--space-xs)
}

.margin-left-sm {
	margin-left: .75em;
	margin-left: var(--space-sm)
}

.margin-left-md {
	margin-left: 1.25em;
	margin-left: var(--space-md)
}

.margin-left-lg {
	margin-left: 2em;
	margin-left: var(--space-lg)
}

.margin-left-xl {
	margin-left: 3.25em;
	margin-left: var(--space-xl)
}

.margin-left-xxl {
	margin-left: 5.25em;
	margin-left: var(--space-xxl)
}

.margin-left-xxxl {
	margin-left: 8.5em;
	margin-left: var(--space-xxxl)
}

.margin-left-xxxxl {
	margin-left: 13.75em;
	margin-left: var(--space-xxxxl)
}

.margin-left-auto {
	margin-left: auto
}

.margin-x-xxxxs {
	margin-left: .125em;
	margin-left: var(--space-xxxxs);
	margin-right: .125em;
	margin-right: var(--space-xxxxs)
}

.margin-x-xxxs {
	margin-left: .25em;
	margin-left: var(--space-xxxs);
	margin-right: .25em;
	margin-right: var(--space-xxxs)
}

.margin-x-xxs {
	margin-left: .375em;
	margin-left: var(--space-xxs);
	margin-right: .375em;
	margin-right: var(--space-xxs)
}

.margin-x-xs {
	margin-left: .5em;
	margin-left: var(--space-xs);
	margin-right: .5em;
	margin-right: var(--space-xs)
}

.margin-x-sm {
	margin-left: .75em;
	margin-left: var(--space-sm);
	margin-right: .75em;
	margin-right: var(--space-sm)
}

.margin-x-md {
	margin-left: 1.25em;
	margin-left: var(--space-md);
	margin-right: 1.25em;
	margin-right: var(--space-md)
}

.margin-x-lg {
	margin-left: 2em;
	margin-left: var(--space-lg);
	margin-right: 2em;
	margin-right: var(--space-lg)
}

.margin-x-xl {
	margin-left: 3.25em;
	margin-left: var(--space-xl);
	margin-right: 3.25em;
	margin-right: var(--space-xl)
}

.margin-x-xxl {
	margin-left: 5.25em;
	margin-left: var(--space-xxl);
	margin-right: 5.25em;
	margin-right: var(--space-xxl)
}

.margin-x-xxxl {
	margin-left: 8.5em;
	margin-left: var(--space-xxxl);
	margin-right: 8.5em;
	margin-right: var(--space-xxxl)
}

.margin-x-xxxxl {
	margin-left: 13.75em;
	margin-left: var(--space-xxxxl);
	margin-right: 13.75em;
	margin-right: var(--space-xxxxl)
}

.margin-x-auto {
	margin-left: auto;
	margin-right: auto
}

.margin-y-xxxxs {
	margin-top: .125em;
	margin-top: var(--space-xxxxs);
	margin-bottom: .125em;
	margin-bottom: var(--space-xxxxs)
}

.margin-y-xxxs {
	margin-top: .25em;
	margin-top: var(--space-xxxs);
	margin-bottom: .25em;
	margin-bottom: var(--space-xxxs)
}

.margin-y-xxs {
	margin-top: .375em;
	margin-top: var(--space-xxs);
	margin-bottom: .375em;
	margin-bottom: var(--space-xxs)
}

.margin-y-xs {
	margin-top: .5em;
	margin-top: var(--space-xs);
	margin-bottom: .5em;
	margin-bottom: var(--space-xs)
}

.margin-y-sm {
	margin-top: .75em;
	margin-top: var(--space-sm);
	margin-bottom: .75em;
	margin-bottom: var(--space-sm)
}

.margin-y-md {
	margin-top: 1.25em;
	margin-top: var(--space-md);
	margin-bottom: 1.25em;
	margin-bottom: var(--space-md)
}

.margin-y-lg {
	margin-top: 2em;
	margin-top: var(--space-lg);
	margin-bottom: 2em;
	margin-bottom: var(--space-lg)
}

.margin-y-xl {
	margin-top: 3.25em;
	margin-top: var(--space-xl);
	margin-bottom: 3.25em;
	margin-bottom: var(--space-xl)
}

.margin-y-xxl {
	margin-top: 5.25em;
	margin-top: var(--space-xxl);
	margin-bottom: 5.25em;
	margin-bottom: var(--space-xxl)
}

.margin-y-xxxl {
	margin-top: 8.5em;
	margin-top: var(--space-xxxl);
	margin-bottom: 8.5em;
	margin-bottom: var(--space-xxxl)
}

.margin-y-xxxxl {
	margin-top: 13.75em;
	margin-top: var(--space-xxxxl);
	margin-bottom: 13.75em;
	margin-bottom: var(--space-xxxxl)
}

.margin-y-auto {
	margin-top: auto;
	margin-bottom: auto
}

@media not all and (min-width:32rem) {
	.has-margin\@xs {
		margin: 0 !important
	}
}

@media not all and (min-width:48rem) {
	.has-margin\@sm {
		margin: 0 !important
	}
}

@media not all and (min-width:64rem) {
	.has-margin\@md {
		margin: 0 !important
	}
}

@media not all and (min-width:80rem) {
	.has-margin\@lg {
		margin: 0 !important
	}
}

@media not all and (min-width:90rem) {
	.has-margin\@xl {
		margin: 0 !important
	}
}

.text-replace {
	overflow: hidden;
	color: transparent;
	text-indent: 100%;
	white-space: nowrap
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

@media (min-width:32rem) {
	.text-center\@xs {
		text-align: center
	}

	.text-left\@xs {
		text-align: left
	}

	.text-right\@xs {
		text-align: right
	}
}

@media (min-width:48rem) {
	.text-center\@sm {
		text-align: center
	}

	.text-left\@sm {
		text-align: left
	}

	.text-right\@sm {
		text-align: right
	}
}

@media (min-width:64rem) {
	.text-center\@md {
		text-align: center
	}

	.text-left\@md {
		text-align: left
	}

	.text-right\@md {
		text-align: right
	}
}

@media (min-width:80rem) {
	.text-center\@lg {
		text-align: center
	}

	.text-left\@lg {
		text-align: left
	}

	.text-right\@lg {
		text-align: right
	}
}

@media (min-width:90rem) {
	.text-center\@xl {
		text-align: center
	}

	.text-left\@xl {
		text-align: left
	}

	.text-right\@xl {
		text-align: right
	}
}

.color-inherit {
	color: inherit
}

.color-contrast-medium {
	color: #79797b;
	color: var(--color-contrast-medium, #79797c)
}

:root,
[data-theme=default] {
	--color-primary-darker: hsl(220, 90%, 36%);
	--color-primary-darker-h: 220;
	--color-primary-darker-s: 90%;
	--color-primary-darker-l: 36%;
	--color-primary-dark: hsl(220, 90%, 46%);
	--color-primary-dark-h: 220;
	--color-primary-dark-s: 90%;
	--color-primary-dark-l: 46%;
	--color-primary: hsl(220, 90%, 56%);
	--color-primary-h: 220;
	--color-primary-s: 90%;
	--color-primary-l: 56%;
	--color-primary-light: hsl(220, 90%, 66%);
	--color-primary-light-h: 220;
	--color-primary-light-s: 90%;
	--color-primary-light-l: 66%;
	--color-primary-lighter: hsl(220, 90%, 76%);
	--color-primary-lighter-h: 220;
	--color-primary-lighter-s: 90%;
	--color-primary-lighter-l: 76%;
	--color-accent-darker: hsl(355, 90%, 41%);
	--color-accent-darker-h: 355;
	--color-accent-darker-s: 90%;
	--color-accent-darker-l: 41%;
	--color-accent-dark: hsl(355, 90%, 51%);
	--color-accent-dark-h: 355;
	--color-accent-dark-s: 90%;
	--color-accent-dark-l: 51%;
	--color-accent: hsl(355, 90%, 61%);
	--color-accent-h: 355;
	--color-accent-s: 90%;
	--color-accent-l: 61%;
	--color-accent-light: hsl(355, 90%, 71%);
	--color-accent-light-h: 355;
	--color-accent-light-s: 90%;
	--color-accent-light-l: 71%;
	--color-accent-lighter: hsl(355, 90%, 81%);
	--color-accent-lighter-h: 355;
	--color-accent-lighter-s: 90%;
	--color-accent-lighter-l: 81%;
	--color-black: hsl(240, 8%, 12%);
	--color-black-h: 240;
	--color-black-s: 8%;
	--color-black-l: 12%;
	--color-white: hsl(0, 0%, 100%);
	--color-white-h: 0;
	--color-white-s: 0%;
	--color-white-l: 100%;
	--color-success-darker: hsl(94, 48%, 36%);
	--color-success-darker-h: 94;
	--color-success-darker-s: 48%;
	--color-success-darker-l: 36%;
	--color-success-dark: hsl(94, 48%, 46%);
	--color-success-dark-h: 94;
	--color-success-dark-s: 48%;
	--color-success-dark-l: 46%;
	--color-success: hsl(94, 48%, 56%);
	--color-success-h: 94;
	--color-success-s: 48%;
	--color-success-l: 56%;
	--color-success-light: hsl(94, 48%, 66%);
	--color-success-light-h: 94;
	--color-success-light-s: 48%;
	--color-success-light-l: 66%;
	--color-success-lighter: hsl(94, 48%, 76%);
	--color-success-lighter-h: 94;
	--color-success-lighter-s: 48%;
	--color-success-lighter-l: 76%;
	--color-error-darker: hsl(355, 90%, 41%);
	--color-error-darker-h: 355;
	--color-error-darker-s: 90%;
	--color-error-darker-l: 41%;
	--color-error-dark: hsl(355, 90%, 51%);
	--color-error-dark-h: 355;
	--color-error-dark-s: 90%;
	--color-error-dark-l: 51%;
	--color-error: hsl(355, 90%, 61%);
	--color-error-h: 355;
	--color-error-s: 90%;
	--color-error-l: 61%;
	--color-error-light: hsl(355, 90%, 71%);
	--color-error-light-h: 355;
	--color-error-light-s: 90%;
	--color-error-light-l: 71%;
	--color-error-lighter: hsl(355, 90%, 81%);
	--color-error-lighter-h: 355;
	--color-error-lighter-s: 90%;
	--color-error-lighter-l: 81%;
	--color-warning-darker: hsl(46, 100%, 41%);
	--color-warning-darker-h: 46;
	--color-warning-darker-s: 100%;
	--color-warning-darker-l: 41%;
	--color-warning-dark: hsl(46, 100%, 51%);
	--color-warning-dark-h: 46;
	--color-warning-dark-s: 100%;
	--color-warning-dark-l: 51%;
	--color-warning: hsl(46, 100%, 61%);
	--color-warning-h: 46;
	--color-warning-s: 100%;
	--color-warning-l: 61%;
	--color-warning-light: hsl(46, 100%, 71%);
	--color-warning-light-h: 46;
	--color-warning-light-s: 100%;
	--color-warning-light-l: 71%;
	--color-warning-lighter: hsl(46,
			100%, 81%);
	--color-warning-lighter-h: 46;
	--color-warning-lighter-s: 100%;
	--color-warning-lighter-l: 81%;
	--color-bg: hsl(0, 0%, 100%);
	--color-bg-h: 0;
	--color-bg-s: 0%;
	--color-bg-l: 100%;
	--color-contrast-lower: hsl(0, 0%, 95%);
	--color-contrast-lower-h: 0;
	--color-contrast-lower-s: 0%;
	--color-contrast-lower-l: 95%;
	--color-contrast-low: hsl(240, 1%, 83%);
	--color-contrast-low-h: 240;
	--color-contrast-low-s: 1%;
	--color-contrast-low-l: 83%;
	--color-contrast-medium: hsl(240, 1%, 48%);
	--color-contrast-medium-h: 240;
	--color-contrast-medium-s: 1%;
	--color-contrast-medium-l: 48%;
	--color-contrast-high: hsl(240, 4%, 20%);
	--color-contrast-high-h: 240;
	--color-contrast-high-s: 4%;
	--color-contrast-high-l: 20%;
	--color-contrast-higher: hsl(240, 8%, 12%);
	--color-contrast-higher-h: 240;
	--color-contrast-higher-s: 8%;
	--color-contrast-higher-l: 12%
}

@supports (--css:variables) {
	@media (min-width:64rem) {
		:root {
			--space-unit: 1.25em
		}
	}
}

:root {
	--radius: 0.25em
}

:root {
	--font-primary: sans-serif;
	--text-base-size: 1em;
	--text-scale-ratio: 1.2;
	--text-xs: calc(1em/var(--text-scale-ratio)/var(--text-scale-ratio));
	--text-sm: calc(var(--text-xs)*var(--text-scale-ratio));
	--text-md: calc(var(--text-sm)*var(--text-scale-ratio)*var(--text-scale-ratio));
	--text-lg: calc(var(--text-md)*var(--text-scale-ratio));
	--text-xl: calc(var(--text-lg)*var(--text-scale-ratio));
	--text-xxl: calc(var(--text-xl)*var(--text-scale-ratio));
	--text-xxxl: calc(var(--text-xxl)*var(--text-scale-ratio));
	--body-line-height: 1.4;
	--heading-line-height: 1.2;
	--font-primary-capital-letter: 1
}

@supports (--css:variables) {
	@media (min-width:64rem) {
		:root {
			--text-base-size: 1.25em;
			--text-scale-ratio: 1.25
		}
	}
}

.text-component blockquote {
	padding-left: 1em;
	border-left: 4px solid #d3d3d4;
	border-left: 4px solid var(--color-contrast-low)
}

.text-component hr {
	background: #d3d3d4;
	background: var(--color-contrast-low);
	height: 1px
}

.text-component figcaption {
	font-size: .83333em;
	font-size: var(--text-sm);
	color: #79797b;
	color: var(--color-contrast-medium)
}

:root {
	--cd-color-1: hsl(214, 28%, 20%);
	--cd-color-1-h: 214;
	--cd-color-1-s: 28%;
	--cd-color-1-l: 20%;
	--cd-color-2: hsl(151, 13%, 66%);
	--cd-color-2-h: 151;
	--cd-color-2-s: 13%;
	--cd-color-2-l: 66%;
	--cd-color-3: hsl(213, 9%, 44%);
	--cd-color-3-h: 213;
	--cd-color-3-s: 9%;
	--cd-color-3-l: 44%;
	--font-primary: 'Open Sans', sans-serif;
	--font-secondary: 'Merriweather', serif
}

.cd-main {
	overflow: hidden;
	height: auto
}

.cd-main__content {
	position: relative;
	z-index: 2;
	background-color: #9db3a8;
	background-color: var(--cd-color-2);
	will-change: transform;
	transition: -webkit-transform .7s cubic-bezier(.91, .01, .6, .99);
	transition: transform .7s cubic-bezier(.91, .01, .6, .99);
	transition: transform .7s cubic-bezier(.91, .01, .6, .99), -webkit-transform .7s cubic-bezier(.91, .01, .6, .99)
}

.nav-is-open .cd-main__content {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.js .cd-nav {
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	visibility: hidden;
	transition: visibility .7s;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.js .cd-nav a {
	text-decoration: none
}

.js .cd-nav__title {
	position: relative;
	font-size: .69444em;
	font-size: var(--text-xs);
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .15em
}

.js .cd-nav__title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 1px;
	width: 60px;
	background-color: currentColor
}

.js .nav-is-open .cd-nav {
	visibility: visible
}

.js .cd-nav__content {
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 2em 0 2em 80px;
	padding: var(--space-lg) 0 var(--space-lg) 80px;
	will-change: transform;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: -webkit-transform .7s cubic-bezier(.86, .01, .77, .78);
	transition: transform .7s cubic-bezier(.86, .01, .77, .78);
	transition: transform .7s cubic-bezier(.86, .01, .77, .78), -webkit-transform .7s cubic-bezier(.86, .01, .77, .78)
}

@media (min-width:64rem) {
	.js .cd-nav__content {
		padding-left: 0
	}
}

@media (max-width:1920px) {
	.js .cd-nav__content .container {
		width: 100%;
		padding: 0 8%
	}
}

.js .nav-is-open .cd-nav__content {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	transition: -webkit-transform .5s cubic-bezier(.82, .01, .77, .78);
	transition: transform .5s cubic-bezier(.82, .01, .77, .78);
	transition: transform .5s cubic-bezier(.82, .01, .77, .78), -webkit-transform .5s cubic-bezier(.82, .01, .77, .78)
}

.js .cd-nav__primary {
	margin-top: 3.25em;
	margin-top: var(--space-xl)
}

.js .cd-nav__primary li {
	margin-bottom: 1.25em;
	margin-bottom: var(--space-md)
}

.js .cd-nav__link {
	font-family: lato;
	font-size: 1.44em;
	font-size: var(--text-lg);
	color: #fff
}

@media (min-width:80rem) {
	.js .cd-nav__link {
		font-size: 26px;
		font-family: alef;
		letter-spacing: 1px;
		font-weight: 900
	}
}

.js .cd-nav__link-selected,
.js .cd-nav__link:hover {
	color: #fff
}

.js .cd-nav__contact {
	margin-top: 3.25em;
	margin-top: var(--space-xl)
}

.js .cd-nav__contact li {
	font-family: Merriweather, serif;
	float: left;
	margin-left: 30px;
	font-family: var(--font-secondary);
	margin-bottom: 1.25em;
	margin-bottom: var(--space-md);
	color: hsla(0, 0%, 100%, .3);
	color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .3)
}

.js .cd-nav__contact a {
	opacity: .6;
	background-color: #ff0
}

.js .cd-nav__contact a:hover {
	opacity: 1
}

@media (min-width:64rem) {
	.js .cd-nav__contact {
		margin-top: calc(3.25em + 20px);
		margin-top: calc(var(--space-xl) + 20px) margin-top: 5%
	}
}

.cd-nav-trigger {
	display: none;
	position: fixed;
	z-index: 100;
	top: 10px;
	right: 1.25em;
	right: var(--component-padding);
	height: 40px;
	width: 40px;
	border-radius: 50%;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.cd-nav-trigger:active .cd-nav-trigger__icon {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}

.cd-nav-trigger svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.cd-nav-trigger circle {
	stroke: #666f7a;
	stroke: var(--cd-color-3);
	transition: stroke-dashoffset .4s
}

.nav-is-open .cd-nav-trigger {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.nav-is-open .cd-nav-trigger circle {
	stroke-dashoffset: 0;
	transition: stroke-dashoffset .4s .3s
}

.cd-nav-trigger__icon {
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 12px);
	width: 22px;
	height: 2px;
	background-color: #fff;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.cd-nav-trigger__icon::before,
.cd-nav-trigger__icon:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 70%;
	height: 100%;
	background-color: inherit;
	will-change: transform, width, top;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: width .5s, top .3s, -webkit-transform .5s;
	transition: transform .5s, width .5s, top .3s;
	transition: transform .5s, width .5s, top .3s, -webkit-transform .5s
}

.cd-nav-trigger__icon::before {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px)
}

.cd-nav-trigger__icon::after {
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	width: 100%
}

.nav-is-open .cd-nav-trigger__icon::after,
.nav-is-open .cd-nav-trigger__icon::before {
	width: 50%
}

.nav-is-open .cd-nav-trigger__icon::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.nav-is-open .cd-nav-trigger__icon::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.nav-is-open .cd-nav-trigger:hover .cd-nav-trigger__icon::after,
.nav-is-open .cd-nav-trigger:hover .cd-nav-trigger__icon::before {
	top: 0
}

.cd-main__content {
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.cd-main__content h1 {
	color: #243141;
	color: var(--cd-color-1)
}

.cd-main__content p {
	font-family: Merriweather, serif;
	font-family: var(--font-secondary);
	color: hsl(151, 13%, 85.8%);
	color: hsl(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*1.3))
}

.cd-article-link {
	font-family: 'Open Sans', sans-serif;
	font-family: var(--font-primary);
	color: #243141;
	color: var(--cd-color-1);
	font-size: .83333em;
	font-size: var(--text-sm);
	transition: opacity .2s
}

.cd-article-link:hover {
	opacity: .8
}

.image-slider__slide:hover .overlay_yellow {
	opacity: 1
}

.image-slider__slide-overlay {
	position: absolute;
	mix-blend-mode: multiply;
	-webkit-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-color: #00adb1;
	opacity: 0
}

.image-slider__slide:hover .image-slider__slide-overlay {
	opacity: 1
}

.home_work_section_left img {
	width: 100%;
	margin-right: 50px
}

.home_work_section img {
	width: 100%
}

.home_work_section_left {
	background-color: #000
}

.home_work_section_right {
	padding-top: 170px
}

.home_about_section {
	background-color: #0d0b0b
}

.aaaaa {
	position: absolute;
	top: 28%;
	left: 37%
}

a:active,
a:hover {
	outline: 0
}

a:focus,
a:hover {
	color: #23527c
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.video_over {
	background-image: url(../images/video_over.png);
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background-position: center;
	background-repeat: no-repeat
}

.width_10 0 {
	width: 100% !important
}

.pad_0 {
	padding: 0 !important
}

#wrap {
	position: relative;
	width: 100%;
	overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	color: #141414;
	font-family: Montserrat, sans-serif;
	font-weight: 700
}

h1 {
	font-size: 42px
}

h2 {
	font-size: 36px;
	font-weight: 700
}

h3 {
	font-size: 30px
}

h4 {
	font-size: 24px
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 14px;
	font-weight: 700
}

a {
	text-decoration: none !important;
	font-family: Montserrat, sans-serif
}

ul {
	margin-bottom: 0
}

li {
	list-style: none
}

a {
	text-decoration: none;
	color: #141414
}

p.intro-small {
	font-style: italic;
	color: #f5f5f5;
	width: 80%;
	margin: 0 auto
}

section {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff
}

@media only screen and (min-width:1041px) and (max-width:1185px) {
	.agency {
		font-size: 83pt !important
	}

	#who-we-are {
		font-size: 35pt !important
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hero_service_main {
		bottom: -436px
	}

	.ux_design_para {
		padding-top: 18%
	}

	.agency {
		right: 0 !important
	}
}

@media only screen and (min-width:0px) and (max-width:954px) {
	.ux_design_para {
		padding-top: 18%
	}
}

@media only screen and (min-width:0px) and (max-width:954px) {
	.ux_design_para {
		padding-top: 18%
	}
}

.agency {
	font-size: 84pt;
	color: #3e3f3f;
	font-weight: 900;
	letter-spacing: -12px;
	position: relative;
	z-index: .5;
	right: 21px;
	opacity: .5
}

.arrow {
	width: 233px;
	margin-top: 14%
}

.line {
	margin-top: 14px;
	width: 220px;
	background: #fff;
	height: 2px;
	float: left
}

.point {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid #fff;
	float: right;
	position: relative;
	top: 7px
}

.about-use-description {
	padding-right: 14%
}

#about-desc {
	position: relative;
	top: -37px
}

.video-opacity {
	opacity: .9;
	width: 100%;
	background: #0f1010;
	position: absolute;
	top: 0;
	height: 100%
}

#mob-read {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border: 2px solid;
	display: none !important
}

.mob-about {
	padding-left: 41%;
	padding-right: 44%
}

@media only screen and (min-width:0px) and (max-width:370px) {
	.home_video_banner_text ul li {
		font-size: 13px
	}

	.mob-about {
		padding-left: 31%;
		padding-right: 37%
	}
}

@media only screen and (min-width:371px) and (max-width:415px) {
	#about-desc {
		top: -2px !important
	}

	.home_video_banner_text ul li {
		font-size: 18px
	}
}

#video_slider {
	display: flex;
	position: relative;
	flex-direction: column;
	width: 100vw;
	height: 100vh
}

.home_about_section {
	background-color: #0d0b0b
}

.location_box1,
.location_box2 {
	background-size: 100%
}

@media only screen and (min-width:768px) and (max-width:1148px) {
	.upper_footer_img {
		margin: 0 65px;
		background-size: 100%
	}
}

.testimonial-view-all {
	margin-top: 110px !important;
	text-align: center !important
}

@media only screen and (min-width:768px) and (max-width:812px) {
	.testimonial-view-all {
		margin-top: 0 !important
	}
}

@media only screen and (min-device-width:1025px) and (max-device-width:1133px) and (orientation:landscape) {
	#wide_menu {
		display: flex
	}
}

@media only screen and (min-device-width:1025px) and (max-device-width:1199px) and (orientation:landscape) {

	.location_box1,
	.location_box1:hover,
	.location_box2,
	.location_box2:hover {
		background-size: 100% 100%
	}
}

@media only screen and (max-width:1024px) and (min-width:992px) and (orientation:landscape) {

	.location_box1,
	.location_box2 {
		background-size: 100% 98% !important
	}

	.location_box1 img,
	.location_box2 img {
		padding-top: 0 !important
	}
}

@font-face {
	font-family: "Macho Thin";
	src: url(https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.eot);
	src: url(https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.eot?#iefix) format("embedded-opentype"), url(https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.woff2) format("woff2"), url(https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.woff) format("woff"), url(https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.ttf) format("truetype"), url("https://db.onlinewebfonts.com/t/60ba35c45c54ef354183804b6555ea64.svg#Macho Thin") format("svg")
}

@font-face {
	font-family: MuseoW01-900;
	src: url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.eot);
	src: url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.eot?#iefix) format("embedded-opentype"), url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.woff2) format("woff2"), url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.woff) format("woff"), url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.ttf) format("truetype"), url(https://db.onlinewebfonts.com/t/4cc9d692753925335e7af83ecf6e6815.svg#MuseoW01-900) format("svg")
}

@media(min-width:768px) and (max-width:1024px) {
	header {
		display: none !important
	}

	.cd-nav-trigger {
		display: inline-block !important
	}

	.services_box1 {
		margin-top: 50px !important
	}

	.services_box3 {
		margin-top: 50px !important
	}

	.services_box7 {
		margin-top: 50px !important
	}

	.services_box11 {
		margin-top: 50px !important
	}
}

@media(min-width:300px) and (max-width:568px) {
	#about-desc {
		top: -2px !important
	}
}

@media(min-width:300px) and (max-width:364px) {
	.our_work_title {
		font-size: 40px !important
	}
}

@media(min-width:300px) and (max-width:767px) {
	.home_ourwork_main {
		height: 100% !important
	}

	.slider-over-content {
		top: 50px !important;
		bottom: none !important;
		left: 44% !important;
		width: 73% !important
	}

	.slider-over-content h2 span {
		font-weight: 400 !important;
		font-size: 15pt !important;
		font-family: Lato !important
	}

	.slide {
		top: 0 !important
	}

	.slider-images {
		height: 320px !important
	}

	.play-video-icon {
		width: 10% !important
	}

	header {
		display: none !important
	}

	.link--arrow {
		padding-right: 0 !important;
		color: #fff !important
	}

	.link--arrow.link--white:after,
	.link--arrow.link--white:before {
		background-image: url(../images/left-arrow.png);
		display: none !important
	}

	.link--arrow:hover span {
		transform: translateX(0) !important
	}

	.home_services_back {
		background-size: contain;
		min-height: 500px;
		background-color: #151515 !important;
		background-position-x: 72px;
		padding-bottom: 20px !important
	}

	.gallery {
		left: 30px !important
	}

	.four_boxes_title_ai {
		font-size: 45px !important;
		line-height: 53px !important;
		color: #333;
		font-family: Lato !important;
		font-weight: 900 !important;
		text-transform: uppercase;
		letter-spacing: 0
	}

	.agency {
		font-size: 55pt !important;
		letter-spacing: -6px !important;
		right: 0 !important;
		line-height: 55pt !important
	}

	.agency_work {
		font-size: 30px !important;
		line-height: 55pt !important;
		color: #3e3f3f;
		font-weight: 900;
		position: relative;
		opacity: .5;
		top: 10px !important
	}

	.agency_testimonials {
		font-size: 31pt !important;
		letter-spacing: -1px !important;
		right: 0 !important;
		line-height: 55pt !important;
		top: 38px !important;
		color: #3e3f3f;
		font-weight: 900;
		position: relative;
		opacity: .5
	}

	.about-use-description {
		padding-top: 0 !important;
		padding-bottom: 25px;
		position: absolute;
		top: 180px !important
	}

	.arrow {
		width: 233px;
		margin-top: 31% !important
	}

	#read {
		left: 104% !important
	}

	.about-use-description {
		position: absolute;
		top: 180px !important
	}

	#who-we-are {
		color: #fff;
		font-size: 30pt !important;
		font-weight: 700;
		width: 80%;
		margin-top: -5px !important
	}

	.home_work_section_mobile {
		background-color: #000;
		padding: 0 0 80px
	}

	.home_work_section_mobile h3 {
		font-size: 20px;
		padding-left: 10px;
		color: #fff;
		font-family: Lato;
		font-weight: 300;
		letter-spacing: 1px
	}

	.home_work_section_mobile h4 {
		position: absolute;
		top: 50px;
		color: #fff;
		right: 14px;
		font-size: 18px;
		font-family: Lato;
		font-weight: 400;
		letter-spacing: 1px
	}

.home_work_section_mobile a {
    color: #fbe105;
    max-height: 160px;
    overflow: hidden;
}

	.home_testimonials_main {
		background-color: #000;
		background-image: url(../images/home_testimonial_back.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: -280px -20px !important;
		padding-bottom: 40px !important
	}

	#video_slider {
		display: flex;
		position: relative;
		flex-direction: column;
		width: 100vw !important;
		margin: 0 auto !important;
		height: auto !important
	}

	#next {
		text-align: left;
		border-radius: 0 100% 100% 0 !important;
		position: absolute;
		right: -10% !important;
		background: 0 0;
		border: 0;
		bottom: 125px !important
	}

	#prev {
		text-align: right;
		border-radius: 100% 0 0 100% !important;
		position: absolute;
		left: -10% !important;
		background: 0 0;
		border: 0;
		bottom: 125px !important
	}

	#carousel {
		position: relative;
		height: 330px !important;
		top: 0;
		transform: translateY(4%) !important;
		overflow: hidden
	}

	.location_box1 {
		background-size: 100% 100% !important;
		min-height: 360px !important;
		background-image: url(../images/location_box1_hover.jpg) !important;
		padding: 25px !important
	}

	.location_box1 img {
		display: none !important;
		float: right;
		padding-right: 80px;
		padding-top: 30px;
		opacity: 0;
		transition: 1s
	}

	.location_box2 img {
		display: none !important;
		float: right;
		padding-right: 80px;
		padding-top: 30px;
		opacity: 0;
		transition: 1s
	}

	.location_box2 {
		background-size: 100% 100% !important;
		min-height: 300px !important;
		background-image: url(../images/location_box2_hover.jpg) !important;
		background-repeat: no-repeat;
		color: #fff;
		font-family: Lato;
		padding: 35px;
		margin-top: 20px !important;
		border-radius: 10px !important;
		transition: 1s
	}

	.location_box1 h1 {
		color: #fff !important;
		font-family: Lato;
		font-size: 26px;
		text-transform: uppercase;
		font-weight: 600;
		border-bottom: 2px solid #fff;
		width: 75% !important;
		padding-bottom: 10px
	}

	.location_box1 h2 {
		color: #fff;
		font-family: Lato;
		font-size: 18px;
		font-weight: 400;
		width: 100% !important;
		line-height: 26px !important;
		padding-bottom: 5px;
		padding-left: 35px
	}

	.location_box1 h3 {
		color: #fff;
		font-family: Lato;
		font-size: 42px !important;
		font-weight: bolder;
		padding-left: 40px !important;
		margin-top: 30px
	}

	.phone_icon {
		background-image: url(../images/box_phone_icon.png);
		background-repeat: no-repeat;
		background-size: 30px !important
	}

	.location_box2 h1 {
		color: #fff !important;
		font-family: Lato;
		font-size: 26px;
		text-transform: uppercase;
		font-weight: 600;
		border-bottom: 2px solid #fff;
		width: 75% !important;
		padding-bottom: 10px
	}

	.location_box2 h2 {
		color: #fff;
		font-family: Lato;
		font-size: 18px;
		font-weight: 400;
		width: 100% !important;
		line-height: 26px !important;
		padding-left: 35px
	}

	.location_boxes {
		background-color: #1e1e1e;
		padding: 40px 0 20px !important
	}

	.upper_footer {
		height: 120px !important;
		padding-top: 0 !important
	}

	.upper_footer_img {
		height: 120px !important;
		width: 80% !important
	}

	.upper_footer_img {
		height: 200px;
		margin: 0 auto !important;
		text-align: center;
		transition: all .2s linear;
		background-image: url(../images/upper_footer_logo_hover.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% !important
	}

	.carousel-cell {
		width: 80% !important;
		height: 160px !important;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		-webkit-align-items: center;
		align-items: center
	}

	.flickity-prev-next-button.next {
		right: 0;
		top: 330px !important
	}

	.flickity-prev-next-button.previous {
		left: 0;
		top: 330px !important
	}

	.flickity-viewport {
		overflow: hidden;
		position: relative;
		min-height: 500px !important
	}

	.link--arrow.link--white {
		color: #fff;
		margin-top: 80px !important
	}

	#b {
		margin-top: 0 !important;
		background-repeat: no-repeat;
		background-size: cover
	}

	.home_about_section {
		background-color: #222020;
		/*display: none !important*/
	}

	.red_arrow1 {
		text-align: right;
		padding-right: 0 !important;
		padding-bottom: 10px
	}

	.asasa {
		line-height: 44px;
		font-size: 48px !important;
		color: #fff;
		margin-top: 0
	}

	.home_video_banner_text ul {
		margin-top: 23% !important
	}

	.video_over {
		background-position: -670px 0 !important
	}

	#top_fixed {
		position: initial !important;
		top: 0;
		left: 0;
		z-index: 0
	}

	.we_are_hero1 {
		font-family: Lato;
		letter-spacing: 3px;
		font-size: 30px !important;
		color: #fff !important;
		font-weight: 100;
		line-height: 60px !important;
		position: absolute;
		top: 13% !important;
		left: 10% !important;
		width: 80% !important;
		margin: 0 auto
	}

	.we_are_hero1 p {
		color: #fff !important;
		font-weight: 500;
		font-size: 12px !important;
		line-height: 19px !important;
		font-family: Lato !important;
		padding-top: 9px !important;
		margin: 0
	}

	.top_logo_mobile {
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 9
	}

	.techno_text {
		padding: 12% 9% !important
	}

	.blog1 {
		margin-top: 20px !important
	}

	.hero_service {
		margin-bottom: 10px;
		margin-top: 10px;
		background-color: transparent !important;
		margin-left: 30px;
		margin-right: 30px;
		padding: 5px;
		border-radius: 28px;
		border: none !important;
		border-right: none !important
	}

	.we_are_hero {
		display: none !important;
		font-size: 54px !important;
		font-family: lato;
		font-weight: 800;
		text-transform: uppercase;
		line-height: 40px;
		top: 18% !important;
		left: 5% !important
	}

	.cd-main {
		overflow: hidden !important
	}

	.cd-main__content {
		will-change: transform !important
	}

	.swiper-slide {
		width: 320px !important
	}

	.case_intro img {
		width: 70% !important;
		padding-top: 40px !important
	}

	.case1_mobile_float {
		position: absolute;
		z-index: 999999;
		right: -20px !important;
		top: 277px !important;
		width: 90% !important;
		background-size: cover
	}

	.swiper-container {
		width: 100%;
		padding-top: 0 !important;
		padding-bottom: 50px
	}

	.case1_banner {
		background-image: url(../images/case_study/header_purple.png);
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: -112px 0 !important;
		min-height: 600px !important;
		background-size: auto !important
	}

	.case2_banner {
		background-position: -112px 0 !important;
		min-height: 600px !important;
		background-size: auto !important
	}

	.sec5_slider_main {
		display: none !important
	}

	.case1_sec2 {
		width: 100% !important;
		margin: 0 auto !important;
		text-align: left;
		padding-left: 10% !important;
		padding-right: 9% !important;
		padding-top: 20px !important
	}

	.case1_sec3 h1 {
		margin-top: 0 !important;
		color: #fff;
		width: 90% !important;
		font-size: 34px !important;
		text-transform: uppercase;
		background-color: #ba7fb5 !important;
		margin: 55px auto 0 !important;
		padding: 10px 10px !important
	}

	.case1_sec3_box1 {
		position: absolute;
		top: 17% !important;
		left: 15% !important;
		animation: pulse 3s ease infinite alternate, nudge_xd 5s linear infinite alternate
	}

	.case_intro p {
		font-size: 28px !important;
		width: 80% !important;
		margin: 0 auto !important;
		line-height: 34px !important;
		font-family: lato;
		padding-top: 22px !important;
		color: #fff;
		text-shadow: 0 0 10px #c1c1c1 !important
	}

	.case_arrow_float {
		display: none;
		width: 10%;
		position: absolute;
		z-index: 999999;
		left: 0;
		bottom: 150px;
		background-size: cover
	}
	.banner_contact_main img {
		height: auto !important;
		background-size: cover;
		padding-top: 0 !important;
		margin-left: -15px;
		width: 100% !important
	}

	.banner_contact {
		padding: 0 0 0 6% !important;
		color: #fff;
		position: inherit;
		z-index: 1
	}

	.banner_contact p {
		font-family: var(--font-secondary);
		font-size: 16px !important;
		letter-spacing: 1px;
		line-height: 28px !important;
		color: #7e7f80 !important;
		font-weight: 500;
		margin-top: 10px !important;
		padding-right: 45px !important
	}

	.both_address {
		padding: 0 30px 0 50px !important
	}

	.gray_contact_form {
		background-color: #232427;
		padding: 20px 0 50px !important;
		margin-top: 30px !important
	}

	.gform_body {
		margin-top: 50px !important;
		padding: 0 40px !important
	}

	.gray_form_label {
		padding-bottom: 0;
		color: #aaaaab;
		font-size: 21px !important;
		line-height: 22px !important;
		font-family: lato;
		font-weight: 400
	}

	.gray_form_input {
		margin-bottom: 50px !important;
		height: 45px !important
	}

	textarea {
		min-height: 150px !important;
		width: 100% !important;
		margin-bottom: 20px !important
	}

	textarea .gray_form_input {
		margin-bottom: 20px !important
	}

	.footer_button {
		width: 100% !important;
		margin-top: -30px !important
	}

	.gform_button {
		background: #00c9d3;
		color: #fff;
		text-align: center !important;
		border: none;
		padding: 20px 90px !important;
		margin-left: 10% !important;
		font-size: 18px !important;
		float: none !important;
		transition: ease-in-out;
		width: 80% !important
	}

	#team_member_for_mobile {
		width: 100% !important
	}

	.display_none_for_mobile {
		display: none !important
	}

	.display_none_for_desktop {
		display: block !important
	}

	.blog_main_left {
		margin-top: 0 !important
	}

	.blog_main {
		background-color: #080816;
		padding-top: 50px !important;
		padding-bottom: 50px !important;
		padding-left: 5% !important;
		padding-right: 5% !important
	}

	.blog_big {
		position: relative;
		height: 250px !important;
		margin-top: 25px;
		padding: 30px 25px 30px 15px !important
	}

	.blog_small_left a {
		position: absolute;
		top: 190px !important;
		right: 30px !important
	}

	.blog_small a {
		position: absolute;
		top: 190px !important;
		right: 30px !important
	}

	.blog_big a img {
		position: absolute;
		top: 0;
		left: 0;
		overflow: visible;
		width: auto !important
	}

	.blog_big img {
		position: absolute;
		top: 0;
		left: 0;
		overflow: visible;
		width: 100% !important
	}

	.blog_big p {
		font-family: clear sans;
		font-weight: 400;
		font-size: 24px !important;
		color: #fff;
		padding-top: 10px !important;
		position: relative;
		padding-right: 0 !important;
		line-height: 28px !important
	}

	.blog_small_left img {
		width: 100% !important
	}

	.blog_small_left p {
		font-family: clear sans !important;
		font-weight: 400 !important;
		font-size: 24px !important;
		color: #fff !important;
		padding-top: 10px !important;
		position: absolute !important;
		padding-right: 2% !important;
		line-height: 28px !important
	}

	.blog_small img {
		width: 100% !important
	}

	.blog_small p {
		font-family: clear sans !important;
		font-weight: 400 !important;
		font-size: 24px !important;
		color: #fff !important;
		padding-top: 10px !important;
		position: absolute !important;
		padding-right: 1% !important;
		line-height: 28px !important
	}

	.floating {
		animation-name: floating;
		animation-duration: 4s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
		position: absolute;
		top: 50px !important;
		left: 0 !important;
		z-index: 998
	}

	.floating img {
		width: 100% !important
	}

	.about_banner_btn {
		background-color: #e22b13 !important;
		padding: 11px 38px !important;
		border: none !important;
		color: #fff !important;
		font-family: clear sans;
		font-size: 20px !important;
		font-weight: 400 !important;
		position: absolute !important;
		bottom: 10% !important;
		right: 17% !important;
		z-index: 999999 !important
	}

	.banner_about {
		background-position: -380px 270px !important;
		background-size: 230% !important
	}

	.banner_about_main {
		min-height: 100vh !important
	}

	.video_about_main {
		background-image: url(../images/ucohome/video_about.jpg);
		min-height: 470px !important;
		background-color: grey;
		transform: skewy(0)
	}

	.we_are {
		padding: 100px 0 !important;
		margin: 0 auto !important;
		font-size: 55px !important;
		color: #fff;
		font-weight: bolder;
		line-height: 70px !important
	}

	.journey {
		padding: 10px !important
	}

	.journey_subtitle {
		font-size: 15px !important;
		line-height: 24px !important;
		font-weight: 600;
		color: #31313a;
		padding: 0 5px !important;
		width: 92% !important;
		margin: 0 auto !important
	}

	.stats_white {
		padding-top: 40px !important;
		padding-bottom: 40px !important
	}

	.stats_title_grey {
		color: #fff;
		font-size: 90px !important;
		font-weight: 600;
		margin-top: 0 !important
	}

	.pad-top-100 {
		padding-top: 0 !important
	}

	.pad-top-100 {
		padding-left: 0 !important
	}

	.stats_subtitle_white {
		color: #fff;
		font-size: 30px !important;
		font-weight: 600
	}

	.stats_grey {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
		width: 100% !important;
		margin: 0 auto !important;
		vertical-align: middle;
		background-color: #e5422b
	}

	.white_space_main {
		position: initial !important
	}

	.stats_blue {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
		text-align: center !important;
		vertical-align: middle;
		background-color: #151759
	}

	.journey_title {
		font-size: 50px !important;
		color: #31313a
	}

	.banner_our_work {
		position: relative;
		min-height: 500px !important
	}

	.our_work_title {
		font-family: "Playfair Display", serif;
		font-size: 37px !important;
		font-weight: 600;
		width: 90% !important;
		margin: 0 auto !important;
		margin: 0 auto !important;
		color: #fff;
		background-size: 200%;
		background-image: none;
		background-image: linear-gradient(45deg, #fff070 0, #fff070 35%, #00c9d3 66%, #00c9d3 100%);
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
		animation: glow 9s linear infinite
	}

	.our_work_para_original {
		font-family: lato;
		font-size: 20px !important;
		width: 90% !important;
		padding-top: 20px !important;
		margin: 0 auto !important;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #fff
	}

	ul.find-experts-tech-list li {
		float: left;
		position: relative;
		width: 100%;
		margin-bottom: 30px;
		color: #3c3c3c;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		font-size: 22px !important;
		text-align: left;
		height: 35px;
		line-height: 20px;
		padding-left: 10px
	}

	.hire_team_title img {
		width: 100% !important
	}

	.hire_benefits_main {
		background-color: #f6f6f6;
		margin-bottom: 30px;
		padding: 20px 0 0;
		text-align: center;
		display: none !important
	}

	.right-experts-tech img.right-experts-tech-icon {
		max-height: 53px !important;
		width: auto;
		margin-bottom: 10px !important;
		margin-top: 20px !important
	}

	.hourly_main h1 {
		font-size: 30px !important;
		font-weight: 600 !important;
		padding-bottom: 20px !important;
		color: #fff
	}

	.benefitsimg {
		text-align: center;
		max-width: 93%;
		margin-bottom: -15px;
		display: none !important;
		background-size: cover
	}

	.hire_benefits_main p {
		color: #444;
		font-size: 17px !important;
		line-height: 26px !important;
		width: 100% !important;
		margin: 0 auto !important
	}

	.hire_benefits_heading {
		width: 100%;
		display: inline-block;
		color: #393d3e;
		font-family: lato;
		font-size: 28px;
		font-weight: 400;
		line-height: 32px;
		margin-bottom: 24px !important
	}

	.hourly_box1,
	.hourly_box2,
	.hourly_box3 {
		background-color: #a71666;
		padding: 30px 20px !important;
		min-height: 450px;
		min-height: auto;
		background-image: url(../images/ucohome/hours_back1.png);
		margin-bottom: 50px !important
	}

	.hourly_main {
		padding: 0 50px 50px !important;
		min-height: 450px;
		background-position: center 130px;
		background-repeat: no-repeat;
		background-image: url(../images/ucohome/hire_hours_back.jpg);
		background-size: cover !important
	}

	.hire_team_btn {
		font-size: 30px !important;
		font-weight: 300 !important;
		color: #edeaea;
		border: 1px solid #311b74 !important;
		border-radius: 50px !important;
		background-color: transparent !important;
		padding: 12px 40px !important;
		margin-top: 20px !important;
		background: linear-gradient(to right, #e5422b 50%, transparent 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: all .3s ease-out
	}

	.right-experts {
		padding: 0 0 40px !important
	}

	.skyblue-bg {
		padding: 50px 0 50px;
		position: relative;
		z-index: 99;
		display: none !important
	}

	.ux_design_content {
		background-image: url(../images/ucoh
ome/ux_desigining_content_new_mobile.jpg) !important;
		background-repeat: no-repeat;
		min-height: 1030px !important;
		background-size: initial !important
	}

	.ux_design_para {
		display: none !important
	}

	.banner_ux_design {
		padding-left: 2% !important;
		position: relative;
		padding-top: 84% !important
	}

	.ux_box1,
	.ux_box2,
	.ux_box3 {
		background-position: -20px !important;
		float: left;
		height: 523px;
		width: 100% !important
	}

	.ux_design_take {
		font-family: lato;
		font-size: 28px !important;
		font-weight: lighter;
		color: #000841;
		padding-bottom: 20px !important;
		text-transform: uppercase !important;
		line-height: 38px !important;
		padding-left: 26px !important;
		text-align: right !important;
		padding-top: 20px !important;
		padding-right: 30px !important
	}

	.ux_design_content_text {
		font-weight: 600 !important;
		color: #020731 !important;
		position: relative !important;
		top: 500px !important;
		left: 30px !important;
		font-size: 63px !important;
		text-align: left !important
	}

	.ux_design_stats h1 {
		font-family: lato;
		font-weight: 400;
		font-size: 24px !important;
		margin: 0
	}

	.ux_design_3boxes {
		background-repeat: no-repeat;
		padding: 20px 0 !important;
		background-size: cover !important
	}

	.ux_design_content_text_title {
		font-size: 40px !important;
		color: #020730
	}

	.banner_ux_design_main {
		background-image: url(../images/ucohome/banner_ux_design_mobile.gif) !important;
		background-repeat: no-repeat !important;
		background-size: initial !important;
		min-height: 100vh !important;
		background-color: #151759 !important
	}

	.for_all_mobile_display {
		display: none !important
	}

	.banner_chat_bot .mobile_app_banner_btn {
		margin-top: 10px !important
	}

	.chat_bot_section2_title {
		font-family: lato;
		font-weight: 800;
		font-size: 30px !important;
		color: #101010;
		text-align: left !important;
		padding-right: 20px !important;
		padding-left: 20px !important;
		letter-spacing: 1px
	}

	.chat_bot_section2_para {
		text-align: left !important;
		padding-right: 5% !important;
		font-weight: 500;
		color: #07121e;
		font-size: 21px !important;
		padding-top: 10px !important;
		margin-bottom: 30px !important;
		line-height: 34px !important;
		padding-left: 20px !important
	}

	.chat_bot_integrations {
		padding: 15px 0 !important;
		background-color: #f4f4fd
	}

	.banner_chat_bot h3 {
		font-family: raleway;
		font-size: 70px !important;
		color: #fff;
		font-weight: 600;
		letter-spacing: 5px
	}

	.banner_chat_bot {
		padding: 70px 0 0 25px !important
	}

	.banner_chat_bot h4 {
		font-family: raleway;
		font-size: 18px !important;
		color: #fff;
		font-weight: 300;
		width: 95% !important;
		line-height: 28px !important
	}

	.banner_chat_bot_main {
		background-image: url(../images/ucohome/chat_bot_banner.jpg);
		background-repeat: no-repeat;
		min-height: 940px !important;
		background-position: -660px bottom !important;
		background-color: #000841 !important;
		z-index: 3;
		width: 100%;
		background-size: auto !important
	}

	.testimonials_section3_points_title {
		padding-top: 50px;
		padding-left: 60px !important;
		padding-right: 5%
	}

	.customer_support_title_mobile h1 {
		font-size: 24px !important;
		margin-bottom: 0 !important
	}

	.testimonials_section3_points_title {
		padding-top: 0 !important;
		padding-left: 50px !important
	}

	.customer_support_sec3_title {
		font-size: 26px !important;
		padding-bottom: 0 !important;
		padding-top: 20px !important
	}

	.testimonials_section3_points_title h2 {
		font-size: 26px !important
	}

	.testimonials_section3_points_title h3 {
		font-size: 15px !important;
		font-weight: 600 !important;
		padding-bottom: 0 !important;
		margin-top: 0;
		padding-right: 40px !important;
		line-height: 22px !important
	}

	.testimonials_section3_points_title p {
		font-family: clear sans;
		font-size: 15px !important;
		font-weight: 500;
		color: #7d7d7d;
		padding-left: 50px !important;
		padding-right: 20px !important
	}

	.customer_support_sec2 {
		padding: 0 !important;
		margin-bottom: 10px !important
	}

	.banner_customer_support_main {
		min-height: 600px !important;
		background-position: -40px -30px !important;
		z-index: 3;
		width: 100%;
		background-size: cover
	}

	.customer_support_title_mobile>p.four_boxes_para {
		padding-bottom: 0 !important;
		margin-bottom: 20px !important
	}

	button.mobile_app_btn {
		font-size: 22px !important;
		border-radius: 50px !important
	}

	.four_boxes_sec2_content {
		padding-top: 40px;
		padding-left: 40px !important;
		padding-right: 30px
	}

	.customer_support_sec2 img {
		width: 113%;
		float: right
	}

	.support_banner_btn {
		margin-top: 40px;
		font-size: 18px !important;
		font-weight: 300;
		color: #edeaea;
		border: 1px solid #311b74;
		border-radius: 50px !important
	}

	.support {
		padding: 70px 0 0 20px !important
	}

	.support h2 {
		font-family: cursive;
		font-size: 26px !important
	}

	.v_line {
		background-color: rgba(26, 26, 26, .5);
		min-height: 60px !important;
		width: 2px;
		margin: 0 auto
	}

	.h_line {
		display: none
	}

	.some_words {
		padding: 0 40px !important
	}

	.some_words p {
		width: 100% !important;
		font-size: 21px !important;
		line-height: 35px !important;
		padding-top: 10px !important;
		text-align: justify !important
	}

	.some_words_title {
		padding-top: 20px !important
	}

	.some_words {
		padding: 0 50px !important;
		padding-bottom: 10px !important;
		text-align: left !important
	}

	.banner_artificial_intelligence {
		padding-left: 10px !important;
		position: relative;
		top: 80px !important
	}

	.intelligence_title {
		font-family: Beyonce;
		font-size: 56px !important;
		color: #fff !important
	}

	.banner_artificial_intelligence_main {
		background-image: url(../images/ucohome/banner_artificial_intelligence1.gif);
		background-repeat: no-repeat;
		background-position: -740px 0 !important;
		min-height: 710px;
		background-color: #151759;
		padding-top: 10px !important;
		background-size: cover;
		width: 100% !important
	}

	.four_boxes_main_ai {
		background-image: url(../images/ucohome/mobile_app_float_back.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 50px;
		background-color: #eef3f7;
		padding-top: 30px !important
	}

	.four_boxes_para_ai {
		font-family: alef;
		font-weight: 500;
		color: #3a3a3a;
		font-size: 22px !important;
		line-height: 34px !important;
		padding-right: 0 !important;
		padding-top: 20px !important;
		margin-bottom: 30px !important
	}

	.leaf-orange {
		position: absolute;
		width: 60px !important;
		top: 34%;
		right: 56%
	}

	.web_dev_content {
		text-align: center;
		width: 100%;
		padding: 7% 8% 0 14% !important
	}

	.web_dev_content_title {
		font-family: clear sans;
		color: #fff;
		margin-bottom: 0 !important;
		font-weight: 400;
		position: relative;
		max-width: 700px;
		width: 100%;
		line-height: 130% !important;
		font-size: 25px !important;
		text-align: left
	}

	.web_dev_content_title::before {
		content: "";
		position: absolute;
		top: 17px !important;
		left: -47px !important;
		width: 40px !important;
		height: 3px !important;
		background: #fff
	}

	.web_dev_content_main {
		background-color: #140f21;
		width: 100%;
		padding-bottom: 10px !important
	}

	.leaf-orange {
		position: absolute;
		top: 13% !important;
		right: 13% !important
	}

	.banner_web_dev {
		left: 7% !important;
		position: absolute;
		top: 10% !important;
		width: 100% !important
	}

	.web_dev_title {
		font-family: "Playfair Display", serif;
		font-size: 50px !important;
		line-height: 50px !important
	}

	.ux_design_para {
		font-size: 17px !important;
		color: #fff;
		font-weight: 500;
		padding-top: 250px !important;
		padding-right: 15px !important;
		padding-left: 0 !important;
		width: 100% !important
	}

	.web_dev_side_img {
		position: absolute;
		right: -110px !important;
		top: 42% !important
	}

	.web_dev_served_heading {
		text-align: center;
		width: 100%;
		padding: 6% 0 1% 20% !important;
		background-color: #eef3f7
	}

	.web_dev_served_title::before {
		content: "";
		position: absolute;
		top: 14px !important;
		left: -63px !important;
		width: 55px !important;
		height: 4px !important;
		background: #2b2c4a
	}

	. web_dev_served_title {
		font-family: clear sans;
		color: #2b2c4a;
		margin-bottom: 20px !important;
		font-weight: 700;
		position: relative;
		max-width: 700px;
		width: 100%;
		line-height: 90% !important;
		font-size: 31px !important;
		text-align: left
	}

	.box_up {
		width: 85% !important;
		margin: 0 auto 30px !important;
		text-align: center !important
	}

	.box_up1 {
		width: 85% !important;
		margin: 0 auto 30px !important;
		text-align: center !important
	}

	.box_up_left {
		width: 85% !important;
		margin: 0 auto 30px !important;
		text-align: center !important
	}

	.box_up h5,
	.box_up1 h5,
	.box_up_left {
		color: #3f3b3c;
		font-size: 23px !important
	}

	.cd-nav-trigger {
		display: inline-block !important
	}

	.services_box1 {
		margin-top: 50px !important
	}

	.services_box3 {
		margin-top: 50px !important
	}

	.services_box7 {
		margin-top: 50px !important
	}

	.services_box11 {
		margin-top: 50px !important
	}

	.sec2_services {
		padding: 0 50px 50px !important
	}

	.banner_mobile_app {
		padding: 90px 0 0 20px !important
	}

	.banner_mobile_app h2 {
		font-family: cursive;
		font-size: 44px !important;
		color: #fff;
		letter-spacing: 3px;
		line-height: 20px;
		letter-spacing: 4px !important
	}

	.banner_mobile_app h3 {
		font-family: MuseoW01-900 !important;
		font-size: 54px !important;
		color: #fff;
		font-weight: 900 !important;
		letter-spacing: 2px !important
	}

	.banner_mobile_app h4 {
		color: #f0f8ff;
		font-size: 23px !important;
		line-height: 30px !important;
		font-family: lato;
		font-weight: 100;
		padding-top: 40px !important
	}

	.banner_mobile_app_main {
		background-image: url(../images/ucohome/mobile_app_banner.png);
		background-repeat: no-repeat;
		min-height: 100vh !important;
		z-index: 3;
		background-size: cover;
		background-color: #eef3f7
	}

	.box {
		margin-left: auto !important;
		margin-right: auto !important
	}

	.four_boxes {
		padding-left: 0 !important
	}

	.box1 {
		margin-left: auto;
		margin-right: auto
	}

	.four_boxes_content {
		padding-top: 30px !important;
		padding-left: 40px !important
	}

	.four_boxes_title {
		font-size: 37px !important
	}

	.four_boxes_para {
		font-family: clear sans;
		font-weight: 500;
		color: #2b2c4a !important;
		font-size: 18px !important;
		line-height: 30px;
		padding-right: 40px !important;
		text-align: justify !important;
		padding-top: 10px !important;
		margin-bottom: 30px !important
	}

	.mobile_app_btn {
		font-size: 25px !important;
		font-weight: 300;
		color: #07121e;
		border: 1px solid #87898d;
		border-radius: 50px !important;
		background-color: transparent;
		padding: 8px 30px !important;
		background: linear-gradient(to right, #ea2a0f 50%, transparent 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: all .3s ease-out
	}

	.mobile_app_sec1 {
		background-image: url(../images/ucohome/mobile_app_sec1_back.jpg);
		background-repeat: no-repeat;
		background-position: 10px -160px !important;
		padding-top: 30px !important
	}

	.mobile_app_sec1_content {
		padding-top: 0 !important;
		padding-left: 50px !important
	}

	.banner_mobile_app h3::after {
		content: "";
		display: block;
		position: absolute;
		border-top: 3px solid #03bfff;
		width: 460px;
		margin-top: 20px !important
	}

	.banner_services {
		padding: 15% 0 7% 0 !important;
		width: 80% !important;
		margin: 0 auto !important
	}

	.banner_services h4 {
		color: #909090;
		font-family: clear sans;
		font-size: 19px !important;
		font-weight: 400;
		line-height: 34px
	}

	.mobile_app_sec1 img {
		display: none !important
	}

	.mobile_app_sec2_img {
		padding-left: 150px;
		float: right !important
	}

	.mobile_app_sec2 {
		background-image: url(../images/ucohome/mobile_app_sec2_back.jpg);
		background-repeat: no-repeat;
		padding-top: 30px !important;
		padding-bottom: 40px !important
	}

	.four_boxes_para_sec1 {
		font-family: clear sans;
		font-weight: 500;
		color: #777;
		font-size: 18px !important;
		line-height: 30px;
		padding-right: 49px !important;
		text-align: justify !important;
		padding-top: 10px !important;
		margin-bottom: 30px !important
	}

	.mobile_app_sec4 img {
		display: none !important
	}

	.mobile_app_sec4 {
		padding-top: 0 !important
	}

	.mobile_app_sec4 .four_boxes_sec2_content {
		padding-top: 0 !important
	}

	.mobile_app_banner_btn {
		margin-top: 30px !important;
		font-size: 30px !important;
		font-weight: 300;
		color: #edeaea;
		border: 1px solid #311b74;
		border-radius: 50px !important;
		background-color: transparent;
		padding: 12px 40px;
		background: linear-gradient(to right, #e5422b 50%, transparent 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: all .3s ease-out
	}

	.box h5 {
		font-size: 26px !important;
		color: #313131 !important
	}

	.box1 h5 {
		font-size: 26px !important;
		color: #313131 !important
	}

	.home_footer_ucodice_text {
		float: none !important
	}

	.our_work_para {
		font-family: lato;
		font-size: 30px !important;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #fff
	}

	.banner_our_work {
		position: relative;
		min-height: 650px;
		background-color: #000;
		padding: 120px 0 80px !important;
		background-image: linear-gradient(to top, #030729 20%, #01083b 80%)
	}

	.pull-right {
		float: none !important
	}

	.isotope .isotope-item {
		position: relative;
		width: 100% !important
	}

	.footer_mobile {
		display: none
	}

	.js .cd-nav__content {
		padding: 2em 0 2em 30px !important
	}

	.js .cd-nav__contact {
		display: none !important
	}

	.block-content li {
		list-style: none;
		padding-bottom: 10px !important;
		font-family: lato;
		font-size: 14px;
		font-weight: 300
	}

	.fordesktop {
		display: none !important
	}

	.forMobile {
		display: inline-block !important
	}

	@keyframes rotateleftside {
		from {
			transform: rotate(8deg)
		}

		65% {
			transform: rotate(0)
		}

		to {
			transform: rotate(8deg)
		}
	}

	@keyframes floatingleft {
		from {
			transform: translate(0, 0)
		}

		65% {
			transform: translate(25px, 0)
		}

		to {
			transform: translate(0, 0)
		}
	}

	.services_slides_container {
		cursor: move !important;
		touch-action: unset !important;
		user-select: unset !important
	}

	.text-component img {
		display: inline-block !important
	}

	.banner_hero_main {
		background-color: #0e0e0e !important;
		background-image: url(../images/ucohome/banner_web_dev_mobile.webp);
		background-repeat: no-repeat !important
	}

	@keyframes banner_web_dev {
		0% {
			background-position: 0 0
		}

		50% {
			background-position: 100% 0
		}

		100% {
			background-position: 0 0
		}
	}

	.technology .techImages>li:nth-child(3) {
		margin-top: 0 !important
	}

	.home_video_banner_text h1 {
		font-size: 51px !important;
		padding-left: 10px !important;
		line-height: 56px !important;
		letter-spacing: 1px !important;
		font-weight: 100 !important;
		font-size: 45px !important;
		line-height: 40px;
		font-weight: 600 !important;
		background-size: 200% !important;
		background-image: none !important;
		background-image: linear-gradient(45deg, #fff070 0, #fff070 35%, #00c9d3 66%, #00c9d3 100%) !important;
		-webkit-text-fill-color: transparent !important;
		-webkit-background-clip: text !important;
		animation: glow 9s linear infinite !important
	}

	.home_video_banner_text {
		background-color: transparent !important;
		width: 94% !important;
		left: 0 !important;
		top: 25% !important;
		height: auto !important
	}

	#hero_myVideo {
		object-fit: unset;
		opacity: 0 !important
	}

	.technology {
		background-position: bottom !important
	}

	.testimonial_section {
		display: none
	}

	.vertical_full {
		display: none
	}

	.let_work {
		padding-top: 40px !important
	}

	.technology .techImages>li {
		float: left !important;
		display: inline-block;
		list-style: none;
		margin: 0 10px;
		text-align: center;
		width: 124px
	}

	.techImages {
		padding-left: 0 !important
	}

	.technology .techImages>li:first-child {
		margin-top: 0 !important
	}

	.technology .techImages>li:nth-child(2) {
		margin-top: 0 !important
	}
}

@media(min-width:1025px) and (max-width:1440px) {
	.flip_iona {
		transition: 1s;
		background-image: url(../images/work/new/img-6.jpg);
		background-repeat: no-repeat;
		width: 100%;
		height: 250px;
		position: absolute;
		background-size: cover;
		background-color: bisque
	}

	.flip_iona:hover {
		transition: 1s;
		background-image: url(../images/work/new/img-6_hover.jpg);
		background-repeat: no-repeat;
		width: 100%;
		height: 250px;
		position: absolute;
		background-size: cover;
		background-color: bisque
	}

	.flip-box_gayze {
		background-image: url(../images/work/new/img-3.jpg);
		position: absolute;
		width: 100%;
		height: 250px;
		background-size: cover;
		transition: 1s
	}
}

@media(min-width:1441px) and (max-width:1600px) {
	.ux_design_content {
		background-image: url(../images/ucohome/ux_desigining_content_new.jpg);
		background-repeat: no-repeat;
		min-height: 1600px !important;
		background-size: cover
	}

	.ux_design_content_text {
		font-weight: 600;
		color: #020731;
		position: relative;
		top: 800px !important;
		left: 210px !important
	}

	.flip_iona {
		transition: 1s;
		background-image: url(../images/work/new/img-6_900h.jpg) !important;
		background-repeat: no-repeat;
		width: 100%;
		height: 450px !important;
		position: absolute;
		background-size: cover;
		background-color: bisque
	}

	.flip_iona:hover {
		transition: 1s;
		background-image: url(../images/work/new/img-6_hover_900h.jpg) !important;
		background-repeat: no-repeat;
		width: 100%;
		height: 450px !important;
		position: absolute;
		background-size: cover;
		background-color: bisque
	}

	.flip-box_gayze {
		background-image: url(../images/work/new/img-3_900h.jpg) !important;
		background-position: center;
		position: absolute;
		width: 100%;
		height: 450px !important;
		background-size: cover;
		transition: 1s
	}

	.flip-box_gayze:hover {
		background-image: url(../images/work/new/img-3_hover_900h.jpg) !important;
		background-position: center;
		position: absolute;
		width: 100%;
		height: 450px !important;
		background-size: cover;
		transition: 1s
	}

	.flip_lobital {
		width: 100%;
		height: 450px !important;
		background-image: url(../images/work/new/img-2_900h.jpg) !important;
		background-size: cover;
		text-align: center;
		transition: 1s
	}

	.flip_lobital:hover {
		width: 100%;
		height: 450px !important;
		background-image: url(../images/work/new/img-2_hover_900h.jpg) !important;
		background-position: center;
		background-size: cover
	}

	.banner_web_dev {
		left: 12% !important;
		position: absolute;
		top: 25%
	}

	.web_dev_side_img {
		position: absolute;
		right: 8% !important;
		top: 10%;
		animation-name: floating;
		animation-duration: 8s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out
	}
}

@media(min-width:1601px) and (max-width:1920px) {
	.right-experts .page-section .box {
		float: none !important;
		width: auto !important;
		height: auto !important
	}

	.banner_ux_design_main {
		background-image: url(../images/ucohome/banner_ux_design.gif);
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 800px !important;
		background-color: #151759
	}

	.ux_design_content {
		background-image: url(../images/ucohome/ux_desigining_content_new.jpg);
		background-repeat: no-repeat;
		min-height: 1600px !important;
		background-size: cover
	}

	.ux_design_content_text {
		font-weight: 600;
		color: #020731;
		position: relative;
		top: 800px !important;
		left: 210px !important
	}

	.ux_design_3boxes {
		background-repeat: no-repeat;
		padding: 120px 0 !important
	}

	.some_words_title {
		font-size: 54px !important;
		padding-top: 50px !important
	}

	.some_words p {
		width: 60%;
		margin: 0 auto;
		font-size: 24px !important;
		padding: 10px
	}

	.banner_artificial_intelligence {
		padding-left: 260px !important;
		position: relative;
		top: 250px
	}

	.ai_btn {
		font-size: 30px !important;
		font-weight: 300;
		color: #edeaea;
		border: 1px solid #311b74;
		border-radius: 50px !important;
		background-color: transparent;
		margin-top: 30px !important;
		padding: 12px 40px;
		display: block;
		background: linear-gradient(to right, #e5422b 50%, transparent 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: all .3s ease-out
	}

	.four_boxes_para_ai {
		font-family: alef;
		font-weight: 500;
		color: #3a3a3a;
		font-size: 27px !important;
		line-height: 40px !important;
		padding-right: 60px;
		padding-top: 20px;
		margin-bottom: 30px
	}

	.four_boxes_title_ai {
		font-size: 64px !important;
		color: #333;
		font-family: fantasy;
		letter-spacing: 1px
	}

	.mobile_app_btn {
		font-size: 26px !important;
		font-weight: 300;
		color: #07121e;
		border: 1px solid #87898d;
		border-radius: 50px !important;
		background-color: transparent;
		padding: 12px 40px;
		background: linear-gradient(to right, #ea2a0f 50%, transparent 50%);
		background-size: 200% 100%;
		background-position: right bottom;
		transition: all .3s ease-out
	}

	.four_boxes_content_ai {
		padding-top: 50px;
		padding-left: 230px !important
	}

	.ai_we_offer_main_ai h1 {
		padding-bottom: 20px;
		font-size: 65px !important;
		font-family: fantasy;
		letter-spacing: 2px
	}

	.ai_we_offer_quote h2 {
		font-size: 46px !important
	}

	.ai_we_offer_quote h3 {
		font-size: 26px !important;
		color: #848484;
		font-weight: 100
	}

	.banner_mobile_app_main {
		background-image: url(../images/ucohome/mobile_app_banner.png);
		background-repeat: no-repeat;
		background-position: bottom !important;
		min-height: 810px;
		z-index: 3;
		background-size: cover;
		background-color: #eef3f7
	}

	.box h5 {
		font-size: 24px !important
	}

	.box1 h5 {
		font-size: 24px !important
	}

	.box {
		float: right !important;
		width: 320px !important;
		height: 260px !important
	}

	.box1 {
		float: right !important;
		width: 320px !important;
		height: 260px !important
	}

	.four_boxes_title {
		font-size: 50px !important;
		color: #2b2c4a
	}

	.four_boxes_para {
		font-family: clear sans;
		font-weight: 500;
		color: #777;
		font-size: 23px !important;
		line-height: 40px !important
	}

	.mobile_app_sec2_img img {
		float: right !important
	}

	.mobile_app_sec2_img {
		padding-right: 60px !important
	}

	.mobile_app_sec1_content {
		padding-top: 120px;
		padding-left: 15% !important
	}

	.four_boxes_sec2_content {
		padding-top: 40px;
		padding-left: 60px;
		padding-right: 7% !important
	}

	.banner_web_dev {
		left: 18% !important;
		position: absolute;
		top: 25%
	}

	.web_dev_side_img {
		position: absolute;
		right: 15% !important;
		top: 10%;
		animation-name: floating;
		animation-duration: 8s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out
	}

	.box_u p1 {
		width: 90% !important;
		height: 170px !important
	}

	.box_up h5 {
		font-size: 22px !important;
		padding-top: 10px !important
	}

	.box_up1 h5 {
		font-size: 22px !important;
		padding-top: 10px !important
	}

	.box_up_left h5 {
		font-size: 22px !important;
		padding-top: 10px !important
	}

	.box_up {
		width: 90% !important;
		height: 170px !important;
		font-size: 22px !important;
		padding-top: 10px !important
	}

	.box_up_left {
		width: 90% !important;
		height: 170px !important;
		font-size: 22px !important;
		padding-top: 10px !important
	}

	.flip_iona {
		transition: 1s;
		background-image: url(../images/work/new/img-6_900h.jpg) !important;
		background-repeat: no-repeat;
		width: 100%;
		height: 450px !important;
		position: absolute;
		background-size: cover;
		background-color: bisque
	}

	.flip_iona:hover {
		transition: 1s;
		background-image: url(../images/work/new/img-6_hover_900h.jpg) !important;
		background-repeat: no-repeat;
		width: 100%;
		height: 450px !important;
		position: absolute;
		back ground-size: cover;
		background-color: bisque
	}

	.flip-box_gayze {
		background-image: url(../images/work/new/img-3_900h.jpg) !important;
		position: absolute;
		width: 100%;
		height: 450px !important;
		background-size: cover;
		transition: 1s
	}

	.flip-box_gayze:hover {
		background-image: url(../images/work/new/img-3_hover_900h.jpg) !important;
		position: absolute;
		width: 100%;
		height: 450px !important;
		background-size: cover;
		transition: 1s
	}

	.flip_lobital {
		width: 100%;
		height: 450px !important;
		background-image: url(../images/work/new/img-2_900h.jpg) !important;
		background-size: cover;
		text-align: center;
		transition: 1s
	}

	.flip_lobital:hover {
		width: 100%;
		height: 450px !important;
		background-image: url(../images/work/new/img-2_hover_900h.jpg) !important;
		background-size: cover
	}

	.technology {
		min-height: 720px !important
	}
}

@media(min-width:1920px) and (max-width:2440px) {
	.four_boxes {
		padding-left: 150px !important
	}

	.box {
		float: right !important;
		width: 360px !important;
		height: 300px !important;
		margin-left: 60px
	}

	.box1 {
		float: right !important;
		width: 360px !important;
		height: 300px !important;
		margin-left: 60px
	}

	.box h5 {
		font-size: 30px !important
	}

	.box1 h5 {
		font-size: 30px !important
	}

	.four_boxes_title {
		font-size: 60px !important;
		color: #2b2c4a
	}

	.four_boxes_para {
		font-family: clear sans;
		font-weight: 500;
		color: #777;
		font-size: 28px !important;
		line-height: 46px !important
	}

	.four_boxes_para_sec1 {
		font-family: clear sans;
		font-weight: 500;
		color: #777;
		font-size: 30px !important;
		line-height: 46px !important;
		padding-right: 90px;
		padding-top: 20px;
		margin-bottom: 30px
	}
}

@media(min-width:0px) and (max-width:767px) {
	header {
		display: none !important
	}

	.cd-nav-trigger {
		display: inline-block !important
	}

	.services_box1 {
		margin-top: 50px !important
	}

	.services_box3 {
		margin-top: 50px !important
	}

	.services_box7 {
		margin-top: 50px !important
	}

	.services_box11 {
		margin-top: 50px !important
	}

	#hero_myVideo {
		object-fit: unset;
		opacity: 0 !important
	}

	.forMobile {
		display: inline-block !important
	}
}

@media(min-width:0px) and (max-width:301px) {
	.home_video_banner_text {
		width: 100%
	}

	.home_video_banner_text ul {
		margin-top: -31% !important;
		padding-left: 0 !important
	}

	span.stretch {
		display: none !important
	}

	.home_video_banner_text ul li {
		font-size: 9px !important
	}
}

.image-slider__slide:hover .overlay_yellow {
	opacity: 1
}

.image-slider__slide-overlay {
	position: absolute;
	mix-blend-mode: multiply;
	-webkit-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-color: #00adb1;
	opacity: 0
}

.image-slider__slide:hover .image-slider__slide-overlay {
	opacity: 1
}

.home_work_section_left img {
	width: 100%;
	margin-right: 50px
}

.home_work_section img {
	width: 100%
}

.home_work_section_left {
	background-color: #000
}

.home_work_section_right {
	padding-top: 170px
}

.home_about_section {
	background-color: #0d0b0b
}

.aaaaa {
	position: absolute;
	top: 28%;
	left: 37%
}

a:active,
a:hover {
	outline: 0
}

a:focus,
a:hover {
	color: #23527c
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.video_over {
	background-image: url(../images/video_over.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.width_100 {
	width: 100% !important
}

.pad_0 {
	padding: 0 !important
}

#wrap {
	position: relative;
	width: 100%;
	overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	color: #141414;
	font-family: Montserrat, sans-serif;
	font-weight: 700
}

h1 {
	font-size: 42px
}

h2 {
	font-size: 36px;
	font-weight: 700
}

h3 {
	font-size: 30px
}

h4 {
	font-size: 24px
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 14px;
	font-weight: 700
}

a {
	text-decoration: none !important;
	font-family: Montserrat, sans-serif
}

ul {
	margin-bottom: 0
}

li {
	list-style: none
}

a {
	text-decoration: none;
	color: #141414
}

p.intro-small {
	font-style: italic;
	color: #f5f5f5;
	width: 80%;
	margin: 0 auto
}

section {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff
}

@media only screen and (min-width:1041px) and (max-width:1185px) {
	.agency {
		font-size: 83pt !important
	}

	#who-we-are {
		font-size: 35pt !important
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hero_service_main {
		bottom: -436px
	}

	.ux_design_para {
		padding-top: 18%
	}

	.agency {
		right: 0 !important
	}
}

@media only screen and (min-width:0px) and (max-width:954px) {
	.ux_design_para {
		padding-top: 18%
	}
}

@media only screen and (min-width:0px) and (max-width:954px) {
	.ux_design_para {
		padding-top: 18%
	}
}

.agency {
	color: #3e3f3f;
	font-weight: 900;
	letter-spacing: -12px;
	position: relative;
	z-index: .5;
	opacity: .5
}

.arrow {
	width: 233px;
	margin-top: 14%
}

.line {
	margin-top: 14px;
	width: 220px;
	background: #fff;
	height: 2px;
	float: left
}

.point {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid #fff;
	float: right;
	position: relative;
	top: 7px
}

.about-use-description {
	padding-left: 10%;
	padding-right: 14%
}

#who-we-are {
	color: #fff;
	font-size: 40pt;
	font-weight: 700
}

#about-desc {
	padding-left: 10%;
	position: relative;
	top: -37px
}

.video-opacity {
	opacity: .9;
	width: 100%;
	background: #0f1010;
	position: absolute;
	top: 0;
	height: 100%
}

#mob-read {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border: 2px solid;
	display: none !important
}

.mob-about {
	padding-left: 41%;
	padding-right: 44%
}

@media only screen and (min-width:0px) and (max-width:370px) {
	.home_video_banner_text ul li {
		font-size: 13px
	}

	#who-we-are {
		font-size: 12pt;
		margin-top: 12%
	}

	.mob-about {
		padding-left: 31%;
		padding-right: 37%
	}
}

@media only screen and (min-width:371px) and (max-width:415px) {
	.home_video_banner_text ul li {
		font-size: 18px
	}
}

#video_slider {
	display: flex;
	position: relative;
	flex-direction: column;
	width: 100vw;
	height: 100vh
}

.home_about_section {
	background-color: #0d0b0b
}

@media only screen and (min-width:768px) and (max-width:981px) {
	.we_are_hero1 {
		top: 28px !important
	}

	#b {
		margin-top: 56% !important
	}
}

@media only screen and (min-width:982px) and (max-width:1083px) {
	.we_are_hero1 {
		top: 143px !important
	}

	#b {
		margin-top: 56% !important
	}
}

@media only screen and (min-width:1124px) and (max-width:1133px) {
	#wide_menu {
		display: flex
	}
}

.image-slider__slide:hover .overlay_yellow {
	opacity: 1
}

.image-slider__slide-overlay {
	position: absolute;
	mix-blend-mode: multiply;
	-webkit-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-color: #00adb1;
	opacity: 0
}

.image-slider__slide:hover .image-slider__slide-overlay {
	opacity: 1
}

.home_work_section_left img {
	width: 100%;
	margin-right: 50px
}

.home_work_section img {
	width: 100%
}

.home_work_section_left {
	background-color: #000
}

.home_work_section_right {
	padding-top: 170px
}

.home_about_section {
	background-color: #0d0b0b
}

.aaaaa {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: auto;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

a:active,
a:hover {
	outline: 0
}

a:focus,
a:hover {
	color: #23527c
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.video_over {
	background-image: url(../images/video_over.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.width_100 {
	width: 100% !important
}

.pad_0 {
	padding: 0 !important
}

#wrap {
	position: relative;
	width: 100%;
	overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	color: #141414;
	font-family: Montserrat, sans-serif;
	font-weight: 700
}

h1 {
	font-size: 42px
}

h2 {
	font-size: 36px;
	font-weight: 700
}

h3 {
	font-size: 30px
}

h4 {
	font-size: 24px
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 14px;
	font-weight: 700
}

a {
	text-decoration: none !important;
	font-family: Montserrat, sans-serif
}

ul {
	margin-bottom: 0
}

li {
	list-style: none
}

a {
	text-decoration: none;
	color: #141414
}

p.intro-small {
	font-style: italic;
	color: #f5f5f5;
	width: 80%;
	margin: 0 auto
}

section {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff
}

@media only screen and (min-width:1041px) and (max-width:1185px) {
	.agency {
		font-size: 83pt !important
	}

	#who-we-are {
		font-size: 35pt !important
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hero_service_main {
		bottom: -436px
	}

	.ux_design_para {
		padding-top: 18%
	}

	.agency {
		right: 0 !important
	}
}

@media only screen and (min-width:0px) and (max-width:954px) {
	.ux_design_para {
		padding-top: 18%
	}
}

@media only screen and (min-width:0px) and (max-width:954px) {
	.ux_design_para {
		padding-top: 18%
	}
}

.agency {
	color: #3e3f3f;
	font-weight: 900;
	letter-spacing: -12px;
	position: relative;
	z-index: .5;
	opacity: .5
}

.arrow {
	width: 233px;
	margin-top: 14%
}

.line {
	margin-top: 14px;
	width: 220px;
	background: #fff;
	height: 2px;
	float: left
}

.point {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid #fff;
	float: right;
	position: relative;
	top: 7px
}

.about-use-description {
	padding-left: 10%;
	padding-right: 14%
}

#who-we-are {
	color: #fff;
	font-size: 40pt;
	font-weight: 700
}

#about-desc {
	padding-left: 10%;
	position: relative;
	top: -37px
}

.video-opacity {
	opacity: .9;
	width: 100%;
	background: #0f1010;
	position: absolute;
	top: 0;
	height: 100%
}

#mob-read {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border: 2px solid;
	display: none !important
}

.mob-about {
	padding-left: 41%;
	padding-right: 44%
}

@media only screen and (min-width:0px) and (max-width:370px) {
	.home_video_banner_text ul li {
		font-size: 13px
	}

	#who-we-are {
		font-size: 12pt;
		margin-top: 12%
	}

	.mob-about {
		padding-left: 31%;
		padding-right: 37%
	}
}

@media only screen and (min-width:371px) and (max-width:415px) {
	.home_video_banner_text ul li {
		font-size: 18px
	}
}

#video_slider {
	display: flex;
	position: relative;
	flex-direction: column;
	width: 100vw;
	height: 100vh
}

.home_about_section {
	background-color: #0d0b0b
}

@media only screen and (min-width:768px) and (max-width:981px) {
	.we_are_hero1 {
		top: 28px !important
	}

	#b {
		margin-top: 56% !important
	}
}

@media only screen and (min-width:982px) and (max-width:1083px) {
	.we_are_hero1 {
		top: 143px !important
	}

	#b {
		margin-top: 56% !important
	}
}

@media only screen and (min-width:1124px) and (max-width:1133px) {
	#wide_menu {
		display: flex
	}
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
Inc. * Licensed under MIT (https: //github.com/twbs/bootstrap/blob/master/LICENSE) * /html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline
	dotted; -moz-text-decoration:underline dotted; text-decoration:underline dotted
}

b, strong {
	font-weight:700
}

dfn {
	font-style:italic
}

h1 {
	font-size:2em; margin:.67em 0
}

mark {
	background:#ff0; color:#000
}

small {
	font-size:80%
}

sub, sup {
	font-size:75%; line-height:0; position:relative; vertical-align:baseline
}

sup {
	top:-.5em
}

sub {
	bottom:-.25em
}

img {
	border:0
}

svg:not(:root) {
	overflow:hidden
}

figure {
	margin:1em 40px
}

hr {
	-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; height:0
}

pre {
	overflow:auto
}

code, kbd, pre, samp {
	font-family:monospace, monospace; font-size:1em
}

button, input, optgroup, select, textarea {
	color:inherit; font:inherit; margin:0
}

button {
	overflow:visible
}

button, select {
	text-transform:none
}

button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance:button; cursor:pointer
}

button[disabled], html input[disabled] {
	cursor:default
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border:0; padding:0
}

input {
	line-height:normal
}

input[type=checkbox], input[type=radio] {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height:auto
}

input[type=search] {
	-webkit-appearance:textfield; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}

fieldset {
	border:1px solid silver; margin:0 2px; padding:.35em .625em .75em
}

legend {
	border:0; padding:0
}

textarea {
	overflow:auto
}

optgroup {
	font-weight:700
}

table {
	border-collapse:collapse; border-spacing:0
}

td, th {
	padding:0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
	*, :after, :before {
		color:#000 !important; text-shadow:none !important; background:0 0 !important; -webkit-box-shadow:none !important; box-shadow:none !important
	}

	a, a:visited {
		text-decoration:underline
	}

	a[href]:after {
		content:" (" attr(href) ")"
	}

	abbr[title]:after {
		content:" (" attr(title) ")"
	}

	a[href^="#"]:after, a[href^="javascript:"]:after {
		content:""
	}

	blockquote, pre {
		border:1px solid #999; page-break-inside:avoid
	}

	thead {
		display:table-header-group
	}

	img, tr {
		page-break-inside:avoid
	}

	img {
		max-width:100% !important
	}

	h2, h3, p {
		orphans:3; widows:3
	}

	h2, h3 {
		page-break-after:avoid
	}

	.navbar {
		display:none
	}

	.btn>.caret, .dropup>.btn>.caret {
		border-top-color:#000 !important
	}

	.label {
		border:1px solid #000
	}

	.table {
		border-collapse:collapse !important
	}

	.table td, .table th {
		background-color:#fff !important
	}

	.table-bordered td, .table-bordered th {
		border:1px solid #ddd !important
	}
}

@font-face {
	font-family:"Glyphicons Halflings"; src:url(../404.html); src:url(../404.html?#iefix) format("embedded-opentype"), url(../404.html) format("woff2"), url(../404.html) format("woff"), url(../404.html) format("truetype"), url(../404.html#glyphicons_halflingsregular) format("svg")
}

.glyphicon {
	position:relative; top:1px; display:inline-block; font-family:"Glyphicons Halflings"; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale
}

.glyphicon-asterisk:before {
	content:"\002a"
}

.glyphicon-plus:before {
	content:"\002b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
	content:"\20ac"
}

.glyphicon-minus:before {
	content:"\2212"
}

.glyphicon-cloud:before {
	content:"\2601"
}

.glyphicon-envelope:before {
	content:"\2709"
}

.glyphicon-pencil:before {
	content:"\270f"
}

.glyphicon-glass:before {
	content:"\e001"
}

.glyphicon-music:before {
	content:"\e002"
}

.glyphicon-search:before {
	content:"\e003"
}

.glyphicon-heart:before {
	content:"\e005"
}

.glyphicon-star:before {
	content:"\e006"
}

.glyphicon-star-empty:before {
	content:"\e007"
}

.glyp hicon-user:before {
	content:"\e008"
}

.glyphicon-film:before {
	content:"\e009"
}

.glyphicon-th-large:before {
	content:"\e010"
}

.glyphicon-th:before {
	content:"\e011"
}

.glyphicon-th-list:before {
	content:"\e012"
}

.glyphicon-ok:before {
	content:"\e013"
}

.glyphicon-remove:before {
	content:"\e014"
}

.glyphicon-zoom-in:before {
	content:"\e015"
}

.glyphicon-zoom-out:before {
	content:"\e016"
}

.glyphicon-off:before {
	content:"\e017"
}

.glyphicon-signal:before {
	content:"\e018"
}

.glyphicon-cog:before {
	content:"\e019"
}

.glyphicon-trash:before {
	content:"\e020"
}

.glyphicon-home:before {
	content:"\e021"
}

.glyphicon-file:before {
	content:"\e022"
}

.glyphicon-time:before {
	content:"\e023"
}

.glyphicon-road:before {
	content:"\e024"
}

.glyphicon-download-alt:before {
	content:"\e025"
}

.glyphicon-download:before {
	content:"\e026"
}

.glyphicon-upload:before {
	content:"\e027"
}

.glyphicon-inbox:before {
	content:"\e028"
}

.glyphicon-play-circle:before {
	content:"\e029"
}

.glyphicon-repeat:before {
	content:"\e030"
}

.glyphicon-refresh:before {
	content:"\e031"
}

.glyphicon-list-alt:before {
	content:"\e032"
}

.glyphicon-lock:before {
	content:"\e033"
}

.glyphicon-flag:before {
	content:"\e034"
}

.glyphicon-headphones:before {
	content:"\e035"
}

.glyphicon-volume-off:before {
	content:"\e036"
}

.glyphicon-volume-down:before {
	content:"\e037"
}

.glyphicon-volume-up:before {
	content:"\e038"
}

.glyphicon-qrcode:before {
	content:"\e039"
}

.glyphicon-barcode:before {
	content:"\e040"
}

.glyphicon-tag:before {
	content:"\e041"
}

.glyphicon-tags:before {
	content:"\e042"
}

.glyphicon-book:before {
	content:"\e043"
}

.glyphicon-bookmark:before {
	content:"\e044"
}

.glyphicon-print:before {
	content:"\e045"
}

.glyphicon-camera:before {
	content:"\e046"
}

.glyphicon-font:before {
	content:"\e047"
}

.glyphicon-bold:before {
	content:"\e048"
}

.glyphicon-italic:before {
	content:"\e049"
}

.glyphicon-text-height:before {
	content:"\e050"
}

.glyphicon-text-width:before {
	content:"\e051"
}

.glyphicon-align-left:before {
	content:"\e052"
}

.glyphicon-align-center:before {
	content:"\e053"
}

.glyphicon-align-right:before {
	content:"\e054"
}

.glyphicon-align-justify:before {
	content:"\e055"
}

.glyphicon-list:before {
	content:"\e056"
}

.glyphicon-indent-left:before {
	content:"\e057"
}

.glyphicon-indent-right:before {
	content:"\e058"
}

.glyphicon-facetime-video:before {
	content:"\e059"
}

.glyphicon-map-marker:before {
	content:"\e062"
}

.glyphicon-adjust:before {
	content:"\e063"
}

.glyphicon-tint:before {
	content:"\e064"
}

.glyphicon-edit:before {
	content:"\e065"
}

.glyphicon-share:before {
	content:"\e066"
}

.glyphicon-check:before {
	content:"\e067"
}

.glyphicon-move:before {
	content:"\e068"
}

.glyphicon-step-backward:before {
	content:"\e069"
}

.glyphicon-fast-backward:before {
	content:"\e070"
}

.glyphicon-backward:before {
	content:"\e071"
}

.glyphicon-play:before {
	content:"\e072"
}

.glyphicon-pause:before {
	content:"\e073"
}

.glyphicon-stop:before {
	content:"\e074"
}

.glyphicon-forward:before {
	content:"\e075"
}

.glyphicon-fast-forward:before {
	content:"\e076"
}

.glyphicon-step-forward:before {
	content:"\e077"
}

.glyphicon-eject:before {
	content:"\e078"
}

.glyphicon-chevron-left:before {
	content:"\e079"
}

.glyphicon-chevron-right:before {
	content:"\e080"
}

.glyphicon-plus-sign:before {
	content:"\e081"
}

.glyphicon-minus-sign:before {
	content:"\e082"
}

.glyphicon-remove-sign:before {
	content:"\e083"
}

.glyphicon-ok-sign:before {
	content:"\e084"
}

.glyphicon-question-sign:before {
	content:"\e085"
}

.glyphicon-info-sign:before {
	content:"\e086"
}

.glyphicon-screenshot:before {
	content:"\e087"
}

.glyphicon-remove-circle:before {
	content:"\e088"
}

.glyphicon-ok-circle:before {
	content:"\e089"
}

.glyphicon-ban-circle:before {
	content:"\e090"
}

.glyphicon-arrow-left:before {
	content:"\e091"
}

.glyphicon-arrow-right:before {
	content:"\e092"
}

.glyphicon-arrow-up:before {
	content:"\e093"
}

.glyphicon-arrow-down:before {
	content:"\e094"
}

.glyphicon-share-alt:before {
	content:"\e095"
}

.glyphicon-resize-full:before {
	content:"\e096"
}

.glyphicon-resize-small:before {
	content:"\e097"
}

.glyphicon-exclamation-sign:before {
	content:"\e101"
}

.glyphicon-gift:before {
	content:"\e102"
}

.glyphicon-leaf:before {
	content:"\e103"
}

.glyphicon-fire:before {
	content:"\e104"
}

.glyphicon-eye-open:before {
	content:"\e105"
}

.glyphicon-eye-close:before {
	content:"\e106"
}

.glyphicon-warning-sign:before {
	content:"\e107"
}

.glyphicon-plane:before {
	content:"\e108"
}

.glyphicon-calendar:before {
	content:"\e109"
}

.glyphicon-random:before {
	content:"\e110"
}

.glyphicon-comment:before {
	content:"\e111"
}

.glyphicon-magnet:before {
	content:"\e112"
}

.glyphicon-chevron-up:before {
	content:"\e113"
}

.glyphicon-chevron-down:before {
	content:"\e114"
}

.glyphicon-retweet:before {
	content:"\e115"
}

.glyphicon-shopping-cart:before {
	content:"\e116"
}

.glyphicon-folder-close:before {
	content:"\e117"
}

.glyphicon-folder-open:before {
	content:"\e118"
}

.glyphicon-resize-vertical:before {
	content:"\e119"
}

.glyphicon-resize-horizontal:before {
	content:"\e120"
}

.glyphicon-hdd:before {
	content:"\e121"
}

.glyphicon-bullhorn:before {
	content:"\e122"
}

.glyphicon-bell:before {
	content:"\e123"
}

.glyphicon-certificate:before {
	content:"\e124"
}

.glyphicon-thumbs-up:before {
	content:"\e125"
}

.glyphicon-thumbs-down:before {
	content:"\e126"
}

.glyphicon-hand-right:before {
	content:"\e127"
}

.glyphicon-hand-left:before {
	content:"\e128"
}

.glyphicon-hand-up:before {
	content:"\e129"
}

.glyphicon-hand-down:before {
	content:"\e130"
}

.glyphicon-circle-arrow-right:before {
	content:"\e131"
}

.glyphicon-circle-arrow-left:before {
	content:"\e132"
}

.glyphicon-circle-arrow-up:before {
	content:"\e133"
}

.glyphicon-circle-arrow-down:before {
	content:"\e134"
}

.glyphicon-globe:before {
	content:"\e135"
}

.glyphicon-wren ch:before {
	content:"\e136"
}

.glyphicon-tasks:before {
	content:"\e137"
}

.glyphicon-filter:before {
	content:"\e138"
}

.glyphicon-briefcase:before {
	content:"\e139"
}

.glyphicon-fullscreen:before {
	content:"\e140"
}

.glyphicon-dashboard:before {
	content:"\e141"
}

.glyphicon-paperclip:before {
	content:"\e142"
}

.glyphicon-heart-empty:before {
	content:"\e143"
}

.glyphicon-link:before {
	content:"\e144"
}

.glyphicon-phone:before {
	content:"\e145"
}

.glyphicon-pushpin:before {
	content:"\e146"
}

.glyphicon-usd:before {
	content:"\e148"
}

.glyphicon-gbp:before {
	content:"\e149"
}

.glyphicon-sort:before {
	content:"\e150"
}

.glyphicon-sort-by-alphabet:before {
	content:"\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
	content:"\e152"
}

.glyphicon-sort-by-order:before {
	content:"\e153"
}

.glyphicon-sort-by-order-alt:before {
	content:"\e154"
}

.glyphicon-sort-by-attributes:before {
	content:"\e155"
}

.glyphicon-sort-by-attributes-alt:before {
	cont ent:"\e156"
}

.glyphicon-unchecked:before {
	content:"\e157"
}

.glyphicon-expand:before {
	content:"\e158"
}

.glyphicon-collapse-down:before {
	content:"\e159"
}

.glyphicon-collapse-up:before {
	content:"\e160"
}

.glyphicon-log-in:before {
	content:"\e161"
}

.glyphicon-flash:before {
	content:"\e162"
}

.glyphicon-log-out:before {
	content:"\e163"
}

.glyphicon-new-window:before {
	content:"\e164"
}

.glyphicon-record:before {
	content:"\e165"
}

.glyphicon-save:before {
	content:"\e166"
}

.glyphicon-open:before {
	content:"\e167"
}

.glyphicon-saved:before {
	content:"\e168"
}

.glyphicon-import:before {
	content:"\e169"
}

.glyphicon-export:before {
	content:"\e170"
}

.glyphicon-send:before {
	content:"\e171"
}

.glyphicon-floppy-disk:before {
	content:"\e172"
}

.glyphicon-floppy-saved:before {
	content:"\e173"
}

.glyphicon-floppy-remove:before {
	content:"\e174"
}

.glyphicon-floppy-save:before {
	content:"\e175"
}

.glyphicon-floppy-open:before {
	content:"\e176"
}

.glyphicon-credit-card:before {
	content:"\e177"
}

.glyphicon-transfer:before {
	content:"\e178"
}

.glyphicon-cutlery:before {
	content:"\e179"
}

.glyphicon-header:before {
	content:"\e180"
}

.glyphicon-compressed:before {
	content:"\e181"
}

.glyphicon-earphone:before {
	content:"\e182"
}

.glyphicon-phone-alt:before {
	content:"\e183"
}

.glyphicon-tower:before {
	content:"\e184"
}

.glyphicon-stats:before {
	content:"\e185"
}

.glyphicon-sd-video:before {
	content:"\e186"
}

.glyphicon-hd-video:before {
	content:"\e187"
}

.glyphicon-subtitles:before {
	content:"\e188"
}

.glyphicon-sound-stereo:before {
	content:"\e189"
}

.glyphicon-sound-dolby:before {
	content:"\e190"
}

.glyphicon-sound-5-1:before {
	content:"\e191"
}

.glyphicon-sound-6-1:before {
	content:"\e192"
}

.glyphicon-sound-7-1:before {
	content:"\e193"
}

.glyphicon-copyright-mark:before {
	content:"\e194"
}

.glyphicon-registration-mark:before {
	content:"\e195"
}

.glyphicon-cloud-download:before {
	content:"\e197"
}

.glyphicon-cloud-upload:before {
	content:"\e198"
}

.glyphicon-tree-conifer:before {
	content:"\e199"
}

.glyphicon-tree-deciduous:before {
	content:"\e200"
}

.glyphicon-cd:before {
	content:"\e201"
}

.glyphicon-save-file:before {
	content:"\e202"
}

.glyphicon-open-file:before {
	content:"\e203"
}

.glyphicon-level-up:before {
	content:"\e204"
}

.glyphicon-copy:before {
	content:"\e205"
}

.glyphicon-paste:before {
	content:"\e206"
}

.glyphicon-alert:before {
	content:"\e209"
}

.glyphicon-equalizer:before {
	content:"\e210"
}

.glyphicon-king:before {
	content:"\e211"
}

.glyphicon-queen:before {
	content:"\e212"
}

.glyphicon-pawn:before {
	content:"\e213"
}

.glyphicon-bishop:before {
	content:"\e214"
}

.glyphicon-knight:before {
	content:"\e215"
}

.glyphicon-baby-formula:before {
	content:"\e216"
}

.glyphicon-tent:before {
	content:"\26fa"
}

.glyphicon-blackboard:before {
	content:"\e218"
}

.glyphicon-bed:before {
	content:"\e219"
}

.glyphicon-apple:before {
	content:"\f8ff"
}

.glyphicon-erase:before {
	content:"\e221"
}

.glyphicon-hourglass:before {
	content:"\231b"
}

.glyphicon-lamp:before {
	content:"\e223"
}

.glyphicon-duplicate:before {
	content:"\e224"
}

.glyphicon-piggy-bank:before {
	content:"\e225"
}

.glyphicon-scissors:before {
	content:"\e226"
}

.glyphicon-bitcoin:before {
	content:"\e227"
}

.glyphicon-btc:before {
	content:"\e227"
}

.glyphicon-xbt:before {
	content:"\e227"
}

.glyphicon-yen:before {
	content:"\00a5"
}

.glyphicon-jpy:before {
	content:"\00a5"
}

.glyphicon-ruble:before {
	content:"\20bd"
}

.glyphicon-rub:before {
	content:"\20bd"
}

.glyphicon-scale:before {
	content:"\e230"
}

.glyphicon-ice-lolly:before {
	content:"\e231"
}

.glyphicon-ice-lolly-tasted:before {
	content:"\e232"
}

.glyphicon-education:before {
	content:"\e233"
}

.glyphicon-option-horizontal:before {
	content:"\e234"
}

.glyphicon-option-vertical:before {
	content:"\e235"
}

.glyphicon-menu-hamburger:before {
	content:"\e236"
}

.glyphicon-modal-window:before {
	content:"\e237"
}

.glyphicon-oil:before {
	content:"\e238"
}

.glyphicon-grain:before {
	content:"\e239"
}

.glyphicon-sunglasses:before {
	content:"\e240"
}

.glyphicon-text-size:before {
	content:"\e241"
}

.glyphicon-text-color:before {
	content:"\e242"
}

.glyphicon-text-background:before {
	content:"\e243"
}

.glyphicon-object-align-top:before {
	content:"\e244"
}

.glyphicon-object-align-bottom:before {
	content:"\e245"
}

.glyphicon-object-align-horizontal:before {
	content:"\e246"
}

.glyphicon-object-align-left:before {
	content:"\e247"
}

.glyphicon-object-align-vertical:before {
	content:"\e248"
}

.glyphicon-object-align-right:before {
	content:"\e249"
}

.glyphicon-triangle-right:before {
	content:"\e250"
}

.glyphicon-triangle-left:before {
	content:"\e251"
}

.glyphicon-triangle-bottom:before {
	content:"\e252"
}

.glyphicon-triangle-top:before {
	content:"\e253"
}

.glyphicon-console:before {
	content:"\e254"
}

.glyphicon-superscript:before {
	content:"\e255"
}

.glyphicon-subscript:before {
	content:"\e256"
}

.glyphicon-menu-left:before {
	content:"\e257"
}

.glyphicon-menu-right:before {
	content:"\e258"
}

.glyphicon-menu-down:before {
	content:"\e259"
}

.glyphicon-menu-up:before {
	content:"\e260"
}

* {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box
}

:after, :before {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box
}

html {
	font-size:10px; -webkit-tap-highlight-color:transparent
}

body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.42857143; color:#333; background-color:#fff
}

button, input, select, textarea {
	font-family:inherit; font-size:inherit; line-height:inherit
}

a {
	color:#337ab7; text-decoration:none
}

a:focus, a:hover {
	color:#23527c; text-decoration:underline
}

a:focus {
	outline:5px auto -webkit-focus-ring-color; outline-offset:-2px
}

figure {
	margin:0
}

img {
	vertical-align:middle
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: 100%;
    width: 100%;
}

.img-rounded {
	border-radius:6px
}

.img-thumbnail {
	padding:4px; line-height:1.42857143; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; display:inline-block; max-width:100%; height:auto
}

.img-circle {
	border-radius:50%
}

hr {
	margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #eee
}

.sr-only {
	position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
	position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto
}

[role=button] {
	cursor:pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family:inherit; font-weight:500; line-height:1.1; color:inherit
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-weight:400; line-height:1; color:#777
}

.h1, .h2, .h3, h1, h2, h3 {
	margin-top:20px; margin-bottom:10px
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
	font-size:65%
}

.h4, .h5, .h6, h4, h5, h6 {
	margin-top:10px; margin-bottom:10px
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	font-size:75%
}

.h1, h1 {
	font-size:36px
}

.h2, h2 {
	font-size:30px
}

.h3, h3 {
	font-size:24px
}

.h4, h4 {
	font-size:18px
}

.h5, h5 {
	font-size:14px
}

.h6, h6 {
	font-size:12px
}

p {
	margin:0 0 10px
}

.lead {
	margin-bottom:20px; font-size:16px; font-weight:300; line-height:1.4
}

@media (min-width:768px) {
	.lead {
		font-size:21px
	}
}

.small, small {
	font-size:85%
}

.mark, mark {
	padding:.2em; background-color:#fcf8e3
}

.text-left {
	text-align:left
}

.text-right {
	text-align:right
}

.text-center {
	text-align:center
}

.text-justify {
	text-align:justify
}

.text-nowrap {
	white-space:nowrap
}

.text-lowercase {
	text-transform:lowercase
}

.text-uppercase {
	text-transform:uppercase
}

.text-capitalize {
	text-transform:capitalize
}

.text-muted {
	color:#777
}

.text-primary {
	color:#337ab7
}

a.text-primary:focus, a.text-primary:hover {
	color:#286090
}

.text-success {
	color:#3c763d
}

a.text-success:focus, a.text-success:hover {
	color:#2b542c
}

.text-info {
	color:#31708f
}

a.text-info:focus, a.text-info:hover {
	color:#245269
}

.text-warning {
	color:#8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
	color:#66512c
}

.text-danger {
	color:#a94442
}

a.text-danger:focus, a.text-danger:hover {
	color:#843534
}

.bg-primary {
	color:#fff; background-color:#337ab7
}

a.bg-primary:focus, a.bg-primary:hover {
	background-color:#286090
}

.bg-success {
	background-color:#dff0d8
}

a.bg-success:focus, a.bg-success:hover {
	background-color:#c1e2b3
}

.bg-info {
	background-color:#d9edf7
}

a.bg-info:focus, a.bg-info:hover {
	background-color:#afd9ee
}

.bg-warning {
	background-color:#fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
	background-color:#f7ecb5
}

.bg-danger {
	background-color:#f2dede
}

a.bg-danger:focus, a.bg-danger:hover {
	background-color:#e4b9b9
}

.page-header {
	padding-bottom:9px; margin:40px 0 20px; border-bottom:1px solid #eee
}

ol, ul {
	margin-top:0; margin-bottom:10px
}

ol ol, ol ul, ul ol, ul ul {
	margin-bottom:0
}

.list-unstyled {
	padding-left:0; list-style:none
}

.list-inline {
	padding-left:0; list-style:none; margin-left:-5px
}

.list-inline>li {
	display:inline-block; padding-right:5px; padding-left:5px
}

dl {
	margin-top:0; margin-bottom:20px
}

dd, dt {
	line-height:1.42857143
}

dt {
	font-weight:700
}

dd {
	margin-left:0
}

@media (min-width:768px) {
	.dl-horizontal dt {
		float:left; width:160px; clear:left; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap
	}

	.dl-horizontal dd {
		margin-left:180px
	}
}

abbr[data-original-title], abbr[title] {
	cursor:help
}

.initialism {
	font-size:90%; text-transform:uppercase
}

blockquote {
	padding:10px 20px; margin:0 0 20px; font-size:17.5px; border-left:5px solid #eee
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
	margin-bottom:0
}

blockquote .small, blockquote footer, blockquote small {
	display:block; font-size:80%; line-height:1.42857143; color:#777
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
	content:"\2014 \00A0"
}

.blockquote-reverse, blockquote.pull-right {
	padding-right:15px; padding-left:0; text-align:right; border-right:5px solid #eee; border-left:0
}

.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
	content:""
}

.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
	content:"\00A0 \2014"
}

address {
	margin-bottom:20px; font-style:normal; line-height:1.42857143
}

code, kbd, pre, samp {
	font-family:Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
	padding:2px 4px; font-size:90%; color:#c7254e; background-color:#f9f2f4; border-radius:4px
}

kbd {
	padding:2px 4px; font-size:90%; color:#fff; background-color:#333; border-radius:3px; -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
	padding:0; font-size:100%; font-weight:700; -webkit-box-shadow:none; box-shadow:none
}

pre {
	display:block; padding:9.5px; margin:0 0 10px; font-size:13px; line-height:1.42857143; color:#333; word-break:break-all; word-wrap:break-word; background-color:#f5f5f5; border:1px solid #ccc; border-radius:4px
}

pre code {
	padding:0; font-size:inherit; color:inherit; white-space:pre-wrap; background-color:transparent; border-radius:0
}

.pre-scrollable {
	max-height:340px; overflow-y:scroll
}

.container {
	padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto
}

@media (min-width:768px) {
	.container {
		width:750px
	}
}

@media (min-width:992px) {
	.container {
		width:970px
	}
}

@media (min-width:1200px) {
	.container {
		width:1170px
	}
}

.container-fluid {
	padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto
}

.row {
	margin-right:-15px; margin-left:-15px
}

.row-no-gutters {
	margin-right:0; margin-left:0
}

.row-no-gutters [class*=col-] {
	padding-right:0; padding-left:0
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position:relative; min-height:1px; padding-right:15px; padding-left:15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	float:left
}

.col-xs-12 {
	width:100%
}

.col-xs-11 {
	width:91.66666667%
}

.col-xs-10 {
	width:83.33333333%
}

.col-xs-9 {
	width:75%
}

.col-xs-8 {
	width:66.66666667%
}

.col-xs-7 {
	width:58.33333333%
}

.col-xs-6 {
	width:50%
}

.col-xs-5 {
	width:41.66666667%
}

.col-xs-4 {
	width:33.33333333%
}

.col-xs-3 {
	width:25%
}

.col-xs-2 {
	width:16.66666667%
}

.col-xs-1 {
	width:8.33333333%
}

.col-xs-pull-12 {
	right:100%
}

.col-xs-pull-11 {
	right:91.66666667%
}

.col-xs-pull-10 {
	right:83.33333333%
}

.col-xs-pull-9 {
	right:75%
}

.col-xs-pull-8 {
	right:66.66666667%
}

.col-xs-pull-7 {
	right:58.33333333%
}

.col-xs-pull-6 {
	right:50%
}

.col-xs-pull-5 {
	right:41.66666667%
}

.col-xs-pull-4 {
	right:33.33333333%
}

.col-xs-pull-3 {
	right:25%
}

.col-xs-pull-2 {
	right:16.66666667%
}

.col-xs-pull-1 {
	right:8.33333333%
}

.col-xs-pull-0 {
	right:auto
}

.col-xs-push-12 {
	left:100%
}

.col-xs-push-11 {
	left:91.66666667%
}

.col-xs-push-10 {
	left:83.33333333%
}

.col-xs-push-9 {
	left:75%
}

.col-xs-push-8 {
	left:66.66666667%
}

.col-xs-push-7 {
	left:58.33333333%
}

.col-xs-push-6 {
	left:50%
}

.col-xs-push-5 {
	left:41.66666667%
}

.col-xs-push-4 {
	left:33.33333333%
}

.col-xs-push-3 {
	left:25%
}

.col-xs-push-2 {
	left:16.66666667%
}

.col-xs-push-1 {
	left:8.33333333%
}

.col-xs-push-0 {
	left:auto
}

.col-xs-offset-12 {
	margin-left:100%
}

.col-xs-offset-11 {
	margin-left:91.66666667%
}

.col-xs-offset-10 {
	margin-left:83.33333333%
}

.col-xs-offset-9 {
	margin-left:75%
}

.col-xs-offset-8 {
	margin-left:66.66666667%
}

.col-xs-offset-7 {
	margin-left:58.33333333%
}

.col-xs-offset-6 {
	margin-left:50%
}

.col-xs-offset-5 {
	margin-left:41.66666667%
}

.col-xs-offset-4 {
	margin-left:33.33333333%
}

.col-xs-offset-3 {
	margin-left:25%
}

.col-xs-offset-2 {
	margin-left:16.66666667%
}

.col-xs-offset-1 {
	margin-left:8.33333333%
}

@media (min-width:768px) {
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
		float:left
	}

	.col-sm-12 {
		width:100%
	}

	.col-sm-11 {
		width:91.66666667%
	}

	.col-sm-10 {
		width:83.33333333%
	}

	.col-sm-9 {
		width:75%
	}

	.col-sm-8 {
		width:66.66666667%
	}

	.col-sm-7 {
		width:58.33333333%
	}

	.col-sm-6 {
		width:50%
	}

	.col-sm-5 {
		width:41.66666667%
	}

	.col-sm-4 {
		width:33.33333333%
	}

	.col-sm-3 {
		width:25%
	}

	.col-sm-2 {
		width:16.66666667%
	}

	.col-sm-1 {
		width:8.33333333%
	}

	.col-sm-pull-12 {
		right:100%
	}

	.col-sm-pull-11 {
		right:91.66666667%
	}

	.col-sm-pull-10 {
		right:83.33333333%
	}

	.col-sm-pull-9 {
		right:75%
	}

	.col-sm-pull-8 {
		right:66.66666667%
	}

	.col-sm-pull-7 {
		right:58.33333333%
	}

	.col-sm-pull-6 {
		right:50%
	}

	.col-sm-pull-5 {
		right:41.66666667%
	}

	.col-sm-pull-4 {
		right:33.33333333%
	}

	.col-sm-pull-3 {
		right:25%
	}

	.col-sm-pull-2 {
		right:16.66666667%
	}

	.col-sm-pull-1 {
		right:8.33333333%
	}

	.col-sm-pull-0 {
		right:auto
	}

	.col-sm-push-12 {
		left:100%
	}

	.col-sm-push-11 {
		left:91.66666667%
	}

	.col-sm-push-10 {
		left:83.33333333%
	}

	.col-sm-push-9 {
		left:75%
	}

	.col-sm-push-8 {
		left:66.66666667%
	}

	.col-sm-push-7 {
		left:58.33333333%
	}

	.col-sm-push-6 {
		left:50%
	}

	.col-sm-push-5 {
		left:41.66666667%
	}

	.col-sm-push-4 {
		left:33.33333333%
	}

	.col-sm-push-3 {
		left:25%
	}

	.col-sm-push-2 {
		left:16.66666667%
	}

	.col-sm-push-1 {
		left:8.33333333%
	}

	.col-sm-push-0 {
		left:auto
	}

	.col-sm-offset-12 {
		margin-left:100%
	}

	.col-sm-offset-11 {
		margin-left:91.66666667%
	}

	.col-sm-offset-10 {
		margin-left:83.33333333%
	}

	.col-sm-offset-9 {
		margin-left:75%
	}

	.col-sm-offset-8 {
		margin-left:66.66666667%
	}

	.col-sm-offset-7 {
		margin-left:58.33333333%
	}

	.col-sm-offset-6 {
		margin-left:50%
	}

	.col-sm-offset-5 {
		margin-left:41.66666667%
	}

	.col-sm-offset-4 {
		margin-left:33.33333333%
	}

	.col-sm-offset-3 {
		margin-left:25%
	}

	.col-sm-offset-2 {
		margin-left:16.66666667%
	}

	.col-sm-offset-1 {
		margin-left:8.33333333%
	}

	.col-sm-offset-0 {
		margin-left:0
	}
}

@media (min-width:992px) {
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
		float:left
	}

	.col-md-12 {
		width:100%
	}

	.col-md-11 {
		width:91.66666667%
	}

	.col-md-10 {
		width:83.33333333%
	}

	.col-md-9 {
		width:75%
	}

	.col-md-8 {
		width:66.66666667%
	}

	.col-md-7 {
		width:58.33333333%
	}

	.col-md-6 {
		width:50%
	}

	.col-md-5 {
		width:41.66666667%
	}

	.col-md-4 {
		width:33.33333333%
	}

	.col-md-3 {
		width:25%
	}

	.col-md-2 {
		width:16.66666667%
	}

	.col-md-1 {
		width:8.33333333%
	}

	.col-md-pull-12 {
		right:100%
	}

	.col-md-pull-11 {
		right:91.66666667%
	}

	.col-md-pull-10 {
		right:83.33333333%
	}

	.col-md-pull-9 {
		right:75%
	}

	.col-md-pull-8 {
		right:66.66666667%
	}

	.col-md-pull-7 {
		right:58.33333333%
	}

	.col-md-pull-6 {
		right:50%
	}

	.col-md-pull-5 {
		right:41.66666667%
	}

	.col-md-pull-4 {
		right:33.33333333%
	}

	.col-md-pull-3 {
		right:25%
	}

	.col-md-pull-2 {
		right:16.66666667%
	}

	.col-md-pull-1 {
		right:8.33333333%
	}

	.col-md-pull-0 {
		right:auto
	}

	.col-md-push-12 {
		left:100%
	}

	.col-md-push-11 {
		left:91.66666667%
	}

	.col-md-push-10 {
		left:83.33333333%
	}

	.col-md-push-9 {
		left:75%
	}

	.col-md-push-8 {
		left:66.66666667%
	}

	.col-md-push-7 {
		left:58.33333333%
	}

	.col-md-push-6 {
		left:50%
	}

	.col-md-push-5 {
		left:41.66666667%
	}

	.col-md-push-4 {
		left:33.33333333%
	}

	.col-md-push-3 {
		left:25%
	}

	.col-md-push-2 {
		left:16.66666667%
	}

	.col-md-push-1 {
		left:8.33333333%
	}

	.col-md-push-0 {
		left:auto
	}

	.col-md-offset-12 {
		margin-left:100%
	}

	.col-md-offset-11 {
		margin-left:91.66666667%
	}

	.col-md-offset-10 {
		margin-left:83.33333333%
	}

	.col-md-offset-9 {
		margin-left:75%
	}

	.col-md-offset-8 {
		margin-left:66.66666667%
	}

	.col-md-offset-7 {
		margin-left:58.33333333%
	}

	.col-md-offset-6 {
		margin-left:50%
	}

	.col-md-offset-5 {
		margin-left:41.66666667%
	}

	.col-md-offset-4 {
		margin-left:33.33333333%
	}

	.col-md-offset-3 {
		margin-left:25%
	}

	.col-md-offset-2 {
		margin-left:16.66666667%
	}

	.col-md-offset-1 {
		margin-left:8.33333333%
	}

	.col-md-offset-0 {
		margin-left:0
	}
}

@media (min-width:1200px) {
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
		float:left
	}

	.col-lg-12 {
		width:100%
	}

	.col-lg-11 {
		width:91.66666667%
	}

	.col-lg-10 {
		width:83.33333333%
	}

	.col-lg-9 {
		width:75%
	}

	.col-lg-8 {
		width:66.66666667%
	}

	.col-lg-7 {
		width:58.33333333%
	}

	.col-lg-6 {
		width:50%
	}

	.col-lg-5 {
		width:41.66666667%
	}

	.col-lg-4 {
		width:33.33333333%
	}

	.col-lg-3 {
		width:25%
	}

	.col-lg-2 {
		width:16.66666667%
	}

	.col-lg-1 {
		width:8.33333333%
	}

	.col-lg-pull-12 {
		right:100%
	}

	.col-lg-pull-11 {
		right:91.66666667%
	}

	.col-lg-pull-10 {
		right:83.33333333%
	}

	.col-lg-pull-9 {
		right:75%
	}

	.col-lg-pull-8 {
		right:66.66666667%
	}

	.col-lg-pull-7 {
		right:58.33333333%
	}

	.col-lg-pull-6 {
		right:50%
	}

	.col-lg-pull-5 {
		right:41.66666667%
	}

	.col-lg-pull-4 {
		right:33.33333333%
	}

	.col-lg-pull-3 {
		right:25%
	}

	.col-lg-pull-2 {
		right:16.66666667%
	}

	.col-lg-pull-1 {
		right:8.33333333%
	}

	.col-lg-pull-0 {
		right:auto
	}

	.col-lg-push-12 {
		left:100%
	}

	.col-lg-push-11 {
		left:91.66666667%
	}

	.col-lg-push-10 {
		left:83.33333333%
	}

	.col-lg-push-9 {
		left:75%
	}

	.col-lg-push-8 {
		left:66.66666667%
	}

	.col-lg-push-7 {
		left:58.33333333%
	}

	.col-lg-push-6 {
		left:50%
	}

	.col-lg-push-5 {
		left:41.66666667%
	}

	.col-lg-push-4 {
		left:33.33333333%
	}

	.col-lg-push-3 {
		left:25%
	}

	.col-lg-push-2 {
		left:16.66666667%
	}

	.col-lg-push-1 {
		left:8.33333333%
	}

	.col-lg-push-0 {
		left:auto
	}

	.col-lg-offset-12 {
		margin-left:100%
	}

	.col-lg-offset-11 {
		margin-left:91.66666667%
	}

	.col-lg-offset-10 {
		margin-left:83.33333333%
	}

	.col-lg-offset-9 {
		margin-left:75%
	}

	.col-lg-offset-8 {
		margin-left:66.66666667%
	}

	.col-lg-offset-7 {
		margin-left:58.33333333%
	}

	.col-lg-offset-6 {
		margin-left:50%
	}

	.col-lg-offset-5 {
		margin-left:41.66666667%
	}

	.col-lg-offset-4 {
		margin-left:33.33333333%
	}

	.col-lg-offset-3 {
		margin-left:25%
	}

	.col-lg-offset-2 {
		margin-left:16.66666667%
	}

	.col-lg-offset-1 {
		margin-left:8.33333333%
	}

	.col-lg-offset-0 {
		margin-left:0
	}
}

table {
	background-color:transparent
}

table col[class*=col-] {
	position:static; display:table-column; float:none
}

table td[class*=col-], table th[class*=col-] {
	position:static; display:table-cell; float:none
}

caption {
	padding-top:8px; padding-bottom:8px; color:#777; text-align:left
}

th {
	text-align:left
}

.table {
	width:100%; max-width:100%; margin-bottom:20px
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding:8px; line-height:1.42857143; vertical-align:top; border-top:1px solid #ddd
}

.table>thead>tr>th {
	vertical-align:bottom; border-bottom:2px solid #ddd
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
	border-top:0
}

.table>tbody+tbody {
	border-top:2px solid #ddd
}

.table .table {
	background-color:#fff
}

.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
	padding:5px
}

.table-bordered {
	border:1px solid #ddd
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border:1px solid #ddd
}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-bottom-width:2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color:#f9f9f9
}

.table-hover>tbody>tr:hover {
	background-color:#f5f5f5
}

.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
	background-color:#f5f5f5
}

.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
	background-color:#e8e8e8
}

.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
	background-color:#dff0d8
}

.table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover {
	background-color:#d0e9c6
}

.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
	background-color:#d9edf7
}

.table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover {
	background-color:#c4e3f3
}

.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
	background-color:#fcf8e3
}

.table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover {
	background-color:#faf2cc
}

.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
	background-color:#f2dede
}

.table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover {
	background-color:#ebcccc
}

.table-responsive {
	min-height:.01%; overflow-x:auto
}

@media screen and (max-width:767px) {
	.table-responsive {
		width:100%; margin-bottom:15px; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar; border:1px solid #ddd
	}

	.table-responsive>.table {
		margin-bottom:0
	}

	.table-responsive>.t able>tfoot>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr >td, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
		white-space:nowrap
	}

	.table-responsive>.table-bordered {
		border:0
	}

	.table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
		border-left:0
	}

	.table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child {
		border-right:0
	}

	.table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
		border-bottom:0
	}
}

fieldset {
	min-width:0; padding:0; margin:0; border:0
}

legend {
	display:block; width:100%; padding:0; margin-bottom:20px; font-size:21px; line-height:inherit; color:#333; border:0; border-bottom:1px solid #e5e5e5
}

label {
	display:inline-block; max-width:100%; margin-bottom:5px; font-weight:700
}

input[type=search] {
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none
}

input[type=checkbox], input[type=radio] {
	margin:4px 0 0; line-height:normal
}

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
	cursor:not-allowed
}

input[type=file] {
	display:block
}

input[type=range] {
	display:block; width:100%
}

select[multiple], select[size] {
	height:auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
	outline:5px auto -webkit-focus-ring-color; outline-offset:-2px
}

output {
	display:block; padding-top:7px; font-size:14px; line-height:1.42857143; color:#555
}

.form-control {
	display:block; width:100%; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.form-control:focus {
	border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
	color:#999; opacity:1
}

.form-control:-ms-input-placeholder {
	color:#999
}

.form-control::-webkit-input-placeholder {
	color:#999
}

.form-control::-ms-expand {
	background-color:transparent; border:0
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color:#eee; opacity:1
}

.form-control[disabled], fieldset[disabled] .form-control {
	cursor:not-allowed
}

textarea.form-control {
	height:auto
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
		line-height:34px
	}

	.input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
		line-height:30px
	}

	.input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
		line-height:46px
	}
}

.form-group {
	margin-bottom:15px
}

.checkbox, .radio {
	position:relative; display:block; margin-top:10px; margin-bottom:10px
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
	cursor:not-allowed
}

.checkbox label, .radio label {
	min-height:20px; padding-left:20px; margin-bottom:0; font-weight:400; cursor:pointer
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	position:absolute; margin-left:-20px
}

.checkbox+.checkbox, .radio+.radio {
	margin-top:-5px
}

.checkbox-inline, .radio-inline {
	position:relative; display:inline-block; padding-left:20px; margin-bottom:0; font-weight:400; vertical-align:middle; cursor:pointer
}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
	cursor:not-allowed
}

.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
	margin-top:0; margin-left:10px
}

.form-control-static {
	min-height:34px; padding-top:7px; padding-bottom:7px; margin-bottom:0
}

.form-control-static.input-lg, .form-control-static.input-sm {
	padding-right:0; padding-left:0
}

.input-sm {
	height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px
}

select.input-sm {
	height:30px; line-height:30px
}

select[multiple].input-sm, textarea.input-sm {
	height:auto
}

.form-group-sm .form-control {
	height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px
}

.form-group-sm select.form-control {
	height:30px; line-height:30px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
	height:auto
}

.form-group-sm .form-control-static {
	height:30px; min-height:32px; padding:6px 10px; font-size:12px; line-height:1.5
}

.input-lg {
	height:46px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px
}

select.input-lg {
	height:46px; line-height:46px
}

select[multiple].input-lg, textarea.input-lg {
	height:auto
}

.form-group-lg .form-control {
	height:46px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px
}

.form-group-lg select.form-control {
	height:46px; line-height:46px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
	height:auto
}

.form-group-lg .form-control-static {
	height:46px; min-height:38px; padding:11px 16px; font-size:18px; line-height:1.3333333
}

.has-feedback {
	position:relative
}

.has-feedback .form-control {
	padding-right:42.5px
}

.form-control-feedback {
	position:absolute; top:0; right:0; z-index:2; display:block; width:34px; height:34px; line-height:34px; text-align:center; pointer-events:none
}

.form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback {
	width:46px; height:46px; line-height:46px
}

.form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-sm+.form-control-feedback {
	width:30px; height:30px; line-height:30px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
	color:#3c763d
}

.has-success .form-control {
	border-color:#3c763d; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
	border-color:#2b542c; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
	color:#3c763d; background-color:#dff0d8; border-color:#3c763d
}

.has-success .form-control-feedback {
	color:#3c763d
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
	color:#8a6d3b
}

.has-warning .form-control {
	border-color:#8a6d3b; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
	border-color:#66512c; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
	color:#8a6d3b; background-color:#fcf8e3; border-color:#8a6d3b
}

.has-warning .form-control-feedback {
	color:#8a6d3b
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
	color:#a94442
}

.has-error .form-control {
	border-color:#a94442; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
	border-color:#843534; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
	color:#a94442; background-color:#f2dede; border-color:#a94442
}

.has-error .form-control-feedback {
	color:#a94442
}

.has-feedback label~.form-control-feedback {
	top:25px
}

.has-feedback label.sr-only~.form-control-feedback {
	top:0
}

.help-block {
	display:block; margin-top:5px; margin-bottom:10px; color:#737373
}

@media (min-width:768px) {
	.form-inline .form-group {
		display:inline-block; margin-bottom:0; vertical-align:middle
	}

	.form-inline .form-control {
		display:inline-block; width:auto; vertical-align:middle
	}

	.form-inline .form-control-static {
		display:inline-block
	}

	.form-inline .input-group {
		display:inline-table; vertical-align:middle
	}

	.form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
		width:auto
	}

	.form-inline .input-group>.form-control {
		width:100%
	}

	.form-inline .control-label {
		margin-bottom:0; vertical-align:middle
	}

	.form-inline .checkbox, .form-inline .radio {
		display:inline-block; margin-top:0; margin-bottom:0; vertical-align:middle
	}

	.form-inline .checkbox label, .form-inline .radio label {
		padding-left:0
	}

	.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
		position:relative; margin-left:0
	}

	.form-inline .has-feedback .form-control-feedback {
		top:0
	}
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
	padding-top:7px; margin-top:0; margin-bottom:0
}

.form-horizontal .checkbox, .form-horizontal .radio {
	min-height:27px
}

.form-horizontal .form-group {
	margin-right:-15px; margin-left:-15px
}

@media (min-width:768px) {
	.form-horizontal .control-label {
		padding-top:7px; margin-bottom:0; text-align:right
	}
}

.form-horizontal .has-feedback .form-control-feedback {
	right:15px
}

@media (min-width:768px) {
	.form-horizontal .form-group-lg .control-label {
		padding-top:11px; font-size:18px
	}
}

@media (min-width:768px) {
	.form-horizontal .form-group-sm .control-label {
		padding-top:6px; font-size:12px
	}
}

.btn {
	display:inline-block; margin-bottom:0; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; background-image:none; border:1px solid transparent; padding:6px 12px; font-size:14px; line-height:1.42857143; border-radius:4px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline:5px auto -webkit-focus-ring-color; outline-offset:-2px
}

.btn.focus, .btn:focus, .btn:hover {
	color:#333; text-decoration:none
}

.btn.active, .btn:active {
	background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	cursor:not-allowed; opacity:.65; -webkit-box-shadow:none; box-shadow:none
}

a.btn.disabled, fieldset[disabled] a.btn {
	pointer-events:none
}

.btn-default {
	color:#333; background-color:#fff; border-color:#ccc
}

.btn-default.focus, .btn-default:focus {
	color:#333; background-color:#e6e6e6; border-color:#8c8c8c
}

.btn-default:hover {
	color:#333; background-color:#e6e6e6; border-color:#adadad
}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
	color:#333; background-color:#e6e6e6; background-image:none; border-color:#adadad
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
	color:#333; background-color:#d4d4d4; border-color:#8c8c8c
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
	background-color:#fff; border-color:#ccc
}

.btn-default .badge {
	color:#fff; background-color:#333
}

.btn-primary {
	color:#fff; background-color:#337ab7; border-color:#2e6da4
}

.btn-primary.focus, .btn-primary:focus {
	color:#fff; background-color:#286090; border-color:#122b40
}

.btn-primary:hover {
	color:#fff; background-color:#286090; border-color:#204d74
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
	color:#fff; background-color:#286090; background-image:none; border-color:#204d74
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	color:#fff; background-color:#204d74; border-color:#122b40
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color:#337ab7; border-color:#2e6da4
}

.btn-primary .badge {
	color:#337ab7; background-color:#fff
}

.btn-success {
	color:#fff; background-color:#5cb85c; border-color:#4cae4c
}

.btn-success.focus, .btn-success:focus {
	color:#fff; background-color:#449d44; border-color:#255625
}

.btn-success:hover {
	color:#fff; background-color:#449d44; border-color:#398439
}

.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
	color:#fff; background-color:#449d44; background-image:none; border-color:#398439
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
	color:#fff; background-color:#398439; border-color:#255625
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
	background-color:#5cb85c; border-color:#4cae4c
}

.btn-success .badge {
	color:#5cb85c; background-color:#fff
}

.btn-info {
	color:#fff; background-color:#5bc0de; border-color:#46b8da
}

.btn-info.focus, .btn-info:focus {
	color:#fff; background-color:#31b0d5; border-color:#1b6d85
}

.btn-info:hover {
	color:#fff; background-color:#31b0d5; border-color:#269abc
}

.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
	color:#fff; background-color:#31b0d5; background-image:none; border-color:#269abc
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
	color:#fff; background-color:#269abc; border-color:#1b6d85
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
	background-color:#5bc0de; border-color:#46b8da
}

.btn-info .badge {
	color:#5bc0de; background-color:#fff
}

.btn-warning {
	color:#fff; background-color:#f0ad4e; border-color:#eea236
}

.btn-warning.focus, .btn-warning:focus {
	color:#fff; background-color:#ec971f; border-color:#985f0d
}

.btn-warning:hover {
	color:#fff; background-color:#ec971f; border-color:#d58512
}

.btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning {
	color:#fff; background-color:#ec971f; background-image:none; border-color:#d58512
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover {
	color:#fff; background-color:#d58512; border-color:#985f0d
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
	background-color:#f0ad4e; border-color:#eea236
}

.btn-warning .badge {
	color:#f0ad4e; background-color:#fff
}

.btn-danger {
	color:#fff; background-color:#d9534f; border-color:#d43f3a
}

.btn-danger.focus, .btn-danger:focus {
	color:#fff; background-color:#c9302c; border-color:#761c19
}

.btn-danger:hover {
	color:#fff; background-color:#c9302c; border-color:#ac2925
}

.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
	color:#fff; background-color:#c9302c; background-image:none; border-color:#ac2925
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
	color:#fff; background-color:#ac2925; border-color:#761c19
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
	background-color:#d9534f; border-color:#d43f3a
}

.btn-danger .badge {
	color:#d9534f; background-color:#fff
}

.btn-link {
	font-weight:400; color:#337ab7; border-radius:0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
	background-color:transparent; -webkit-box-shadow:none; box-shadow:none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
	border-color:transparent
}

.btn-link:focus, .btn-link:hover {
	color:#23527c; text-decoration:underline; background-color:transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
	color:#777; text-decoration:none
}

.btn-group-lg>.btn, .btn-lg {
	padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px
}

.btn-group-sm>.btn, .btn-sm {
	padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px
}

.btn-group-xs>.btn, .btn-xs {
	padding:1px 5px; font-size:12px; line-height:1.5; border-radius:3px
}

.btn-block {
	display:block; width:100%
}

.btn-block+.btn-block {
	margin-top:5px
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
	width:100%
}

.fade {
	opacity:0; -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear
}

.fade.in {
	opacity:1
}

.collapse {
	display:none
}

.collapse.in {
	display:block
}

tr.collapse.in {
	display:table-row
}

tbody.collapse.in {
	display:table-row-group
}

.collapsing {
	position:relative; height:0; overflow:hidden; -webkit-transition-property:height, visibility; -o-transition-property:height, visibility; transition-property:height, visibility; -webkit-transition-duration:.35s; -o-transition-duration:.35s; transition-duration:.35s; -webkit-transition-timing-function:ease; -o-transition-timing-function:ease; transition-timing-function:ease
}

.caret {
	display:inline-block; width:0; height:0; margin-left:2px; vertical-align:middle; border-top:4px dashed; border-right:4px solid transparent; border-left:4px solid transparent
}

.dropdown, .dropup {
	position:relative
}

.dropdown-toggle:focus {
	outline:0
}

.dropdown-menu {
	position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:160px; padding:5px 0; margin:2px 0 0; font-size:14px; text-align:left; list-style:none; background-color:#fff; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, .15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175); box-shadow:0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
	right:0; left:auto
}

.dropdown-menu .divider {
	height:1px; margin:9px 0; overflow:hidden; background-color:#e5e5e5
}

.dropdown-menu>li>a {
	display:block; padding:3px 20px; clear:both; font-weight:400; line-height:1.42857143; color:#333; white-space:nowrap
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color:#262626; text-decoration:none; background-color:#f5f5f5
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	color:#fff; text-decoration:none; background-color:none; outline:0
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
	color:#777
}

.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
	text-decoration:none; cursor:not-allowed; background-color:transparent; background-image:none
}

.open>.dropdown-menu {
	display:block
}

.open>a {
	outline:0
}

.dropdown-menu-right {
	right:0; left:auto
}

.dropdown-menu-left {
	right:auto; left:0
}

.dropdown-header {
	display:block; padding:3px 20px; font-size:12px; line-height:1.42857143; color:#777; white-space:nowrap
}

.dropdown-backdrop {
	position:fixed; top:0; right:0; bottom:0; left:0; z-index:990
}

.pull-right>.dropdown-menu {
	right:0; left:auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
	content:""; border-top:0; border-bottom:4px dashed
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
	top:auto; bottom:100%; margin-bottom:2px
}

@media (min-width:768px) {
	.navbar-right .dropdown-menu {
		right:0; left:auto
	}

	.navbar-right .dropdown-menu-left {
		right:auto; left:0
	}
}

.btn-group, .btn-group-vertical {
	position:relative; display:inline-block; vertical-align:middle
}

.btn-group-vertical>.btn, .btn-group>.btn {
	position:relative; float:left
}

.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {
	z-index:2
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
	margin-left:-1px
}

.btn-toolbar {
	margin-left:-5px
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
	float:left
}

.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
	margin-left:5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius:0
}

.btn-group>.btn:first-child {
	margin-left:0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius:0; border-bottom-right-radius:0
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
	border-top-left-radius:0; border-bottom-left-radius:0
}

.btn-group>.btn-group {
	float:left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
	border-radius:0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
	border-top-right-radius:0; border-bottom-right-radius:0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
	border-top-left-radius:0; border-bottom-left-radius:0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
	outline:0
}

.btn-group>.btn+.dropdown-toggle {
	padding-right:8px; padding-left:8px
}

.btn-group>.btn-lg+.dropdown-toggle {
	padding-right:12px; padding-left:12px
}

.btn-group.open .dropdown-toggle {
	-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
	-webkit-box-shadow:none; box-shadow:none
}

.btn .caret {
	margin-left:0
}

.btn-lg .caret {
	border-width:5px 5px 0; border-bottom-width:0
}

.dropup .btn-lg .caret {
	border-width:0 5px 5px
}

.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {
	display:block; float:none; width:100%; max-width:100%
}

.btn-group-vertical>.btn-group>.btn {
	float:none
}

.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
	margin-top:-1px; margin-left:0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
	border-radius:0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
	border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
	border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
	border-radius:0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
	border-bottom-right-radius:0; border-bottom-left-radius:0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
	border-top-left-radius:0; border-top-right-radius:0
}

.btn-group-justified {
	display:table; width:100%; table-layout:fixed; border-collapse:separate
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
	display:table-cell; float:none; width:1%
}

.btn-group-justified>.btn-group .btn {
	width:100%
}

.btn-group-justified>.btn-group .dropdown-menu {
	left:auto
}

[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
	position:absolute; clip:rect(0, 0, 0, 0); pointer-events:none
}

.input-group {
	position:relative; display:table; border-collapse:separate
}

.input-group[class*=col-] {
	float:none; padding-right:0; padding-left:0
}

.input-group .form-control {
	position:relative; z-index:2; float:left; width:100%; margin-bottom:0
}

.input-group .form-control:focus {
	z-index:3
}

.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
	height:46px; padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px
}

select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn {
	height:46px; line-height:46px
}

select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn, textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn {
	height:auto
}

.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
	height:30px; padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px
}

select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn {
	height:30px; line-height:30px
}

select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn, textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn {
	height:auto
}

.input-group .form-control, .input-group-addon, .input-group-btn {
	display:table-cell
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
	border-radius:0
}

.input-group-addon, .input-group-btn {
	width:1%; white-space:nowrap; vertical-align:middle
}

.input-group-addon {
	padding:6px 12px; font-size:14px; font-weight:400; line-height:1; color:#555; text-align:center; background-color:#eee; border:1px solid #ccc; border-radius:4px
}

.input-group-addon.input-sm {
	padding:5px 10px; font-size:12px; border-radius:3px
}

.input-group-addon.input-lg {
	padding:10px 16px; font-size:18px; border-radius:6px
}

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
	margin-top:0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius:0; border-bottom-right-radius:0
}

.input-group-addon:first-child {
	border-right:0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius:0; border-bottom-left-radius:0
}

.input-group-addon:last-child {
	border-left:0
}

.input-group-btn {
	position:relative; font-size:0; white-space:nowrap
}

.input-group-btn>.btn {
	position:relative
}

.input-group-btn>.btn+.btn {
	margin-left:-1px
}

.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover {
	z-index:2
}

.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
	margin-right:-1px
}

.input-group-bt n:last-child>.btn, .input-group-btn:last-child>.btn-group {
	z-index:2; margin-left:-1px
}

.nav {
	padding-left:0; margin-bottom:0; list-style:none
}

.nav>li {
	position:relative; display:block
}

.nav>li>a {
	position:relative; display:block; padding:10px 15px
}

.nav>li>a:focus, .nav>li>a:hover {
	text-decoration:none; background-color:#eee
}

.nav>li.disabled>a {
	color:#777
}

.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
	color:#777; text-decoration:none; cursor:not-allowed; background-color:transparent
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color:#eee; border-color:#337ab7
}

.nav .nav-divider {
	height:1px; margin:9px 0; overflow:hidden; background-color:#e5e5e5
}

.nav>li>a>img {
	max-width:none
}

.nav-tabs {
	border-bottom:1px solid #ddd
}

.nav-tabs>li {
	float:left; margin-bottom:-1px
}

.nav-tabs>li>a {
	margin-right:2px; line-height:1.42857143; border:1px solid transparent; border-radius:4px 4px 0 0
}

.nav-tabs>li>a:hover {
	border-color:#eee #eee #ddd
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color:#555; cursor:default; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent
}

.nav-tabs.nav-justified {
	width:100%; border-bottom:0
}

.nav-tabs.nav-justified>li {
	float:none
}

.nav-tabs.nav-justified>li>a {
	margin-bottom:5px; text-align:center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
	top:auto; left:auto
}

@media (min-width:768px) {
	.nav-tabs.nav-justified>li {
		display:table-cell; width:1%
	}

	.nav-tabs.nav-justified>li>a {
		margin-bottom:0
	}
}

.nav-tabs.nav-justified>li>a {
	margin-right:0; border-radius:4px
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
	border:1px solid #ddd
}

@media (min-width:768px) {
	.nav-tabs.nav-justified>li>a {
		border-bottom:1px solid #ddd; border-radius:4px 4px 0 0
	}

	.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
		border-bottom-color:#fff
	}
}

.nav-pills>li {
	float:left
}

.nav-pills>li>a {
	border-radius:4px
}

.nav-pills>li+li {
	margin-left:2px
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	color:#fff; background-color:#337ab7
}

.nav-stacked>li {
	float:none
}

.nav-stacked>li+li {
	margin-top:2px; margin-left:0
}

.nav-justified {
	width:100%
}

.nav-justified>li {
	float:none
}

.nav-justified>li>a {
	margin-bottom:5px; text-align:center
}

.nav-justified>.dropdown .dropdown-menu {
	top:auto; left:auto
}

@media (min-width:768px) {
	.nav-justified>li {
		display:table-cell; width:1%
	}

	.nav-justified>li>a {
		margin-bottom:0
	}
}

.nav-tabs-justified {
	border-bottom:0
}

.nav-tabs-justified>li>a {
	margin-right:0; border-radius:4px
}

.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
	border:1px solid #ddd
}

@media (min-width:768px) {
	.nav-tabs-justified>li>a {
		border-bottom:1px solid #ddd; border-radius:4px 4px 0 0
	}

	.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
		border-bottom-color:#fff
	}
}

.tab-content>.tab-pane {
	display:none
}

.tab-content>.active {
	display:block
}

.nav-tabs .dropdown-menu {
	margin-top:-1px; border-top-left-radius:0; border-top-right-radius:0
}

.navbar {
	position:relative; min-height:50px; margin-bottom:20px; border:1px solid transparent
}

@media (min-width:768px) {
	.navbar {
		border-radius:4px
	}
}

@media (min-width:768px) {
	.navbar-header {
		float:left
	}
}

.navbar-collapse {
	padding-right:15px; padding-left:15px; overflow-x:visible; border-top:1px solid transparent; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1); -webkit-overflow-scrolling:touch
}

.navbar-collapse.in {
	overflow-y:auto
}

@media (min-width:768px) {
	.navbar-collapse {
		width:auto; border-top:0; -webkit-box-shadow:none; box-shadow:none
	}

	.navbar-collapse.collapse {
		display:block !important; height:auto !important; padding-bottom:0; overflow:visible !important
	}

	.navbar-collapse.in {
		overflow-y:visible
	}

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
		padding-right:0; padding-left:0
	}
}

.navbar-fixed-bottom, .navbar-fixed-top {
	position:fixed; right:0; left:0; z-index:1030
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height:340px
}

@media (max-device-width:480px) and (orientation:landscape) {
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height:200px
	}
}

@media (min-width:768px) {
	.navbar-fixed-bottom, .navbar-fixed-top {
		border-radius:0
	}
}

.navbar-fixed-top {
	top:0; border-width:0 0 1px
}

.navbar-fixed-bottom {
	bottom:0; margin-bottom:0; border-width:1px 0 0
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	margin-right:-15px; margin-left:-15px
}

@media (min-width:768px) {
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		margin-right:0; margin-left:0
	}
}

.navbar-static-top {
	z-index:1000; border-width:0 0 1px
}

@media (min-width:768px) {
	.navbar-static-top {
		border-radius:0
	}
}

.navbar-brand {
	float:left; height:50px; padding:15px 15px; font-size:18px; line-height:20px
}

.navbar-brand:focus, .navbar-brand:hover {
	text-decoration:none
}

.navbar-brand>img {
	display:block
}

@media (min-width:768px) {
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left:-15px
	}
}

.navbar-toggle {
	position:relative; float:right; padding:9px 10px; margin-right:15px; margin-top:8px; margin-bottom:8px; background-color:transparent; background-image:none; border:1px solid transparent; border-radius:4px
}

.navbar-toggle:focus {
	outline:0
}

.navbar-toggle .icon-bar {
	display:block; width:22px; height:2px; border-radius:1px
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top:4px
}

@media (min-width:768px) {
	.navbar-toggle {
		display:none
	}
}

.navbar-nav {
	margin:7.5px -15px
}

.navbar-nav>li>a {
	padding-top:10px; padding-bottom:10px; line-height:20px
}

@media (max-width:767px) {
	.navbar-nav .open .dropdown-menu {
		position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; -webkit-box-shadow:none; box-shadow:none
	}

	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
		padding:5px 15px 5px 25px
	}

	.navbar-nav .open .dropdown-menu>li>a {
		line-height:20px
	}

	.navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {
		background-image:none
	}
}

@media (min-width:768px) {
	.navbar-nav {
		float:left; margin:0
	}

	.navbar-nav>li {
		float:left
	}

	.navbar-nav>li>a {
		padding-top:15px; padding-bottom:15px
	}
}

.navbar-form {
	padding:10px 15px; margin-right:-15px; margin-left:-15px; border-top:1px solid transparent; border-bottom:1px solid transparent; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); margin-top:8px; margin-bottom:8px
}

@media (min-width:768px) {
	.navbar-form .form-group {
		display:inline-block; margin-bottom:0; vertical-align:middle
	}

	.navbar-form .form-control {
		display:inline-block; width:auto; vertical-align:middle
	}

	.navbar-form .form-control-static {
		display:inline-block
	}

	.navbar-form .input-group {
		display:inline-table; vertical-align:middle
	}

	.navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
		width:auto
	}

	.navbar-form .input-group>.form-control {
		width:100%
	}

	.navbar-form .control-label {
		margin-bottom:0; vertical-align:middle
	}

	.navbar-form .checkbox, .navbar-form .radio {
		display:inline-block; margin-top:0; margin-bottom:0; vertical-align:middle
	}

	.navbar-form .checkbox label, .navbar-form .radio label {
		padding-left:0
	}

	.navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
		position:relative; margin-left:0
	}

	.navbar-form .has-feedback .form-control-feedback {
		top:0
	}
}

@media (max-width:767px) {
	.navbar-form .form-group {
		margin-bottom:5px
	}

	.navbar-form .form-group:last-child {
		margin-bottom:0
	}
}

@media (min-width:768px) {
	.navbar-form {
		width:auto; padding-top:0; padding-bottom:0; margin-right:0; margin-left:0; border:0; -webkit-box-shadow:none; box-shadow:none
	}
}

.navbar-nav>li>.dropdown-menu {
	margin-top:0; border-top-left-radius:0; border-top-right-radius:0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
	margin-bottom:0; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0
}

.navbar-btn {
	margin-top:8px; margin-bottom:8px
}

.navbar-btn.btn-sm {
	margin-top:10px; margin-bottom:10px
}

.navbar-btn.btn-xs {
	margin-top:14px; margin-bottom:14px
}

.navbar-text {
	margin-top:15px; margin-bottom:15px
}

@media (min-width:768px) {
	.navbar-text {
		float:left; margin-right:15px; margin-left:15px
	}
}

@media (min-width:768px) {
	.navbar-left {
		float:left !important
	}

	.navbar-right {
		float:right !important; margin-right:-15px
	}

	.navbar-right~.navbar-right {
		margin-right:0
	}
}

.navbar-default {
	background-color:#f8f8f8; border-color:#e7e7e7
}

.navbar-default .navbar-brand {
	color:#777
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
	color:#5e5e5e; background-color:transparent
}

.navbar-default .navbar-text {
	color:#777
}

.navbar-default .navbar-nav>li>a {
	color:#777
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#333; background-color:transparent
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color:#555; background-color:#e7e7e7
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover {
	color:#ccc; background-color:transparent
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color:#555; background-color:#e7e7e7
}

@media (max-width:767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color:#777
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color:#333; background-color:transparent
	}

	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
		color:#555; background-color:#e7e7e7
	}

	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
		color:#ccc; background-color:transparent
	}
}

.navbar-default .navbar-toggle {
	border-color:#ddd
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color:#ddd
}

.navbar-default .navbar-toggle .icon-bar {
	background-color:#888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color:#e7e7e7
}

.navbar-default .navbar-link {
	color:#777
}

.navbar-default .navbar-link:hover {
	color:#333
}

.navbar-default .btn-link {
	color:#777
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
	color:#333
}

.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
	color:#ccc
}

.navbar-inverse {
	background-color:#222; border-color:#080808
}

.navbar-inverse .navbar-brand {
	color:#9d9d9d
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
	color:#fff; background-color:transparent
}

.navbar-inverse .navbar-text {
	color:#9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
	color:#9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color:#fff; background-color:transparent
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	color:#fff; background-color:#080808
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover {
	color:#444; background-color:transparent
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color:#fff; background-color:#080808
}

@media (max-width:767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
		border-color:#080808
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color:#080808
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color:#9d9d9d
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color:#fff; background-color:transparent
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
		color:#fff; background-color:#080808
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
		color:#444; background-color:transparent
	}
}

.navbar-inverse .navbar-toggle {
	border-color:#333
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color:#333
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color:#fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color:#101010
}

.navbar-inverse .navbar-link {
	color:#9d9d9d
}

.navbar-inverse .navbar-link:hover {
	color:#fff
}

.navbar-inverse .btn-link {
	color:#9d9d9d
}

.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
	color:#fff
}

.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
	color:#444
}

.breadcrumb {
	padding:8px 15px; margin-bottom:20px; list-style:none; background-color:#f5f5f5; border-radius:4px
}

.breadcrumb>li {
	display:inline-block
}

.breadcrumb>li+li:before {
	padding:0 5px; color:#ccc; content:"/\00a0"
}

.breadcrumb>.active {
	color:#777
}

.pagination {
	display:inline-block; padding-left:0; margin:20px 0; border-radius:4px
}

.pagination>li {
	display:inline
}

.pagination>li>a, .pagination>li>span {
	position:relative; float:left; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:#337ab7; text-decoration:none; background-color:#fff; border:1px solid #ddd
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index:2; color:#23527c; background-color:#eee; border-color:#ddd
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius:4px; border-bottom-right-radius:4px
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index:3; color:#fff; cursor:default; background-color:#337ab7; border-color:#337ab7
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color:#777; cursor:not-allowed; background-color:#fff; border-color:#ddd
}

.pagination-lg>li>a, .pagination-lg>li>span {
	padding:10px 16px; font-size:18px; line-height:1.3333333
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius:6px; border-bottom-left-radius:6px
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius:6px; border-bottom-right-radius:6px
}

.pagination-sm>li>a, .pagination-sm>li>span {
	padding:5px 10px; font-size:12px; line-height:1.5
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius:3px; border-bottom-left-radius:3px
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius:3px; border-bottom-right-radius:3px
}

.pager {
	padding-left:0; margin:20px 0; text-align:center; list-style:none
}

.pager li {
	display:inline
}

.pager li>a, .pager li>span {
	display:inline-block; padding:5px 14px; background-color:#fff; border:1px solid #ddd; border-radius:15px
}

.pager li>a:focus, .pager li>a:hover {
	text-decoration:none; background-color:#eee
}

.pager .next>a, .pager .next>span {
	float:right
}

.pager .previous>a, .pager .previous>span {
	float:left
}

.pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span {
	color:#777; cursor:not-allowed; background-color:#fff
}

.label {
	display:inline; padding:.2em .6em .3em; font-size:75%; font-weight:700; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em
}

a.label:focus, a.label:hover {
	color:#fff; text-decoration:none; cursor:pointer
}

.label:empty {
	display:none
}

.btn .label {
	position:relative; top:-1px
}

.label-default {
	background-color:#777
}

.label-default[href]:focus, .label-default[href]:hover {
	background-color:#5e5e5e
}

.label-primary {
	background-color:#337ab7
}

.label-primary[href]:focus, .label-primary[href]:hover {
	background-color:#286090
}

.label-success {
	background-color:#5cb85c
}

.label-success[href]:focus, .label-success[href]:hover {
	background-color:#449d44
}

.label-info {
	background-color:#5bc0de
}

.label-info[href]:focus, .label-info[href]:hover {
	background-color:#31b0d5
}

.label-warning {
	background-color:#f0ad4e
}

.label-warning[href]:focus, .label-warning[href]:hover {
	background-color:#ec971f
}

.label-danger {
	background-color:#d9534f
}

.label-danger[href]:focus, .label-danger[href]:hover {
	background-color:#c9302c
}

.badge {
	display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:700; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:middle; background-color:#777; border-radius:10px
}

.badge:empty {
	display:none
}

.btn .badge {
	position:relative; top:-1px
}

.btn-group-xs>.btn .badge, .btn-xs .badge {
	top:0; padding:1px 5px
}

a.badge:focus, a.badge:hover {
	color:#fff; text-decoration:none; cursor:pointer
}

.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
	color:#337ab7; background-color:#fff
}

.list-group-item>.badge {
	float:right
}

.list-group-item>.badge+.badge {
	margin-right:5px
}

.nav-pills>li>a>.badge {
	margin-left:3px
}

.jumbotron {
	padding-top:30px; padding-bottom:30px; margin-bottom:30px; color:inherit; background-color:#eee
}

.jumbotron .h1, .jumbotron h1 {
	color:inherit
}

.jumbotron p {
	margin-bottom:15px; font-size:21px; font-weight:200
}

.jumbotron>hr {
	border-top-color:#d5d5d5
}

.container .jumbotron, .container-fluid .jumbotron {
	padding-right:15px; padding-left:15px; border-radius:6px
}

.jumbotron .container {
	max-width:100%
}

@media screen and (min-width:768px) {
	.jumbotron {
		padding-top:48px; padding-bottom:48px
	}

	.container .jumbotron, .container-fluid .jumbotron {
		padding-right:60px; padding-left:60px
	}

	.jumbotron .h1, .jumbotron h1 {
		font-size:63px
	}
}

.thumbnail {
	display:block; padding:4px; margin-bottom:20px; line-height:1.42857143; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:border .2s ease-in-out; -o-transition:border .2s ease-in-out; transition:border .2s ease-in-out
}

.thumbnail a>img, .thumbnail>img {
	margin-right:auto; margin-left:auto
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
	border-color:#337ab7
}

.thumbnail .caption {
	padding:9px; color:#333
}

.alert {
	padding:15px; margin-bottom:20px; border:1px solid transparent; border-radius:4px
}

.alert h4 {
	margin-top:0; color:inherit
}

.alert .alert-link {
	font-weight:700
}

.alert>p, .alert>ul {
	margin-bottom:0
}

.alert>p+p {
	margin-top:5px
}

.alert-dismissable, .alert-dismissible {
	padding-right:35px
}

.alert-dismissable .close, .alert-dismissible .close {
	position:relative; top:-2px; right:-21px; color:inherit
}

.alert-success {
	color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6
}

.alert-success hr {
	border-top-color:#c9e2b3
}

.alert-success .alert-link {
	color:#2b542c
}

.alert-info {
	color:#31708f; background-color:#d9edf7; border-color:#bce8f1
}

.alert-info hr {
	border-top-color:#a6e1ec
}

.alert-info .alert-link {
	color:#245269
}

.alert-warning {
	color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc
}

.alert-warning hr {
	border-top-color:#f7e1b5
}

.alert-warning .alert-link {
	color:#66512c
}

.alert-danger {
	color:#a94442; background-color:#f2dede; border-color:#ebccd1
}

.alert-danger hr {
	border-top-color:#e4b9c0
}

.alert-danger .alert-link {
	color:#843534
}

.media {
	margin-top:15px
}

.media:first-child {
	margin-top:0
}

.media, .media-body {
	overflow:hidden; zoom:1
}

.media-body {
	width:10000px
}

.media-object {
	display:block
}

.media-object.img-thumbnail {
	max-width:none
}

.media-right, .me dia>.pull-right {
	padding-left:10px
}

.media-left, .media>.pull-left {
	padding-right:10px
}

.media-body, .media-left, .media-right {
	display:table-cell; vertical-align:top
}

.media-middle {
	vertical-align:middle
}

.media-bottom {
	vertical-align:bottom
}

.media-heading {
	margin-top:0; margin-bottom:5px
}

.media-list {
	padding-left:0; list-style:none
}

.list-group {
	padding-left:0; margin-bottom:20px
}

.list-group-item {
	position:relative; display:block; padding:10px 15px; margin-bottom:-1px; background-color:#fff; border:1px solid #ddd
}

.list-group-item:first-child {
	border-top-left-radius:4px; border-top-right-radius:4px
}

.list-group-item:last-child {
	margin-bottom:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
	color:#777; cursor:not-allowed; background-color:#eee
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
	color:inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
	color:#777
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	z-index:2; color:#fff; background-color:#337ab7; border-color:#337ab7
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>small {
	color:inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
	color:#c7ddef
}

a.list-group-item, button.list-group-item {
	color:#555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
	color:#333
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	color:#555; text-decoration:none; background-color:#f5f5f5
}

button.list-group-item {
	width:100%; text-align:left
}

.list-group-item-success {
	color:#3c763d; background-color:#dff0d8
}

a.list-group-item-success, button.list-group-item-success {
	color:#3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
	color:inherit
}

a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
	color:#3c763d; background-color:#d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
	color:#fff; background-color:#3c763d; border-color:#3c763d
}

.list-group-item-info {
	color:#31708f; background-color:#d9edf7
}

a.list-group-item-info, button.list-group-item-info {
	color:#31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
	color:inherit
}

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
	color:#31708f; background-color:#c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
	color:#fff; background-color:#31708f; border-color:#31708f
}

.list-group-item-warning {
	color:#8a6d3b; background-color:#fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
	color:#8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
	color:inherit
}

a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
	color:#8a6d3b; background-color:#faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
	color:#fff; background-color:#8a6d3b; border-color:#8a6d3b
}

.list-group-item-danger {
	color:#a94442; background-color:#f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
	color:#a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
	color:inherit
}

a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
	color:#a94442; background-color:#ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
	color:#fff; background-color:#a94442; border-color:#a94442
}

.list-group-item-heading {
	margin-top:0; margin-bottom:5px
}

.list-group-item-text {
	margin-bottom:0; line-height:1.3
}

.panel {
	margin-bottom:20px; background-color:#fff; border:1px solid transparent; border-radius:4px; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .05); box-shadow:0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
	padding:15px
}

.panel-heading {
	padding:10px 15px; border-bottom:1px solid transparent; border-top-left-radius:3px; border-top-right-radius:3px
}

.panel-heading>.dropdown .dropdown-toggle {
	color:inherit
}

.panel-title {
	margin-top:0; margin-bottom:0; font-size:16px; color:inherit
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
	color:inherit
}

.panel-footer {
	padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; border-bottom-right-radius:3px; border-bottom-left-radius:3px
}

.panel>.list-group, .panel>.panel-collapse>.list-group {
	margin-bottom:0
}

.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
	border-width:1px 0; border-radius:0
}

.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
	border-top:0; border-top-left-radius:3px; border-top-right-radius:3px
}

.panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
	border-bottom:0; border-bottom-right-radius:3px; border-bottom-left-radius:3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
	border-top-left-radius:0; border-top-right-radius:0
}

.panel-heading+.list-group .list-group-item:first-child {
	border-top-width:0
}

.list-group+.panel-footer {
	border-top-width:0
}

.panel-group {
	margin-bottom:20px
}

.panel-group .panel {
	margin-bottom:0; border-radius:4px
}

.panel-group .panel+.panel {
	margin-top:5px
}

.panel-group .panel-heading {
	border-bottom:0
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top:1px solid #ddd
}

.panel-group .panel-footer {
	border-top:0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
	border-bottom:1px solid #ddd
}

.panel-default {
	border-color:#ddd
}

.panel-default>.panel-heading {
	color:#333; background-color:#f5f5f5; border-color:#ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#ddd
}

.panel-default>.panel-heading .badge {
	color:#f5f5f5; background-color:#333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#ddd
}

.panel-primary {
	border-color:#337ab7
}

.panel-primary>.panel-heading {
	color:#fff; background-color:#337ab7; border-color:#337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#337ab7
}

.panel-primary>.panel-heading .badge {
	color:#337ab7; background-color:#fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#337ab7
}

.panel-success {
	border-color:#d6e9c6
}

.panel-success>.panel-heading {
	color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#d6e9c6
}

.panel-success>.panel-heading .badge {
	color:#dff0d8; background-color:#3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#d6e9c6
}

.panel-info {
	border-color:#bce8f1
}

.panel-info>.panel-heading {
	color:#31708f; background-color:#d9edf7; border-color:#bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#bce8f1
}

.panel-info>.panel-heading .badge {
	color:#d9edf7; background-color:#31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#bce8f1
}

.panel-warning {
	border-color:#faebcc
}

.panel-warning>.panel-heading {
	color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc
}

.panel-warning>.panel-h eading+.panel-collapse>.panel-body {
	border-top-color:#faebcc
}

.panel-warning>.panel-heading .badge {
	color:#fcf8e3; background-color:#8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#faebcc
}

.panel-danger {
	border-color:#ebccd1
}

.panel-danger>.panel-heading {
	color:#a94442; background-color:#f2dede; border-color:#ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#ebccd1
}

.panel-danger>.panel-heading .badge {
	color:#f2dede; background-color:#a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#ebccd1
}

.embed-responsive {
	position:relative; display:block; height:0; padding:0; overflow:hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
	position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0
}

.embed-responsive-16by9 {
	padding-bottom:56.25%
}

.embed-responsive-4by3 {
	padding-bottom:75%
}

.well {
	min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
	border-color:#ddd; border-color:rgba(0, 0, 0, .15)
}

.well-lg {
	padding:24px; border-radius:6px
}

.well-sm {
	padding:9px; border-radius:3px
}

.close {
	float:right; font-size:21px; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.2
}

.close:focus, .close:hover {
	color:#000; text-decoration:none; cursor:pointer; opacity:.5
}

button.close {
	padding:0; cursor:pointer; background:0 0; border:0; -webkit-appearance:none; -moz-appearance:none; appearance:none
}

.modal-open {
	overflow:hidden
}

.modal {
	position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; outline:0
}

.modal.fade .modal-dialog {
	-webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); -o-transform:translate(0, -25%); transform:translate(0, -25%); -webkit-transition:-webkit-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:-webkit-transform .3s ease-out; transition:transform .3s ease-out; transition:transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out
}

.modal.in .modal-dialog {
	-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0)
}

.modal-open .modal {
	overflow-x:hidden; overflow-y:auto
}

.modal-dialog {
	position:relative; width:auto; margin:10px
}

.modal-content {
	position:relative; background-color:#fff; background-clip:padding-box; border:1px solid #999; border:1px solid rgba(0, 0, 0, .2); border-radius:6px; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5); outline:0
}

.modal-backdrop {
	position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000
}

.modal-backdrop.fade {
	opacity:0
}

.modal-backdrop.in {
	opacity:.5
}

.modal-header {
	padding:15px; border-bottom:1px solid #e5e5e5
}

.modal-header .close {
	margin-top:-2px
}

.modal-title {
	margin:0; line-height:1.42857143
}

.modal-body {
	position:relative; padding:15px
}

.modal-footer {
	padding:15px; text-align:right; border-top:1px solid #e5e5e5
}

.modal-footer .btn+.btn {
	margin-bottom:0; margin-left:5px
}

.modal-footer .btn-group .btn+.btn {
	margin-left:-1px
}

.modal-footer .btn-block+.btn-block {
	margin-left:0
}

.modal-scrollbar-measure {
	position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll
}

@media (min-width:768px) {
	.modal-dialog {
		width:600px; margin:30px auto
	}

	.modal-content {
		-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5); box-shadow:0 5px 15px rgba(0, 0, 0, .5)
	}

	.modal-sm {
		width:300px
	}
}

@media (min-width:992px) {
	.modal-lg {
		width:900px
	}
}

.tooltip {
	position:absolute; z-index:1070; display:block; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-style:normal; font-weight:400; line-height:1.42857143; line-break:auto; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; word-wrap:normal; white-space:normal; font-size:12px; opacity:0
}

.tooltip.in {
	opacity:.9
}

.tooltip.top {
	padding:5px 0; margin-top:-3px
}

.tooltip.right {
	padding:0 5px; margin-left:3px
}

.tooltip.bottom {
	padding:5px 0; margin-top:3px
}

.tooltip.left {
	padding:0 5px; margin-left:-3px
}

.tooltip.top .tooltip-arrow {
	bottom:0; left:50%; margin-left:-5px; border-width:5px 5px 0; border-top-color:#000
}

.tooltip.top-left .tooltip-arrow {
	right:5px; bottom:0; margin-bottom:-5px; border-width:5px 5px 0; border-top-color:#000
}

.tooltip.top-right .tooltip-arrow {
	bottom:0; left:5px; margin-bottom:-5px; border-width:5px 5px 0; border-top-color:#000
}

.tooltip.right .tooltip-arrow {
	top:50%; left:0; margin-top:-5px; border-width:5px 5px 5px 0; border-right-color:#000
}

.tooltip.left .tooltip-arrow {
	top:50%; right:0; margin-top:-5px; border-width:5px 0 5px 5px; border-left-color:#000
}

.tooltip.bottom .tooltip-arrow {
	top:0; left:50%; margin-left:-5px; border-width:0 5px 5px; border-bottom-color:#000
}

.tooltip.bottom-left .tooltip-arrow {
	top:0; right:5px; margin-top:-5px; border-width:0 5px 5px; border-bottom-color:#000
}

.tooltip.bottom-right .tooltip-arrow {
	top:0; left:5px; margin-top:-5px; border-width:0 5px 5px; border-bottom-color:#000
}

.tooltip-inner {
	max-width:200px; padding:3px 8px; color:#fff; text-align:center; background-color:#000; border-radius:4px
}

.tooltip-arrow {
	position:absolute; width:0; height:0; border-color:transparent; border-style:solid
}

.popover {
	position:absolute; top:0; left:0; z-index:1060; display:none; max-width:276px; padding:1px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-style:normal; font-weight:400; line-height:1.42857143; line-break:auto; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; word-wrap:normal; white-space:normal; font-size:14px; background-color:#fff; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, .2); border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .2); box-shadow:0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
	margin-top:-10px
}

.popover.right {
	margin-left:10px
}

.popover.bottom {
	margin-top:10px
}

.popover.left {
	margin-left:-10px
}

.popover>.arrow {
	border-width:11px
}

.popover>.arrow, .popover>.arrow:after {
	position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid
}

.popover>.arrow:after {
	content:""; border-width:10px
}

.popover.top>.arrow {
	bottom:-11px; left:50%; margin-left:-11px; border-top-color:#999; border-top-color:rgba(0, 0, 0, .25); border-bottom-width:0
}

.popover.top>.arrow:after {
	bottom:1px; margin-left:-10px; content:" "; border-top-color:#fff; border-bottom-width:0
}

.popover.right>.arrow {
	top:50%; left:-11px; margin-top:-11px; border-right-color:#999; border-right-color:rgba(0, 0, 0, .25); border-left-width:0
}

.popover.right>.arrow:after {
	bottom:-10px; left:1px; content:" "; border-right-color:#fff; border-left-width:0
}

.popover.bottom>.arrow {
	top:-11px; left:50%; margin-left:-11px; border-top-width:0; border-bottom-color:#999; border-bottom-color:rgba(0, 0, 0, .25)
}

.popover.bottom>.arrow:after {
	top:1px; margin-left:-10px; content:" "; border-top-width:0; border-bottom-color:#fff
}

.popover.left>.arrow {
	top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:#999; border-left-color:rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
	right:1px; bottom:-10px; content:" "; border-right-width:0; border-left-color:#fff
}

.popover-title {
	padding:8px 14px; margin:0; font-size:14px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius:5px 5px 0 0
}

.popover-content {
	padding:9px 14px
}

.carousel {
	position:relative
}

.carousel-inner {
	position:relative; width:100%; overflow:hidden
}

.carousel-inner>.item {
	position:relative; display:none; -webkit-transition:.6s ease-in-out left; -o-transition:.6s ease-in-out left; transition:.6s ease-in-out left
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	line-height:1
}

@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-inner>.item {
		-webkit-transition:-webkit-transform .6s ease-in-out; -o-transition:-o-transform .6s ease-in-out; transition:-webkit-transform .6s ease-in-out; transition:transform .6s ease-in-out; transition:transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000px; perspective:1000px
	}

	.carousel-inner>.item.active.right, .carousel-inner>.item.next {
		-webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); left:0
	}

	.carousel-inner>.item.active.left, .carousel-inner>.item.prev {
		-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); left:0
	}

	.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
		-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); left:0
	}
}

.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display:block
}

.carousel-inner>.active {
	left:0
}

.carousel-inner>.next, .carousel-inner>.prev {
	position:absolute; top:0; width:100%
}

.carousel-inner>.next {
	left:100%
}

.carousel-inner>.prev {
	left:-100%
}

.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left:0
}

.carousel-inner>.active.left {
	left:-100%
}

.carousel-inner>.active.right {
	left:100%
}

.carousel-control {
	position:absolute; top:0; bottom:0; left:0; width:15%; font-size:20px; color:#fff; text-align:center; text-shadow:0 1px 2px rgba(0, 0, 0, .6); background-color:rgba(0, 0, 0, 0); opacity:.5
}

.carousel-control.left {
	background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image:linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-repeat:repeat-x
}

.carousel-control.right {
	right:0; left:auto; background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image:-o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image:linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-repeat:repeat-x
}

.carousel-control:focus, .carousel-control:hover {
	color:#fff; text-decoration:none; outline:0; opacity:.9
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position:absolute; top:50%; z-index:5; display:inline-block; margin-top:-10px
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	left:50%; margin-left:-10px
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right:50%; margin-right:-10px
}

.carousel-control .icon-next, .carousel-control .icon-prev {
	width:20px; height:20px; font-family:serif; line-height:1
}

.carousel-control .icon-prev:before {
	content:"\2039"
}

.carousel-control .icon-next:before {
	content:"\203a"
}

.carousel-indicators {
	position:absolute; bottom:10px; left:50%; z-index:15; width:60%; padding-left:0; margin-left:-30%; text-align:center; list-style:none
}

.carousel-indicators li {
	display:inline-block; width:10px; height:10px; margin:1px; text-indent:-999px; cursor:pointer; background-color:rgba(0, 0, 0, 0); border:1px solid #fff; border-radius:10px
}

.carousel-indicators .active {
	width:12px; height:12px; margin:0; background-color:#fff
}

.carousel-caption {
	position:absolute; right:15%; bottom:20px; left:15%; z-index:10; padding-top:20px; padding-bottom:20px; color:#fff; text-align:center; text-shadow:0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
	text-shadow:none
}

@media screen and (min-width:768px) {
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		width:30px; height:30px; margin-top:-10px; font-size:30px
	}

	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
		margin-left:-10px
	}

	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
		margin-right:-10px
	}

	.carousel-caption {
		right:20%; left:20%; padding-bottom:30px
	}

	.carousel-indicators {
		bottom:20px
	}
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
	display:table; content:" "
}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
	clear:both
}

.center-block {
	display:block; margin-right:auto; margin-left:auto
}

.pull-right {
	float:right !important
}

.pull-left {
	float:left !important
}

.show {
	display:block !important
}

.invisible {
	visibility:hidden
}

.text-hide {
	font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0
}

.hidden {
	display:none !important
}

.affix {
	position:fixed
}

@-ms-viewport {
	width:device-width
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
	display:none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
	display:none !important
}

@media (max-width:767px) {
	.visible-xs {
		display:block !important
	}

	table.visible-xs {
		display:table !important
	}

	tr.visible-xs {
		display:table-row !important
	}

	td.visible-xs, th.visible-xs {
		display:table-cell !important
	}
}

@media (max-width:767px) {
	.visible-xs-block {
		display:block !important
	}
}

@media (max-width:767px) {
	.visible-xs-inline {
		display:inline !important
	}
}

@media (max-width:767px) {
	.visible-xs-inline-block {
		display:inline-block !important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm {
		display:block !important
	}

	table.visible-sm {
		display:table !important
	}

	tr.visible-sm {
		display:table-row !important
	}

	td.visible-sm, th.visible-sm {
		display:table-cell !important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-block {
		display:block !important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline {
		display:inline !important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline-block {
		display:inline-block !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md {
		display:block !important
	}

	table.visible-md {
		display:table !important
	}

	tr.visible-md {
		display:table-row !important
	}

	td.visible-md, th.visible-md {
		display:table-cell !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-block {
		display:block !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline {
		display:inline !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline-block {
		display:inline-block !important
	}
}

@media (min-width:1200px) {
	.visible-lg {
		display:block !important
	}

	table.visible-lg {
		display:table !important
	}

	tr.visible-lg {
		display:table-row !important
	}

	td.visible-lg, th.visible-lg {
		display:table-cell !important
	}
}

@media (min-width:1200px) {
	.visible-lg-block {
		display:block !important
	}
}

@media (min-width:1200px) {
	.visible-lg-inline {
		display:inline !important
	}
}

@media (min-width:1200px) {
	.visible-lg-inline-block {
		display:inline-block !important
	}
}

@media (max-width:767px) {
	.hidden-xs {
		display:none !important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display:none !important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display:none !important
	}
}

@media (min-width:1200px) {
	.hidden-lg {
		display:none !important
	}
}

.visible-print {
	display:none !important
}

@media print {
	.visible-print {
		display:block !important
	}

	table.visible-print {
		display:table !important
	}

	tr.visible-print {
		display:table-row !important
	}

	td.visible-print, th.visible-print {
		display:table-cell !important
	}
}

.visible-print-block {
	display:none !important
}

@media print {
	.visible-print-block {
		display:block !important
	}
}

.visible-print-inline {
	display:none !important
}

@media print {
	.visible-print-inline {
		display:inline !important
	}
}

.visible-print-inline-block {
	display:none !important
}

@media print {
	.visible-print-inline-block {
		display:inline-block !important
	}
}

@media print {
	.hidden-print {
		display:none !important
	}
}
.hero_service::after{
    content: '';
    position: absolute;
    inset: 1px;
    background: #070920;
    border-radius: 16px;
}
.hero_service::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(#00ccff,#d400d4);
    animation: animate 6s linear infinite;
}
@keyframes animate{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}

.hero_service {
    position: relative !important;
    width: 24% !important;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000080;
    overflow: hidden;
    border-radius: 20px;
    border: none !important;
    margin: 0 5px;
}
.hero_service a, .hero_service1 a {
    position: relative;
    z-index: 2;
}
section.home_work_section.display_none_for_mobile:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg.gif);
    background-position: bottom 60px left 60px;
    background-repeat: no-repeat;
    background-size: 55%;
}
.coming-soon-box {
    filter: drop-shadow(0px 0px 2px #002543);
    transition: 0.7s;
    position: absolute;
    top: -200px;
    left: 0;
    right: 0;
    height: 200px;
    width: 230px;
    margin: auto;
    z-index: 2;
}
.coming-soon-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
/*    background-color: #ffffff;*/
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
    overflow: hidden;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    transition: 0.5s;
    z-index: 1;
    -webkit-animation:spin 4s linear infinite;
		-moz-animation:spin 4s linear infinite;
		animation:spin 4s linear infinite;
}
.hex-grid__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    padding: 1em 1.5em;
    z-index: 2;
    font-size: 22px;
    color: #000;
}


.home_work_section.display_none_for_mobile {
    overflow: visible;
}
.left-before-top:before {
    content: '';
    position: absolute;
    top: -180px;
    left: 0;
    right: 0;
    height: 180px;
    width: 2px;
    margin: auto;
    z-index: 2;
    background: #fff;
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 5s infinite;
}

@keyframes gradient {
  0%, 100% {
    background-position: center top;
  }
  50% {
    background-position: center bottom;
  }
}
.left-box-before-top-1:before {
  content: '';
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    height: 100px;
    width: 2px;
    margin: auto;
    z-index: 2;
    background: #fff;
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 5s infinite;  
}
.coming-soon-box:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -470px;
    height: 2px;
    width: 494px;
    margin: auto;
    z-index: 0;
    background: #fff;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 5s infinite;
}
.left-box-before-top-2:before {
    content: '';
    position: absolute;
    top: -51px;
    left: 0;
    right: 0;
    height: 54px;
    width: 2px;
    margin: auto;
    z-index: 2;
    background: #fff;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 5s infinite;
}
.left-box-before-top-2:after {
    content: '';
    position: absolute;
    bottom: -68px;
    left: 0;
    right: 0;
    height: 70px;
    width: 2px;
    margin: auto;
    z-index: 0;
    background: #fff;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 5s infinite;
}
.left-before-top:after {
    content: '';
    position: absolute;
    bottom: 23%;
    left: -356px;
    height: 2px;
    width: 356px;
    margin: auto;
    z-index: 0;
    background: #fff;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 5s infinite;
}
.view-z{
  animation: color-change 2s linear infinite;
  border:solid 2px #ff1493;
    position: relative;
}

@keyframes color-change {
  0%,100%{
    border-color:#ff1493;
  }

  25%{
    border-color:#8b4513;
  }
  
  50%{
    border-color:#0091EA;
  }
  
  75%{
    border-color:#9400d3;
  }
}
.image-slider__slide:hover .view-z:before {
    content: '';
    position: absolute;
    background-color: #000000ab;
    z-index: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.services-box {
    border-radius: 7px;
    position: relative;
    height: 18rem;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem;
}
.services-box_1 {
        background-color: #00b1d7;
     background-image: linear-gradient(-234deg, rgba(0, 176, 215, 0.855) 0%, rgba(0, 176, 215, 0.796) 100%);
    box-shadow: 0 0 51px rgb(0 176 215 / 64%);
}
.services-box_2 {
         background-color: #8511b5;
    background-image: linear-gradient(-234deg, rgba(132, 17, 181, 0.897) 0% rgba(132, 17, 181, 0.747) 100%);
    box-shadow: 0 0 51px rgb(133 25 179 / 88%);
}
.services-box_3 {
    background-color: #0a6eff;
    background-image: linear-gradient(-234deg, rgba(10, 108, 255, 0.849) 0% rgba(10, 108, 255, 0.795) 100%);
    box-shadow: 0 0 51px rgb(10 108 255 / 87%);
}
.icon {
    width: 105px;
    height: 80px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 50px;
    -webkit-transition: .5s;
    transition: .5s;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    font-size: 6rem;
    padding: 10px;
    text-align: center;
}
.home_services_back h4 {
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
}


.slick-slide{
	outline: none !important;
}
.slick-slider{
	user-select: text;
}
/*==============================================================
	CTA style start
==============================================================*/
.cta-btn{}
.cta-btn .cta-link{
	position: relative;
	display: inline-block;
	background: #d2d6ef;
	color: #081c2d;
	font-size: 15px;
	min-width: 220px;
	text-align: center;
	letter-spacing: 0.050em;;
	line-height: 18px;
	font-weight: 400;
	padding: 15px 30px;
	cursor: pointer;
	text-transform: uppercase;
	font-family: 'Fugaz One', cursive;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.cta-btn .cta-link.cta-block{
	display: block;
	width: 100%;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
.cta-btn .cta-link i{
	margin-right: 5px;
}
.cta-btn .cta-link:hover{
	background: #081c2d;
	color: #d2d6ef;
	-webkit-box-shadow: 0px 5px 20px rgba(0, 33, 71, .4);
	-moz-box-shadow: 0px 5px 20px rgba(0, 33, 71, .4);
	box-shadow: 0px 5px 20px rgba(0, 33, 71, .4);
}
/*==============================================================
	CTA style end
==============================================================*/
/*==============================================================
	banner Style start
==============================================================*/
.banner-wrap{
	height: auto;
	position: relative;
	overflow: hidden;
}
.shape{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
    height: 28%;
}
.shape svg{
	width: 100%;
}
.banner-slider{
	height: 100%;
}
.banner-slider > .banner-slide{
	display: none;
}
.banner-slider > .banner-slide:first-child{
	display: block;
}
.slick-initialized .banner-slide{
	position: relative;
	height: 800px;
/*	padding-bottom: 100px;*/
	display:-webkit-flex !important;
	display:flex !important;
	-webkit-align-items:center;
	align-items:center;
}

.banner-slider .slick-arrow{
	position: absolute;
	right: 25px;
	bottom: 50px;
	font-size: 0;
	background: #ffffff;
	border: 0;
	width: 50px;
	height: 50px;
	z-index: 12;
	cursor: pointer;
	border-radius: 100%;
  box-shadow: 0 0 15px rgba(0,0,0,0.12);
}
.banner-slider .slick-arrow:before{
	font-family: "boxicons";
	font-size: 30px;
	text-align: center;
	line-height: 50px;
	color: rgba(0,33,71,1);
}
.banner-slider .slick-arrow.slick-prev{
	right: 95px;
}
.banner-slider .slick-arrow.slick-prev:before{
	content: "\ea9b";
}
.banner-slider .slick-arrow.slick-next{
	right: 25px;
}
.banner-slider .slick-arrow.slick-next:before{
	content: "\eb1c";
}
.hero-image{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
	
}
.banner-wrap .container{
	position: relative;
	z-index: 12;
}
.hero-overlay{
	/*background: #081c2d;*/
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
}
.hero-content{	
	color: #ffffff;
}
.hero-content p {
    font-size: 20px;
    line-height: 32px;
    max-width: 100%;
    color: rgba(255,255,255,0.9);
    letter-spacing: 0.010em;
    text-align: center;
}
.blog-detail-banner .hero-content{
	max-width: 600px;
}
.blog-detail-banner .hero-content h1{
	font-size: 53px;
}
.hero-content h3{
	font-size: 16px;
	color: rgba(255,255,255,.6);
	text-transform: uppercase;
	letter-spacing: 3px;
	position: relative;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 12px;
	margin-left: 6px;
}
.hero-content h1 {
    font-size: 63px;
    line-height: 1.333;
    margin-bottom: 18px;
    color: #fff !important;
    font-weight: 400;
    text-align: center;
    max-width: 100%;
    font-family: 'Fugaz One', cursive;
}
.hero-content .cta-btn{
	padding-top: 30px;
    text-align: center;
}
.hero-content .cta-btn .cta-link.cta-outline-white:hover{
	background: #ffffff;
	color: rgba(0,33,71,1);
}
/*==============================================================
	banner Style end
==============================================================*/

.how-to-use{
	padding: 100px 0;
}
@media screen and (min-device-width: 320px) and (max-device-width: 768px) { 
.hero-content h1 {
    font-size: 28px;
}
    .banner-slider .slick-arrow {
    bottom: 50px;
}
.shape {
    height: 10%;
}
.about-image-caption {
    text-align: center;
    font-size: 30px;
    left: 0%;
    border-bottom: 2px solid #fff;
    bottom: 0;
    font-weight: 600;
    width: 100%;
    padding: 0 1rem;
}
.home_about_section img {
    width: 100% !important;
}
}
	.hiddens {
	  visibility: hidden !important;
	  opacity: 0;
	  transition: visibility 0s 2s, opacity 2s linear;
	}
	.cd-nav-trigger.js-cd-nav-trigger.text-replace {
    background: #000;
}
	
	
	
	
	/**/
	
	
	
	.review-form-main {
	    
	}