@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body::-webkit-scrollbar {
	width: 4px;
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
	background-color: darkgrey;
	outline: 1px solid slategrey;
}

#custom-scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: rgba(245, 245, 245, 0.5098039215686274);
}

#custom-scrollbar::-webkit-scrollbar {
	width: 3px;
	background-color: rgb(245, 245, 245);
}

#custom-scrollbar::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.65);
}

.custom-scrollbar {
	float: left;
	overflow-y: scroll;
}

.nlogo {
	position: absolute;
	bottom: 30px;
	z-index: 0;
	width: 203px;
	height: 105px;
	left: 4%;
	right: 0;
}

.cmmi-logo {
	width: 168px;
	height: 58px;
	position: absolute;
	z-index: 1;
	bottom: 10px;
	right: 90px;
}

body {
	font-family: 'Poppins', sans-serif !important;
	background: url(../images/bg1.jpg) no-repeat;
    background-position: top right;
    font-size: 15px;
    object-fit: cover;
}

p {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 25px;
	color: #000;
	text-align: justify;
}

h2 {
	font-size: 20px;
	color: #000;
}

a,
a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}

.navbar {
	border: none;
	border-radius: 0;
	min-height: auto;padding: 0px;
}

.navbar-btn {
	border-radius: 0 !important;
	box-shadow: 0px 0px 0px 0px rgba(183, 183, 183, 0.75);
	outline: none !important;
	border: none;
	margin: 0;
	padding: 10px 15px;
	background: transparent;
}

.navbar-btn:focus {
	outline: inherit;
	box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25);
}

.navbar-header .navbar-btn span {
	color: #000;
	font-size: 34px;
	font-style: italic;
	text-transform: uppercase;
	vertical-align: middle;
}

.navbar-header .navbar-btn:hover span {
	text-indent: inherit;
}

.navbar-btn i {
	font-size: 20px;
}
.navbar-btn .animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
	background-color: #00acfa !important;
}

.line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ddd;
	margin: 40px 0;
}

img {
	max-width: 100%;
}

ul li {
	padding-bottom: 10px;
}


/* --------------------------------------------------- SIDEBAR STYLE ----------------------------------------------------- */

#sidebar {
	width: 350px;
	position: fixed;
	top: 0;
	right: -350px;
	height: /*100vh*/
	92vh;
	z-index: 999;
	background: rgb(255, 255, 255);
	color: #fff;
	transition: all 0.3s;
	overflow-y: scroll;
	box-shadow: -1px -3px 12px rgb(239, 189, 255);
}

#sidebar.active {
	right: 0;
}

#dismiss {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
/*	background: rgba(0, 170, 255, 0.48);*/
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#dismiss:hover {
	background: #fff;
	color: #04a0e7;
}

.overlay {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 998;
	display: none;
}

#sidebar .sidebar-header {
	padding: 0px;
	background: #fff;
}

#sidebar ul.components {
	padding: 70px 0px;
}

#sidebar ul p {
	color: #fff;
	padding: 10px;
}

#sidebar ul li a {
	padding: 10px;
	font-size: 1.1em;
	display: block;
	color: #000;
}

#sidebar ul li a:hover {
	color: #fff;
	background: rgba(0, 170, 255, 0.48);
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
	color: #fff;
	background: #04a0e7;
}

#sidebar ul li a img {
	width: 35px;
	height: 35px;
	margin-right: 10px;
}

#sidebar ul li a .menu-next {
	font-size: 30px;
	font-style: italic;
	position: relative;
	left: -13px;
	text-transform: uppercase;
	top: 4px;
}

#sidebar ul li:first-child a {
	font-size: 26px;
}

ul.sub-menu-items,
ul.sub-childmenu-items ul.sub-childmenu-ofchild-items {

/*
	display: none;
	transition: 0.5s;
	margin-top: 0px;
*/
    padding-left: 20px;
}

ul.list-unstyled.components li {
	padding-bottom: 0px;
    position: relative;
    border: 1px solid transparent;
}

ul.list-unstyled.components li:hover ul.sub-menu-items,
ul.list-unstyled.components li ul.sub-menu-items:hover li,
ul.list-unstyled.components li ul.sub-menu-items:hover ul.sub-childmenu-items,
li ul.sub-menu-items ul.sub-childmenu-items:hover ul.sub-childmenu-ofchild-items {
/*
	display: block;
	transition: 0.5s;
*/
}

ul.list-unstyled.components ul.sub-menu-items li a {
	background: transparent;
	padding-left: 10px !important;
}

a[data-toggle="collapse"] {
	position: relative;
}

a[aria-expanded="false"]::before,
a[aria-expanded="true"]::before {
	content: '\e259';
	display: block;
	position: absolute;
	right: 20px;
	font-family: 'Glyphicons Halflings';
	font-size: 0.6em;
}

a[aria-expanded="true"]::before {
	content: '\e260';
}

ul ul a {
	font-size: 0.9em !important;
	padding-left: 30px !important;
	background: #00acfa;
}

#mainmenu.active {
	margin-left: -250px;
	transform: rotateY(100deg);
}

#mainmenu {
	min-width: 250px;
	max-width: 250px;
	transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
	transform-origin: bottom left;
}

.media {
	margin-top: 10px;
	margin-bottom: 15px;
}


/* --------------------------------------------------- CONTENT STYLE ----------------------------------------------------- */

#mainmenu {
	width: 100%;
	transition: all 0.3s;
	position: fixed;
	top: 15px;
	z-index: 17;
	right: 15px;
}

.banner-icon {
	position: absolute;
	z-index: 9;
	bottom: 28%;
	left: 12%;
}

.banner-icon ul li {
	list-style: none;
	padding: 5px 10px;
	display: block;
	margin-bottom: 30px;
}

.banner-icon ul.firstslide li span {
	color: #fff;
	text-shadow: -1px 1px 1px rgba(30, 30, 30, 0.2);
	padding-left: 50px;
	line-height: 50px;
	font-size: 20px;
}

.banner-icon ul.firstslide li.first {
	background: url(../images/icon.png) no-repeat;
	background-position: -15px -8px;
	margin-left: 60%;
}

.banner-icon ul.firstslide li.second {
	background: url(../images/icon.png) no-repeat;
	background-position: -13px -87px;
	margin-left: 35%;
}

.banner-icon ul.firstslide li.third {
	background: url(../images/icon.png) no-repeat;
	background-position: -13px -164px;
	margin-left: -5%;
}

.banner-icon ul.firstslide li.fourth {
	background: url(../images/icon.png) no-repeat;
	background-position: -13px -240px;
	margin-left: -30%;
}

.banner-icon ul.secondslide li span {
	color: #793909;
	display: block;
	margin-top: 54px;
	text-shadow: -1px 1px 1px rgba(30, 30, 30, 0.2);
}

.banner-icon ul.secondslide li.first {
	background: url(../images/icon-second.png) no-repeat;
	background-position: 20px 10px;
}

.banner-icon ul.secondslide li.second {
	background: url(../images/icon-second.png) no-repeat;
	background-position: -66px 10px;
}

.banner-icon ul.secondslide li.third {
	background: url(../images/icon-second.png) no-repeat;
	background-position: -130px 10px;
}

.banner-icon ul.secondslide li.fourth {
	background: url(../images/icon-second.png) no-repeat;
	background-position: -195px 10px;
}

.banner-icon ul.thirdslide li span {
	color: #047f81;
	display: block;
	margin-top: 54px;
	text-shadow: -1px 1px 1px rgba(30, 30, 30, 0.2);
}

.banner-icon ul.thirdslide li.first {
	background: url(../images/icon-third.png) no-repeat;
	background-position: 20px 10px;
}

.banner-icon ul.thirdslide li.second {
	background: url(../images/icon-third.png) no-repeat;
	background-position: -66px 10px;
}

.banner-icon ul.thirdslide li.third {
	background: url(../images/icon-third.png) no-repeat;
	background-position: -130px 10px;
}

.banner-icon ul.thirdslide li.fourth {
	background: url(../images/icon-third.png) no-repeat;
	background-position: -195px 10px;
}

.banner-icon ul.fifthslide li span {
	color: #3476fd;
	display: block;
	margin-top: 54px;
	text-shadow: -1px 1px 1px rgba(30, 30, 30, 0.2);
}

.banner-icon ul.fifthslide li.first {
	background: url(../images/icon-fifth.png) no-repeat;
	background-position: 20px 10px;
}

.banner-icon ul.fifthslide li.second {
	background: url(../images/icon-fifth.png) no-repeat;
	background-position: -66px 10px;
}

.banner-icon ul.fifthslide li.third {
	background: url(../images/icon-fifth.png) no-repeat;
	background-position: -130px 10px;
}

.banner-icon ul.fifthslide li.fourth {
	background: url(../images/icon-fifth.png) no-repeat;
	background-position: -195px 10px;
}

.banner-text {
	position: absolute;
	z-index: 999999;
	top: 0px;
	left: 2%;
}

.banner-text h1 {
	font-size: 32px;
}

.banner-text p {
	color: #33393b;
	font-size: 18px;
	text-shadow: -1px 1px 1px rgba(30, 30, 30, 0.18);
}

.txtcolor1 {
	color: #04a0e7;
}

.txtcolor2 {
	color: #793909;
}

.txtcolor3 {
	color: #1c9396;
}

.txtcolor4 {
	color: #705a1a;
}

.txtcolor5 {
	color: #266db5;
}

.content-wrap {
	height: auto;
	overflow: hidden;
}

h1 {
	color: #0e448c;
	font-size: 28px;
}

.vertical-align {
	display: flex;
	flex-direction: row;
}

.vertical-align>[class^="col-"],
.vertical-align>[class*=" col-"] {
	display: flex;
	align-items: center;
	justify-content: center;
}

