body {
	font-family: "Segoe UI" !important; -ms-overflow-x: hidden;
}
.layer-out {
	width: 100%; text-align: center; float: left; display: none;
}
.layer-in {
	margin: 10px auto; border: 1px solid rgb(242, 242, 242); border-image: none; width: 100%; text-align: center; float: left;
}
.layer-in .red-box {
	background: rgb(242, 70, 86); padding: 20px; width: 100%; text-align: center; float: left;
}
.layer-in .red-box img {
	width: auto; text-align: center;
}
.layer-in .red-box h4 {
	margin: 15px 0px; width: auto; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 24px;
}
.layer-in .blue-box {
	background: rgb(17, 94, 140); padding: 20px; width: 100%; text-align: center; float: left;
}
.layer-in .blue-box img {
	width: auto; text-align: center;
}
.layer-in .blue-box h4 {
	margin: 15px 0px; width: auto; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 24px;
}
.layer-in .green-box {
	background: rgb(22, 194, 208); padding: 20px; width: 100%; text-align: center; float: left;
}
.layer-in .green-box img {
	width: auto; text-align: center;
}
.layer-in .green-box h4 {
	margin: 15px 0px; width: auto; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 24px;
}
.layer-in .txt-bx {
	background: rgb(255, 255, 255); padding: 20px; text-align: center; clear: both;
}
.layer-in .txt-bx h5 {
	text-align: center; color: rgb(77, 77, 77); padding-bottom: 10px; font-size: 20px;
}
.layer-in .txt-bx h5 span {
	
}
.layer-in .txt-bx p {
	text-align: center; color: rgb(17, 17, 17); font-size: 16px;
}
.red {
	color: rgb(242, 70, 86);
}
.blue {
	color: rgb(17, 94, 140);
}
.green {
	color: rgb(22, 194, 208);
}
.layer-box {
	text-align: center; display: block;
}
.layer-box img {
	width: auto;
}
.svg-icon {
	animation-timing-function: linear; animation-iteration-count: infinite;
}
.svg-icon-large {
	width: 3em; height: 3em; animation-name: spinLeft; animation-duration: 6000ms;
}
.svg-icon-small {
	width: 2em; height: 2em; margin-top: -10px; margin-left: -15px; position: absolute; animation-name: spinRight; animation-duration: 4000ms;
}
.svg-icon path {
	fill: #16c2d0;
}
.svg-icon polygon {
	fill: #16c2d0;
}
.svg-icon rect {
	fill: #16c2d0;
}
.svg-icon-small path {
	stroke: #16c2d0; stroke-width: 0.7;
}
.tg-brands {
	list-style: none; width: 100%; text-align: center; float: left;
}
.tg-brands li {
	width: 25%; float: left; list-style-type: none;
}
.tg-brands li:nth-child(1) {
	border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.tg-brands li:nth-child(2) {
	border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.tg-brands li:nth-child(3) {
	border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.tg-brands li:nth-child(4) {
	border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.tg-brands li:nth-child(1) {
	border-left-color: transparent; border-left-width: 1px; border-left-style: solid;
}
.tg-brands li:nth-child(5) {
	border-left-color: transparent; border-left-width: 1px; border-left-style: solid;
}
.tg-brands li:nth-child(2) {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.tg-brands li:nth-child(3) {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.tg-brands li:nth-child(4) {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.tg-brands li:nth-child(6) {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.tg-brands li:nth-child(7) {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.tg-brands li:nth-child(8) {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.tg-brands li figure {
	margin: 0px; width: 100%; float: left;
}
.tg-brands li figure a {
	display: block;
}
.tg-brands li figure a img {
	transition-duration: 0.3s; -webkit-filter: grayscale(100%);
}
.tg-brands li figure a img:hover {
	filter: none; -webkit-filter: grayscale(0%);
}
.p-img {
	float: left;
}
.p-img img {
	transition-duration: 0.3s; -webkit-filter: grayscale(100%);
}
.p-img img:hover {
	filter: none; -webkit-filter: grayscale(0%);
}
section {
	position: relative;
}
section:nth-child(2n) {
	margin-right: 0px;
}
.demoContainer {
	
}
pre {
	padding: 15px; border-radius: 10px; display: inline-block; background-color: rgb(239, 239, 239);
}
.box {
	
}
:nth-child(4n).box {
	
}
.btn {
	
}
.col-sm-offset-left-2 {
	margin-left: 16.66%;
}
.col-sm-offset-right-2 {
	margin-right: 16.66%;
}
.carousel {
	padding: 0px; margin-bottom: 0px;
}
.carousel-control {
	background: 0px 0px rgb(34, 34, 34); border-radius: 23px; border: 4px solid rgb(255, 255, 255); border-image: none; left: -12px; width: 40px; height: 40px; margin-top: 30px;
}
.carousel-control.right {
	right: -12px;
}
.carousel-indicators {
	top: auto; right: 50%; bottom: -10px; margin-right: -19px;
}
.carousel-indicators li {
	background: rgb(206, 206, 206);
}
.carousel-indicators .active {
	background: rgb(66, 139, 202);
}
.icon-out {
	margin: 0px auto; padding: 50px 0px 0px; width: 200px; text-align: center;
}
.icon {
	margin: 0px auto; width: 200px; height: 160px; text-align: center;
}
.icon path {
	fill: none; stroke: #ffb913; stroke-dashoffset: 0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5;
}
.icon path.long {
	transition:1.5s; stroke-dasharray: 420,420;
}
.icon path.longer {
	transition:1.5s; stroke-dasharray: 512,512;
}
.icon path.short {
	transition:1s; stroke-dasharray: 90,90;
}
.icon path.round {
	stroke-linecap: round; stroke-linejoin: round;
}
.icon path.virtual {
	transition:1.5s; stroke-dasharray: 1.1,3; stroke-linecap: round;
}
.icon1 {
	margin: 0px auto; width: 200px; height: 160px; text-align: center;
}
.icon1 path {
	fill: none; stroke: #2196f3; stroke-dashoffset: 0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5;
}
.icon1 path.long {
	transition:1.5s; stroke-dasharray: 420,420;
}
.icon1 path.longer {
	transition:1.5s; stroke-dasharray: 512,512;
}
.icon1 path.short {
	transition:1s; stroke-dasharray: 90,90;
}
.icon1 path.round {
	stroke-linecap: round; stroke-linejoin: round;
}
.icon1 path.virtual {
	transition:1.5s; stroke-dasharray: 1.1,3; stroke-linecap: round;
}
path.virtual {
	animation:virtual-outline 60s linear infinite; -webkit-animation: virtual-outline 60s infinite linear; -moz-animation: virtual-outline 60s infinite linear;
}
div:hover .icon path.long {
	stroke-dashoffset: 420;
}
div:hover .icon path.longer {
	stroke-dashoffset: 512;
}
div:hover .icon path.short {
	stroke-dashoffset: 90;
}
div:hover .icon path.virtual {
	opacity: 0; stroke-dasharray: 11.1,22; stroke-width: 9;
}
.section-padding ul {
	list-style: none; padding: 0px;
}
.section-padding ul li {
	list-style: none; padding: 10px 0px; font-size: 16px;
}
.section-padding ul li i {
	color: rgb(255, 0, 0); font-size: 16px;
}
.single-work {
	padding: 25px 17px; transition:0.3s; box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.1); -webkit-transition: .3s;
}
.ser-box {
	width: 100%; text-align: center; float: left;
}
.ser-box .img-boxes {
	width: 100%; float: left;
}
.ser-box .img-boxes img {
	width: auto;
}
.ser-box .service-content {
	width: 100%; float: left;
}
.ser-box .service-content h5 {
	line-height: 22px; font-size: 20px; font-weight: 600; margin-bottom: 5px;
}
.ser-box .service-content p {
	color: rgb(116, 116, 116) !important; line-height: 24px; font-size: 16px !important;
}
.float-panel {
	background: white; padding: 0px; transition:0.5s; width: 100%; z-index: 300;
}
.float-panel .content-area {
	margin: 10px auto;
}
.float-panel a {
	font-size: 18px; text-decoration: none; display: inline-block;
}
.float-panel .fa-gg {
	transition:1s; color: rgb(240, 89, 92); font-size: 30px; vertical-align: middle;
}
.fixed {
	animation:slide-down 0.7s; padding-top: 0px !important; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; opacity: 0.9; box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
.fixed .fa-gg {
	transform: rotate(360deg);
}
.btn-banner {
	margin: 10px 0px; padding: 10px 35px; border-radius: 8px; border: 1px solid rgb(0, 56, 98); border-image: none; color: rgb(0, 56, 98); font-size: 22px; float: left;
}
.btn-banner i {
	color: rgb(238, 157, 92); font-size: 24px; font-weight: 600; margin-left: 18px;
}
.bs-slider {
	background: rgb(0, 0, 0); width: 100%; overflow: hidden; position: relative; max-height: 700px;
}
.bs-slider:hover {
	
}
.bs-slider:active {
	
}
.bs-slider .bs-slider-overlay {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.4);
}
.bs-slider > .carousel-inner > .item > img {
	margin: auto; width: 100% !important;
}
.bs-slider > .carousel-inner > .item > a > img {
	margin: auto; width: 100% !important;
}
.fade {
	opacity: 1;
}
.fade .item {
	transition:opacity 1s ease-in-out; left: 0px !important; top: 0px; width: 100%; display: block !important; position: absolute; z-index: 1; opacity: 0; -webkit-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s;
}
.fade :first-child.item {
	top: auto; position: relative;
}
.fade .item.active {
	transition:opacity 1s ease-in-out; z-index: 2; opacity: 1; -webkit-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s;
}
.control-round .carousel-control {
	background: none; border-radius: 100px; top: 47%; width: 45px; height: 45px; color: rgb(255, 255, 255); line-height: 43px; overflow: hidden; font-size: 24px; font-weight: normal; display: block; position: absolute; z-index: 100; cursor: pointer; opacity: 0; text-shadow: none; -webkit-border-radius: 100px;
}
.control-round:hover .carousel-control {
	opacity: 1;
}
.control-round .carousel-control.left {
	left: 1%;
}
.control-round .carousel-control.right {
	right: 1%;
}
.control-round .carousel-control.left:hover {
	background: rgba(0, 0, 0, 0.5); border: 0px transparent; border-image: none; color: rgb(253, 253, 253);
}
.control-round .carousel-control.right:hover {
	background: rgba(0, 0, 0, 0.5); border: 0px transparent; border-image: none; color: rgb(253, 253, 253);
}
.control-round .carousel-control.left > span:nth-child(1) {
	left: 45%;
}
.control-round .carousel-control.right > span:nth-child(1) {
	right: 45%;
}
.indicators-line > .carousel-indicators {
	left: auto; width: 90%; height: 20px; text-align: right; right: 45%; bottom: 3%; padding-top: 1px; padding-right: 10px; padding-left: 10px; font-size: 0px; white-space: nowrap; -ms-overflow-x: auto; -ms-overflow-y: hidden;
}
.indicators-line > .carousel-indicators li {
	background: rgb(158, 158, 158); padding: 0px; border-radius: 50%; border: 1px solid rgb(158, 158, 158); transition:0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99); border-image: none; width: 15px; height: 15px; text-align: left; text-indent: 0px; letter-spacing: 1px; overflow: hidden; margin-right: 5px; position: relative; z-index: 10; cursor: pointer; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99); -webkit-border-radius: 50%;
}
.indicators-line > .carousel-indicators li:last-child {
	margin-right: 0px;
}
.indicators-line > .carousel-indicators .active {
	margin: 1px 5px 1px 1px; transition:background-color 0.3s; position: relative; box-shadow: 0px 0px 0px 2px #fff; background-color: transparent; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease;
}
.indicators-line > .carousel-indicators .active::before {
	border-radius: 50%; transition:background-color 0.3s; left: -1px; top: -1px; width: 15px; height: 15px; position: absolute; content: ""; transform: scale(0.5); background-color: rgb(255, 255, 255); -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease;
}
.slide_style_left {
	text-align: left !important;
}
.slide_style_right {
	text-align: right !important;
}
.slide_style_center {
	text-align: center !important;
}
.fadeInRight {
	animation-name: fadeInRight; -webkit-animation-name: fadeInRight;
}
.slide-text {
	margin: auto; padding: 10px 85px; animation:fadeInRight 3s ease-out; left: 0px; top: 25%; text-align: left; right: 0px; position: absolute;
}
.slide-text > h1 {
	background: rgb(255, 255, 255); padding: 4px 10px; border-radius: 6px; color: rgb(51, 51, 51); line-height: 54px; letter-spacing: 1px; font-size: 36px; font-style: normal; font-weight: 600; margin-bottom: 30px; display: inline-block; animation-delay: 0.7s; -webkit-animation-delay: 0.7s;
}
.slide-text > h1 span {
	color: rgb(0, 188, 213) !important;
}
.slide-text > p {
	padding: 0px; color: rgb(255, 255, 255); line-height: 24px; letter-spacing: 1px; font-size: 20px; font-weight: 600; margin-bottom: 40px; animation-delay: 1.1s; -webkit-animation-delay: 1.1s;
}
.slide-text > a.btn-default {
	background: rgb(255, 0, 0); padding: 17px 30px; border: currentColor; transition:background 0.3s ease-in-out, color 0.3s ease-in-out; border-image: none; text-align: center; color: rgb(251, 251, 251); text-transform: uppercase; line-height: 15px; letter-spacing: 1px; font-size: 16px; font-weight: 400; margin-right: 10px; display: inline-block; white-space: nowrap; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-animation-delay: 2s;
}
.slide-text > a.btn-primary {
	background: none !important; padding: 17px 30px; border: 1px solid rgb(203, 158, 63) !important; transition:background 0.3s ease-in-out, color 0.3s ease-in-out; border-image: none !important; text-align: center; color: rgb(203, 158, 63); text-transform: uppercase; line-height: 15px; letter-spacing: 1px; font-size: 16px; font-weight: 400; text-decoration: none; margin-left: 10px; display: inline-block; white-space: nowrap; cursor: pointer; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-animation-delay: 2s;
}
.slide-text > a:hover {
	background: rgb(34, 34, 34); transition:background 0.5s ease-in-out, color 0.5s ease-in-out; color: rgb(255, 0, 0); -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.slide-text > a:active {
	background: rgb(34, 34, 34); transition:background 0.5s ease-in-out, color 0.5s ease-in-out; color: rgb(255, 0, 0); -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
@media all and (max-width:991px)
{
.slide-text h1 {
	line-height: 50px; font-size: 40px; margin-bottom: 20px;
}
.slide-text > p {
	font-size: 18px;
}
}
@media all and (max-width:768px)
{
.slide-text {
	padding: 10px 50px;
}
.slide-text h1 {
	line-height: 40px; font-size: 26px; margin-bottom: 10px;
}
.slide-text > p {
	line-height: 20px; font-size: 14px; margin-bottom: 20px;
}
.control-round .carousel-control {
	display: none;
}
}
@media all and (max-width:480px)
{
.slide-text {
	padding: 10px 30px;
}
.slide-text h1 {
	line-height: 25px; font-size: 20px; margin-bottom: 5px;
}
.slide-text > p {
	line-height: 18px; font-size: 12px; margin-bottom: 10px;
}
.slide-text > a.btn-default {
	padding: 10px 15px; text-align: center; line-height: 10px; font-size: 10px; margin-right: 10px;
}
.slide-text > a.btn-primary {
	padding: 10px 15px; text-align: center; line-height: 10px; font-size: 10px; margin-right: 10px;
}
.indicators-line > .carousel-indicators {
	display: none;
}
}
.section-padding {
	padding: 10px 0px 50px; position: relative;
}
.service-block {
	padding: 10px 0px; position: relative;
}
.service-block .img-box {
	border-radius: 100%; transition:box-shadow 0.3s; width: 100%; text-align: center; color: rgb(255, 255, 255); padding-top: 15px; font-size: 28px; margin-bottom: 12px;
}
.service-block .img-box img {
	width: 120px;
}
.service-block:hover img {
	transition:1s ease-in-out; transform: rotateY(360deg);
}
.service-content-block {
	padding: 0px 20px; text-align: center;
}
.service-content-block h5 {
	color: rgb(17, 17, 17); line-height: 22px; font-size: 18px; font-weight: normal; margin-bottom: 5px;
}
.service-content-block p {
	font-size: 14px !important;
}
.section-padding h4 {
	margin: 0px 0px 10px; text-align: center; color: rgb(51, 51, 51); font-size: 38px;
}
.section-padding p {
	text-align: center; color: rgb(85, 85, 85); font-size: 18px; margin-bottom: 40px;
}
.section-padding span {
	color: rgb(255, 0, 0);
}
.color-bg {
	background: rgb(242, 242, 242);
}
.slogan {
	background: rgb(255, 255, 255); border: 1px solid rgb(242, 242, 242); border-image: none; width: 100%; float: left;
}
.slogan .img-box {
	width: 100%; overflow: hidden; float: left;
}
.slogan .img-box img {
	transition:0.3s ease-in-out; width: 100%; transform: scale(1); -webkit-transform: scale(1); -webkit-transition: .3s ease-in-out;
}
.slogan:hover img {
	transform: scale(1.1); -webkit-transform: scale(0.9);
}
.slogan h4 {
	margin: 20px 0px 2px; color: rgb(36, 36, 36); text-transform: uppercase; line-height: 21px; font-size: 20px; font-weight: bold;
}
.slogan p {
	padding: 10px 10px 30px; color: rgb(152, 152, 152); line-height: 24px; letter-spacing: 1px; font-size: 16px; margin-bottom: 0px;
}
.menu-f {
	width: 100%; text-align: left; margin-top: 20px; float: left;
}
.menu-f a {
	color: rgb(255, 255, 255); font-size: 16px;
}
.menu-f a i {
	margin: 0px 10px; color: rgb(255, 255, 255); font-size: 20px;
}
.menu-f a:hover i {
	color: rgb(238, 157, 92);
}
.menu-f span {
	margin: 0px 4px; color: rgb(62, 62, 62); font-weight: 600;
}
.menu-f p {
	margin: 5px 0px; padding: 10px 0px; text-align: left; color: rgb(255, 255, 255); line-height: 26px; font-size: 18px;
}
.menu-f h3 {
	margin: 5px 0px; padding: 0px; text-align: left; color: rgb(255, 255, 255); line-height: 26px; font-size: 18px;
}
.menu-f p a {
	color: rgb(255, 255, 255) !important; font-size: 16px !important;
}
.sponser-event {
	margin: 20px 0px; padding: 10px 0px; width: 100%; float: left;
}
#flexiselDemo1 {
	display: none;
}
#flexiselDemo2 {
	display: none;
}
#flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative; max-width: 100%;
}
.nbs-flexisel-ul {
	margin: 0px; width: 99999px; text-align: center; padding-left: 0px; list-style-type: none; position: relative;
}
.nbs-flexisel-inner {
	width: 100%; overflow: hidden; float: left; position: relative;
}
.nbs-flexisel-item {
	padding: 0px; transition:500ms; width: 100%; float: left; position: relative; cursor: pointer; -webkit-transition: all 500ms ease;
}
.nbs-flexisel-nav-left {
	background: rgb(136, 136, 136) !important; padding: 5px 10px; border-radius: 0px; top: 40%; color: rgb(255, 255, 255); position: absolute; z-index: 99; cursor: pointer; -moz-border-radius: 0px;
}
.nbs-flexisel-nav-right {
	background: rgb(136, 136, 136) !important; padding: 5px 10px; border-radius: 0px; top: 40%; color: rgb(255, 255, 255); position: absolute; z-index: 99; cursor: pointer; -moz-border-radius: 0px;
}
.nbs-flexisel-nav-left {
	left: -2px;
}
.nbs-flexisel-nav-left::before {
	content: "<";
}
.nbs-flexisel-nav-left.disabled {
	opacity: 0.4;
}
.nbs-flexisel-nav-right {
	right: 5px;
}
.nbs-flexisel-nav-right::before {
	content: ">";
}
.nbs-flexisel-nav-right.disabled {
	opacity: 0.4;
}
.dt-sc-button.large.with-icon.icon-right.type2 {
	padding: 20px 80px 18px 25px;
}
.dt-sc-button.large {
	font-size: 16px;
}
.dt-sc-button {
	margin: 10px 0px 0px; padding: 8px 15px; color: rgb(255, 255, 255); line-height: normal; font-size: 12px; display: inline-block; position: relative; z-index: 1; cursor: pointer;
}
.dt-sc-button {
	background: rgb(255, 0, 0); color: rgb(253, 253, 253);
}
.dt-sc-button.large.with-icon.icon-right.type2 span {
	padding-top: 21px; font-size: 20px;
}
.dt-sc-button.with-icon.icon-right.type2 span {
	margin: 0px 0px 0px 15px; padding: 23px 0px 9px 20px; top: 0px; height: 100%; right: 21px; color: rgb(255, 255, 255) !important; display: inline-block; position: absolute;
}
.dt-sc-button.with-icon.icon-right span {
	margin-left: 10px;
}
.dt-sc-button.with-icon.icon-right.type2 span::after {
	left: 0px; top: 0px; height: 100%; border-right-color: rgba(255, 255, 255, 0.2); border-left-color: rgba(0, 0, 0, 0.05); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; position: absolute; content: "";
}
.dt-sc-button.with-icon.icon-right.type2 span::after {
	left: 0px; top: 0px; height: 100%; border-right-color: rgba(255, 255, 255, 0.2); border-left-color: rgba(0, 0, 0, 0.05); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; position: absolute; content: "";
}
.dt-sc-button span {
	transform: none;
}
.hidden {
	opacity: 0;
}
.visible {
	opacity: 1;
}
.margin-top-30 {
	margin-top: 30px;
}
.color-bg {
	background: rgb(242, 242, 242);
}
.slogan {
	background: rgb(255, 255, 255); border: 1px solid rgb(242, 242, 242); animation:bounceInUp 3s ease-out; border-image: none; width: 100%; margin-bottom: 30px; float: left; box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
}
.slogan .img-box {
	width: 100%; overflow: hidden; float: left;
}
.slogan .img-box img {
	transition:0.3s ease-in-out; width: 100%; transform: scale(1); -webkit-transform: scale(1); -webkit-transition: .3s ease-in-out;
}
.slogan:hover {
	box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
}
.slogan:hover img {
	transform: scale(1.1); -webkit-transform: scale(0.9);
}
.slogan h4 {
	margin: 20px 0px; padding: 0px; color: rgb(17, 17, 17); text-transform: capitalize; line-height: 21px; font-size: 18px; font-weight: normal;
}
.slogan:hover h4 {
	color: rgb(219, 66, 86);
}
.slogan p {
	padding: 10px 10px 30px; color: rgb(107, 124, 147); line-height: 24px; letter-spacing: 1px; font-size: 16px; margin-bottom: 0px;
}
#flexiselDemo1 {
	display: none;
}
#flexiselDemo2 {
	display: none;
}
#flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative; max-width: 100%;
}
.nbs-flexisel-ul {
	margin: 0px; width: 99999px; text-align: center; padding-left: 0px; list-style-type: none; position: relative;
}
.nbs-flexisel-inner {
	width: 100%; overflow: hidden; float: left; position: relative;
}
.nbs-flexisel-item {
	padding: 0px; width: 100%; float: left; position: relative; cursor: pointer;
}
.nbs-flexisel-nav-left {
	background: rgb(255, 255, 255); padding: 5px 10px; border-radius: 0px; top: 40%; color: rgb(255, 255, 255); position: absolute; z-index: 99; cursor: pointer; -moz-border-radius: 0px;
}
.nbs-flexisel-nav-right {
	background: rgb(255, 255, 255); padding: 5px 10px; border-radius: 0px; top: 40%; color: rgb(255, 255, 255); position: absolute; z-index: 99; cursor: pointer; -moz-border-radius: 0px;
}
.nbs-flexisel-nav-left {
	left: 0px;
}
.nbs-flexisel-nav-left::before {
	content: "<";
}
.nbs-flexisel-nav-left.disabled {
	opacity: 0.4;
}
.nbs-flexisel-nav-right {
	right: 5px;
}
.nbs-flexisel-nav-right::before {
	content: ">";
}
.nbs-flexisel-nav-right.disabled {
	opacity: 0.4;
}
.nbs-flexisel-ul img {
	-webkit-filter: grayscale(100%);
}
.hvr-shutter-out-vertical {
	background: none; vertical-align: middle; display: inline-block; position: relative; box-shadow: 0px 0px 1px transparent; transform: perspective(1px) translateZ(0px); transition-property: color; transition-duration: 0.3s; -webkit-transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; -webkit-transition-property: color;
}
.hvr-shutter-out-vertical::before {
	background: rgb(255, 255, 255); transform-origin: 50% 50%; border-radius: 6px; left: 0px; top: 0px; right: 0px; bottom: 0px; color: rgb(255, 0, 0); position: absolute; z-index: -1; content: ""; transform: scaleY(0); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; -webkit-transform: scaleY(0); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transform-origin: 50%;
}
.hvr-shutter-out-vertical:hover {
	color: white;
}
.hvr-shutter-out-vertical:focus {
	color: white;
}
.hvr-shutter-out-vertical:active {
	color: white;
}
.hvr-shutter-out-vertical:hover::before {
	transform: scaleY(1); -webkit-transform: scaleY(1);
}
.hvr-shutter-out-vertical:focus::before {
	transform: scaleY(1); -webkit-transform: scaleY(1);
}
.hvr-shutter-out-vertical:active::before {
	transform: scaleY(1); -webkit-transform: scaleY(1);
}
.input-mobi {
	background: rgb(255, 255, 255); padding: 14px; border: 1px solid rgb(222, 221, 221); border-image: none; width: 100%; color: rgb(157, 157, 157); font-size: 18px; margin-bottom: 7px; float: left; box-sizing: border-box;
}
.input-txt {
	background: rgb(255, 255, 255); padding: 14px; border: 1px solid rgb(222, 221, 221); border-image: none; width: 100%; height: 230px; color: rgb(157, 157, 157); font-size: 18px; margin-bottom: 7px; float: left; box-sizing: border-box;
}
.footer-main {
	padding: 10px 0px;
}
.parallax-footer {
	background: fixed no-repeat center / cover rgb(45, 45, 45);
}
.submit_btn {
	background: rgb(255, 255, 255); padding: 9px 0px; border-radius: 6px; border: 1px solid rgb(255, 0, 0); transition:background 0.3s ease-in-out, color 0.3s ease-in-out; border-image: none; width: 150px; color: rgb(255, 0, 0); text-transform: uppercase; letter-spacing: 2px; font-size: 24px; margin-top: 20px; float: left; cursor: pointer; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-animation-delay: 2s;
}
.submit_btn:hover {
	background: rgb(255, 0, 0); padding: 9px 0px; border-radius: 6px; border: 1px solid rgb(255, 0, 0); border-image: none; width: 150px; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 2px; font-size: 24px; margin-top: 20px; float: left; cursor: pointer;
}
.menu-f {
	width: 100%; text-align: left; margin-top: 20px; float: left;
}
.menu-f a {
	color: rgb(255, 255, 255); font-size: 16px;
}
.menu-f a i {
	margin: 0px 10px; color: rgb(255, 255, 255); font-size: 20px;
}
.menu-f a:hover i {
	color: rgb(238, 157, 92);
}
.menu-f span {
	margin: 0px 4px; color: rgb(125, 124, 124); font-weight: 600;
}
.menu-f p {
	margin: 5px 0px; padding: 10px 0px; text-align: left; color: rgb(255, 255, 255); line-height: 26px; font-size: 18px;
}
.menu-f h3 {
	margin: 5px 0px; padding: 0px; text-align: left; color: rgb(255, 255, 255); line-height: 26px; font-size: 18px;
}
.menu-f p a {
	color: rgb(255, 255, 255) !important; font-size: 16px !important;
}
.sponser-event {
	margin: 20px 0px; padding: 10px 0px; width: 100%; float: left;
}
.carousel#fade-quote-carousel {
	padding-bottom: 60px;
}
.carousel#fade-quote-carousel .carousel-inner .item {
	opacity: 0; transition-property: opacity; -webkit-transition-property: opacity;
}
.carousel#fade-quote-carousel .carousel-inner .active {
	opacity: 1; transition-property: opacity; -webkit-transition-property: opacity;
}
.carousel#fade-quote-carousel .carousel-indicators {
	bottom: 10px;
}
.carousel#fade-quote-carousel .carousel-indicators > li {
	border: currentColor; border-image: none; background-color: rgb(51, 51, 51);
}
#fade-quote-carousel blockquote {
	border: currentColor; border-image: none; text-align: center; color: rgb(255, 255, 255);
}
#fade-quote-carousel .profile-circle {
	margin: 0px auto; border-radius: 100px; width: 100px; height: 100px;
}
.container > header h1 {
	margin: 0px 0px 0.6em; line-height: 1.3; font-size: 2.12em; font-weight: 400; float: left;
}
.container > header > span {
	padding: 0px 0px 0.6em 0.1em; text-transform: uppercase; letter-spacing: 0.5em; font-weight: 700; display: block; position: relative; z-index: 9999;
}
.container > header > span span::after {
	left: -12px; top: -8px; width: 30px; height: 30px; font-size: 75%; position: relative;
}
.container > header > span span:hover::before {
	background: rgb(71, 163, 218); padding: 0.8em 1em; left: auto; text-align: left; color: rgb(255, 255, 255); text-transform: none; line-height: 1.2; text-indent: 0px; letter-spacing: 0px; font-size: 110%; font-weight: 300; margin-left: 4px; position: absolute; content: attr(data-content);
}
.container > header nav {
	text-align: center; float: right;
}
.container > header nav a {
	background: rgb(255, 255, 255); margin: 0px 0.1em; border-radius: 50%; border: 4px solid rgb(71, 163, 218); border-image: none; width: 2.5em; height: 2.5em; text-align: left; display: inline-block; position: relative;
}
.container > header nav a > span {
	display: none;
}
.container > header nav a:hover::before {
	top: 120%; width: 600%; text-align: right; right: 0px; color: rgb(71, 163, 218); position: absolute; content: attr(data-info); pointer-events: none;
}
.container > header nav a:hover {
	background: rgb(71, 163, 218);
}
#toTop {
	background: rgb(181, 45, 45); right: 10px; bottom: 10px; color: rgb(255, 255, 255); display: none; position: fixed; cursor: pointer;
}
.cbp-af-header {
	transition:height 0.3s; width: 100%; position: fixed; z-index: 10000; -webkit-transition: height 0.3s; -moz-transition: height 0.3s;
}
.cbp-af-header h1 {
	display: inline-block; position: relative;
}
.cbp-af-header nav {
	display: inline-block; position: relative;
}
.cbp-af-header h1 {
	
}
.cbp-af-header nav a {
	
}
.cbp-af-header h1 {
	margin: 0px; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 2px; font-size: 30px; float: left;
}
.cbp-af-header nav {
	float: right;
}
.cbp-af-header nav a {
	
}
.cbp-af-header nav a:hover {
	color: rgb(51, 51, 51);
}
.cbp-af-header h1 {
	transition:0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
}
.cbp-af-header nav a {
	transition:0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
}
.cbp-af-header .white-l {
	display: block;
}
.cbp-af-header .red-l {
	display: none;
}
.cbp-af-header.cbp-af-header-shrink {
	background: rgb(255, 255, 255); margin: 0px; border-bottom-color: rgb(242, 242, 242); border-bottom-width: 1px; border-bottom-style: solid; box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
}
.cbp-af-header.cbp-af-header-shrink h1 {
	color: rgb(51, 51, 51) !important; line-height: 18px;
}
.cbp-af-header.cbp-af-header-shrink nav a {
	color: rgb(51, 51, 51) !important; line-height: 18px;
}
.cbp-af-header.cbp-af-header-shrink .navbar-default .navbar-toggle .icon-bar {
	background: rgb(255, 0, 0);
}
.cbp-af-header.cbp-af-header-shrink h1 {
	color: rgb(68, 166, 195) !important; line-height: 18px;
}
.cbp-af-header-shrink .white-l {
	display: none;
}
.cbp-af-header-shrink .red-l {
	display: block;
}
@media screen and (max-width:55em)
{
.cbp-af-header .cbp-af-inner {
	width: 100%;
}
.cbp-af-header h1 {
	margin: 0px auto; text-align: center; float: none; display: block;
}
.cbp-af-header nav {
	margin: 0px auto; text-align: center; float: none; display: block;
}
.cbp-af-header h1 {
	line-height: 115px;
}
.cbp-af-header nav a {
	line-height: 115px;
}
.cbp-af-header nav a {
	margin: 0px 10px;
}
.cbp-af-header.cbp-af-header-shrink h1 {
	line-height: 45px;
}
.cbp-af-header.cbp-af-header-shrink nav a {
	line-height: 45px;
}
.cbp-af-header.cbp-af-header-shrink h1 {
	font-size: 2em;
}
.cbp-af-header.cbp-af-header-shrink nav a {
	font-size: 1em;
}
}
@media screen and (max-width:32.25em)
{
.cbp-af-header nav a {
	font-size: 1em;
}
}
@media screen and (max-width:24em)
{
.cbp-af-header nav a {
	line-height: 1;
}
.cbp-af-header.cbp-af-header-shrink nav a {
	line-height: 1;
}
}
.full-width-slider {
	width: 100%; float: left;
}
#myCarousel .nav a small {
	display: block;
}
.nav-pills > li.active > a {
	color: rgb(67, 166, 195) !important; background-color: transparent !important;
}
.nav-pills > li.active > a:hover {
	color: rgb(67, 166, 195) !important; background-color: transparent !important;
}
.nav-pills > li.active > a:focus {
	color: rgb(67, 166, 195) !important; background-color: transparent !important;
}
.nav > li > a:hover {
	background-color: transparent !important;
}
.nav > li > a:focus {
	background-color: transparent !important;
}
#myCarousel .nav {
	margin: 0px auto; text-align: center; float: none;
}
.slide-circle {
	width: 6%; margin-top: -40px !important;
}
.slide-circle {
	
}
#myCarousel .nav a {
	padding: 3px; border-radius: 0px; color: rgb(255, 255, 255); text-transform: capitalize; font-size: 18px; font-weight: 500;
}
#myCarousel .nav a:hover {
	color: rgba(255, 255, 255, 0.79);
}
header {
	top: 0px; width: 100%; height: 60px; position: absolute; background-color: transparent;
}
#header {
	padding-left: 0px; margin-right: 0px; margin-left: 0px;
}
.top-header {
	width: 100%; float: left;
}
.login {
	width: 100%; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.login p {
	
}
.login a {
	margin: 17px 10px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px; float: left;
}
.login a:hover {
	text-decoration: none;
}
.main-header {
	width: 100%; float: left;
}
.logo {
	padding: 15px 0px; width: 30%; float: left;
}
.logo a {
	color: white; text-transform: uppercase; line-height: 1; font-size: 40px; font-weight: 700; display: block;
}
.logo a:hover {
	text-decoration: none;
}
.menu {
	width: 70%; float: left;
}
header nav ul {
	text-align: center;
}
header nav ul li {
	padding: 15px; text-align: center; display: inline-block;
}
header nav ul li:last-of-type {
	margin-right: 0px;
}
header nav ul li a {
	text-align: center; color: rgb(255, 255, 255); letter-spacing: 1px; font-size: 16px; font-weight: 500; text-transforn: uppercase;
}
.overlay {
	transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; position: absolute; opacity: 0.3; background-color: rgb(0, 0, 0);
}
.carousel-caption {
	bottom: 15%;
}
.slider-title {
	margin: 0px; padding: 0px; text-transform: none; line-height: 32px; font-size: 32px; font-weight: 900; display: inline-block; position: relative;
}
.slider-title1 {
	margin: 25px 0px; padding: 5px 0px; text-transform: uppercase !important; line-height: 60px; font-size: 44px !important; font-weight: 900; display: inline-block; position: relative;
}
.slider-txt {
	margin: 25px 0px; line-height: 1; font-size: 20px; display: inline-block; position: relative;
}
.left-txt-slider {
	width: 50%; float: right;
}
.slider-title-left {
	margin: 0px; padding: 15px 0px; text-transform: uppercase; line-height: 1; font-size: 50px; font-weight: 900; display: inline-block; position: relative;
}
.carousel-caption-left {
	bottom: 35% !important;
}
.my-btn-out {
	margin: 10px auto; text-align: center; display: block;
}
.my-btn {
	background: rgb(67, 166, 195); padding: 10px 15px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px;
}
a:hover {
	text-decoration: none;
}
.navbar-default {
	border-color: transparent !important; background-color: transparent !important;
}
.navbar-default .navbar-nav > li > a {
	color: rgb(255, 255, 255); text-transform: uppercase;
}
.navbar-nav > li > a {
	padding-top: 10px; padding-bottom: 10px;
}
.navbar-default .navbar-nav > .active > a {
	color: rgb(255, 255, 255); background-color: rgb(255, 150, 6);
}
.navbar-default .navbar-nav > .active > a:hover {
	color: rgb(255, 255, 255); background-color: rgb(255, 150, 6);
}
.navbar-default .navbar-nav > .active > a:focus {
	color: rgb(255, 255, 255); background-color: rgb(255, 150, 6);
}
.navbar-default .navbar-nav > li > a:hover {
	color: rgb(255, 255, 255); background-color: rgb(255, 150, 6);
}
.navbar-default .navbar-nav > li > a:focus {
	color: rgb(255, 255, 255); background-color: rgb(255, 150, 6);
}
.dropdown-menu > li.kopie > a {
	padding-left: 5px;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	border-radius: 0px 6px 6px; left: 100%; top: 0px; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px;
}
.dropdown-submenu > a::after {
	border-width: 5px 0px 5px 5px; border-style: solid; border-color: transparent transparent transparent rgb(51, 51, 51); width: 0px; height: 0px; margin-top: 5px; margin-right: -10px; float: right; display: block; content: " ";
}
.dropdown-submenu:hover > a::after {
	border-left-color: rgb(85, 85, 85);
}
.dropdown-menu > li > a:hover {
	text-decoration: none;
}
.dropdown-menu > .active > a:hover {
	text-decoration: none;
}
.dropdown-menu {
	padding: 0px !important; border-top-color: rgb(227, 70, 70) !important; border-top-width: 4px !important; border-top-style: solid !important;
}
.dropdown-menu {
	
}
.dropdown-menu > li {
	padding: 0px 10px; width: 100%; border-bottom-color: rgb(242, 242, 242) !important; border-bottom-width: 1px !important; border-bottom-style: solid !important;
}
.dropdown-menu > li:hover {
	background: none !important;
}
.dropdown-menu > li > a {
	background: rgb(255, 255, 255) !important; padding: 8px 15px; width: 100%; text-align: left; color: rgb(51, 51, 51) !important; text-transform: capitalize; font-size: 14px !important; float: left;
}
.dropdown-menu > li > a:hover {
	background: none !important; width: 100%; color: rgb(227, 70, 70) !important;
}
@media all and (max-width:767px)
{
.navbar-nav {
	display: inline;
}
.navbar-default .navbar-brand {
	display: inline;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: rgb(255, 150, 6);
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
	border-radius: 4px; color: red; margin-top: 2px; background-color: rgb(204, 204, 204);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: rgb(51, 51, 51);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	background-color: rgb(204, 204, 204);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	background-color: rgb(204, 204, 204);
}
.navbar-nav .open .dropdown-menu {
	border-radius: 0px; border-bottom-color: white; border-bottom-width: 1px; border-bottom-style: solid;
}
.dropdown-menu {
	padding-left: 10px;
}
.dropdown-menu .dropdown-menu {
	padding-left: 20px;
}
.dropdown-menu .dropdown-menu .dropdown-menu {
	padding-left: 30px;
}
li.dropdown.open {
	border: 0px solid red; border-image: none;
}
}
@media all and (min-width:768px)
{
ul.nav li:hover > ul.dropdown-menu {
	display: block;
}
#navbar {
	text-align: center;
}
}
.aupro-nav {
	float: right;
}
.animate {
	opacity: 0;
}
.animate.start {
	opacity: 1;
}
.animated {
	animation-duration: 2s; animation-fill-mode: both; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s;
}
.animate {
	animation-play-state: paused; -webkit-animation-play-state: paused;
}
.animate.start {
	animation-duration: 2s; animation-play-state: running; animation-fill-mode: both; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; -webkit-animation-play-state: running;
}
.slideInUp {
	animation-name: slideInUp; -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; -o-animation-name: slideInUp;
}
.hover-flat {
	transition:0.3s; position: relative;
}
.gorilla-big-btn {
	padding: 10px 40px; font-size: 16px; margin-right: 10px;
}
.btn-dark {
	color: rgb(255, 255, 255); background-color: rgb(255, 0, 0);
}
.btn-circle {
	border-radius: 50px;
}
.btn {
	border: currentColor; transition:0.3s; border-image: none;
}
.hover-flat:hover {
	transform: translateY(-5px);
}
.hover-flat:focus {
	transform: translateY(-5px);
}
.hover-flat:active {
	transform: translateY(-5px);
}
.btn-dark:focus {
	color: rgb(255, 255, 255); background-color: rgb(219, 66, 86);
}
.btn-dark:hover {
	color: rgb(255, 255, 255); background-color: rgb(219, 66, 86);
}
.btn:hover {
	color: rgb(255, 255, 255); text-decoration: none;
}
.btn:focus {
	color: rgb(255, 255, 255); text-decoration: none;
}
.btn.focus {
	color: rgb(255, 255, 255); text-decoration: none;
}
a:focus {
	color: rgb(242, 242, 242); text-decoration: none;
}
a:hover {
	color: rgb(242, 242, 242); text-decoration: none;
}
a:hover {
	color: rgb(242, 242, 242); text-decoration: underline;
}
a:focus {
	color: rgb(242, 242, 242); text-decoration: underline;
}
a:active {
	outline: 0px;
}
a:hover {
	outline: 0px;
}
.hover-flat {
	transition:0.3s; position: relative;
}
.gorilla-big-btn {
	padding: 10px 40px; font-size: 16px; margin-right: 10px;
}
.banner-in {
	background: url("../img/bg-abt.jpg") 0% 0% / 100%; margin: 0px; padding: 130px 0px 40px; width: 100%; float: left;
}
.img-banner-in {
	margin: 0px; padding: 20px 0px; width: 100%; float: left;
}
.img-banner-in h3 {
	margin: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 1em; padding-bottom: 10px; font-size: 30px; font-weight: 500; position: relative;
}
.holder {
	padding: 10px 0px 0px; width: 100%; text-align: center; margin-top: 10px; margin-bottom: 0px; position: relative;
}
#inner-banner .holder {
	padding: 10px 0px 0px; width: 100%; text-align: center; margin-top: 10px; margin-bottom: 0px; position: relative;
}
.holder .breadcrumb {
	background: none; list-style: none; padding: 0px; border-radius: 0px; right: 0px; margin-bottom: 0px;
}
#inner-banner .breadcrumb {
	background: none; list-style: none; padding: 0px; border-radius: 0px; right: 0px; margin-bottom: 0px;
}
.holder .breadcrumb > li {
	color: rgb(181, 180, 179); text-transform: uppercase;
}
#inner-banner .breadcrumb > li {
	color: rgb(181, 180, 179); text-transform: uppercase;
}
.holder .breadcrumb > li a {
	color: rgb(255, 255, 255); text-transform: uppercase; text-decoration: none;
}
#inner-banner .breadcrumb > li a {
	color: rgb(255, 255, 255); text-transform: uppercase; text-decoration: none;
}
.abt-out {
	width: 100%; float: left;
}
.about-in {
	background-position: right bottom; padding: 30px 0px; background-image: url("../img/particle-bg-bot-right.png"); background-repeat: no-repeat; background-size: 450px 520px;
}
.abt-heading {
	width: 100%; text-align: center; color: rgb(79, 79, 79); font-size: 36px; font-weight: 700; float: left;
}
.abt-heading span {
	color: rgb(255, 0, 0);
}
.with_over {
	width: 100%; text-align: left; color: rgb(0, 0, 0); line-height: 36px; font-size: 20px; margin-top: 30px; float: left;
}
.p-heading h4 {
	width: 100%; text-align: center; color: rgb(0, 0, 0); line-height: 36px; font-size: 30px; margin-bottom: 30px; float: left;
}
.partner-detail {
	background: rgb(244, 249, 253); padding: 80px 0px; width: 100%; text-align: left; float: left;
}
.partner-detail .img-box {
	margin: 0px 2%; width: 36%; float: left;
}
.partner-detail .img-box img {
	padding: 0px 40px; width: 100%;
}
.partner-detail .txt-box {
	margin: 0px 2%; width: 56%; float: left;
}
.partner-detail img {
	width: auto;
}
.partner-detail h2 {
	color: rgb(0, 0, 0); font-size: 30px; margin-bottom: 30px;
}
.partner-detail h4 {
	width: 100%; text-align: left; color: rgb(8, 101, 193); line-height: 52px; font-size: 36px; float: left;
}
.partner-detail h2 {
	width: 100%; text-align: left; color: rgb(8, 101, 193); line-height: 52px; font-size: 50px; font-weight: bold; float: left;
}
.partner-detail:hover h2 {
	color: rgb(241, 51, 49);
}
.partner-detail-b:hover .txt-box h4 {
	color: rgb(241, 51, 49);
}
.partner-detail:hover h4 {
	color: rgb(241, 51, 49);
}
.partner-detail p {
	width: 100%; text-align: left; color: rgb(51, 51, 51); line-height: 30px; font-size: 18px; margin-top: 0px; float: left;
}
.partner-detail h5 {
	width: 100%; text-align: left; color: rgb(0, 0, 0); line-height: 40px; font-size: 30px; float: left;
}
.partner-detail .ul-txt {
	width: 100%; text-align: left; color: rgb(34, 34, 34); line-height: 34px; font-size: 16px; margin-bottom: 0px; float: left;
}
.partner-detail .ul-txt i {
	margin-right: 10px;
}
.partner-detail-b h5 {
	width: 100%; text-align: center; color: rgb(8, 101, 193); line-height: 52px; font-size: 36px; margin-bottom: 30px; float: left;
}
.partner-detail-b {
	background: rgb(255, 255, 255); padding: 80px 0px; width: 100%; text-align: center; float: left;
}
.partner-detail-b .img-box {
	margin: 0px 2%; width: 36%; float: left;
}
.partner-detail-b .img-box img {
	padding: 0px 40px; width: 100%;
}
.partner-detail-b .txt-box {
	margin: 0px 2%; width: 56%; float: left;
}
.partner-detail-b .txt-box h4 {
	width: 100%; text-align: left; color: rgb(8, 101, 193); line-height: 52px; font-size: 36px; float: left;
}
.partner-detail-b .txt-box p {
	width: 100%; text-align: left; color: rgb(0, 0, 0); line-height: 30px; font-size: 18px; margin-top: 0px; float: left;
}
.with_over span {
	color: rgb(17, 17, 17); font-weight: 600;
}
.txt-bg {
	background: rgb(0, 56, 92); padding: 0px 5px 3px; color: rgb(255, 255, 255); line-height: 45px; font-size: 29px; font-style: italic;
}
.alignleft {
	text-align: left;
}
footer {
	background: rgb(21, 20, 20); padding: 30px 0px 0px; color: rgb(255, 255, 255);
}
footer h3 {
	color: rgb(255, 255, 255); font-size: 22px; margin-bottom: 25px;
}
footer p {
	color: rgb(136, 136, 136); font-size: 14px;
}
footer ul {
	list-style: none; margin: 0px; padding: 0px 0px 20px;
}
footer ul li {
	color: rgba(255, 255, 255, 0.6); margin-bottom: 10px; display: flex;
}
footer ul li i {
	text-align: center; color: rgb(119, 119, 119); font-size: 16px !important; margin-right: 5px;
}
footer a {
	outline: 0px; transition:0.2s; color: rgba(255, 255, 255, 0.6); font-size: 16px !important; text-decoration: none; -webkit-transition: all .2s ease;
}
footer a:hover {
	color: rgb(242, 242, 242); text-decoration: none;
}
#contact_bg {
	background: url("../img/map_footer.png") no-repeat bottom;
}
#social_footer {
	text-align: left; padding-top: 10px; margin-top: 10px;
}
#social_footer ul {
	margin: 0px; padding: 0px 0px 10px;
}
#social_footer ul li {
	margin: 0px 5px 10px; display: inline-block;
}
#social_footer ul li a {
	border-radius: 50%; width: 35px; height: 35px; color: rgb(255, 255, 255); line-height: 34px; font-size: 16px; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
