@charset "UTF-8";
/* -------------------------------- 
Primary style
-------------------------------- */
*, *::after, *::before {
box-sizing: border-box;
}
input {
font-family: sans-serif;
font-size: 1.6rem;
}
/* remove “X” from search input field */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
input[type=text]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type=text]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
/* -------------------------------- 
Main Components 
-------------------------------- */
ul, li,
nav{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
nav {
display: block;
}
.cd-dropdown-wrapper {
display: inline-block;
position: absolute;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
right:20px;top:30px;
z-index: 99999;
}
.cd-dropdown-trigger {
display: block;
padding:0;

color: #ffffff;
border-radius: 3px;
width: 22px;
height: 18px;
}
.cd-dropdown-trigger .navbar-toggler{
	padding: 0;
}
.cd-dropdown-trigger img{
	width:24px;
	height:auto;
	
}
.hed_mid{position:relative;}
.menu_icon{position:relative;top:-7px;}
.cd-search{border:1px solid #201a4f;margin: 0 15px;}
.cd-dropdown ul li{
list-style: none;
margin: 0;
padding: 0 10px;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
text-transform:uppercase;
color:#201a4f;
font-size: 14px;
font-family: 'montserratbold';
}
/*.menu-one ul li{border-bottom:1px solid #333333;}*/
.menu-one li a:hover{color:#39d5f6;text-decoration:none;}
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
height: 60px;
line-height: 60px;
}
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
padding: 0 20px;
}
.cd-dropdown {
position: fixed;
z-index:9999;
top: 0;
left: 0;
width:100%;
height: 100%;
background-color: #3544b1;
color: #ffffff;
visibility: hidden;
/* Force Hardware Acceleration */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.menu_logo{width:100%;float:left;padding:10px 20px 10px 15px;text-align:left;background-color:#fff;position: relative;z-index: 999999;display: flex;flex-wrap: wrap;align-items: center;}
.menu_logo a{height: 40px;}

.menu_logo  a svg path, .menu_logo  a svg circle{fill: #3544b1;}
.menu_logo img,.menu_logo svg{max-width:180px;margin-right:0px;}
.resplogo_left{float: left;width: 100%;text-align:left;padding:0px 15px;}
.resplogo_right{position: absolute;right:30px;width: 20%;top:0px;text-align: right;}
.resplogo_right .cart-btn{margin: 20px 0px !important;}
.cd-dropdown .cd-close {
/* 'X' close icon - mobile version only */
    position: absolute;
    z-index: 1;
    right: 3px;
    top: 16px;
    height: 32px;
    width: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
/* this is the 'X' icon */
content: '';
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
height: 22px;
width: 2px;
background-color: #ffffff;
}
.cd-dropdown .cd-close::after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
background-color:#3544b1;
}
.cd-dropdown .cd-close::before {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
background-color:#3544b1;
}
.cd-dropdown.dropdown-is-active {
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
transition: transform 0.5s 0s, visibility 0s 0s;
}
.cd-dropdown-content, .cd-dropdown-content ul {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
padding-top: 83px;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
display: block;
color:#fff;
font-family:'Montserrat-Medium';
/* truncate text with ellipsis if too long */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-color:#101e83;
font-size:18px;
margin:3px 0;
padding: 0 50px;

}
.cd-dropdown-content ul a:hover{color:#39d5f6;}
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
border-bottom-width: 1px;
}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
border-top-width: 0;
}
.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
/* Force Hardware Acceleration */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
/* push the secondary dropdown items to the right */
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
/* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
opacity: 0;
}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
/* push the dropdown items to the left when secondary dropdown slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
-webkit-overflow-scrolling: touch;
}
}
.cd-dropdown-content .see-all a {
/* different style for the See all links */
color: #3f8654;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
/* items with picture (or icon) and title */
height: 80px;
line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
/* truncate text with ellipsis if too long */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
padding-left: 90px;
}
.cd-dropdown-content .cd-dropdown-gallery img {
position: absolute;
display: block;
height: 40px;
width: auto;
left: 20px;
top: 50%;
margin-top: -20px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
padding-left: 75px;
position: relative;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
color: #111433;
font-size: 1.3rem;
/* hide description on small devices */
display: none;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
/* item icon */
content: '';
display: block;
position: absolute;
left: 20px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 40px;
}
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-moz-keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
@-moz-keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
@keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
.cd-search input[type="search"] {
width: 100%;
height: 35px;
padding: 0 9px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-color: #fff;
color:#201a4f;
border: none;
border-radius: 0;
font-size:14px;
font-family: 'montserratregular';
font-weight: bold;
text-transform: uppercase;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
color: #201a4f;
}
.cd-search input[type="search"]::-moz-placeholder {
color: #201a4f;
}
.cd-search input[type="search"]:-moz-placeholder {
color: #201a4f;
}
.cd-search input[type="search"]:-ms-input-placeholder {
color: #201a4f;
}
.cd-search input[type="search"]:focus {
background:#fff;
color: #201a4f;
outline: none;
}
.cd-search input[type="search"]:focus::-webkit-input-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus::-moz-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-moz-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-ms-input-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.has-children > a, .go-back a {
position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
/* arrow icon in CSS - for element with nested unordered lists */
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
display: inline-block;
height: 0;
width: 0;
background: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.has-children > a {
padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
/* arrow goes on the right side - children navigation */
right: 20px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%;
}
.cd-dropdown-content .go-back a {
padding-left: 40px;
color: #fff;
height: 80px !important;
line-height: 80px !important;
}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
/* arrow goes on the left side - go back button */
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
.cd-main-content {
background-color: #e6e6e6;
min-height: calc(100vh - 100px);
padding: 2em 5%;
line-height: 2;
}
.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.no-js .cd-dropdown-wrapper .cd-close {
display: none;
}

@media only screen and (min-width: 991px) {
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
height: 60px;
line-height: 60px;
}




}
.responsive-logo {
	width: 100%;
	float: left;
	padding: 18px 20px;
	position: relative;
}
.responsive-logo a img{
	width: 200px;
}
.has-children a{
	background-image: url(../images/right-arrow.png);
	background-size: 30px;
	background-position: 90% 50%;
	background-repeat: no-repeat;
}
.has-children .cd-secondary-dropdown li a{ 
	background-image: unset;
}
.resposive-search{
	width: 100%;
	float: left;
	padding: 0 10px;
}
.search-res-content{
	width: 100%;
	float: left;
	background-color: #9bbfb9;
	padding: 30px 0;
    text-align: center;
}
.search-res-content .search-box{
	width: 80%;
	margin:0 auto;
	float: none;
	display: inline-block;
}
.search-res-content .search-box input[type="text"]{
	width: 100%;
	float: left;
	text-align: center;
}
.move-out .resposive-search{
	display: none;
}
.go-back a{
	background-image: url(../images/left-arrow.png) !important;
	background-size: 30px;
	background-position: 8% 50%;
	background-repeat: no-repeat;
	float: right;
	text-align: center;
	width: 100%;
}
.see-all a{
	background-color: #eff2f4 !important;
	padding: 20px 0 !important;
	float: left;
    width: 100%;
    height: auto !important;
    line-height: normal !important;
    margin: 1px 0 !important;
}
.menu-icon{
	width: 30%;
	float: left;
	text-align: center;
	height: auto;
}
.menu-icon img{
	margin: 0 auto;
	height: 50px;
	width: 50px;
	object-fit: contain;
}
.icon-content{
	width: 70%;
	float: left;
}
.icon-content h6{
	font-family: 'Montserrat-SemiBold' !important;
	color: #000000;
	font-size: 14px;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
}
.icon-content h6:before{
	position: absolute;
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px;
    color: #111111;
    line-height: 16px;
    right: -21px;
    top: 0px;
}
.open-inner-menu .icon-content h6:before{
	content: '\f106';
}
.icon-content p{
	font-size: 12px;
	color: #2d3436;
	font-family: 'Cabin-Regular';
	
	float: left;
	width: 100%;
	white-space: normal;
}
a.inner-heading {
    display: flex !important;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
.sub-sub-inner-menu{
	width: 100%;
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    display: none;
    transition: unset;
}
.sub-sub-inner-menu ul {
    padding: 7px 0 0;
    position: unset;
    overflow: unset;
    height: auto;
    width: 100%;
    background-color: #eff2f4;
}
.sub-sub-inner-menu:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: 20%;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.2;
}
/*.web-dev:before{
		background-image: url(../images/web-devlopment.png);
}
.mobile-dev:before{
		background-image: url(../images/mobile-devlopment.png);
}
.Game-dev:before{
		background-image: url(../images/game-devkioment.png);
}
.Cloud-dev:before{
		background-image: url(../images/user-expirians.png);
}
.Concept-dev:before{
		background-image: url(../images/cluod-devkipment.png);
}
.Trending-dev:before{
		background-image: url(../images/trading.png);
}*/
.sub-sub-inner-menu a.inner-heading{
	display: none !important;
}
.sub-sub-inner-menu li{
	position: relative;
	padding: 0 !important;
	width: 100%;
}
.sub-sub-inner-menu li:before{
	position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    background-image: url(../images/li.png);
    background-repeat: no-repeat;
    background-size: contain;
    left: 2px;
    top: 8px;
    transition: all .3s;
}
.sub-sub-inner-menu li a{
	font-family: 'Montserrat-Medium';
    font-size: 14px;
    color: #111111;
    padding: 5px 20px !important;
    text-transform: unset;
    background-color: transparent !important;
    word-break: break-word;
    text-overflow: unset;
    white-space: normal;
    overflow: unset;
    opacity: 1!important;
}
.sub-sub-ul{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.sub-sub-ul li{
	padding: 0 !important;
	
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.sub-sub-inner-menu li a{
	border:0 !important;
	margin:0 !important;
}
.open-inner-menu .inner-heading{
	margin-bottom:0 !important;
}