.prodct_title {
	color: #00acfa;
	display: block;
	margin: 20px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.content_wrapper {
	padding-bottom: 80px;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

.content_wrapper h1 {
	color: #222;
	margin-bottom: 30px;
}

.content_wrapper .prodct_spec .media {
	margin-bottom: 20px;
}

.prodct_spec .media p {
	text-align: justify;
}

.footer-wrap {
	position: fixed;
	bottom: 0;
	z-index: 1;
	min-height: 60px;
	left: 0;
	right: 0;
	z-index: 9;
	background: #54b4fd;
	background: -moz-linear-gradient(left, #54b4fd 0, #92aafe 49%, #c0a2ff 100%);
	background: -webkit-linear-gradient(left, #54b4fd 0, #92aafe 49%, #c0a2ff 100%);
	background: linear-gradient(to right, #54b4fd 0, #92aafe 49%, #c0a2ff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#54b4fd', endColorstr='#c0a2ff', GradientType=1);
}

.txtjustify {
	text-align: justify;
}

.footer-wrap .pagehead {
	top: 5px;
	color: #fff;
	margin-top: 20px;
	z-index: 1;
	display: inline-block;
	padding-left: 50px;
	font-size: 20px;
    word-break: break-all;
}

.page-logo {
	float: left;
	display: block;
	width: 114px;
	height: 60px;
	background: #fff;
	position: relative;
	z-index: 1;
}

.page-logo a img {width: 91%;}

.page-logo::before {
	background: #61b2fe none repeat scroll 0 0;
	content: "";
	height: 87px;
	position: absolute;
	transform: skew(-21deg);
	width: 50px;
	right: -29px;
}

.topcorner {
	width: 30%;
	height: 302px;
	background: url(../images/topcorner.jpg) no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0px;
	-webkit-clip-path: polygon(0 1%, 100% 0, 0 100%, 0% 100%);
	clip-path: polygon(0 1%, 100% 0, 0 100%, 0% 100%);
}

.flip-logo {
	width: 60px;
	height: 57px;
	background: url(../images/fliplogo.png) no-repeat;
	background-size: cover !important;
	display: inline-block;
	z-index: 1;
	position: fixed;
	bottom: 0;
	right: 0;
	vertical-align: top;
}

.rightsidepanel {
	height: 444px;
	width: 800px;
	position: fixed;
	z-index: 1;
	right: 0;
	background: url(../images/rightsid-panel.png) no-repeat;
	bottom: 60px;
	background-size: 100%;
}

.contentarea {
	width: 50%;
	float: right;
	margin-top: 12%;
}

.contentarea h1 {
	margin-left: 52%;
	color: #fff;
	margin-bottom: 15px;
}

.contentarea p {
	position: absolute;
	right: 0;
	text-align: center;
	width: 250px;
	color: #fff;
	font-size: 20px;
}

.product_left {
	height: 900px;
	background: url(../images/product-left.jpg) no-repeat;
	-webkit-clip-path: polygon(43% 0, 0 0, 0 100%);
	clip-path: polygon(43% 0, 0 0, 0 100%);
	position: absolute;
	left: 0;
	right: 0;
}

.product_left span {
	position: absolute;
	bottom: 32%;
	font-size: 40px;
	font-weight: bold;
	z-index: 999999;
	width: 225px;
	margin-left: 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}

.content-product {
	width: 50%;
	float: right;
	margin-right: 6%;
	margin-top: 2%;
}

.content-product p span {
	font-size: 20px;
}

.mobile_nlogo {
	display: none;
}

.footer_item ul {
	margin: 0;
	padding: 0;
}

.footer_item ul li {
	float: left;
	list-style: none;
	padding: 5px;
}

.footer_item {
	position: absolute;
	right: 5%;
}

.media-body,
.media-left,
.media-right {}

.headingtext {
	font-size: 32px;
	position: absolute;
	width: 30%;
	left: 13%;
	top: 22%;
	color: #222;
	text-align: right;
	line-height: 50px;
	text-transform: uppercase;
	font-weight: 600;
}

.headingtext span {
	display: block;
	font-weight: 600;
	font-size: 45px;
	line-height: 70px;
}

.secureon_info {
	position: absolute;
	bottom: 19%;
	width: 60%;
	left: 14%;
}

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

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

.media-center .media-object {
	display: inline-block;
}

.product-content {
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
}

.product-content h1 {
	font-size: 18px;
	color: #000;
	margin-bottom: 20px;
}

.product-content span {
	color: #00a9f7;
	margin-bottom: 10px;
}

.prodct_spec {
	padding-top: 1%;
}

.prodct_spec .media {
	margin-bottom: 10%;
}

.content_wrapper h2 {
	font-size: 40px;
	margin-bottom: 15px;
}

span.product-txt {
	text-align: center;
	color: #033272;
	display: block;
	font-size: 19px;
	line-height: 34px;
}

.flip-logo1 {
	width: 70px;
	height: 60px;
	background: url(../images/fliplogo1.png) no-repeat;
	background-size: cover !important;
	display: inline-block;
	vertical-align: top;
	right: 0;
	position: absolute;
}

.heightspace {
	min-height: 200px;
}

.marginleft {
	margin-left: 5%;
}

.product_items h4 {
	text-align: center;
	margin: 15px 0;
}

span.head-text {
	font-size: 20px;
	text-align: center;
	display: block;
	margin: 20px;
	line-height: 40px;
}

.form-control {
	display: block;
	width: 100%;
	padding: 0.65rem 1.25rem;
	font-size: 12px;
	line-height: 1.25;
	background-color: transparent;
	color: #262626;
	border-radius: 0 !important;
	box-shadow: none;
	border-bottom: 1px solid #efefef !important;
	transition: 1s;
	border: none;
}

.btn-eql-wid {
	min-width: 120px;
	font-size: 14px;
    width: 140px;
}

.btn {
	border: none;
	cursor: pointer;
	display: inline-block;
	outline: none;
	position: relative;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	text-shadow: 1px 1px 1px rgba(30, 30, 30, 0.36);
	color: #fff;
	font-size: 15px;
	margin: 0px 0px 3px 0px;
}

.btn-primary {
	color: #fff;
	background: #55bbff;
	background: -moz-linear-gradient(left, #55bbff 0%, #d2c3fc 74%, #d2c3fc 74%);
	background: -webkit-linear-gradient(left, #55bbff 0%, #d2c3fc 74%, #d2c3fc 74%);
	background: linear-gradient(to right, #55bbff 0%, #d2c3fc 74%, #d2c3fc 74%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#55bbff', endColorstr='#d2c3fc', GradientType=1);
	box-shadow: 3px 5px 27px 0px rgba(210, 195, 252, 0.34) !important;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open>.btn-primary.dropdown-toggle {
	background: #5bf;
	background: -moz-linear-gradient(left, #5bf 0, #d2c3fc 74%, #d2c3fc 74%);
	background: -webkit-linear-gradient(left, #5bf 0, #d2c3fc 74%, #d2c3fc 74%);
	background: linear-gradient(to right, #5bf 0, #d2c3fc 74%, #d2c3fc 74%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#55bbff', endColorstr='#d2c3fc', GradientType=1);
}

.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>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
	color: #fff;
	background: #57c3ff!important;
	background: -moz-linear-gradient(left, #57c3ff 0, #2ce7c7 100%)!important;
	background: -webkit-linear-gradient(left, #57c3ff 0, #2ce7c7 100%)!important;
	background: linear-gradient(to right, #57c3ff 0, #2ce7c7 100%)!important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#57c3ff', endColorstr='#2ce7c7', GradientType=1)!important;
}

.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open>.btn-success.dropdown-toggle {
	color: #fff;
	background: #57c3ff!important;
	background: -moz-linear-gradient(left, #57c3ff 0, #2ce7c7 100%)!important;
	background: -webkit-linear-gradient(left, #57c3ff 0, #2ce7c7 100%)!important;
	background: linear-gradient(to right, #57c3ff 0, #2ce7c7 100%)!important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#57c3ff', endColorstr='#2ce7c7', GradientType=1)!important;
	box-shadow: 3px 5px 27px 0 rgba(44, 231, 199, .34)!important;
}

.btn-success {
	color: #fff;
	background: #57c3ff;
	background: -moz-linear-gradient(left, #57c3ff 0%, #2ce7c7 100%);
	background: -webkit-linear-gradient(left, #57c3ff 0%, #2ce7c7 100%);
	background: linear-gradient(to right, #57c3ff 0%, #2ce7c7 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#57c3ff', endColorstr='#2ce7c7', GradientType=1);
	box-shadow: 3px 5px 27px 0px rgba(44, 231, 199, 0.34) !important;
}

.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>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
	color: #fff;
	background-color: #d77cf5 !important;
	border-color: #d77cf5 !important;
}

.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>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
	color: #fff;
	background: -moz-linear-gradient(left, #ea8ecc 0, #d277fe 100%)!important;
	background: -webkit-linear-gradient(left, #ea8ecc 0, #d277fe 100%)!important;
	background: linear-gradient(to right, #ea8ecc 0, #d277fe 100%)!important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ea8ecc', endColorstr='#d277fe', GradientType=1)!important;
}

.btn-info.active,
.btn-info:active,
.btn-info:hover,
.open>.btn-info.dropdown-toggle {
	color: #fff!important;
	background: #ea8ecc!important;
	background: -moz-linear-gradient(left, #ea8ecc 0, #d277fe 100%)!important;
	background: -webkit-linear-gradient(left, #ea8ecc 0, #d277fe 100%)!important;
	background: linear-gradient(to right, #ea8ecc 0, #d277fe 100%)!important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ea8ecc', endColorstr='#d277fe', GradientType=1);
}

.btn-info {
	box-shadow: 3px 5px 27px 0px rgba(234, 142, 204, 0.34) !important;
	background: #ea8ecc;
	background: -moz-linear-gradient(left, #ea8ecc 0%, #d277fe 100%);
	background: -webkit-linear-gradient(left, #ea8ecc 0%, #d277fe 100%);
	background: linear-gradient(to right, #ea8ecc 0%, #d277fe 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ea8ecc', endColorstr='#d277fe', GradientType=1);
}

.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>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
	color: #fff;
	background: #f6d166!important;
	background: -moz-linear-gradient(left, #f6d166 0, #fda284 100%)!important;
	background: -webkit-linear-gradient(left, #f6d166 0, #fda284 100%)!important;
	background: linear-gradient(to right, #f6d166 0, #fda284 100%)!important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6d166', endColorstr='#fda284', GradientType=1)!important;
}

.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open>.btn-warning.dropdown-toggle {
	color: #fff;
	background-color: #f5de76;
	border-color: #f5de76;
}

.btn-warning {
	color: #fff;
	background: #f6d166;
	background: -moz-linear-gradient(left, #f6d166 0%, #fda284 100%);
	background: -webkit-linear-gradient(left, #f6d166 0%, #fda284 100%);
	background: linear-gradient(to right, #f6d166 0%, #fda284 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6d166', endColorstr='#fda284', GradientType=1);
	box-shadow: 3px 5px 27px 0px rgba(254, 118, 58, 0.34) !important;
}

.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>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
	color: #fff;
	background: #ea8ecc!important;
	background: -moz-linear-gradient(left, #ea8ecc 0, #fa8e8f 100%)!important;
	background: linear-gradient(to right, #ea8ecc 0, #fa8e8f 100%)!important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ea8ecc', endColorstr='#fa8e8f', GradientType=1)!important;
}

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open>.btn-danger.dropdown-toggle {
	color: #002451;
	background-color: #e28696;
	border-color: #e28696;
}

.btn-danger {
	box-shadow: 3px 5px 27px 0px rgba(234, 142, 202, 0.34) !important;
	background: #ea8ecc;
	background: -moz-linear-gradient(left, #ea8ecc 0%, #fa8e8f 100%);
	background: -webkit-linear-gradient(left, #ea8ecc 0%, #fa8e8f 100%);
	background: linear-gradient(to right, #ea8ecc 0%, #fa8e8f 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ea8ecc', endColorstr='#fa8e8f', GradientType=1);
}


/* Button Animation */

.btn-animate {
	background: transpearent;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.btn-animate.button--inverted {
	background: #ECEFF1;
	color: #37474f;
}

.btn-animate:before {
	content: '';
	position: absolute;
	top: -15px;
	left: -20px;
	bottom: -15px;
	right: -20px;
	background: inherit;
	border-radius: 5px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.5, 0.5, 1);
	transform: scale3d(0.5, 0.5, 1);
}

.btn-animate:focus,
.btn-animate:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #fff;
	-webkit-animation: anim-effect-1 0.6s forwards;
	animation: anim-effect-1 0.3s forwards;
}

.btn-animate.button--inverted:hover {
	color: #ECEFF1;
	background-color: #7986cb;
}

.btn-animate:focus:before,
.btn-animate:hover:before {
	-webkit-animation: anim-effect-2 0.3s 0.3s forwards;
	animation: anim-effect-2 0.3s 0.3s forwards;
}

@-webkit-keyframes anim-effect-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes anim-effect-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@-webkit-keyframes anim-effect-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes anim-effect-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.position-open-box span {
	display: block;
	margin-bottom: 10px;
}

.position-open-box {
	text-align: center;
	margin: 40px 0px;
}

.position-open-box img {
	margin-bottom: 15px;
}

.expert-div {
	background: #edf8fc;
	padding: 33px 10px;
	text-align: center;
}

.expert-div div p {
	margin: 0px;    text-align: center;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.join-us-section .input-group-addon {
	background: transparent;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

.join-us-section .input-group-addon button {
	background: transparent;
	border: none;
}

.form-control:focus {
	outline: 0;
	box-shadow: none;
	border-left: 2px solid #66afe9;
}

.sbt-btn {
	background: transparent;
	border: none;
	display: block;
	position: relative;
	cursor: pointer;
}

.sbt-btn:focus {
	outline: none;
}

.sbt-btn img {
	padding-left: 20px;
}

.line-animation-part {
	position: absolute;
	top: 1px;
	left: 2px;
}

.line-one,
.line-two,
.line-three,
.line-four {
	margin: 4px;
	background: #2553a1;
	height: 2px;
}

.line-one {
	animation: line-one 2s infinite;
	-webkit-animation: line-one 2s infinite;
	/* Safari and Chrome */
	;
}

.line-two {
	animation: line-two 3s infinite;
	-webkit-animation: line-two 3s infinite;
	/* Safari and Chrome */
	;
}

.line-three {
	animation: line-three 2s infinite;
	-webkit-animation: line-three 2s infinite;
	/* Safari and Chrome */
	;
}

.line-four {
	animation: line-four 3s infinite;
	-webkit-animation: line-four 3s infinite;
	/* Safari and Chrome */
	;
}

@keyframes line-one {
	0% {
		left: 0px;
	}
	100% {
		left: 10px;
	}
}

@-webkit-keyframes line-one {
	0% {
		left: 40px;
	}
	100% {
		left: 800px;
	}
}

@keyframes line-two {
	0% {
		left: 0px;
	}
	100% {
		left: 10px;
	}
}

@-webkit-keyframes line-two {
	0% {
		left: 40px;
	}
	100% {
		left: 800px;
	}
}

@keyframes line-three {
	0% {
		left: 0px;
	}
	100% {
		left: 10px;
	}
}

@-webkit-keyframes line-three {
	0% {
		left: 40px;
	}
	100% {
		left: 800px;
	}
}

@keyframes line-four {
	0% {
		left: 0px;
	}
	100% {
		left: 10px;
	}
}

@-webkit-keyframes line-four {
	0% {
		left: 40px;
	}
	100% {
		left: 800px;
	}
}

.tabbable-line>.nav-tabs {
	border-bottom: 0px solid #fb8551 !important;
	margin: 0;
}

.tabbable-line>.nav-tabs>li {
	margin: 0;
	width: 20%;
}

.panel-heading .active {
	border-bottom: 1px solid #fcbfd5 !important;
}

.tabbable-line>.nav-tabs>li>a {
	text-transform: uppercase;
	background: 0 0!important;
	border: 0;
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
	color: #2553a1;
	font-weight: 600;
}

.tabbable-line>.nav-tabs>li>a>i {
	color: #a6a6a6;
}

.tabbable-line>.nav-tabs>li>a:before {
	display: none;
}

.tabbable-line>.nav-tabs>li a.active {
	background: 0 0;
	position: relative;
}

.tabbable-line>.nav-tabs>li a.active {
	color: #fe8550;
	border: none;
	text-shadow: 0px 0px 35px rgba(254, 113, 80, 0.75);
}

.tabbable-line>.nav-tabs>li a.active>i {
	color: #404040;
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
	background: 0 0;
	color: #fe8550;
	text-shadow: 0px 0px 35px rgba(254, 113, 80, 0.75);
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
	border: 0;
	background: 0 0!important;
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
	color: #a6a6a6;
}

.tabbable-line>.tab-content {
	margin-top: 0;
	border: 0;
	border-top: 1px solid #eef1f5;
	padding: 30px 0;
}

.page-container-bg-solid .tabbable-line>.tab-content {
	border-top: 1px solid #fe8550;
}

.portlet .tabbable-line>.tab-content {
	padding-bottom: 0;
}

.tabbable-line>.tab-content .active address {
	line-height: 2.428571;
}

.tabbable-line.tabs-below>.nav-tabs>li {
	border-top: 4px solid transparent;
}

.tabbable-line.tabs-below>.nav-tabs>li:hover {
	border-bottom: 0;
	border-top: 4px solid #fbdcde;
}

.tabbable-line.tabs-below>.nav-tabs>li.active {
	margin-bottom: -2px;
	border-bottom: 0;
	border-top: 4px solid #fee1e6;
}

.tabbable-line.tabs-below>.tab-content {
	margin-top: -10px;
	border-top: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}

.portlet .tabbable-bordered {
	margin-top: 20px;
}

.tabbable-bordered .nav-tabs {
	margin-bottom: 0;
	border-bottom: 0;
}

.tabbable-bordered .tab-content {
	padding: 30px 20px 20px;
	border: 1px solid #ddd;
	background: #fff;
}

.top-icon-splitters {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	z-index: 30;
}

.top-icon-splitters ul {
	margin: 0px;
	padding: 0px;
}

.top-icon-splitters ul li {
	display: none;
	position: absolute;
	list-style: none;
}

.top-icon-splitters ul li:nth-child(1) {
	top: 55px;
	left: 85px;
}

.top-icon-splitters ul li:nth-child(2) {
	top: 50px;
	left: 45%;
}

.top-icon-splitters ul li:nth-child(3) {
	top: 33em;
	left: 112px;
}

.top-icon-splitters ul li:nth-child(4) {
	top: 168px;
	left: 67%;
}

.top-icon-splitters ul li:nth-child(5) {
	top: 170px;
	left: 35px;
}

.top-icon-splitters ul li:nth-child(6) {
	top: 202px;
	left: 41%;
}

.top-icon-splitters ul li:nth-child(7) {
	top: 28em;
	left: 86%;
}

.top-icon-splitters ul li:nth-child(8) {
	top: 340px;
	left: 90px;
}

.top-icon-splitters ul li:nth-child(9) {
	top: 345px;
	left: 36%;
}

.top-icon-splitters ul li:nth-child(10) {
	top: 230px;
	left: 53%;
}

.pull-right {
	float: right;
}

.setting-icon-div {
	margin: 0px auto;
	position: relative;
	max-width: 300px;
}

.inner-setting {
	position: absolute;
	left: 50px;
	top: 36px;
}

ul.process-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.process-list li {
	display: inline-block;
	margin: 0px 20px;
}

.run-infra-sec .media {
	display: block;
}

.navbar-header .navbar-btn {
	width: 40px;
	height: 50px;
	overflow: hidden;
	transition: 0.5s;
	padding: 5px 6px;
}

.navbar-header .navbar-btn img {
	margin-right: 0px;
}

.navbar-header .navbar-btn:hover {
	width: 120px;
	transition: 0.5s;
}

.navbar-header .navbar-btn:hover img {margin-right: -5px;}

.navbar-header .navbar-btn span b {display: none; color:#3f8ffa;padding-right: 2px;font-weight: 500;text-shadow: 1px 1px 1px rgb(4, 93, 212);}

.navbar-header .line-animation-part {
	position: absolute;
	top: 8px;
	left: 4px;
	color: #fff;
}

.navbar-header .line-animation-part span {
	color: #fff;
	background: #fff;
	box-shadow: 1px 2px 3px #6b6b6b;
}

.run-infra-each-img ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	max-width: 820px;
}

.run-infra-each-img ul li {
	display: inline-block;
	position: absolute;
	overflow: hidden;
}

.run-infra-each-img ul li:nth-child(2) {
	bottom: 55px;
	left: 66px;
	max-width: 110px;
}

.run-infra-each-img ul li:nth-child(2) img {
	max-width: 110px;
}

.run-infra-each-img ul li:nth-child(3) {
	top: 9px;
	left: 40px;
	max-width: 320px;
}

.run-infra-each-img ul li:nth-child(3) img {
	max-width: 320px;
}

.run-infra-each-img ul li:nth-child(4) {
	left: 30%;
	bottom: 130px;
	max-width: 80px;
}

.run-infra-each-img ul li:nth-child(4) img {
	max-width: 80px;
}

.run-infra-each-img ul li:nth-child(5) {
	bottom: 176px;
	left: 40%;
	max-width: 165px;
}

.run-infra-each-img ul li:nth-child(5) img {
	max-width: 165px;
}

.run-infra-each-img ul li:nth-child(6) {
	bottom: 88px;
	right: 33%;
	max-width: 80px;
}

.run-infra-each-img ul li:nth-child(6) img {
	max-width: 80px;
}

.run-infra-each-img ul li:nth-child(7) {
	bottom: 200px;
	right: 23%;
	max-width: 100px;
}

.run-infra-each-img ul li:nth-child(7) img {
	max-width: 100px;
}

.run-infra-each-img ul li:nth-child(8) {
	right: 137px;
	bottom: 64px;
	max-width: 130px;
}

.run-infra-each-img ul li:nth-child(8) img {
	max-width: 130px;
}

.run-infra-each-img ul li:nth-child(9) {
	right: 32px;
	top: 161px;
	max-width: 136px;
}

.run-infra-each-img ul li:nth-child(9) img {
	max-width: 136px;
}

.des-sec {
	margin-bottom: 50px;
}

.des-sec p {
	margin-bottom: 5px;
}

.cir-efft {
	position: relative;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	margin: 0px auto 20px;
}

.cir-efft .spinner {
	width: 180px;
	height: 180px;
	border: 6px solid #ecab18;
	border-right-color: #1ad280;
	border-bottom-color: #1ad280;
	border-radius: 50%;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.outer-circle-border .innr-circle-border-1 {
	border: 6px solid #57c3ff;
}

.spinner.innr-circle-border-1 {
	border-right-color: #2ce7c7;
	border-bottom-color: #2ce7c7;
}

.outer-circle-border .innr-circle-border-2 {
	border: 6px solid rgba(246, 209, 102, 0.9);
}

.spinner.innr-circle-border-2 {
	border-right-color: rgba(253, 162, 132, 0.6);
	border-bottom-color: rgba(253, 162, 132, 0.6);
}

.outer-circle-border .innr-circle-border-3 {
	border: 6px solid #ea8ecc;
}

.spinner.innr-circle-border-3 {
	border-right-color: #fa8e8f;
	border-bottom-color: #fa8e8f;
}

.outer-circle-border .innr-circle-border-4 {
	border: 6px solid rgba(85, 187, 255, 0.6);
}

.spinner.innr-circle-border-4 {
	border-right-color: rgba(210, 195, 252, 0.9);
	border-bottom-color: rgba(210, 195, 252, 0.9);
}

.cir-efft .img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.cir-efft a:hover .spinner {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.des-cir-sec {
	margin-bottom: 50px;
}

.dp-btm-row span.head-text {
	font-size: 24px;
}


/* Icon Drop */

@-webkit-keyframes hvr-icon-drop {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	51%,
	100% {
		opacity: 1;
	}
}

@keyframes hvr-icon-drop {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	51%,
	100% {
		opacity: 1;
	}
}


/* Icon Pop */

@-webkit-keyframes hvr-icon-pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes hvr-icon-pop {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

.hvr-icon-pop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-icon-pop .hvr-icon {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-icon-pop:hover .hvr-icon,
.hvr-icon-pop:focus .hvr-icon,
.hvr-icon-pop:active .hvr-icon {
	-webkit-animation-name: hvr-icon-pop;
	animation-name: hvr-icon-pop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.dsp-btm-sqr-box ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.dsp-btm-sqr-box ul li {
	display: inline-block;
	position: absolute;
}

.dsp-btm-sqr-box {
	width: 525px;
	height: 502px;
	position: relative;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.dsp-btm-sqr-box ul li:nth-child(1) {
	left: 88px;
}

.dsp-btm-sqr-box ul li:nth-child(2) {
	right: 88px;
}

.dsp-btm-sqr-box ul li:nth-child(3) {
	top: 152px;
}

.dsp-btm-sqr-box ul li:nth-child(4) {
	top: 153px;
	left: 177px;
}

.dsp-btm-sqr-box ul li:nth-child(5) {
	right: 0px;
	top: 154px;
}

.dsp-btm-sqr-box ul li:nth-child(6) {
	bottom: -11px;
	left: 88px;
}

.dsp-btm-sqr-box ul li:nth-child(7) {
	bottom: -9px;
	right: 88px;
}

.dsp-arrow-img {
	margin-bottom: 50px;
}

.dsp-arrow-img ul {
	margin: 0px auto;
	padding: 0px;
	list-style: none;
}

.dsp-arrow-img ul li {
	display: inline-block;
}

.dsp-arrow-img ul li span {
	position: relative;
	right: -60px;
}

.media-left {
	padding-right: 10px;
    margin-top: -2px;
}

ul.list-n-icon li {
	position: relative;
	padding-left: 28px;
	list-style: none;
	padding-bottom: 5px;
}

ul.list-n-icon li:before {
	content: "";
	background-image: url(../images/list-icon.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 5px;
	background-size: cover;
	left: 0px;
}

a.apply-txt {
	color: #00afff;
	text-decoration: underline;
}

.benifit-tab .card-header {
	padding: 0px;
	background: transparent;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.benifit-tab .card-header h5 .btn {
	color: #000;
	text-shadow: 0px 0px 0px;
}

.benifit-tab .card-header h5 .btn:hover {
	text-decoration: none;
}

.benifit-tab .card-body {
	font-size: 13px;
	padding: 10px;
	max-height: 115px;
	overflow-x: hidden;
}

.benifit-tab .card {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.rpanelcontent h2 {
	font-size: 32px;margin: 0px;
}

.rpanelcontent h2 span {
	color: #016eff;
}

.movieo-img-sec img {
	position: relative;
	top: -70px;
	right: -50px;
}

.item .media .media-body div {
	margin-bottom: 10px;
}

.pos-apply-box {
	text-align: center;
}

.pos-apply-box:hover h5 {
	color: #00afff;
	transition: 0.5s;
}


/* Underline From Left */

.pos-apply-btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	padding-bottom: 5px;
	padding-bottom: 5px;
}

.pos-apply-btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #00afff;
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.pos-apply-btn:hover:before,
.pos-apply-btn:focus:before,
.pos-apply-btn:active:before {
	right: 0;
}

video {
	max-width: 100%;
	height: auto;
	cursor: pointer;
}

.menu-sidebar-bg {
	background-color: #9adcfe;
	background-size: 100% !important;
	background: url('../../images/white-pattern.png') center center no-repeat;
	background: url('../../images/white-pattern.png') center center no-repeat, -moz-linear-gradient(left, #9adcfe, #82efdf);
	background: url('../../images/white-pattern.png') center center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#9adcfe), to(#82efdf));
	background: url('../../images/white-pattern.png') center center no-repeat, -webkit-linear-gradient(left, #9adcfe, #82efdf);
	background: url('../../images/white-pattern.png') center center no-repeat, -o-linear-gradient(left, #9adcfe, #82efdf);
	background: url('../../images/white-pattern.png') center center no-repeat, linear-gradient(to right, #9adcfe, #82efdf);
}

.heading-text h4 {
	font-size: 25px;
	text-align: center;
	line-height: 35px;
	color: #033272;
	padding: 0px 88px;
}

.prodct_spec_media {
	padding-left: 50px;
	padding-right: 30px;
}

.bx-viewport div {
	margin: 0px !important;
}

.img-vertical-cent {
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	position: absolute;
	width: 100%;
	text-align: center;
}

.menu-bg-img {
	background-image: url(../images/menu-bg1.jpg);
	background-position: top;
	background-repeat: no-repeat !important;
	background-size: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	opacity: 0.1;
}

.head-tittle p {
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #033272;
	font-weight: 400;
	padding: 0px 30px;
}

.head-tittle {
	padding: 30px 0px;
}

.trans-head-tittle p {
	font-size: 30px;
	color: #033272;
	text-align: center;
	font-weight: 400;
	line-height: 38px;
}

.meet-expert-top {
	position: relative;
	top: -20px;
}

.pos-apply-btn {
	color: #fff !important;
}

.head-tittle1 p {
	font-size: 30px;
	line-height: 45px;
	text-align: center;
	color: #033272;
	font-weight: 400;
	padding: 0px 30px;
}

.modal.animate .a-lightSpeed {
	-webkit-animation: lightSpeedOut .5s;
	animation: lightSpeedOut .5s
}

.modal.animate.show .a-lightSpeed {
	-webkit-animation: lightSpeedIn .5s;
	animation: lightSpeedIn .5s
}

#modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - (.5rem * 2));
}

.custom-vert-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

ul.employe-bene-popup {
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/wave-gradient-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom left;
}

.employe-bene-popup li {
	padding: 15px 10px;
	list-style: none;
	border: 0px solid #efefef;
}

.employe-bene-popup li a {
	padding: 0px 0px;
	font-weight: 500;
	line-height: normal;
}

.employe-bene-popup li:nth-child(1) {
	color: #454545;
	background: #55bbff;
	background: -moz-linear-gradient(to right, rgba(85, 187, 255, 0.1) 0%, rgba(210, 195, 252, 0.1) 74%, rgba(210, 195, 252, 0.12) 74%);
	background: -webkit-linear-gradient(to right, rgba(85, 187, 255, 0.1) 0%, rgba(210, 195, 252, 0.1) 74%, rgba(210, 195, 252, 0.1) 74%);
	background: linear-gradient(to right, rgba(85, 187, 255, 0.1) 0%, rgba(210, 195, 252, 0.1) 74%, rgba(210, 195, 252, 0.1) 74%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#55bbff', endColorstr='#d2c3fc', GradientType=1);
	box-shadow: 3px 5px 27px 0px rgba(210, 195, 252, 0.1) !important;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.employe-bene-popup li:nth-child(2) {
	color: #454545;
	background: #57c3ff;
	background: -moz-linear-gradient(to right, rgba(87, 195, 255, 0.1) 0%, rgba(44, 231, 199, 0.1) 100%);
	background: -webkit-linear-gradient(to right, rgba(87, 195, 255, 0.1) 0%, rgba(44, 231, 199, 0.1) 100%);
	background: linear-gradient(to right, rgba(87, 195, 255, 0.1) 0%, rgba(44, 231, 199, 0.1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#57c3ff', endColorstr='#2ce7c7', GradientType=1);
}

.employe-bene-popup li:nth-child(3) {
	color: #454545;
	background: #ea8ecc;
	background: -moz-linear-gradient(to right, rgba(234, 142, 204, 0.1) 0%, rgba(210, 119, 254, 0.1) 100%);
	background: -webkit-linear-gradient(to right, rgba(234, 142, 204, 0.1) 0%, rgba(210, 119, 254, 0.1) 100%);
	background: linear-gradient(to right, rgba(234, 142, 204, 0.1) 0%, rgba(210, 119, 254, 0.1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ea8ecc', endColorstr='#d277fe', GradientType=1);
}

.employe-bene-popup li:nth-child(4) {
	color: #454545;
	background: #f6d166;
	background: -moz-linear-gradient(to right, rgba(246, 209, 102, 0.1) 0%, rgba(253, 162, 132, 0.1) 100%);
	background: -webkit-linear-gradient(to right, rgba(246, 209, 102, 0.1) 0%, rgba(253, 162, 132, 0.1) 100%);
	background: linear-gradient(to right, rgba(246, 209, 102, 0.1) 0%, rgba(253, 162, 132, 0.1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6d166', endColorstr='#fda284', GradientType=1);
}

.employe-bene-popup li:nth-child(5) {
	color: #454545;
	background: #ea8ecc;
	background: -moz-linear-gradient(to right, rgba(234, 142, 204, 0.1) 0%, rgba(250, 142, 143, 0.1) 100%);
	background: -webkit-linear-gradient(to right, rgba(234, 142, 204, 0.1) 0%, rgba(250, 142, 143, 0.1) 100%);
	background: linear-gradient(to right, rgba(234, 142, 204, 0.1) 0%, rgba(250, 142, 143, 0.1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ea8ecc', endColorstr='#fa8e8f', GradientType=1);
}

.employe-bene-popup li:nth-child(6) {
	color: #454545;
	background: #55bbff;
	background: -moz-linear-gradient(to right, rgba(85, 187, 255, 0.1) 0%, rgba(210, 195, 252, 0.1) 74%, rgba(210, 195, 252, 0.1) 74%);
	background: -webkit-linear-gradient(to right, rgba(85, 187, 255, 0.1) 0%, rgba(210, 195, 252, 0.1) 74%, rgba(210, 195, 252, 0.1) 74%);
	background: linear-gradient(to right, rgba(85, 187, 255, 0.1) 0%, rgba(210, 195, 252, 0.1) 74%, rgba(210, 195, 252, 0.1) 74%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#55bbff', endColorstr='#d2c3fc', GradientType=1);
	box-shadow: 3px 5px 27px 0px rgba(210, 195, 252, 0.34) !important;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.employe-bene-popup li:nth-child(7) {
	color: #454545;
	background: #57c3ff;
	background: -moz-linear-gradient(to right, rgba(87, 195, 255, 0.1) 0%, rgba(44, 231, 199, 0.1) 100%);
	background: -webkit-linear-gradient(to right, rgba(87, 195, 255, 0.1) 0%, rgba(44, 231, 199, 0.1) 100%);
	background: linear-gradient(to right, rgba(87, 195, 255, 0.1) 0%, rgba(44, 231, 199, 0.1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#57c3ff', endColorstr='#2ce7c7', GradientType=1);
}

.modal-md {
	min-width: 99%;
}

.modal-header .close {
	background-image: url(./images/remove-icon-small.png)!important;
	transition: 0.5s;
}

.close {
	display: inline-block;
	margin-top: 0;
	margin-right: 0;
	background-repeat: no-repeat!important;
	float: right;
	font-size: 21px;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	outline: 0;
}

.modal-content {
	position: relative;
	background-color: rgba(245, 254, 255, 0.93);
    background-image: none;
	background-size: 100% 5px;
	background-position: 0 0, 100% 0;
	background-repeat: no-repeat;
	box-shadow: 3px 5px 27px 0 rgba(44, 231, 199, .34)!important;
	border-bottom: 1px solid #999;
	outline: 0;
}

.form-group .required {
	color: #ff0000;
	font-size: 14px;
}

.join-us-section {
	position: relative;
}

.chat-box-sec {
	position: fixed;
	right: -38px;
	bottom: 5px;
	max-width: 150px;
	z-index: -70;
	transition: 0.5s;
}

.chat-box-sec:hover {
	bottom: 50px;
}

.chat-box-sec:hover {
	bottom: 50px;
}

div#job_login_modal,
.feedback-sec {
	position: absolute;
	width: 33%;
	background: rgba(245, 254, 255, 0.99);
	padding: 10px;
	right: -50px;
	z-index: 8;
	height: 90vh;
	top: -25px;
	transition: 0.5s;
        box-shadow: 0px 0px 10px rgba(197, 197, 197, 0.71);
}

.open-popup-div-sec {
	right: 0px !important;
}

label.popup_close {
	cursor: pointer;
	position: absolute;
	right: 0px;
	transition: 0.5s;
    padding: 4px;
}

label.popup_close:hover {
	transform: rotate(90deg);
}

button.close:hover {
	transform: rotate(90deg);
}

div#job_login_candiate_div1,
div#job_login_candiate_div2 {
	border: 1px solid #ebebeb;
	margin-bottom: 10px;
	display: none;
}

div#job_login_candiate_div2 {
	max-height: 280px;
	min-height: 280px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 285px;
}

.sig-name-sec {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.sig-name-sec ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.sig-name-sec ul li {
	display: inline-block;
	padding: 0px;
	margin-right: 10px;
}

.nxt-map-bg {
	width: 100%;
	min-height: 70vh;
	height: 100%;
	/*background-image: url(../images/reachus-bg.jpg);*/
   
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
.reach-main-bg {background-image:none !important;}
.usa-add,
.bel-add,
.ind-add,
.png-add,
.aus-add,
.uk-add,
.sl-add{
	display: inline-block;
	width: 13%;
	position: absolute;
	bottom: 0px;
	padding:10px;
	font-size: 12px;
	max-height: 210px;
    min-height: 200px;
	overflow: auto;
}

.addres-sec-detail {
	position: absolute;
	width: 100%;
	bottom: -60px;
	height: 210px;
}

.usa-add address,
.bel-add address,
.ind-add address,
.png-add address,
.aus-add address {
	margin: 0px;
}

.usa-add {
	left: 5px;
	background: rgba(230, 223, 250, 0.3);
}

.uk-add{
    left: 14.5%;
    background: rgba(254, 249, 231, 0.5);
}

.bel-add {
	left: 29%;
	background: rgba(254, 249, 231, 0.5);
}

.ind-add {
	left: 43.5%;
	background: rgba(245, 254, 255, 0.8);
}

.sl-add {
    right: 29%;
    background: rgba(252, 245, 246, 0.6);
}

.png-add {
	right: 14.5%;
	background: rgba(252, 245, 246, 0.6);
}

.aus-add {
	right: 0px;
	background: rgba(249, 233, 252, 0.4);
}

.ind-add .bx-wrapper,
.png-add .bx-wrapper {
	background: transparent;
	cursor: move;
}

.address_highlight.active {
	background: rgba(245, 254, 255, 1);
	box-shadow: 0px 0px 10px rgba(197, 197, 197, 0.71);
}

address span {
	font-size: 1rem;
	display: block;
	font-weight: 500;
    line-height: 1.2;
    margin-bottom: 4px;
    color: inherit;
}

.address_highlight h6 {
    margin-bottom: 4px;
    font-size: 1rem;
	font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

.contact-form-sec {
	overflow: hidden;
	width: auto;
	position: absolute;
	top: 100px;
	right: 0px;
	/*transform: translate(0%, -50%);*/
        z-index: 99;
}

.contact-form-sec-inner {
        margin-top: 48px;
	width: 400px;
	top: 50%;
	right: 0px;
/*	border: 1px solid #f48ea7;*/
	padding: 20px 15px;
	transition: 0.5s;
	margin-right: -100%;
	background: #fff;
	float: right;
	z-index: 1;
}

.contact-form-sec .sbt-btn {
	padding: 10px 0px;
	transition: 0.5s;
	float: left;
	z-index: 2;
	right: 0px;
	position: absolute;
	border: 1px solid rgba(234, 142, 204, 0.4588235294117647);
}

.contact-form-sec .line-animation-part {
	top: 10px;
	display: block;
}

.mystyle {
	margin-right: 0px;
	transition: 0.5s;
    background: rgba(245, 254, 255, 1);
    box-shadow: 0px 0px 10px rgba(197, 197, 197, 0.71);
    margin-bottom: 10px;
    margin-left: 10px;
}

.contact-form-sec-inner .form-body .form-group .form-control{ background: transparent; }

.contact-form-sec .sbt-btn .line-one,
.contact-form-sec .sbt-btn .line-two,
.contact-form-sec .sbt-btn .line-three,
.contact-form-sec .sbt-btn .line-four {
	background: #ea8ecc;
}

.ml15 .word {
	display: inline-block;
	line-height: 1em;
}

.pro-aft-org-sec {
	background-image: url(../images/problem-org-bg.png);
}

.pro-aft-org-sec ul {
	padding: 15px 30px 15px 30px;
	margin: 0px;
	text-align: center;
}

.pro-aft-org-sec ul li {
	list-style: none;
	font-size: 18px;
	margin-bottom: 0px;
	position: relative;
        padding-bottom: 1px;
}

.pro-aft-org-sec ul li:nth-child(odd) {
	left: -280px;
}

.pro-aft-org-sec ul li:nth-child(even) {
	left: 280px;
}

.pro-aft-org-sec {
	margin-top: 60px;
}

.pro-aft-org-sec ul li b {
	font-size: 26px;
	margin-left: 10px;
}

.pro-aft-org-sec ul li img {
	margin: 0px 10px 0px 0px;
	display: inline-block;
	width: 70px;
}

.pro-aft-org {
	background-image: url(../images/problem-org-bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% 103%;
}

.our-solu-sec {
	display: block;
}

.our-solu-sec ul {
	padding: 0px;
	margin: 0px;
}

.our-solu-sec ul li {
	text-align: center;
	list-style: none;
	margin-bottom: 0px;
	padding: 20px 8px;
	cursor: pointer;
	transition: 0.5s;
	box-shadow: -1px 0px 1px #e4e4e4;
}

.our-solu-sec ul li:hover {
	border-bottom: 1px solid #00affe;
	color: #00affe;
}

.our-solu-sec ul li img {
	display: block;
	margin: 0px auto 10px auto;
}

.diff-cls-name h5 {
	font-size: 30px;
}

.diff-cls-name h4 {
	font-size: 40px;
}

.diff-cls-name h2 {
	font-size: 80px;
}

.our-solu-show-div {
	position: absolute;
	top: 0%;
	content: "";
	margin: 0px auto;
	width: 100%;
	background: #fff;
	left: -100%;
	padding: 10px 40px;
	max-width: 1400px;
	min-height: 100%;
	transition: 0.5s;
}

.our-solu-show-div.intro {
	left: 0px !important;
}

.banking-ui-li ul li {
	font-size: 25px;
}

.our-solu-sec ul li {
	text-align: center;
	list-style: none;
	margin-bottom: 0px;
	padding: 20px 8px;
	display: inline-block;
	width: auto;
	cursor: pointer;
	width: 209px;
	transition: 0.5s;
	height: 170px;
	border: 1px solid #ccc;
}

.our-sol-act-div ul li.active {
	width: 100%;
	height: 300px;
	display: block;
	margin: 0px auto;
}


/* bhoechie tab */

div.bhoechie-tab-container {
	z-index: 10;
/*	background-color: #ffffff;*/
	padding: 0 !important;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
	box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
	-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
	background-clip: padding-box;
	opacity: 0.97;
	filter: alpha(opacity=97);
	width: 100%;
}

div.bhoechie-tab-menu {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

div.bhoechie-tab-menu div.list-group {
	margin-bottom: 0;
	display: block;
}

div.bhoechie-tab-menu div.list-group>a {
	margin-bottom: 0;
	width: 50%;
	height: 100px;
	text-align: center;
	display: inline-block;
	font-size: 13px;
	float: left;
	vertical-align: middle;
	line-height: 17px;
	transition: 0.5s;
	border: 1px solid rgba(144, 144, 144, 0.10);
	word-break: break-all;
    padding: 10px 5px;
}

div.bhoechie-tab-menu div.list-group>a.active {
	width: 100%;
	vertical-align: middle;
	height: 160px;
	font-size: 20px;
	line-height: normal;
	transition: 0.5s;
	border: none;
	left: 0px;
	position: absolute;
	top: 0px;
}

div.bhoechie-tab-menu div.list-group>a.active img {
	width: 70px;
	margin-bottom: 10px;
}

div.bhoechie-tab-menu div.list-group>a img {
	width: 30px;
	display: block;
	max-width: 100%;
	margin: 0px auto 10px;
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
	color: #5A55A3;
}

div.bhoechie-tab-menu div.list-group>a:first-child {
	border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	transition: 0.5s;
	margin-top: 160px;
}

div.bhoechie-tab-menu div.list-group>a:first-child.active {
	margin: 0px;
	position: static;
}

div.bhoechie-tab-menu div.list-group>a:last-child {
	border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	transition: 0.5s;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
	background-color: #e4f2ff;
	background-image: #5A55A3;text-transform: uppercase;
	color: #000;    line-height: 22px;
	background: url(../images/wave-gradient-bg.png) center center no-repeat, linear-gradient(to bottom, rgba(154, 220, 254, 0), rgba(166, 247, 255, 0.35));
}

div.bhoechie-tab-menu div.list-group>a.active:after {
	content: '';
	position: absolute;
	left: 100%;
	margin-top: -13px;
	border-left: 0;
	border-bottom: 13px solid transparent;
	border-top: 13px solid transparent;
	border-left: 10px solid #d6f9ff;
}

div.bhoechie-tab-content {
/*	background-color: #ffffff;*/
	padding-left: 0px;
	padding-top: 0px;
	overflow: auto;
	height: 800px;
	overflow-x: hidden;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
	display: none;
}

.prodct_spec .prodct_spec_media {
	padding-left: 0px;
	padding-right: 0px;
}

.client-from-add {
	position: absolute;
	width: 500px;
	left: 0px;
	top: 60px;
/*	background: #f0faff;*/
	padding: 28px 10px 10px 20px;
	height: 290px;
	-webkit-clip-path: polygon(0 0, 70% 10%, 70% 90%, 0 100%, 0 100%);
	clip-path: polygon(0 0, 70% 10%, 70% 90%, 0 100%, 0 100%);
/*    background: rgba(245, 254, 255, 1);*/
    box-shadow: 0px 0px 10px rgba(197, 197, 197, 0.71);
    background-image: url(../images/locate-bg.png); 
    background-repeat: no-repeat;
    background-size: contain;
}

.product-layout2 .prodct_spec_media .media {
	display: table;
	width: 100%;
	margin: 0px;
}

.product-layout2 .prodct_spec_media .media .media-body,
.product-layout2 .prodct_spec_media .media .media-left,
.product-layout2 .prodct_spec_media .media .media-right {
	display: table-cell;
	vertical-align: middle;
}

.product-layout2 .prodct_spec_media .media .media-left {
	width: 350px;
}

.product-layout2 .prodct_spec_media .media .media-right {
	width: 350px;
}

.benefits-sec-blue {
	background: #f5fbfe;
	padding: 30px 20px;
}

.benefits-sec-blue ul {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

.benefits-sec-blue ul li {
	margin-bottom: 10px;
}

.trail-for-u {
	width: 250px;
	font-size: 17px;
	border-radius: 0px;
}

.product-layout2 .prodct_spec_media {
	padding-left: 10px;
	padding-right: 10px;
}

.product-layout4 ul {
	margin: 40px 0px 0px 70px;
	padding: 0px;
	list-style: none;
}

.product-layout4 ul li {
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 15px;
}

.img-with-video {
	position: relative;
}

.mask-video {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	width: 85%;
	height: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.mask-video i.fa.fa-video {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
}

.all-wheel-part-sec {
	position: fixed;
	top: 46%;
	left: 7%;
	margin: 0px auto;
	transform: translate(-50%, -50%);
	width: 400px;
	height: 600px;
	z-index: 1;
}

.outer-wheel {
	background-image: url(../images/wheel-outer-pulse.png);
	background-position: center;
	background-size: cover;
	width: 47em;
	height: 50em;
	position: absolute;
	top: -60px;
	left: -87%;
	z-index: 0;
	transform: translate(-50%, -50%);
    opacity: 0.5;
}

.circle-rotation {
	position: absolute;
	padding: 0;
	margin: 1em auto;
	width: 40em;
	height: 40em;
	border-radius: 50%;
	list-style: none;
	left: -72%;
	overflow: hidden;
    border: 1px dashed #e68bd4;
}

.circle-rotation li {
    background: transparent;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 50%;
	transform-origin: 0% 100%;
    border: 1px dashed #e68bd4;
}

.circle-rotation li .text {
	position: absolute;
	left: -100%;
	width: 200%;
	height: 200%;
	text-align: center;
	transform: skewY(60deg) rotate(15deg);
	padding-top: 20px;
}

.circle-rotation li:first-child {
	transform: rotate(0deg) skewY(-60deg);
}

.circle-rotation li:nth-child(2) {
	transform: rotate(30deg) skewY(-60deg);
}

.circle-rotation li:nth-child(3) {
	transform: rotate(60deg) skewY(-60deg);
}

.circle-rotation li:nth-child(4) {
	transform: rotate(90deg) skewY(-60deg);
}

.circle-rotation li:nth-child(5) {
	transform: rotate(120deg) skewY(-60deg);
}

.circle-rotation li:nth-child(6) {
	transform: rotate(150deg) skewY(-60deg);
}

.circle-rotation li:nth-child(7) {
	transform: rotate(180deg) skewY(-60deg);
}

.circle-rotation li:nth-child(8) {
	transform: rotate(210deg) skewY(-60deg);
}

.circle-rotation li:nth-child(9) {
	transform: rotate(240deg) skewY(-60deg);
}

.circle-rotation li:nth-child(10) {
	transform: rotate(270deg) skewY(-60deg);
}

.circle-rotation li:nth-child(11) {
	transform: rotate(300deg) skewY(-60deg);
}

.circle-rotation li:nth-child(12) {
	transform: rotate(330deg) skewY(-60deg);
}

.circle-rotation li .text img {
	max-width: 48px;
	transform: rotate(-90deg);
}

.rotate-animation {
	-webkit-animation: rotation 80s infinite linear;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

.exos-circle-rotation {
	position: absolute;
	padding: 0;
	margin: 1em auto;
	width: 40em;
	height: 40em;
	border-radius: 50%;
	list-style: none;
	left: -72%;
	overflow: hidden;
    border: 1px dashed #e68bd4;
}

.exos-circle-rotation li {
    background: transparent;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 50%;
	transform-origin: 0% 100%;
    border: 1px dashed #e68bd4;
}

.exos-circle-rotation li .text {
	position: absolute;
	left: -100%;
	width: 200%;
	height: 200%;
	text-align: center;
	transform: skewY(60deg) rotate(15deg);
	padding-top: 20px;
}

.exos-circle-rotation li:first-child {
	transform: rotate(60deg) skewY(-60deg);
}

.exos-circle-rotation li:nth-child(2) {
	transform: rotate(120deg) skewY(-60deg);
}

.exos-circle-rotation li:nth-child(3) {
	transform: rotate(180deg) skewY(-60deg);
}

.exos-circle-rotation li:nth-child(4) {
	transform: rotate(240deg) skewY(-60deg);
}

.exos-circle-rotation li:nth-child(5) {
	transform: rotate(300deg) skewY(-60deg);
}

.exos-circle-rotation li:nth-child(6) {
	transform: rotate(360deg) skewY(-60deg);
}

.wheel_part-color1 {
	background: #55bbff;
	background: -moz-linear-gradient(left, #55bbff 0%, #d2c3fc 74%, #d2c3fc 74%);
	background: -webkit-linear-gradient(left, rgba(85, 187, 255, 0.1) 0%, rgba(210, 195, 252, 0.1) 74%, rgba(210, 195, 252, 0.1) 74%);
	background: linear-gradient(to right, rgba(85, 187, 255, 0.1) 0%, rgba(210, 195, 252, 0.1) 74%, rgba(210, 195, 252, 0.1) 74%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#55bbff', endColorstr='#d2c3fc', GradientType=1);
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.wheel_part-color2 {
	background: #57c3ff;
	/* Old browsers */
	background: -moz-linear-gradient(left, #57c3ff 0%, #2ce7c7 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(87, 195, 255, 0.1) 0%, rgba(44, 231, 199, 0.1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(87, 195, 255, 0.1) 0%, rgba(44, 231, 199, 0.1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#57c3ff', endColorstr='#2ce7c7', GradientType=1);
	/* IE6-9 */
}

.wheel_part-color3 {
	background: #ea8ecc;
	/* Old browsers */
	background: -moz-linear-gradient(left, #ea8ecc 0%, #d277fe 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(234, 142, 204, 0.1) 0%, rgba(210, 119, 254, 0.1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(234, 142, 204, 0.1) 0%, rgba(210, 119, 254, 0.1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ea8ecc', endColorstr='#d277fe', GradientType=1);
	/* IE6-9 */
}

.wheel_part-color4 {
	background: #ea8ecc;
	/* Old browsers */
	background: -moz-linear-gradient(left, #ea8ecc 0%, #fa8e8f 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(234, 142, 204, 0.1) 0%, rgba(250, 142, 143, 0.1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(234, 142, 204, 0.1) 0%, rgba(250, 142, 143, 0.1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ea8ecc', endColorstr='#fa8e8f', GradientType=1);
	/* IE6-9 */
}

.wheel_part-color5 {
	background: #f6d166;
	/* Old browsers */
	background: -moz-linear-gradient(left, #f6d166 0%, #fda284 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(246, 209, 102, 0.1) 0%, rgba(253, 162, 132, 0.1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(246, 209, 102, 0.1) 0%, rgba(253, 162, 132, 0.1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6d166', endColorstr='#fda284', GradientType=1);
	/* IE6-9 */
}

.top-wheel-rotation,
.bottom-wheel-rotation {
	background-image: url(../images/wheel-bg-outer.png);
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-position: center;
	background-size: cover;
	opacity: 0.8;
	background-repeat: no-repeat;
}

.top-wheel-rotation {
	top: -54%;
	width: 20em;
	height: 20em;
	z-index: -2;
	left: -5%;
}

.bottom-wheel-rotation {
	bottom: -68%;
	width: 25em;
	height: 24em;
	z-index: -2;
	left: -5%;
}

.inner-wheel-text-bx {
	background: #fff;
	width: 200px;
	height: 200px;
	z-index: 2;
	text-align: center;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 15%;
	transform: translate(-50%, -50%);
	top: 50%;
    border: 1px dashed #e68bd4;
}

.inner-wheel-text-bx p {
	font-size: 27px;
	position: absolute;
	right: 17px;
	top: 83px;
	font-weight: 500;
	color: #308ee6;
}

.outer-rotate-div {}
.circle-rotation.exos-vm-rotation  li:first-child {transform: rotate(0deg) skewY(-57deg);}
.circle-rotation.exos-vm-rotation  li:nth-child(2) {transform: rotate(33deg) skewY(-57deg);}
.circle-rotation.exos-vm-rotation  li:nth-child(3) {transform: rotate(66deg) skewY(-57deg);}
.circle-rotation.exos-vm-rotation  li:nth-child(4) {transform: rotate(99deg) skewY(-57deg);}
.circle-rotation.exos-vm-rotation  li:nth-child(5) {transform: rotate(132deg) skewY(-57deg);}
.circle-rotation.exos-vm-rotation  li:nth-child(6) {transform: rotate(165deg) skewY(-57deg);}
.circle-rotation.exos-vm-rotation  li:nth-child(7) {transform: rotate(198deg) skewY(-57deg);}
.circle-rotation.exos-vm-rotation  li:nth-child(8) {transform: rotate(231deg) skewY(-57deg);}
.circle-rotation.exos-vm-rotation  li:nth-child(9) {transform: rotate(264deg) skewY(-57deg);}
.circle-rotation.exos-vm-rotation  li:nth-child(10) {transform: rotate(297deg) skewY(-57deg);}
.circle-rotation.exos-vm-rotation  li:nth-child(11) {transform: rotate(330deg) skewY(-60deg);}
.circle-rotation.exos-vm-rotation  li .text {transform: skewY(57deg) rotate(16deg);}
.circle-rotation.exos-vm-rotation  li:nth-child(11) .text{transform: skewY(60deg) rotate(16deg);}

.tab-section .nav.who-tab-gackbg {
	border-right: 1px solid rgba(243, 65, 185, 0.4);
	background-image: url(../images/who-tab-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: auto;
	background-size: cover;
}

.tab-section .nav .nav-link {
	padding: 30px 15px;
	font-size: 20px;
	font-weight: 500;
}

.tab-section .nav .nav-link.active {
	background-image: url(../images/who-tab-active-nicon.png);
	background-repeat: no-repeat;
	background-position: center left;
	color: #000;
	font-size: 25px;
	font-weight: 500;
	background-color: transparent;
	padding-left: 170px;
}

.blue-clr,
.cmp-ncolor {
	color: #03b0ff;
}

.org-clr {
	color: #f87347;
}

.pink-clr {
	color: #42dde0;
}

.grn-clr {
	color: #ac5aff;
}

span.hide-next {
	text-transform: uppercase;
}

.tab-section .tab-content {
	background-image: url(../images/who-tab-right-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 15px;
	height: 100%;
}

.tab-section .tab-content>.active h5 {
	font-size: 18px;
}

.tab-section .tab-content>.active h3 {
	text-transform: uppercase;
	font-size: 48px;
}

.who-dec-text {
	font-style: italic;
	font-size: 25px;
	font-weight: 500;
	bottom: -70px;
	position: absolute;
}

.insight-ulli {
	list-style: none;
	padding: 0px;
	margin-top: 20px;
}

.tab-pane.fade.active.show {
	padding-left: 0px
}

.media-left.media-top img {
	max-width: 40px !important;
}

.nav-link.active.show .hide-next {
	display: none;
}

.nav-link.active.show.ncolor-logo1 {
	background-image: url(../images/ncolor-logo1.png);
	background-repeat: no-repeat;
	background-position: left;
}

.nav-link.active.show.ncolor-logo2 {
	background-image: url(../images/ncolor-logo2.png);
	background-repeat: no-repeat;
	background-position: left;
}

.nav-link.active.show.ncolor-logo3 {
	background-image: url(../images/ncolor-logo3.png);
	background-repeat: no-repeat;
	background-position: left;
}

.nav-link.active.show.ncolor-logo4 {
	background-image: url(../images/ncolor-logo4.png);
	background-repeat: no-repeat;
	background-position: left;
}

.who-dec-blue-clr {
	color: #03b0ff;
	font-style: italic;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
}

.who-dec-org-clr {
	color: #f87347;
	font-style: italic;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
}

.who-dec-pink-clr {
	color: #687dff;
	font-style: italic;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
}

.who-dec-grn-clr {
	color: #01beb6;
	font-style: italic;
	font-size: 25px;
	font-weight: 500;
	text-align: center;
}

.top-caption {
	max-width: 700px;
	width: 100%;
	position: absolute;
	top: 13%;
	right: 10%;
	padding: 0px;
	text-align: center;
}

.top-caption h3 {
	font-size: 35px;
}

.top-caption h5 {
    font-size: 18px;
}

.top-caption p {
	font-size: 16px;
    text-align: center;
}

.typewriter {
	overflow: hidden;
	/* Ensures the content is not revealed until the animation */
	border-right: .15em solid #55bdff;
	/* The typwriter cursor */
	white-space: nowrap;
	/* Keeps the content on a single line */
	letter-spacing: .1px;
	/* Adjust as needed */
	font-size: 22px;
/*	max-width: 210px;*/
	animation: typing 2.5s steps(40, end), blink-caret .75s step-end infinite;
}


/* The typing effect */

@keyframes typing {
	from {
		width: 0
	}
	to {
		width: 100%
	}
}


/* The typewriter cursor effect */

@keyframes blink-caret {
	from,
	to {
		border-color: transparent
	}
	50% {
		border-color: transparent;
	}
}

.typewriter-p1 {
	overflow: hidden;
	/* Ensures the content is not revealed until the animation */
	border-right: .15em solid #55bdff;
	/* The typwriter cursor */
	white-space: nowrap;
	/* Keeps the content on a single line */
	animation: typing 5.5s steps(50, end), blink-caret .95s step-end infinite;
	max-width: 130px;
    display: inline-block;    font-size: 14px;margin: 0px;
}

.typewriter-p2 {
	overflow: hidden;
	/* Ensures the content is not revealed until the animation */
	border-right: .15em solid #55bdff;
	/* The typwriter cursor */
	white-space: nowrap;
	/* Keeps the content on a single line */
	animation: typing 10.5s steps(50, end), blink-caret .95s step-end infinite;
	max-width: 140px;
    display: inline-block;
}

.typewriter-p3 {
	
	    vertical-align: top;
	max-width: 80px;
    display: inline-block; font-size: 10px;margin: 0px;
}

.typewriter-p4 {
	
	margin: 0px;
    display: inline-block; font-size: 10px;vertical-align: top;
}

.nearest-office {
    font-size: 12px;
}

.flip_gallery {
	display: inline-block;
	margin-bottom: 20px;
}

.pro-cir-name {
	display: block;
	word-break: break-all;
	max-width: 90px;
	margin: 0px auto;
	color: #000;
	font-size: 12px;
    line-height: 15px;
}

ul.circle-rotation li.active {
	box-shadow: 0px 9px 10px #ccc;
}

span.pro-name {
	position: absolute;
	color: #000;
	top: 10%;
	left: 0px;
	font-size: 20px;
	z-index: 10;
	border: 1px solid red;
	background: red;
}

.four-piller-bg {
	background-image: url(../images/gio-four-piller-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.overlay-video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .3s ease;
	background: linear-gradient(to right, rgba(87, 195, 255, 0.4) 0%, rgba(44, 231, 199, 0.4) 100%);
}

.img-with-video:hover .overlay-video {
	opacity: 1;
}

a.vid-icon {
	color: white;
	font-size: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.footerwrapper ul.minimenubar li img {
    max-width: 30px;
    margin-right: 10px;
}

.footerwrapper ul.minimenubar li{     font-size: 15px;
    margin: 0px 25px 0px 0px;
    padding: 0px; }

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
    color: #57c3ff;
}
.hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

span.hvr-show-caption {
    position: absolute;
    right: 0px;
    width: 100% !important;
    display: none;
    min-width: 260px !important;
    padding-right: 15px;
    text-align: right;
    font-weight: 700;
}
.carousel-indicators li{ text-indent: 0px; }
.carousel-indicators li:hover:before{width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #3f8ffa;
    left: -5px;
    top: 5px; }
.carousel-indicators li:hover span.hvr-show-caption{display: block;}
.footerwrapper {position: fixed;bottom:0px;width:100%;background: #fff;z-index: 20;}
.minimenubar {margin:12px 0px 11px 30px;padding: 0px;}
.minimenubar li {display: inline-block;list-style: none;font-size: 16px;color:#000; margin: 12px 10px 0px 15px;}
.fliplogos {float:right;margin:0px;padding: 0px;}
.fliplogos li {display: inline-block;list-style: none;font-size:18px;color:#000;margin:0px;padding: 0px;}
.fliplogos li:first-child img {width: 26px;margin-right: 30px;}
.fliplogos li:nth-child(2) img{width: 26px;opacity: 0.6;margin-right: 30px; }
.fliplogos li:nth-child(3) img{width: 80px;}
#arrowAnim {
    width: 30px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
}
#arrowAnimBack {
    width: 30px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
}
.monitary {
    color: red;
}
.forgot_password {
    color: #664dd6;
    text-decoration: underline;
}

.arrow {
    width: 18px;
    height: 18px;
    border: 3px solid;
  border-color: #eea5d5 transparent transparent #fba5a6;
  transform: rotate(-45deg);
}


.arrowSliding {
  position: absolute;
  -webkit-animation: slide 4s linear infinite; 
          animation: slide 4s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 1s; 
    animation-delay: 1s;
}
.delay2 {
  -webkit-animation-delay: 2s; 
    animation-delay: 2s;
}
.delay3 {
  -webkit-animation-delay: 3s; 
    animation-delay: 3s;
}

@-webkit-keyframes slide {
    0% { opacity:0; transform: translateX(20px); }	
   20% { opacity:1; transform: translateX(20px); }	
   80% { opacity:1; transform: translateX(0vw); }	
  100% { opacity:0; transform: translateX(0vw); }	
}
@keyframes slide {
    0% { opacity:0; transform: translateX(20px); }	
   20% { opacity:1; transform: translateX(20px); }	
   80% { opacity:1; transform: translateX(0vw); }	
  100% { opacity:0; transform: translateX(0vw); }	
}
.text-right.exos-cmn-back {
    position: absolute;
    right: 10px;
    bottom: 80px;
}

.dsp-arrow-img ul li img {
    max-width: 100px;    
}

.take-digi-ass ul {
padding: 0px;
    margin: 0px;
    position: absolute;
    top: -40px;
    margin: 0px auto;
    background: #fff;
    width: 100%;
}
.take-digi-ass ul li{ display: inline-block;
    transition: 0.5s;
    text-align: center;
    width: 18%;
    border: 0px solid;
    padding: 50px 0px 0px 20px;
    margin-right: 15px;
    float: left;
    /*cursor: pointer;*/


    height: 150px;
    background-position: center top;
}
.take-digi-ass ul li img{ max-width: 60px; display: block;     margin: 0px auto;}
.take-digi-ass ul li:last-child{ margin-right: 0px; }
.take-digi-ass ul li span{     font-weight: 500;
    color: #000;
    margin-top: 3px;
    display: block;
    margin-bottom: 0px;    font-size: 15px;     padding: 0px 10px;     line-height: 20px;}
.take-digi-ass ul:hover li{opacity:0.3;}
.take-digi-ass ul li:hover{opacity:1;}
.take-digi-ass ul li:nth-child(1){ background-image: url(../images/take-digi-assbg-1.png); background-repeat: no-repeat; background-size: 125% 113%;}
.take-digi-ass ul li:nth-child(2){ background-image: url(../images/take-digi-assbg-2.png); background-repeat: no-repeat; background-size: 125% 113%;}
.take-digi-ass ul li:nth-child(3){ background-image: url(../images/take-digi-assbg-3.png); background-repeat: no-repeat; background-size: 125% 113%;}
.take-digi-ass ul li:nth-child(4){ background-image: url(../images/take-digi-assbg-4.png); background-repeat: no-repeat; background-size: 125% 113%;}
.take-digi-ass ul li:nth-child(5){ background-image: url(../images/take-digi-assbg-5.png); background-repeat: no-repeat; background-size: 125% 113%;}


.draw {
  transition: color 0.25s;
}
.draw:before, .draw:after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.draw:before {
  top: 0;
  left: 0;
}
.draw:after {
  bottom: 0;
  right: 0;
}
.draw:hover {
  color: #60daaa;
}
.draw:hover:before, .draw:hover:after {
  width: 100%;
  height: 100%;
}
.draw:hover:before {
  border-top-color: #60daaa;
  border-right-color: #60daaa;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover:after {
  border-bottom-color: #60daaa;
  border-left-color: #60daaa;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
button#ul-show{ background-image: url(../images/take-digi-ass-button-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border: 0px solid;
    height: 80px;
    width: 70%;    cursor: pointer;
    outline: none;}
button#ul-show h2{ padding: 0px; font-size: 28px; margin: 0px;}
.take-digi-ass.product-content {
    text-align: center;
    margin: 50px 0px 30px 0px; position: relative;
}

    .bx-slider-part ul li{     height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 110%;
    background-position: top;}
    
.rpanelcontent {
    text-align: center;
    position: absolute;
    right: 0px;
    bottom: 5px;
}

img.desk-hide-img {
    display: none;
}

.text-right.back-to-btn {
    position: absolute;
    bottom: 65px;
    right: 65px;padding-left: 40px;
}

.carousel-caption{    bottom: 50px;     padding: 0px;}
h5.media-heading {
    margin-top: 5px;
}

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: rgba(63, 143, 250, 0.49019607843137253);
}

#style-3::-webkit-scrollbar
{
	width: 3px;
	background-color: rgba(63, 143, 250, 0.49019607843137253);
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: rgba(63, 143, 250, 0.49019607843137253);
}

.scrollbar
{
	float: left;
	overflow-y: scroll;
}

.exos-vm-rotation li .pro-cir-name{max-width: 90px;}

#nearest_address .coordinates_data {
                display: none;
            }

.collapse.show {
    display: block;
}
.collapse {
    display: none;
}

.submenu-btn-arrow {
     position: absolute;
    top: 2px;
    right: 20px;
    cursor: pointer;
    width: calc(100% - 220px);
    background: transparent;
    border: none;
    text-align: right;
    height: 50px;
}
.submenu-btn-arrow:focus{ outline: none; }  
.res-slider-sec{ display: none;}
.res-slider-sec img {
/*    height: 100vw;*/
    width: 100%;
}

.res-slider-sec1{ background-image: url(../images/mobile-exos.jpg); background-repeat: no-repeat; background-position: top; background-size: 120%; width: 100%;
height: 92vh;display: none;}
.res-slider-sec2{ background-image: url(../images/mobile-hcms-bg.jpg); background-repeat: no-repeat; background-position: top; background-size: 120%; width: 100%;
    height: 92vh;display: none;}
.res-slider-sec3{ background-image: url(../images/mobile-geo-bg.jpg); background-repeat: no-repeat; background-position: top; background-size: 120%; width: 100%;
    height: 92vh;display: none;}
.res-slider-sec4{ background-image: url(../images/mobile-fms-bg.jpg); background-repeat: no-repeat; background-position: top; background-size: 120%; width: 100%;
    height: 92vh;display: none;}
.res-slider-sec5{ background-image: url(../images/mobile-dmrs-bg.jpg); background-repeat: no-repeat; background-position: top; background-size: 120%; width: 100%;
    height: 92vh;display: none;}
.res-slider-sec6{ background-image: url(../images/mobile-transform-bg.jpg); background-repeat: no-repeat; background-position: top; background-size: 120%; width: 100%;height: 92vh;display: none; }

/*General CSS by Mathi on 27Feb2019*/
.no-margin-bottom {margin-bottom: 0px !important;}
.margin-top-10 {margin-top:10px !important;}
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}
.margin-top-40 {margin-top:40px;}
.margin-bottom-0 {margin-bottom:0px;}
.margin-bottom-50 {margin-bottom:50px;}
.no-padding {padding:0px;}
.margin-bottom-50 {margin-bottom:50px;}
.padding-right-40 {padding-right:40px;}
.padding-right-50 {padding-right:50px;}
.bx-viewport .margin-bottom-50 {margin-bottom:50px !important;}
.padding-left-30 {padding-left:30px;}
.padding-left-40 {padding-left:40px;}
/*General CSS by Mathi on 27Feb2019*/
/*CSS overrides by Mathi on 27Feb2019*/
/*.content_wrapper h2 {margin-left: -2px;}*/
.btn-disabled {cursor: no-drop;}
.largelist li {font-size: 16px;margin: 15px 0px;}
.no-scroll {height:auto !important;}
.bx-viewport {height: auto !important;/* overflow: auto !important;*/}
.f_500{font-weight: 500;}
/*CSS overrides by Mathi on 27Feb2019*/



.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}

.collapse.in {
    display: block;
}
.all-blog-sec {
/*
    width: 100%;
    height: 100%;
    margin: 0px auto;
    padding: 0px;
    top: 0px;
    position: absolute;
    z-index: 0;
    left: 0px;
*/
    width: 100%;
    height: 100%;
    margin: 0px auto;
    padding: 30px 0px 0px 0px;
    top: 0px;
    position: fixed;
    z-index: 5;
    left: 0px;
    background: #fff;
    max-width: 75%;
    max-height: 95vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.blog-append-sec {
    width: 100%;
/*    height: 100%;*/
    background: #fff;
    padding: 0px 15px 0px 15px;
}

.blog-append-sec h1{margin-bottom: 5px;}

.autor-name-date{ margin-bottom: 10px; }

.Blog-Section .card-header{    padding: 6px 10px;}
.Blog-Section .card-header h5 .btn{    color: #212529;
    text-shadow: 0px 0px 0px #ccc;
    margin: 0px;
    width: 100%;
    padding: 0px;
    text-align: left;}
.Blog-Section .card-header h5 .btn:hover, .Blog-Section .card-header h5 .btn:focus{ text-decoration: none; }
.Blog-Section .accordion .card .card-header{background-image: url(../images/wave-gradient-bg.png);background-color: transparent;border-bottom: 0px solid rgba(113, 113, 113, 0.125)}
.Blog-Section .accordion .card{border: 0px solid rgba(0, 0, 0, 0.09);margin-bottom: 10px;}
.Blog-Section .accordion .card .card-body{ background-color: #fff;    padding: 10px; }
.Blog-Section .accordion .card:nth-child(1){background: linear-gradient(to right, rgba(85, 187, 255, 0.1) 0%, rgba(210, 195, 252, 0.1) 74%, rgba(210, 195, 252, 0.1) 74%);}
.Blog-Section .accordion .card:nth-child(2){background: linear-gradient(to right, rgba(87, 195, 255, 0.1) 0%, rgba(44, 231, 199, 0.1) 100%);}
.Blog-Section .accordion .card:nth-child(3){background: linear-gradient(to right, rgba(234, 142, 204, 0.1) 0%, rgba(210, 119, 254, 0.1) 100%);}
.Blog-Section .accordion .card:nth-child(4){background: linear-gradient(to right, rgba(246, 209, 102, 0.1) 0%, rgba(253, 162, 132, 0.1) 100%);}
.Blog-Section .accordion .card:nth-child(5){background: linear-gradient(to right, rgba(234, 142, 204, 0.1) 0%, rgba(250, 142, 143, 0.1) 100%);}
.Blog-Section .accordion .card:nth-child(6){background: linear-gradient(to right, rgba(85, 187, 255, 0.1) 0%, rgba(210, 195, 252, 0.1) 74%, rgba(210, 195, 252, 0.1) 74%);}
.Blog-Section .accordion .card:nth-child(7){background: linear-gradient(to right, rgba(87, 195, 255, 0.1) 0%, rgba(44, 231, 199, 0.1) 100%);}
.Blog-Section .accordion .card:nth-child(8){background: linear-gradient(to right, rgba(85, 187, 255, 0.1) 0%, rgba(210, 195, 252, 0.1) 74%, rgba(210, 195, 252, 0.1) 74%);}

#toTop {
    padding: 5px 3px;
    color: #fff;
    position: fixed;
    bottom: 60px;
    right: 5px;
    display: none;
    cursor: pointer;
}
#toTop #arrowAnim{ position: static; display: inline-block;transform: rotate(90deg);}

.popup_bg { position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display:none; }
.popup_content .contents{ height: 100%; overflow:hidden;}

.popup_content { /*width: 900px; height: 500px;*/ margin: auto; padding:15px; border-radius:5px; position:relative;	/*background:#fff; border-right:50px solid rgba(0,175,255,0.9);*/}
.popup_content1 .contents{ height: 100%; overflow:hidden;}

.popup_content1 { /*width: 900px; height: 500px;*/ margin: auto; padding:15px; border-radius:5px; position:relative;	background:#fff; border-right:50px solid rgba(0,175,255,0.9);}
.popup_content2 .contents{ height: 100%; overflow:hidden;}

.popup_content2 { /*width: 900px; height: 500px;*/ margin: auto; padding:15px; border-radius:5px; position:relative;	background:#fff; border-right:50px solid rgba(0,175,255,0.9);}
.closepop {
       position: absolute;
    top: 0;
    right: 20px;
    z-index: 9999999;
    background: #d0d0d0;
    width: 50px;
    border-radius: 50%;
    height: 50px;
    padding: 15px;
    cursor: pointer;
    text-align: center;
}
.closepop i{ color:#fff; }
#wrapper_bu {
    position: absolute;
    /* top: 150px; */
    width: 100%;
    height: 100%;
   /* background-color: #ddd;
    overflow: auto;*/
}
.open_popup {
    display: block !important;
}
.holder_bu { cursor: pointer }

.holder_bu_awayL1 {
    position: absolute;
    top: 10%;
    left: 25%;
    width: 60%;
    height: 40%;
    z-index: 1;
    /* background-color: #37c; */
    -webkit-transition: width 1s, height 1s, top 1s, left 1s;
    -moz-transition: width 1s, height 1s, top 1s, left 1s;
    -o-transition: width 1s, height 1s, top 1s, left 1s;
    -ms-transition: width 1s, height 1s, top 1s, left 1s;
    transition: width 1s, height 1s, top 1s, left 1s;
}

.holder_bu_awayL2 {
    position: absolute;
    top: 15%;
    left: 20%;
    width: 25%;
    height: 30%;
    /* background-color: #37c; */
    -webkit-transition: width 1s, height 1s, top 1s, left 1s;
    -moz-transition: width 1s, height 1s, top 1s, left 1s;
    -o-transition: width 1s, height 1s, top 1s, left 1s;
    -ms-transition: width 1s, height 1s, top 1s, left 1s;
    transition: width 1s, height 1s, top 1s, left 1s;
}

.holder_bu_center {
    position: absolute;
    top: 5%;
    left: 35%;
    width: 54%;
    height: 56%;
	z-index:2;
    /* background-color: #37c; */
    -webkit-transition: width 1s, height 1s, top 1s, left 1s;
    -moz-transition: width 1s, height 1s, top 1s, left 1s;
    -o-transition: width 1s, height 1s, top 1s, left 1s;
    -ms-transition: width 1s, height 1s, top 1s, left 1s;
    transition: width 1s, height 1s, top 1s, left 1s;
}

.media .media-body p{    padding: 0px 10px 0px 10px;}

.read-more-state, .read-more-trigger {display: none;}

.search-section, .replated-topics{
    margin: 30px 0px; position: relative;
}

/*
.search-box {
  transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  background: rgba(87, 195, 255, 0.1);
}
.search-box + label .search-icon {
  color: black;
}
.search-box:hover {
color: white;
    background: linear-gradient(to right, rgba(87, 195, 255, 0.62) 0%,rgba(44, 231, 199, 0.6) 100%);
    box-shadow: 0 0 0 5px rgba(87, 195, 255, 0.7);
}
.search-box:hover + label .search-icon {
  color: white;
}
.search-box:focus {
  transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
  border: none;
  outline: none;
  box-shadow: none;
  padding-left: 15px;
  cursor: text;
  width: 300px;
        background: transparent;
  border-radius: auto;
    border-bottom: 1px solid rgba(235, 235, 235, 0.86);
  color: black;
}
.search-box:focus + label .search-icon {
  color: black;
}
.search-box:not(:focus) {
  text-indent: -5000px;
}
*/

#search-submit {
  position: relative;
  left: -5000px;
}

.search-icon {
  position: relative;
  left: -30px;
  color: white;
  cursor: pointer;
}
div#accordionExample {
    margin: 20px 0px;
}
a.cat-ind-text {
    padding-bottom: 8px;
    display: block;
}
.search-section .menu{ margin: 15px 0px 0px 0px; padding: 0px; }
.search-section .menu li{ display: inline-block;
    padding: 0px;
    margin-right: 40px;}

.replated-topics ul{ margin: 20px 0px 0px 0px; padding: 0px; }

.replated-topics ul li{    
    display: inline-block;
    border: 1px solid #c5edef; padding: 0px;
    margin: 0px 15px 10px 0px;    transition: 0.5s;
}

.replated-topics ul li a{    padding: 4px 20px;
    display: block; transition: 0.5s;}

 .replated-topics ul li a:hover{color:#fff;background:#57c3ff;/* Old browsers */
background:-moz-linear-gradient(to right, rgba(87, 195, 255, 0.62) 0%,rgba(44, 231, 199, 0.6) 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(to right, rgba(87, 195, 255, 0.62) 0%,rgba(44, 231, 199, 0.6) 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to right, rgba(87, 195, 255, 0.62) 0%,rgba(44, 231, 199, 0.6) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#57c3ff', endColorstr='#2ce7c7',GradientType=1 );/* IE6-9 */
transition: 0.5s;}
.right-digilog-txt{position: absolute; top: -40px;left: 35px;}
span.right-arrow {
    position: absolute;
    right: 0px;
}
.Blog-Section {
    padding: 0px 30px 0px 20px;
}

a.back-to-digilo-pg {
    position: absolute;
    right: 10px;
    font-weight: normal;
    top: 10px;
}

.back-to-digilo-pg #dismiss{top: 0px;right: 120px;}

.search-button {
  position: absolute;
  right: 20px;
  top: 80%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.search-toggle {
      position: relative;
    display: block;
    height: 15px;
    width: 15px;
}
.search-toggle::before, .search-toggle::after {
  content: '';
  position: absolute;
  display: block;
  transition: all 0.1s;
}
.search-toggle::before {
  border: 2px solid #0097bf;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  left: -2px;
  top: -2px;
}
.search-toggle::after {
  height: 2px;
    width: 12px;
    background: #0097bf;
    top: 12px;
    left: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.search-toggle.active::before {
  width: 0;
  border-width: 1px;
  border-radius: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -1px;
  left: 4px;
}
.search-toggle.active::after {
     width: 15px;
    left: -2px;
    top: 6px;
}

.search-input:focus {
  outline: none;
}

#header-2 {
  overflow: hidden;
}
#header-2 .menu li {
  opacity: 1;
  transition: opacity 0.2s 0.1s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.2s 0.1s;
  transition: transform 0.3s, opacity 0.2s 0.1s, -webkit-transform 0.3s;
}
#header-2 .menu li:nth-child(1) {
  transition-delay: 0.4s;
}
#header-2 .menu li:nth-child(2) {
  transition-delay: 0.5s;
}
#header-2 .menu li:nth-child(3) {
  transition-delay: 0.6s;
}
#header-2 .menu li:nth-child(4) {
  transition-delay: 0.7s;
}
#header-2 .menu li:nth-child(5) {
  transition-delay: 0.8s;
}
#header-2 .search-box {
  position: absolute;
  left: 0;
  height: 100%;
  padding-left: 1em;
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
  opacity: 0;
  transition: all 0.4s 0.3s;
        top: 25px;
}
#header-2 .search-box .search-input {
  border: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
#header-2 .search-box .search-toggle {
  width: 14px;
  height: 14px;
  padding: 0;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#header-2.show .menu li {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}
#header-2.show .search-box {
  width: calc(100% - 5em);
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.blue-color-txt{color: #00afff;}

/***************** Check box Button Effect ***********************/
.checkbox .cr, .radio .cr {    position: relative;display: inline-block;border: 1px solid #d9d9d9;border-radius: .25em;width: 18px;height: 18px;float: left;text-align: center;margin-right: 15px;line-height: 13px;vertical-align: middle;}
.radio .cr {border-radius:50% !important;color: #52c6f9;}
.checkbox .cr .cr-icon, .radio .cr .cr-icon {/*position: absolute;line-height: 0;top: 50%;left: 5px;*/font-size: 8px;}
.radio .cr .cr-icon {margin-left: 0.04em;}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {display: none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {transform: scale(3) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg);opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr {opacity: .5;}
.radio label>input:checked~span{border: 1px solid #52c6f9 !important;box-shadow: 0px 0px 8.32px 4.68px rgba(39, 179, 240, 0.09) !important;}
.mt-radio-list .radio label{ padding-left: 0px;}
.mt-radio-inline .radio{ display: inline-block;}
.mt-checkbox-inline .label-cbx{ margin-right: 15px; }
.mt-radio-inline .radio:first-child label{ padding-left: 0px; }
/***************** End Check box Button Effect ***********************/

/***************** Radio Button Effect ***********************/
.mt-checkbox-list .label-cbx{ display: block;}
.label-cbx {user-select: none;cursor: pointer;margin-bottom: 15px;}
.label-cbx input:checked + .checkbox {border-color: #20C2E0;}
.label-cbx input:checked + .checkbox svg path {fill: #20C2E0;}
.label-cbx input:checked + .checkbox svg polyline {stroke-dashoffset: 0;}
.label-cbx:hover .checkbox svg path {stroke-dashoffset: 0;}
.label-cbx .checkbox {position: relative;top: 2px;float: left;margin-right: 8px;width: 18px;height: 18px;border: 1px solid #d9d9d9;border-radius: 3px; margin: 0px;}
.label-cbx .checkbox svg {position: absolute;top: -1px;left: -1px;}
.label-cbx .checkbox svg path {fill: none;stroke: #20C2E0;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 71px;stroke-dashoffset: 71px;transition: all 0.6s ease;}
.label-cbx .checkbox svg polyline {
  fill: none;stroke: #FFF;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 18px;stroke-dashoffset: 18px;transition: all 0.3s ease;}
.label-cbx > span {pointer-events: none;vertical-align: middle;padding-left: 15px;}
.invisible {position: absolute;z-index: -1;width: 0;height: 0;opacity: 0;}
/***************** End Radio Button Effect ***********************/

h3.blog-highlight-txt {
 color: #015cd6;
    font-size: 23px;
    line-height: 30px;
    font-style: italic;
}
h3.blog-highlight-txt-1{    color: #015cd6;
    font-size: 25px;
    font-style: italic;}
.media-left.media-top.media-large-img img {
    max-width: none !important;
}

.blog-comment::before,
.blog-comment::after,
.blog-comment-form::before,
.blog-comment-form::after{
    content: "";
	display: table;
	clear: both;
}
.blog-comment{
    padding-left: 5%;
	padding-right: 5%;
}
.blog-comment ul{
	list-style-type: none;
	padding: 0;
}
.blog-comment img{
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	  	 -o-border-radius: 4px;
			border-radius: 4px;
}
.blog-comment img.avatar {
	position: relative;
	float: left;
	margin-left: 0;
	margin-top: 0;
	width: 65px;
	height: 65px;
    border-radius: 50%;
}
.blog-comment .post-comments{
    margin-bottom: 20px;
    margin-left: 70px;
	margin-right: 0px;
    padding: 10px 20px;
    position: relative;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       	 -o-border-radius: 4px;
    		border-radius: 4px;
	background: #fff;
	color: #6b6e80;
	position: relative;
}
.blog-comment h5 a{ color: #000; }
.blog-comment h5 a .fa-reply{    font-size: 13px;
    color: rgba(44, 231, 199, 0.6);}
.blog-comment .meta {
	font-size: 11px;
	color: #aaaaaa;
	padding-bottom: 8px;
	margin-bottom: 10px !important;
}
.blog-comment ul.comments ul{
	list-style-type: none;
	padding: 0;
	margin-left: 85px;
}
.blog-comment-form{
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 40px;
}
.blog-comment h3,
.blog-comment-form h3{
	margin-bottom: 40px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 800;
}
.comments-section ul.comments li ul.comments h5 a{ background: transparent;     padding: 0px !important;}
.submit-comment-inner .form-group textarea.form-control{border: 1px solid #efefef !important; height: 100%;}

.noresize {
  resize: none; 
}


/* Underline From Center */
.txt-underline {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.txt-underline:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #015cd6;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.txt-underline:hover:before, .txt-underline:focus:before, .txt-underline:active:before {
  left: 0;
  right: 0;
}

.login-sec-icon {
    display: inline-block;
    max-width: 26px;
    position: absolute;
    right: 80px;
    top: 20px;
}

.blog-append-sec ul, .blog-append-sec ul li{ /*margin: 0px auto;*/ padding: 0px;    list-style: none;}

.blog-banner-section {
    text-align: center;
}

/***************************************************************************************************************************************************************************** --------------------------------------------------------------------------------------------------------------------------------------------------------------****************************************************************************************************************************************************************************** ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ ****************************************************************** ONLY RESPONSIVE CODE HEAR ******************************************************************************************************************************************************************************************************************************************************* --------------------------------------------------------------------------------------****************************************************************************************************************************************************************************** ---------------------------------------------------------------------------------------------------------------------------------------------------------------**********************************************************************************************************************************************************************/

@media (max-width:1920px) {
	.infoimage {
		width: 70%;
	}
	div#job_login_modal,
	.feedback-sec {
		height: 100vh;overflow-y: auto;
	}
}

@media (max-width:1668px) {
	.infoimage {
		width: 70%;
	}
	.headingtext {
		font-size: 24px;
		left: 13%;
		top: 24%;
		line-height: 40px;
	}
	.product_left span {
		font-size: 30px;
	}
	.secureon_info {
		position: absolute;
		bottom: 9%;
		width: 60%;
		left: 15%;
	}
	.top-icon-splitters ul li:nth-child(1),
	.top-icon-splitters ul li:nth-child(5),
	.top-icon-splitters ul li:nth-child(9),
	.top-icon-splitters ul li:nth-child(10) {
		width: 120px;
	}
	.top-icon-splitters ul li:nth-child(1) {
		top: 25px;
		left: 45px;
	}
	.top-icon-splitters ul li:nth-child(2) {
		left: 37%;
	}
	.top-icon-splitters ul li:nth-child(5) {
		top: 130px;
		left: 20px;
	}
	.top-icon-splitters ul li:nth-child(8) {
		top: 260px;
		left: 90px;
	}
	.top-icon-splitters ul li:nth-child(9) {
		top: 300px;
		left: 30%;
	}
	.top-icon-splitters ul li:nth-child(3) {
		top: 28em;
	}
	.top-icon-splitters ul li:nth-child(4) {
		top: 120px;
		left: 60%;
	}
	.top-icon-splitters ul li:nth-child(6) {
		top: 170px;
		left: 38%;
	}
	.top-icon-splitters ul li:nth-child(7) {
		top: 27em;
		left: 50%;
	}
	div#job_login_modal,
	.feedback-sec {
		width: 40%;
	}
	.who-dec-text {
		bottom: 0px;
		font-size: 20px;
	}
    .inner-wheel-text-bx p{right: 10px; font-size: 20px;}
    .product-layout4 ul {margin: 5px 0px 0px 70px;}
    .outer-wheel{background-size: contain;     background-repeat: no-repeat;}
      .address_highlight h6 {font-size: 12px;}
    .usa-add, .bel-add, .ind-add, .png-add, .aus-add, .uk-add, .sl-add {font-size: 10px;max-height: 180px;min-height: 150px;}
    .dsp-arrow-img ul li img {max-width: 70px;}
}

@media (min-width:1501px) and (max-width:1630px) {
    .top-caption{top: 0%;}
}

@media (min-width:1441px) and (max-width:1500px) {
    .top-caption{top: 0%;}
}

@media (max-width:1440px) {
	.banner-icon {
		bottom: 20%;
		left: 8%;
	}
	.heading-text h4 {
		padding: 0px;
	}
    .heading-text h4{padding: 0px 10px;}
    .bx-slider-part ul li{background-image: none !important;     height: auto !important;}
    img.desk-hide-img {
    display: block;}
    .rpanelcontent{ position: static;}
/*    .footerwrapper{ position: absolute; }*/
    .tab-section .nav .nav-link.active{ padding-left: 100px;background-size: 90px;}
    #vanilla-slideshow .vanilla-slide{ background-image: none !important; }
    .nextcolorlogo {display: none;}
    #vanilla-slideshow .vanilla-slide img.slide-img-none{     
        display: block;
        min-height: auto;
        min-width: auto;
/*        position: absolute;*/
    }
  
/*    #vanilla-indicators {top: 100px;bottom: unset;}*/
    .vanilla-indicators{border: 1px solid #b1e6ff;background: #fff;width: 14px;height: 14px;margin-bottom: 8px;}
    .vanilla-indicators.vanilla-active {background-color: #a6e3ff;}
    .dsp-arrow-img ul li img {max-width: 60px;}
    .dsp-arrow-img ul li span {position: relative;right: -40px;font-size: 12px;}
}


@media (max-width:1366px) {
	.nlogo img,
	.cmmi-logo img {
		width: 70%;
	}
	.cmmi-logo {
		bottom: -10px;
	}
	.banner-icon {
		bottom: 20px;
	}
	.rpanelcontent h2 {
		font-size: 30px;
	}
	.content_wrapper h2 {
		font-size: 34px;
	}
	.pro-aft-org-sec ul li:nth-child(odd) {
		left: -150px;
	}
	.pro-aft-org-sec ul li:nth-child(even) {
		left: 150px;
	}
	.product-layout2 .prodct_spec_media .media {
		display: block;
	}
	.product-layout2 .prodct_spec_media .media .media-body,
	.product-layout2 .prodct_spec_media .media .media-left,
	.product-layout2 .prodct_spec_media .media .media-right {
		display: inline-block;
	}
	.product-layout2 .prodct_spec_media .media .media-right {
		width: auto;
	}
	.product-layout2 .prodct_spec_media .media .media-left {
		width: auto;
	}
	.who-dec-text {
		font-size: 18px;
		position: static;
	}
    .vanilla-slideshow-container{height: 80%;}
    .h4, h4{font-size: 1.3rem;}
    h3.blog-highlight-txt{font-size: 20px;line-height: 27px;}
/*    #vanilla-slideshow .vanilla-slide{    height: 100%;}*/
/*    #vanilla-slideshow-container{    height: 75vw;}*/
}

@media (max-width:1280px) {
	.banner-icon {
		bottom: 18%;
		left: 8%;
	}
	.banner-icon ul.firstslide li.first {
		margin-left: 39%;
	}
	.banner-icon ul.firstslide li.second {
		margin-left: 20%;
	}
	.top-caption h3 {
		font-size: 35px;
	}
	.top-caption p {
		font-size: 14px;
	}
	.top-caption {
		right: 5%;
	}
/*
	.footerwrapper {
		text-align: center;
	}
*/
}

@media (max-width:1280px) {
	.all-wheel-part-sec {
		position: relative;
		margin: 40px 0px 90px 0px;
	}
	.circle-rotation {
		position: relative;
		left: -25%;
	}
	.outer-wheel {
		left: -40%;
	}
	.inner-wheel-text-bx {
		left: 50%;
	}
	.inner-wheel-text-bx p {
		position: absolute;
		right: 0px;
		top: 83px;
		left: 0px;
	}
	.top-wheel-rotation {
		top: -40%;
		width: 17em;
		height: 17em;
		z-index: -2;
		left: 74%;
	}
	.bottom-wheel-rotation {
		bottom: -38%;
		width: 17em;
		height: 17em;
		z-index: -2;
		left: -60%;
	}
    
}

@media (max-width:1200px) {
    
    .all-wheel-part-sec{   
    top: 0%;
    left: 0%;
    margin: 0px 0px 25px 0px;
    transform: translate(0%, 0%);
   }
    .bottom-wheel-rotation, .top-wheel-rotation, .outer-wheel{ display: none;}
    .inner-wheel-text-bx p{ text-align: center;}
    .fliplogos li:first-child img, .fliplogos li:nth-child(2) img{margin-right: 10px;}
}


/*
@media (min-width:768px) and (max-width:1024px) {
   .res-slider-sec1, .res-slider-sec2, .res-slider-sec3, .res-slider-sec4, .res-slider-sec5, .res-slider-sec6{    background-size: 90% !important;
    background-position: left;}
    
}
*/


@media (max-width:1024px) {
	.nxt-map-bg {
		min-height: 60vh;
	}
	.pro-aft-org-sec ul li:nth-child(odd),
	.pro-aft-org-sec ul li:nth-child(even) {
		left: 0px;
	}
	.pro-aft-org-sec ul li {
		font-size: 16px;margin-bottom: 10px;
	}
	.pro-aft-org-sec ul li b {
		font-size: 24px;
	}
    .pro-aft-org-sec ul li img{width: 50px;}
    .client-from-add{position: static; width: auto;}
    .addres-sec-detail {
    position: static;
    height: auto;
}
    .reach-main-bg{ height:75% !important; }
    .res-slider-sec{ display: block;}
/*    #vanilla-slideshow .vanilla-slide{ height: auto;}*/
    
    .product-layout4 ul {margin: 5px 0px 0px 20px;}
    .modal-md{min-width: 98%;margin: 0px 4px;}
    .minimenubar {margin: 5px 0px 5px 10px;}
    .footerwrapper ul.minimenubar li{margin: 0px 10px 0px 0px;}
    .footerwrapper ul.minimenubar li img{    margin-right: 5px;}
        .take-digi-ass ul li {
    width: 45%;
}
}

@media (min-width:1024px){
ul.list-unstyled.components li:hover .sub-menu-items{display: block !important;}
ul.list-unstyled.components li .sub-menu-items li:hover .sub-childmenu-items{display: block !important;}
ul.list-unstyled.components li {margin-right: -30px;border: 1px solid transparent;    width: 100%;display: block;}
#sidebar ul li a {margin-right: 30px;border: 1px solid transparent;display: inline-block;width: 100%;    padding-left: 60px;}
#sidebar ul li a img {position: absolute;left: 17px;top: 5px;}
#sidebar ul li a .menu-next {left: -9px;top: -10px;}
#sidebar ul li .sub-menu-items li a{    padding-left: 60px !important;}
.submenu-btn-arrow {position: absolute;top: 12px;right: 10px;cursor: pointer;width: auto;background: transparent;border: none;text-align: right;height: auto;padding: 0px;}
#sidebar ul li .sub-menu-items li a {margin-right: 0px;}
}


@media (max-width:992px) {
	.row-eq-height {
		display: block;
	}
	.product_items .col-lg-4.col-md-12,
	.justify-content-around .col-lg-5.col-md-12 {
		margin-bottom: 20px;
	}
	.custom-vert-center,
	.img-vertical-cent {
		position: static;
		transform: none;
	}
	.footerTraningHeader1,
	.footerTraningHeader2 {
		display: block;
		float: none !important;
	}
	div#job_login_modal,
	.feedback-sec {
		width: 100%;
		right: inherit !important;
		left: 0px;
	}
	.usa-add,
	.bel-add,
	.ind-add,
	.png-add,
	.aus-add, 
    .uk-add, 
    .sl-add {
		    position: static;
    float: none;
    width: 49%;
    display: inline-block;
	}
	
	.top-icon-splitters ul li:nth-child(1),
	.top-icon-splitters ul li:nth-child(5),
	.top-icon-splitters ul li:nth-child(9),
	.top-icon-splitters ul li:nth-child(10) {
		width: 100px;
	}
	.top-icon-splitters ul li:nth-child(1) {
		top: 0px;
		left: 0px;
	}
	.top-icon-splitters ul li:nth-child(2) {
		left: 20%;
		top: 50px;
	}
	.top-icon-splitters ul li:nth-child(3) {
		top: 17em;
		left: 0px;
	}
	.top-icon-splitters ul li:nth-child(4) {
		top: 54px;
		left: 37%;
	}
	.top-icon-splitters ul li:nth-child(5) {
		top: 90px;
		left: 20px;
	}
	.top-icon-splitters ul li:nth-child(6) {
		top: 130px;
		left: 25%;
	}
	.top-icon-splitters ul li:nth-child(7) {
		top: 16em;
		left: 35%;
	}
	.top-icon-splitters ul li:nth-child(8) {
		top: 170px;
		left: 0px;
	}
	.top-icon-splitters ul li:nth-child(9) {
		top: 190px;
		left: 15%;
	}
	.top-icon-splitters ul li:nth-child(10) {
		top: 140px;
		left: 40%;
	}
    .take-digi-ass ul{margin-bottom: 100px;}
/*    .take-digi-ass ul li{width: 26%;}*/
    .footer-wrap .pagehead{font-size: 14px;padding-left: 35px;}
    .content_wrapper h2 {font-size: 26px;}
    span.product-txt {font-size: 17px;line-height: 30px;}
    .tab-section .tab-content>.active h5 {font-size: 16px;}
    .tab-section .tab-content>.active h3 {font-size: 32px;}
    .tab-pane p {font-size: 14px;}
    .tab-section .nav .nav-link {padding: 15px;}
    .tab-section .nav .nav-link.active {padding-left: 98px;background-size: 90px;}
    .tab-section .nav .nav-link.active {font-size: 22px;}
    .tab-section .tab-content > .active h3 {font-size: 28px;}
    div#job_login_modal, .feedback-sec { height: auto;}
    #vanilla-slideshow .vanilla-slide img.slide-img-none{ display: none;}
    .res-slider-sec1, .res-slider-sec2, .res-slider-sec3, .res-slider-sec4, .res-slider-sec5, .res-slider-sec6{ display: block; background-size: 100%;}
     .all-blog-sec{max-width: 53%;}
}
@media (min-width:992px) and (max-width:1440px) {
    .top-icon-splitters ul li img {width:75%;}
        
.top-icon-splitters ul li:nth-child(1) {
    top: 0px;
    left: -5px;
}
.top-icon-splitters ul li:nth-child(2) {

    left: 23%;
    top: -7px;

}
.top-icon-splitters ul li:nth-child(3) {

    top: 15em;
    left: 0px;

}
.top-icon-splitters ul li:nth-child(4) {

    top: 44px;
    left: 28%;

}
.top-icon-splitters ul li:nth-child(5) {

    top: 75px;
    left: 10px;

}
	.top-icon-splitters ul li:nth-child(6) {
		top: 112px;
		left: 18%;
	}
	.top-icon-splitters ul li:nth-child(7) {
		top: 18em;
		left: 8%;
	}
	.top-icon-splitters ul li:nth-child(8) {
		top: 160px;
		left: 0px;
	}
	.top-icon-splitters ul li:nth-child(9) {
		top: 172px;
		left: 11%;
	}
	.top-icon-splitters ul li:nth-child(10) {
		top: 105px;
		left: 28%;
	}
    .automation_video {width:60%;margin-top:50px;}
}




@media (min-width:768px) and (max-width:991px) {
        .top-icon-splitters{  display: none  !important;}
    .carousel-caption {bottom:0px;}
    .dsp-arrow-img ul li img {max-width: 75px;}
    .dsp-arrow-img ul li span {position: relative;right: -20px;font-size: 12px;}
}

@media (max-width:850px) {
    
   .res-slider-sec1, .res-slider-sec2, .res-slider-sec3, .res-slider-sec4, .res-slider-sec5, .res-slider-sec6 {display: block;background-size: 100%;}
    
}

@media (max-width:768px) {
    .footer-wrap{min-height: 40px;}
    .page-logo {width: 88px;height: 46px;}
    .page-logo a img {width: 90%;}
    .flip-logo1 {width: 50px;height: 60px;background-size: 50px !important;}
    #sidebar ul li a {padding: 6px;font-size: 14px;}
    #sidebar ul li a img {width: 30px;height: 30px;}
    #sidebar ul.components { padding: 45px 5px 70px 5px;}
    .dsp-arrow-img ul li span {position: relative;right: -20px;font-size: 11px;}
    .dsp-arrow-img ul li img {max-width: 40px;}
    
    
    .fliplogos li img {max-width: 70px;}
    
/*    #vanilla-indicators {bottom: unset;top: 20px;width: 15px;right: 10px;}*/
    .vanilla-indicators{border: 1px solid #b1e6ff;background: #fff;width: 14px;height: 14px;margin-bottom: 8px;}
    .vanilla-indicators.vanilla-active {background-color: #a6e3ff;}
    .top-icon-splitters {display: none !important;}
    .navbar-header .navbar-btn {padding: 0px 6px;}
    #mainmenu {top: 0px;}
	.bxslider div {
		background-size: 100% !important;
	}
	.nlogo {
		position: inherit;
	}
	.mobile_nlogo {
		    display: block;
    position: fixed;
    padding-bottom: 0px;
    height: 60px;
    width: 100%;
    z-index: 10;
    box-shadow: 1px 2px 3px #efefef;
    background: #fff;
	}
	.nlogo {
		display: none;
	}
/*
	.bx-wrapper {
		height: 43% !important;
	}
	.bxslider {
		height: 100% !important;
	}
*/
	.banner-icon {
		width: 100%;
		background: #02a7e1;
		overflow: hidden;
		background-size: auto;
		bottom: -5px;
		height: auto !important;
	}
	.cmmi-logo {
		bottom: -65px;
		position: inherit;
	}
	.product_left {
		height: auto;
		background: none;
	}
	.content-product {
		width: 100%;
		margin-top: 10%;
		margin-right: 0;
	}
	.vertical-align {
		display: block;
	}
	.nextcolorlogo,
	.carousel-caption {
		    position: absolute;
    text-align: right;
    top: 35%;    bottom: inherit;
	}
	.nextcolorlogo img {
		width: 50% !important;
	}
	.rpanelcontent .broadimg {
		width: 50%;
	}
	.carousel-inner {
		height: auto !important;
	}
	.carousel-item {
		height: 90vh !important;
	}
	.top-icon-splitters ul li:nth-child(1),
	.top-icon-splitters ul li:nth-child(2),
	.top-icon-splitters ul li:nth-child(3),
	.top-icon-splitters ul li:nth-child(4),
	.top-icon-splitters ul li:nth-child(5),
	.top-icon-splitters ul li:nth-child(6),
	.top-icon-splitters ul li:nth-child(7),
	.top-icon-splitters ul li:nth-child(8),
	.top-icon-splitters ul li:nth-child(9),
	.top-icon-splitters ul li:nth-child(10) {
		width: 70px;
	}
	.top-icon-splitters ul li:nth-child(1) {
		top: 100px;
		left: 45px;
	}
	.top-icon-splitters ul li:nth-child(2) {
		left: 20%;
		top: 95px;
	}
	.top-icon-splitters ul li:nth-child(3) {
		top: 23em;
		left: 112px;
	}
	.top-icon-splitters ul li:nth-child(4) {
		top: 135px;
		left: 34%;
	}
	.top-icon-splitters ul li:nth-child(5) {
		top: 160px;
		left: 20px;
	}
	.top-icon-splitters ul li:nth-child(6) {
		top: 170px;
		left: 20%;
	}
	.top-icon-splitters ul li:nth-child(7) {
		top: 23em;
		left: 5%;
	}
	.top-icon-splitters ul li:nth-child(8) {
		top: 248px;
		left: 20px;
	}
	.top-icon-splitters ul li:nth-child(9) {
		top: 244px;
		left: 20%;
	}
	.top-icon-splitters ul li:nth-child(10) {
		top: 230px;
		left: 34%;
	}
	.media .media-left img {
		max-width: 40px !important;
	}
	.head-tittle1 p {
		font-size: 22px;
	}
	.minimenubar {
		margin: 0px 0px -8px 10px;
	}
	.fliplogos {
		text-align: center;
		/*float: none !important;*/
	}
	.nxt-map-bg {
		min-height: 25vh;
	}
	.product-layout2 .prodct_spec_media .media .media-left img {
		width: auto;
		max-width: 100% !important;
	}
    .top-caption{    max-width: 100%;
    padding: 0px 10px;
    right: 0px;}
    .top-caption h3 {
    font-size: 24px;margin: 5px 0px;
}
    .top-caption h5 {
    font-size: 12px;
}
    .rpanelcontent h2 {
    font-size: 16px;
}
    .mobile_nlogo img.img-responsive {
    max-width: 100px;
}

    .footerwrapper ul.minimenubar li {font-size: 12px;margin: 0px 0px 0px 0px;padding: 0px;}
    .footerwrapper ul.minimenubar li img {max-width: 25px;margin-right: 5px;}
    button#ul-show h2{
    font-size: 22px;}
    .position-open-box {margin: 10px 0px;}
    .exos-circle-rotation{    width: 35em;
    height: 35em;     margin: 0px auto;}
    .circle-rotation{left: 0%;}
    .inner-wheel-text-bx{width: 150px;
    height: 150px;}
    .inner-wheel-text-bx{    top: 45%;}
    .inner-wheel-text-bx p{top: 60px;}
    #vanilla-slideshow .vanilla-slide img.slide-img-none{ position: static;}
    .content_wrapper h2 {font-size: 22px;}
    span.product-txt {font-size: 16px;line-height: 26px;}
    .all-wheel-part-sec{ width: 100%; height: 620px; overflow: hidden;}
    .content_wrapper h1 {    margin-bottom: 15px;    font-size: 24px;}
    .center_flip_align div, .dis-product-list-sec div{text-align: center;}
    div.bhoechie-tab-menu div.list-group > a{line-height: 13px;font-size: 11px;}
    /*div.bhoechie-tab-menu div.list-group > a.active, div.bhoechie-tab-menu div.list-group > a.active .glyphicon, div.bhoechie-tab-menu div.list-group > a.active .fa {line-height: 16px;}
    div.bhoechie-tab-menu div.list-group > a.active {height: 110px;font-size: 13px}
    div.bhoechie-tab-menu div.list-group > a.active img {width: 40px;margin-bottom: 10px;}
    div.bhoechie-tab-menu div.list-group > a{height: 60px;padding: 5px;line-height: 13px;font-size: 11px;}
    div.bhoechie-tab-menu div.list-group > a img{width: 20px;margin: 0px auto 5px;}*/
    #sidebar{width: 310px;}
    ul.sub-menu-items{    padding-left: 10px;}
     ul.sub-childmenu-items{    padding-left: 15px;}
    .submenu-btn-arrow{height: 46px; top: 0px;width: calc(100% - 190px);}
/*   .res-slider-sec1, .res-slider-sec2, .res-slider-sec3, .res-slider-sec4, .res-slider-sec5, .res-slider-sec6{background-position: left;}*/
    
.read-more-target {opacity: 0;max-height: 0;font-size: 0;transition: 0.25s ease;display: block;}
.read-more-state:checked ~ .read-more-wrap .read-more-target {opacity: 1;font-size: inherit;max-height: 999em;}
.read-more-wrap {margin-bottom: 0px;}
.read-more-state ~ .read-more-trigger:before {content: "Read more"; padding-right: 5px;}
.read-more-state:checked ~ .read-more-trigger:before {content: "Read less";}
.read-more-trigger {cursor: pointer;color:#57c3ff;display: block;margin-bottom: 10px;}
.read-more-trigger:hover {color:#000000;}
    .right-digilog-txt{ position: static;}
    h3.blog-highlight-txt{color: #015cd6;font-size: 28px;}
    .all-blog-sec {max-width: 100%;}
    a.back-to-digilo-pg{right: 100px;}
    .login-sec-icon{top: 12px;}
}

@media (max-width:600px) {
	.tabbable-line>.nav-tabs>li {
		width: 100%;
	}
	.dsp-btm-sqr-box {
		width: 100%;
		height: 100%;
		margin: 0px auto;
		position: relative;
		text-align: center;
	}
	.dsp-btm-sqr-box ul li {
		display: block;
		position: static;
	}
	.dsp-btm-sqr-box ul li.wow {
		animation-name: none !important;
		visibility: visible !important;
	}
	.footer-wrap .pagehead {
		font-size: 12px;
		margin-top: 18px;
		z-index: 2;
		position: relative;
		padding-left: 0px;
	}
	.page-logo::before {
		background: #82acfd none repeat scroll 0 0;
		padding-left: 20px;
	}
	.diff-cls-name h5,
	.diff-cls-name h4,
	.diff-cls-name h2 {
		padding: 0px;
	}
	.pro-aft-org-sec ul {
		padding: 0px;
		margin: 0px;
	}
	.pro-aft-org-sec ul li:nth-child(even) {
		left: 0px;
	}
	.pro-aft-org-sec ul li {
		    font-size: 16px;
    margin-bottom: 20px;
	}
	.pro-aft-org-sec ul li b {
		font-size: 20px;
	}
	.diff-cls-name h5 {
		font-size: 22px;
	}
	.diff-cls-name h4 {
		font-size: 30px;
	}
	.our-solu-sec ul li {
		margin-bottom: 15px;
		font-size: 18px;
	}
	.usa-add,
	.bel-add,
	.ind-add,
	.png-add,
	.aus-add, 
    .uk-add, 
    .sl-add {
		width: 100%;
	}
	.nxt-map-bg {
		min-height: 20vh;
	}
    .client-from-add{ clip-path:none; background-image: none; background-color: rgba(245, 254, 255, 1); }
    .typewriter{overflow: visible; }
    .all-wheel-part-sec{    height: 360px;    overflow: hidden;margin: 40px 0px 30px 0px;}
    .circle-rotation {
    left: 0%; width: 25em; height: 25em;
}
    .circle-rotation li .text img{max-width: 30px;}
    .exos-vm-rotation li .pro-cir-name {
    max-width: 50px;    font-size: 10px;
    line-height: 11px;
}
    .inner-wheel-text-bx {
    width: 100px;
    height: 100px; display: none;
}
.inner-wheel-text-bx p {
    top: 35px;
    font-size: 14px;
}
    .reach-main-bg {
    height: 54% !important;
}
    #sidebar ul li a{font-size: 13px !important;}
    #sidebar {
    width: 300px;}
    
    div.bhoechie-tab-menu div.list-group>a.active{font-size: 16px;height: 100px;    line-height: 16px;}
    div.bhoechie-tab-menu div.list-group>a.active img{    width: 45px;    margin-bottom: 5px;}
    div.bhoechie-tab-menu div.list-group>a{height: 70px; padding: 5px 5px;}
    div.bhoechie-tab-menu div.list-group>a img{margin: 0px auto 0px;}
    div.bhoechie-tab-menu div.list-group>a:first-child{    margin-top: 100px;}
    #sidebar ul li a .menu-next{top: 7px;}
        .text-center.left-indutry-img-sec img {
    max-width: 280px !important;
}
    .all-blog-sec{height: 120%;}
    .blog-append-sec{    padding: 0px 10px 0px 10px;}
}

@media (max-width:480px) {
	.footer-wrap .pagehead {
/*		display: none;*/     margin-top: 12px;
	}
.contact-form-sec-inner {
    width: 320px;
}
    .typewriter{    font-size: 24px;}
    .nxt-map-bg {
    min-height: 23vh;
}
    #sidebar {
		width: 290px;
	}
    .gov-sec-lg-img img{ max-width: 320px !important; }
    .circle-rotation {
    left: 0%;
    width: 21em;
    height: 21em;
}
h3.blog-highlight-txt {
    color: #015cd6;
    font-size: 20px;
}
/*    .res-slider-sec1, .res-slider-sec2, .res-slider-sec3, .res-slider-sec4, .res-slider-sec5, .res-slider-sec6 {display: block;background-size: 100%;}*/
}

@media (min-width: 576px) #modal-dialog-centered {
	min-height: calc(100% - (1.75rem * 2));
}

@media (max-width: 400px) {
	
    .take-digi-ass ul li {
    width: 90%;
}
/*    #sidebar ul li a{padding: 10px 3px;}*/
    ul.sub-menu-items{padding-left: 10px;}
    ul.sub-childmenu-items {
    padding-left: 15px;
}
}


/***************************************************************************************************************************************************************************** ---------------------------------------------------------------------------------------------------------------------------------------------------------------****************************************************************************************************************************************************************************** ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ ****************************************************************** END ONLY RESPONSIVE CODE HEAR *********************************************************************** ****************************************************************************************************************************************************************************** ---------------------------------------------------------------------------------------------------------------------------------------------------------------****************************************************************************************************************************************************************************** ---------------------------------------------------------------------------------------------------------------------------------------------------------------**********************************************************************************************************************************************************************/