#social_footer ul li i {
	padding: 8px; color: rgb(255, 255, 255); font-size: 15px !important;
}
#social_footer ul li a:hover {
	
}
#social_footer ul li a:hover i {
	color: rgb(0, 37, 74);
}
.copyright {
	padding: 7px 0px; color: rgb(119, 119, 119); line-height: 30px; min-height: 30px;
}
.design {
	padding: 7px 0px; text-align: right; color: rgb(119, 119, 119); line-height: 30px; min-height: 30px;
}
.footer-bottom {
	width: 100%; min-height: 30px; background-color: rgb(17, 17, 17);
}
.logo_footer {
	width: 200px; margin-bottom: 20px;
}
.widget_text ul.split-list {
	width: 48%; clear: none; margin-right: 2%; float: left;
}
widget_text ul.split-list li:hover {
	border-color: rgba(255, 255, 255, 0.2);
}
widget_text ul.split-list li {
	border: currentColor; border-image: none; width: 100%; position: relative;
}
widget_text ul.split-list li a {
	padding: 10px 0px 10px 20px; color: rgb(0, 0, 0);
}
widget_text ul.split-list li a:hover {
	color: rgba(255, 255, 255, 0.6);
}
.section-title {
	margin-bottom: 37px;
}
.section-title h2 {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 45px; font-size: 30px; font-weight: 600; display: inline-block; position: relative;
}
.section-title p {
	color: rgb(255, 255, 255); line-height: 34px; font-size: 18px; margin-bottom: 20px;
}
.section-title span {
	color: rgb(242, 242, 242); font-size: 20px; font-weight: 600;
}
.animate-cloud {
	background: url("../img/cloudwash1.png") repeat-x 0px 100%; animation:cloudwash 60s linear infinite; left: 0px; top: 0px; width: 500em; height: 100%; visibility: inherit; position: absolute; opacity: 1; -webkit-animation: cloudwash 60s linear infinite; -moz-animation: cloudwash 60s linear infinite;
}
.overlay-light {
	position: relative;
}
.bg-ink {
	background-position: right bottom; opacity: 0.7; background-image: url("../img/colour-bg.png"); background-repeat: no-repeat; background-size: 100% auto;
}
.p-bot-70 {
	padding-bottom: 70px;
}
.p-top-70 {
	padding-top: 70px;
}
.section-heading {
	
}
.m-bot-80 {
	margin-bottom: 80px;
}
.text-center {
	text-align: center;
}
.section-heading h2 {
	margin: 0px 0px 25px; color: rgb(34, 34, 34); text-transform: capitalize; line-height: 55px; padding-bottom: 10px; font-size: 45px; font-weight: 100; position: relative;
}
.section-heading h2::after {
	background: rgb(255, 0, 0); left: 50%; width: 50px; height: 5px; bottom: 0px; margin-left: -25px; position: absolute; content: "";
}
.contact-form {
	
}
.contact-form .form-group {
	margin-bottom: 30px;
}
.contact-form .input-rounded {
	padding: 10px 20px; border-radius: 50px; border: 1px solid rgb(161, 161, 161); transition:0.5s; border-image: none; height: 44px; text-transform: uppercase; letter-spacing: 2px; font-size: 15px;
}
.bg-transparent {
	background: none;
}
.help-block {
	color: rgb(115, 115, 115); margin-top: 5px; margin-bottom: 10px; display: block;
}
.btn {
	border: currentColor; transition:0.3s; border-image: none;
}
.btn-circle {
	border-radius: 50px;
}
.btn-submit {
	
}
.hover-radial {
	vertical-align: middle; display: inline-block; position: relative; box-shadow: 0px 0px 1px transparent; transform: perspective(1px) translateZ(0px);
}
.btn-ripe {
	color: rgb(255, 255, 255); background-image: linear-gradient(45deg, rgb(225, 90, 105) 0%, rgb(255, 0, 0) 100%); background-color: rgb(225, 90, 105);
}
.btn-ripe:hover {
	color: rgb(255, 255, 255); background-image: linear-gradient(45deg, rgb(255, 0, 0) 0%, rgb(225, 90, 105) 100%); background-color: rgb(225, 90, 105);
}
.btn-circle {
	border-radius: 50px;
}
.btn-lg {
	padding: 10px 22px; text-transform: capitalize; letter-spacing: 3px; font-size: 18px; font-weight: 300;
}
.btn {
	border: currentColor; transition:0.3s; border-image: none;
}
.contact-form {
	
}
.contact-form .form-group {
	margin-bottom: 30px;
}
.contact-form .input-rounded {
	padding: 10px 20px; border-radius: 50px; border: 1px solid rgb(161, 161, 161); transition:0.5s; border-image: none; height: 44px; text-transform: uppercase; letter-spacing: 2px; font-size: 15px;
}
.contact-form .input-rounded:focus {
	text-transform: inherit; padding-left: 15px; background-color: rgb(255, 255, 255);
}
.contact-form textarea.input-rounded:focus {
	height: 150px; padding-top: 30px; padding-left: 30px;
}
.form-control:focus {
	border-color: rgb(161, 161, 161); outline: 0px; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 3px rgba(102,175,233,0.6);
}
.contact-form .g-recaptcha {
	margin-left: 22%;
}
.btn-submit {
	
}
.form-subscribe {
	margin: 0px auto; display: block; position: relative; max-width: 600px;
}
.form-subscribe .form-control {
	padding: 10px 20px; border-radius: 50px; border: 2px solid rgb(255, 255, 255); transition:0.5s; border-image: none; height: 44px; color: rgb(255, 255, 255); letter-spacing: 1px; font-size: 18px; background-color: transparent;
}
.btn-subscribe {
	border-radius: 50px; border: currentColor; transition:0.5s; border-image: none; top: 4px; height: 35px; right: 4px; text-transform: uppercase; position: absolute; background-color: rgb(255, 255, 255);
}
.btn-subscribe:focus {
	color: rgb(255, 255, 255); background-color: rgb(120, 208, 254);
}
.btn-subscribe:hover {
	color: rgb(255, 255, 255); background-color: rgb(120, 208, 254);
}
.form-subscribe .form-control:focus {
	padding-left: 15px; background-color: rgba(255, 255, 255, 0.15);
}
.awesome-review {
	padding: 0px 40px 0px 0px; overflow: hidden; margin-bottom: 60px; position: relative; box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
}
.awesome-review .review-img {
	width: 220px; height: 250px; overflow: hidden; margin-right: 30px; float: left; position: relative;
}
.awesome-review .review-img::before {
	border-width: 0px 0px 250px 100px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); top: 0px; height: 100%; right: 0px; position: absolute; content: "";
}
.review-img img {
	
}
.awesome-review .fa {
	left: 180px; bottom: 40px; font-size: 45px; position: absolute; opacity: 0.4;
}
.awesome-review h4 {
	line-height: 30px; margin-top: 40px;
}
.awesome-review h3 {
	text-align: right; font-style: italic;
}
.section-padding {
	
}
.section-title1 {
	margin-bottom: 75px;
}
.section-title1 h2 {
	width: 100%; text-align: center; color: rgb(79, 79, 79); font-size: 36px; font-weight: 700; float: left;
}
.section-title1 p {
	width: 100%; text-align: center; color: rgb(0, 0, 0); line-height: 36px; font-size: 20px; margin-top: 20px; float: left;
}
.hovereffect1 {
	background: rgb(17, 17, 17); width: 100%; height: 100%; text-align: center; overflow: hidden; float: left; position: relative; cursor: default;
}
.hovereffect1 .overlay1 {
	padding: 50px 20px; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute;
}
.hovereffect1 img {
	transition:opacity 0.35s, transform 0.35s; width: calc(100% + 20px); display: block; position: relative; max-width: none; transform: translate3d(-10px, 0px, 0px); backface-visibility: hidden; -webkit-transform: translate3d(-10px, 0, 0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-backface-visibility: hidden;
}
.hovereffect1:hover img {
	opacity: 0.4; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.hovereffect1 h2 {
	padding: 0.5em 0px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; overflow: hidden; font-size: 17px; position: relative; background-color: transparent;
}
.hovereffect1 h2::after {
	background: rgb(255, 255, 255); transition:transform 0.35s; left: 0px; width: 100%; height: 2px; bottom: 0px; position: absolute; content: ""; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.35s;
}
.hovereffect1:hover h2::after {
	transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.hovereffect1 a {
	transition:opacity 0.35s, transform 0.35s; color: rgb(255, 255, 255); text-decoration: none; opacity: 0; transform: translate3d(100%, 0px, 0px); -webkit-transform: translate3d(100%, 0, 0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
}
.hovereffect1 p {
	transition:opacity 0.35s, transform 0.35s; color: rgb(255, 255, 255); text-decoration: none; opacity: 0; transform: translate3d(100%, 0px, 0px); -webkit-transform: translate3d(100%, 0, 0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
}
.hovereffect1:hover a {
	opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.hovereffect1:hover p {
	opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.section-title1 h2 span {
	color: rgb(255, 0, 0);
}
.text-center {
	text-align: center;
}
.single-blog-box {
	transition:0.3s; width: 100%; margin-bottom: 30px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; float: left; -webkit-transition: .3s;
}
.blog-bg-1 {
	background-image: url("../img/blog-1.jpg");
}
.blog-box-bg {
	background-position: center; padding: 10px; width: 100%; height: auto; overflow: hidden; float: left; background-size: cover; background-color: rgb(255, 255, 255);
}
.blog-box-bg img {
	width: 100%;
}
.blog-box-bg1 {
	background-position: center; padding: 10px; width: 100%; height: auto; overflow: hidden; float: left; position: relative; background-size: cover; background-color: rgb(255, 255, 255);
}
.blog-box-bg1 img {
	width: 102%;
}
.blog-conent1 {
	background: none; width: 100%; bottom: 18%; position: absolute;
}
.blog-conent1 h3 {
	background: linear-gradient(to right, rgb(102, 102, 102) 50%, rgba(255, 0, 0, 0)); padding: 7px 12px; width: 100%; color: rgb(255, 255, 255); line-height: normal; font-size: 19px; display: inline-block; position: relative; opacity: 1;
}
.blog-conent {
	padding: 5px 20px; width: 100%; float: left;
}
.blog-meta {
	font-size: 14px;
}
.blog-meta span {
	margin-right: 10px;
}
.blog-meta span:last-child {
	margin-right: 0px;
}
.blog-conent h3 {
	background: rgb(136, 136, 136); padding: 7px 12px; color: rgb(255, 255, 255); line-height: normal; font-size: 18px; display: inline-block; position: relative;
}
.blog-conent h3::before {
	background: rgb(136, 136, 136); left: 100%; top: 0px; bottom: 0px; border-top-color: currentColor; border-right-color: currentColor; border-bottom-color: transparent !important; border-left-color: transparent !important; border-top-width: 18px; border-right-width: 20px; border-bottom-width: 20px !important; border-left-width: 20px !important; border-top-style: solid; border-right-style: solid; border-bottom-style: solid !important; border-left-style: solid !important; position: absolute; content: "";
}
.blog-conent p {
	margin: 0px; text-align: left; color: rgb(96, 96, 96); line-height: 30px; font-size: 16px;
}
.blog-readmore-btn {
	padding: 10px 20px; border-radius: 50px; transition:0.3s; color: rgb(53, 170, 253); text-transform: uppercase; font-size: 14px; font-weight: 700; text-decoration: none; margin-top: 5px; display: inline-block; -webkit-transition: .3s;
}
.blog-conent-d {
	padding: 0px 20px;
}
.blog-conent-d p {
	margin: 10px 0px; text-align: left; color: rgb(96, 96, 96); line-height: 30px; font-size: 16px;
}
.blog-conent-d ul {
	list-style: none; margin: 0px 0px 20px; padding: 0px; width: 100%; float: left;
}
.blog-conent-d ul li {
	list-style: none; width: 100%; color: rgb(102, 102, 102); padding-bottom: 5px; font-size: 16px; font-weight: 300; float: left; display: flex;
}
.blog-conent-d ul li i {
	padding: 5px; color: rgb(255, 0, 0); margin-right: 15px;
}
.blog-conent-d ul li span {
	margin: 0px auto; padding: 15px; border-radius: 6px; border: 1px solid rgb(238, 238, 238); border-image: none; top: -10px; width: 80px; height: 80px; text-align: center; clear: both; font-size: 50px !important; float: none; display: inline-block !important; position: relative;
}
.blog-conent-d ul li:hover span {
	color: rgb(0, 188, 213);
}
.alignright {
	margin: 10px 0px 10px 15px; float: right;
}
.alignleft {
	margin: 10px 15px 10px 0px; float: left;
}
.link-m {
	background: rgb(115, 112, 112); margin: 10px 0px; padding: 5px 20px; border-radius: 5px; text-align: center !important; color: rgb(255, 255, 255) !important; line-height: 30px; font-size: 16px;
}
.link-m a {
	color: rgb(242, 242, 242);
}
.link-m a:hover {
	color: rgb(242, 242, 242); text-decoration: none;
}
.blog-readmore-btn:hover {
	padding: 10px 25px; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(53, 170, 253);
}
.blog-readmore-btn i {
	padding-left: 5px;
}
.about-icon-inner {
	padding: 30px 0px 100px; width: 100%; float: left; background-color: rgb(242, 242, 242) !important;
}
.about-icon-inner h5 {
	color: rgb(51, 51, 51); text-transform: uppercase; line-height: 28px; font-size: 18px; font-weight: 500; margin-bottom: 5px;
}
.about-icon-inner .img-box img {
	width: 90px;
}
.arrow {
	width: 100%; padding-bottom: 80px; float: left; position: relative;
}
.arrow::before {
	right: 50%; border-right-color: transparent; border-left-color: currentColor; border-right-width: 1000px; border-left-width: 1000px; border-right-style: solid; border-left-style: solid;
}
.arrow::after {
	width: 50%; bottom: 0px; border-bottom-color: rgb(242, 242, 242); border-bottom-width: 50px; border-bottom-style: solid; position: absolute; z-index: 100; content: ""; transform: rotate(0.000001deg); -webkit-transform: rotate(0.000001deg); -o-transform: rotate(0.000001deg); -moz-transform: rotate(0.000001deg);
}
.arrow::before {
	width: 50%; bottom: 0px; border-bottom-color: rgb(242, 242, 242); border-bottom-width: 50px; border-bottom-style: solid; position: absolute; z-index: 100; content: ""; transform: rotate(0.000001deg); -webkit-transform: rotate(0.000001deg); -o-transform: rotate(0.000001deg); -moz-transform: rotate(0.000001deg);
}
.arrow::after {
	left: 50%; border-right-color: currentColor; border-left-color: transparent; border-right-width: 1000px; border-left-width: 1000px; border-right-style: solid; border-left-style: solid;
}
.roundedsplit {
	background: rgb(255, 255, 255); width: 100%; float: left; position: relative;
}
.roundedsplit::before {
	border-radius: 0px 80px 0px 0px;
}
.roundedsplit::before {
	background: inherit; left: 0px; top: -70px; width: 50%; height: 70px; z-index: 10;
}
.roundedsplit::after {
	background: inherit; left: 0px; top: -70px; width: 50%; height: 70px; z-index: 10;
}
.roundedsplit::before {
	position: absolute; content: ""; pointer-events: none;
}
.roundedsplit::after {
	position: absolute; content: ""; pointer-events: none;
}
.roundedsplit::after {
	border-radius: 80px 0px 0px; left: 50%;
}
.parallax__item_text {
	margin: 40% auto 0px; height: 46px; text-align: center; line-height: 46px; font-size: 46px;
}
.parallax__item_shape_rectangle {
	margin: 20% 0px 0px 15%; border: 9px solid rgb(205, 220, 57); border-image: none; width: 200px; height: 100px; text-align: center; display: block;
}
.parallax__item_shape_rectangle-shadow {
	margin: 21% 0px 0px 16%; border: 9px solid rgba(0, 0, 0, 0.1); border-image: none; width: 200px; height: 100px; text-align: center; display: block;
}
.parallax__item_shape_square {
	margin: 50% 0px 0px 50%; border: 9px solid rgb(253, 198, 137); border-image: none; width: 120px; height: 120px; display: block; transform: rotate(-30deg); -webkit-transform: rotate(-30deg);
}
.parallax__item_shape_square-shadow {
	margin: 51% 0px 0px 51%; border: 9px solid rgba(0, 0, 0, 0.1); border-image: none; width: 120px; height: 120px; display: block; transform: rotate(-30deg); -webkit-transform: rotate(-30deg);
}
.parallax__item_shape_circle {
	margin: 15% 0px 0px 65%; border-radius: 50%; border: 9px solid rgb(3, 155, 229); border-image: none; width: 120px; height: 120px; display: block;
}
.parallax__item_shape_circle-shadow {
	margin: 16% 0px 0px 66%; border-radius: 50%; border: 9px solid rgba(0, 0, 0, 0.1); border-image: none; width: 120px; height: 120px; display: block;
}
.parallax {
	width: 100%; height: 100%; position: relative;
}
.parallax__item {
	left: 0px; top: 0px; width: 100%; position: absolute;
}
.store-in {
	padding: 30px 0px; width: 100%; float: left; position: relative;
}
.abt-heading {
	width: 100%; text-align: center; color: rgb(79, 79, 79); font-size: 36px; font-weight: 700; float: left;
}
.abt-heading span {
	color: rgb(255, 0, 0);
}
.with_over {
	width: 100%; text-align: center; color: rgb(0, 0, 0); line-height: 36px; font-size: 20px; margin-top: 30px; float: left;
}
.store-inner {
	background: rgb(244, 249, 253); padding: 50px 0px; width: 100%; text-align: left; float: left;
}
.store-inner .icon-box {
	width: 70px;
}
.store-inner .icon-box img {
	width: 100%;
}
.store-inner h4 {
	width: 100%; text-align: left; color: rgb(8, 101, 193); line-height: 52px; font-size: 30px; float: left;
}
.store-inner p {
	width: 100%; text-align: left; color: rgb(51, 51, 51); line-height: 30px; font-size: 18px; margin-top: 0px; float: left;
}
.store-inner1 {
	padding: 50px 0px; width: 100%; text-align: left; float: left;
}
.store-inner1 .icon-box1 {
	width: 70px;
}
.store-inner1 .icon-box1 img {
	width: 100%;
}
.store-inner1 h4 {
	width: 100%; text-align: left; color: rgb(8, 101, 193); line-height: 52px; font-size: 30px; float: left;
}
.store-inner1 p {
	width: 100%; text-align: left; color: rgb(51, 51, 51); line-height: 30px; font-size: 18px; margin-top: 0px; float: left;
}
.diagonal-shadow {
	width: 100%; padding-bottom: 80px; float: left; position: relative;
}
.diagonal-shadow::before {
	background: rgb(83, 83, 83); transform-origin: 3% 0%; height: 50%; transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -webkit-transform-origin: 3% 0;
}
.diagonal-shadow::before {
	background: inherit; transform-origin: 0% 0%; left: -25%; top: 0px; width: 150%; height: 75%; z-index: -1; transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -webkit-transform-origin: 0 0;
}
.diagonal-shadow::after {
	background: inherit; transform-origin: 0% 0%; left: -25%; top: 0px; width: 150%; height: 75%; z-index: -1; transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -webkit-transform-origin: 0 0;
}
.diagonal-shadow::before {
	position: absolute; content: ""; pointer-events: none;
}
.diagonal-shadow::after {
	position: absolute; content: ""; pointer-events: none;
}
.diagonal-shadow-down {
	background: rgb(242, 242, 242); width: 100%; padding-bottom: 10px; float: left; position: relative;
}
.diagonal-shadow-down::before {
	background: rgb(83, 83, 83); transform-origin: 3% 0%; height: 50%; transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -webkit-transform-origin: 3% 0;
}
.diagonal-shadow-down::before {
	background: inherit; transform-origin: 70% 0%; left: -25%; top: 0px; width: 150%; height: 100%; z-index: -1; transform: rotate(-2deg); -webkit-transform-origin: 120% 0; webkit-transform: rotate(-2deg);
}
.diagonal-shadow-down::after {
	background: inherit; transform-origin: 70% 0%; left: -25%; top: 0px; width: 150%; height: 100%; z-index: -1; transform: rotate(-2deg); -webkit-transform-origin: 120% 0; webkit-transform: rotate(-2deg);
}
.diagonal-shadow-down::before {
	position: absolute; content: ""; pointer-events: none;
}
.diagonal-shadow-down::after {
	position: absolute; content: ""; pointer-events: none;
}
.platform-inner {
	padding: 60px 0px 100px; width: 100%; float: left; background-color: rgb(242, 242, 242) !important;
}
.platform-inner h4 {
	text-align: center; color: rgb(17, 17, 17); font-size: 30px;
}
.platform-inner .inner-icon {
	padding: 10px 0px; width: 100%; float: left;
}
.platform-inner .inner-icon .image-left {
	width: 12%; margin-bottom: 30px; float: left; display: inline-block;
}
.platform-inner .inner-icon .txt-right {
	width: 71%; padding-left: 15px; float: left;
}
.platform-inner .inner-icon .txt-right h4 {
	text-align: left; color: rgb(51, 51, 51); font-size: 18px;
}
.platform-inner .inner-icon .txt-right p {
	text-align: left; color: rgb(102, 102, 102); font-size: 14px;
}
.platform-inner .inner-icon .image-left i {
	font-size: 40px;
}
.big-mob {
	padding: 30px 10px; width: 100%; text-align: center;
}
.big-mob img {
	width: 100%;
}
.platform-block {
	padding: 10px 0px; position: relative;
}
.platform-block:hover {
	transition:0.3s; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); transform: translateY(-5px); -webkit-transition: .3s;
}
.platform-block .img-box {
	border-radius: 100%; transition:box-shadow 0.3s; width: 100%; text-align: center; color: rgb(255, 255, 255); padding-top: 15px; font-size: 28px; margin-bottom: 12px;
}
.platform-block .img-box img {
	width: 100px;
}
.platform-block:hover img {
	transition:1s ease-in-out; transform: rotateY(360deg);
}
.platform-content-block {
	padding: 0px 20px; text-align: center;
}
.platform-content-block h5 {
	color: rgb(96, 96, 96); line-height: 22px; padding-top: 15px; font-size: 20px; font-weight: 500; margin-bottom: 5px;
}
.platform-content-block p {
	color: rgb(96, 96, 96); font-size: 14px !important;
}
.hovereffect {
	width: 100%; height: 100%; text-align: center; overflow: hidden; float: left; position: relative; cursor: default;
}
.hovereffect .overlay {
	transition:0.4s ease-in-out; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; background-color: rgba(75, 75, 75, 0.7); -webkit-transition: all 0.4s ease-in-out;
}
.hovereffect:hover .overlay {
	background-color: rgba(48, 152, 157, 0.4);
}
.hovereffect img {
	display: block; position: relative;
}
.hovereffect h2 {
	background: rgba(0, 0, 0, 0.6); padding: 10px; transition:0.4s ease-in-out; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 17px; position: relative; transform: translateY(45px); -webkit-transform: translateY(45px); -webkit-transition: all 0.4s ease-in-out;
}
.hovereffect:hover h2 {
	transform: translateY(5px); -webkit-transform: translateY(5px);
}
.hovereffect a.info {
	margin: -52px 0px 0px; padding: 62px 100px; border: 1px solid rgb(255, 255, 255); transition:0.4s ease-in-out; border-image: none; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: normal; text-decoration: none; display: inline-block; opacity: 0; transform: scale(0); background-color: transparent; -webkit-transform: scale(0); -webkit-transition: all 0.4s ease-in-out;
}
.hovereffect:hover a.info {
	opacity: 1; transform: scale(1); -webkit-transform: scale(1);
}
.hovereffect a.info:hover {
	box-shadow: 0px 0px 5px #fff;
}
.store-bg {
	background-position: right bottom; padding: 30px 0px; background-image: url("../img/particle-bg-bot-right.png"); background-repeat: no-repeat; background-size: 450px 520px;
}
.store-bg1 {
	background-position: left bottom; padding: 30px 0px; background-image: url("../img/particle-bg-bot-left.png"); background-repeat: no-repeat; background-size: 450px 520px;
}
.platform-inner-new {
	padding: 60px 0px; width: 100%; float: left; background-color: rgb(242, 242, 242) !important;
}
.platform-inner-new h4 {
	text-align: center; color: rgb(17, 17, 17); font-size: 30px;
}
.platform-inner-new h5 {
	text-align: center; color: rgb(34, 34, 34); font-size: 26px;
}
.platform-inner-new p {
	text-align: center; color: rgb(68, 68, 68); font-size: 16px;
}
.platform-inner-new1 {
	padding: 60px 0px; width: 100%; float: left; background-color: rgb(255, 255, 255) !important;
}
.platform-inner-new1 h4 {
	text-align: center; color: rgb(17, 17, 17); font-size: 30px;
}
.platform-inner-new1 h5 {
	text-align: center; color: rgb(17, 17, 17); font-size: 26px;
}
.platform-inner-new1 p {
	text-align: center; color: rgb(51, 51, 51); font-size: 16px;
}
.platform-inner-new .inner-icon {
	padding: 10px 0px; width: 100%; float: left;
}
.platform-inner-new .inner-icon .image-left {
	width: 12%; margin-bottom: 30px; float: left; display: inline-block;
}
.platform-inner-new .inner-icon .txt-right {
	width: 71%; padding-left: 15px; float: left;
}
.platform-inner-new .inner-icon .txt-right h4 {
	text-align: center; color: rgb(255, 255, 255); font-size: 18px;
}
.platform-inner-new .inner-icon .txt-right h5 {
	text-align: center; color: rgb(255, 255, 255); font-size: 16px;
}
.platform-inner-new .inner-icon .txt-right p {
	text-align: center; color: rgb(242, 242, 242); font-size: 14px;
}
.platform-inner-new .inner-icon .image-left i {
	font-size: 40px;
}
.all-icon {
	width: 100%; text-align: center; float: left;
}
.all-icon-in {
	margin: 4px; padding: 10px 0px; border: 1px solid rgb(242, 242, 242); border-image: none; width: 19%; text-align: center; float: left;
}
.all-icon-in:hover {
	border: 1px solid rgb(245, 174, 174); transition:0.3s; border-image: none; transform: translateY(-5px); -webkit-transition: .3s;
}
.all-icon-in.img-box-in {
	border-radius: 100%; transition:box-shadow 0.3s; width: 100%; text-align: center; color: rgb(255, 255, 255); padding-top: 15px; font-size: 28px; margin-bottom: 12px;
}
.platform-block .img-box img {
	width: 100px;
}
.all-icon-in h5 {
	color: rgb(17, 17, 17); line-height: 22px; font-size: 18px; font-weight: normal; margin-bottom: 5px;
}
.curveIn {
	animation-name: curveIn; animation-duration: 3s; -webkit-animation-name: curveIn; -webkit-animation-duration: 3s;
}
.sidebar {
	width: 100%; float: left;
}
.sidebar .sidebar-item {
	padding: 25px; border: 1px solid rgb(238, 238, 238); border-image: none; color: rgb(136, 136, 136); line-height: 20px; font-size: 13px; margin-bottom: 40px;
}
.sidebar .sidebar-item h5.widget-title {
	color: rgb(51, 51, 51); text-transform: uppercase; font-size: 14px; font-weight: bold; margin-bottom: 25px; position: relative;
}
.sidebar .sidebar-item h5.widget-title::after {
	background: rgb(52, 179, 238); width: 25px; height: 4px; margin-top: 20px; display: block; content: "";
}
.sidebar .sidebar-item h5.widget-title1 {
	color: rgb(51, 51, 51); text-transform: uppercase; font-size: 14px; font-weight: bold; margin-bottom: 25px; position: relative;
}
.sidebar .sidebar-item h5.widget-title1::after {
	background: rgb(253, 96, 96); width: 25px; height: 4px; margin-top: 20px; display: block; content: "";
}
.sidebar .sidebar-item h5.widget-title2 {
	color: rgb(51, 51, 51); text-transform: uppercase; font-size: 14px; font-weight: bold; margin-bottom: 25px; position: relative;
}
.sidebar .sidebar-item h5.widget-title2::after {
	background: rgb(125, 137, 247); width: 25px; height: 4px; margin-top: 20px; display: block; content: "";
}
.sidebar .sidebar-item ul {
	padding-left: 0px; list-style-type: none;
}
.sidebar .sidebar-item ul li {
	color: rgb(102, 102, 102); padding-top: 5px; padding-bottom: 5px; font-size: 14px;
}
.sidebar .sidebar-item ul li i {
	color: rgb(76, 73, 73); font-size: 12px; margin-right: 10px;
}
.ul-title {
	color: rgb(17, 17, 17); text-transform: uppercase; font-size: 22px; margin-top: 20px; margin-bottom: 10px;
}
.btn-back {
	margin: 0px; width: 100%; float: left;
}
@media only screen and (max-width:1200px) and (min-width:1000px)
{
.carousel-caption {
	bottom: 0px;
}
.carousel-caption {
	left: 10%; right: 10%;
}
.banner-in {
	background-size: cover;
}
.blog-conent h3::before {
	border-bottom-color: transparent !important; border-bottom-width: 17px !important; border-bottom-style: solid !important;
}
.blog-conent h3 {
	font-size: 16px;
}
}
@media only screen and (max-width:999px) and (min-width:768px)
{
.carousel-caption {
	bottom: 0px;
}
.carousel-caption {
	left: 2%; right: 2%;
}
.slider-title {
	line-height: 30px; font-size: 28px; font-weight: 600;
}
.slider-title1 {
	margin: 10px; line-height: 40px; font-size: 38px !important; font-weight: 600; display: block;
}
.slider-txt {
	margin: 10px 0px; font-size: 18px;
}
.slide-circle {
	width: 16%;
}
.all-icon-in {
	width: 32%;
}
.layer-box img {
	width: 100%;
}
.service-content-block {
	height: 40px;
}
.banner-in {
	background-size: cover;
}
.about-in {
	padding: 30px 10px;
}
.single-blog-box {
	margin-bottom: 20px;
}
.blog-box-bg {
	height: auto;
}
.platform-inner-new {
	padding: 60px 10px;
}
.platform-inner-new1 {
	padding: 60px 10px;
}
.blog-conent h3::before {
	display: none;
}
}
@media only screen and (max-width:767px) and (min-width:601px)
{
.carousel-caption {
	bottom: 0px;
}
.carousel-caption {
	left: 2%; right: 2%;
}
.slider-title {
	line-height: 28px; font-size: 24px; font-weight: 500;
}
.slider-title1 {
	margin: 5px; line-height: 36px; font-size: 34px !important; font-weight: 500; display: block;
}
.slider-txt {
	margin: 10px 0px; font-size: 18px;
}
.slide-circle {
	width: 16%;
}
.all-icon-in {
	width: 48%;
}
.layer-box img {
	width: 100%;
}
.service-content-block {
	height: 40px;
}
.slogan {
	margin-bottom: 20px;
}
.copyright {
	text-align: center;
}
.design {
	text-align: center;
}
.banner-in {
	background-size: cover;
}
.about-in {
	padding: 30px 10px;
}
.single-blog-box {
	margin-bottom: 20px;
}
.blog-box-bg {
	height: auto;
}
.partner-detail .img-box {
	width: 100%; text-align: center;
}
.partner-detail .txt-box {
	padding: 10px; width: 100%; text-align: center;
}
.partner-detail-b .img-box {
	width: 100%; text-align: center;
}
.partner-detail-b .txt-box {
	padding: 10px; width: 100%; text-align: center;
}
.partner-detail .img-box img {
	width: 300px;
}
.partner-detail-b .img-box img {
	width: 300px;
}
.platform-inner-new {
	padding: 60px 10px;
}
.platform-inner-new1 {
	padding: 60px 10px;
}
.col-sm-offset-left-2 {
	margin-left: 0px;
}
.col-sm-offset-right-2 {
	margin-left: 0px;
}
.slogan h4 {
	font-size: 20px;
}
.slogan {
	height: 260px;
}
.blog-conent h3::before {
	display: none;
}
}
@media only screen and (max-width:600px) and (min-width:451px)
{
.carousel-caption {
	bottom: 0px;
}
.carousel-caption {
	left: 2%; right: 2%;
}
.slider-title {
	line-height: 22px; font-size: 18px; font-weight: 500;
}
.slider-title1 {
	margin: 0px; line-height: 30px; font-size: 26px !important; font-weight: 500; display: block;
}
.slider-txt {
	margin: 10px 0px; font-size: 14px;
}
.slide-circle {
	width: 16%;
}
.all-icon-in {
	width: 48%;
}
.layer-box img {
	width: 100%;
}
.service-content-block {
	height: 40px;
}
.slogan {
	margin-bottom: 20px;
}
.col-sm-offset-left-2 {
	margin-left: 0px;
}
.col-sm-offset-right-2 {
	margin-left: 0px;
}
.copyright {
	text-align: center;
}
.design {
	text-align: center;
}
.my-btn-out {
	margin: 5px auto;
}
.gorilla-big-btn {
	padding: 5px 20px; font-size: 16px;
}
.logo img {
	width: 100%;
}
.banner-in {
	padding: 90px 0px 40px; background-size: cover;
}
.about-in {
	padding: 30px 10px;
}
.single-blog-box {
	margin-bottom: 20px;
}
.blog-box-bg {
	height: auto;
}
.partner-detail .img-box {
	width: 100%; text-align: center;
}
.partner-detail .txt-box {
	padding: 10px; width: 100%; text-align: center;
}
.partner-detail-b .img-box {
	width: 100%; text-align: center;
}
.partner-detail-b .txt-box {
	padding: 10px; width: 100%; text-align: center;
}
.partner-detail .img-box img {
	width: 300px;
}
.partner-detail-b .img-box img {
	width: 300px;
}
.platform-inner-new {
	padding: 60px 10px;
}
.platform-inner-new1 {
	padding: 60px 10px;
}
.slogan {
	height: 260px;
}
.blog-conent h3::before {
	display: none;
}
}
@media only screen and (max-width:450px) and (min-width:50px)
{
.layer-box {
	display: none;
}
.layer-out {
	display: block;
}
.carousel-caption {
	bottom: 0px;
}
.carousel-caption {
	left: 2%; right: 2%;
}
.slider-title {
	display: none;
}
.slider-title1 {
	margin: 0px; line-height: 30px; font-size: 26px !important; font-weight: 500; display: block;
}
.slider-txt {
	display: none;
}
.slide-circle {
	width: 16%;
}
.all-icon-in {
	width: 100%;
}
.layer-box img {
	width: 100%;
}
.service-content-block {
	height: 40px;
}
.slogan {
	margin-bottom: 20px;
}
.col-sm-offset-left-2 {
	margin-left: 0px;
}
.col-sm-offset-right-2 {
	margin-left: 0px;
}
.copyright {
	text-align: center;
}
.design {
	text-align: center;
}
.my-btn-out {
	margin: 5px auto;
}
.gorilla-big-btn {
	padding: 5px 20px; font-size: 16px;
}
.logo img {
	width: 100%;
}
#myCarousel .nav a {
	font-size: 8px;
}
.slide-circle {
	margin-top: -18px !important;
}
.banner-in {
	padding: 90px 0px 40px; background-size: cover;
}
.about-in {
	padding: 30px 10px;
}
.single-blog-box {
	margin-bottom: 20px;
}
.blog-box-bg {
	height: auto;
}
.partner-detail .img-box {
	width: 100%; text-align: center;
}
.partner-detail .txt-box {
	padding: 10px; width: 100%; text-align: center;
}
.partner-detail-b .img-box {
	width: 100%; text-align: center;
}
.partner-detail-b .txt-box {
	padding: 10px; width: 100%; text-align: center;
}
.partner-detail .img-box img {
	width: 100%;
}
.partner-detail-b .img-box img {
	width: 100%;
}
.platform-inner-new {
	padding: 60px 10px;
}
.platform-inner-new1 {
	padding: 60px 10px;
}
.mob-resp {
	width: 100% !important;
}
}