/* Enter Your Custom CSS Here */
/* Enter Your Custom CSS Here */
.responsive-nav{width:100%; background:rgba(0, 0, 0, 0.701961)!important;}
/* mega menus */
.ki-ki{display:inline-flex; letter-spacing: 1px; float: right; margin-right: 3px; margin-top:37px;  color:black;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{color:#fff!important; padding:0 15px!important;}
#mega-menu-wrap-main-menu{background:transparent!important; margin-left:100px!important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:focus{color:#fff!important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:hover{border-top:4px solid #EA4400!important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item{border-top:4px solid transparent!important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8)!important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{color:white!important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background:rgba(255,255,255,0.1)!important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{background:#EA4400!important; color:white!important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{background:black!important;}
<!-- End Of Mega Menu CSS -->
.mega-p{text-align:center;}
.mega-h4{color:white; text-align:center; margin-bottom:5px; font-family: lato;}
.top-nav ul li a { }
.mega-current-menu-item{background: #EA4400!important;}
.logo-img > img{width:215px!important;}
.vc_btn3-container.vc_btn3-inline {background: #EA4400!important; border-radius:20px!important;}
.top-nav.colored-submenu ul li ul li a {color:white!important; font-size:13px!important;}
.fa-cart-plus{font-size:42px; color:white;}
.widget_text{border-right:1px solid #444444!important;}
.logo-img > span:nth-child(2){display:none!important;}
.top-head.sticky-nav{background:rgba(0, 0, 0, 0.9)!important;}
.wpcf7-form-control.wpcf7-textarea{height:86px!important;}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{width:263px!important;}
.wpcf7-form-control.wpcf7-text{width:263px!important;}
.details { color: white!important; font-size: 16px!important;}
.footer-middle{padding:20px 0px!important;}
.bottom-bar-list.f-right{visibility:hidden!important;}
.gapgap{padding:10px!important;}
.lolologo{padding:10px!important;}
.bengal-row{padding-bottom:40px!important;}
.wid-p{font-size:18px!important; margin:0 0 3px 0!important;}
.soft-css{  background: #FF5910; border: 2px solid #e59b2b; color: white;  font-family: century gothic; padding: 6px; text-align: center; font-weight:700;}
.atc{font-size:20px; margin-top:16px;}
.soft-cs:hover{color:#666666;}
.available a {
    background: #3DAACC;
    padding: 5px;
    color: white;
    border-radius: 5px;
}
.available a:hover{background:#626262;}
.ho-de{border-radius: 5px; box-shadow: 0 0 2px 2px; font-size: 15px;   padding: 5px;}
ul#my-account-menu > li {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
ul#my-account-menu {
    display: inline-flex!important;
}
ul#my-account-menu > li a {color:black;}
header.top-head.transparent.transparent-3.dark.sticky-nav > .container > ul#my-account-menu > li a {color:white;}
header.top-head.transparent.transparent-3.dark.sticky-nav > .container > ul.ki-ki {color:white;}
li.woocommerce-MyAccount-navigation-link {
    padding: 15px!important;
    box-shadow: 2px 2px 2px #FE580F!important;
}
li.woocommerce-MyAccount-navigation-link a{text-transform:uppercase!important; font-weight:700!important;}
address{font-size:17px!important;}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads{display:none!important;}

header.top-head.transparent.transparent-3.dark.sticky-nav > .container > ul.ki-ki li a{color:white!important;}
header.top-head.transparent.transparent-3.sticky-nav > .container > ul.ki-ki li a{color:white!important;}
header.top-head.transparent.transparent-3.sticky-nav > .container > ul.ki-ki li{color:white!important;}
.top-head.transparent-3{background:white;}
.widget.widget_text.col-md-3{height:380px!important;}
.top-head .top-cart{position:absolute!important; margin-top:-76px!important; margin-left: 1200px!important; padding:0px!important;}
.fa-shopping-cart{color:#FE5910!important; font-size:23px!important;}
ul.cart_list.mini-cart-list.product_list_widget {
    pointer-events: none!important;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  .ki-ki{margin-top:-5px;}
  .ki-ki li{font-size:10px;}
  ul#my-account-menu > li{padding-left: 5px!important; padding-right: 5px!important;}
  ul#my-account-menu > li a { color: black; font-size: 10px; display: inline-flex;}
  .logo-img > img{margin-top:34px; width:111px!important;}
  .base-fut{margin-right: 0px!important;}
  a.navbtn{display:none!important;}
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
}



/* For Client Page */
.filterclient{
display: flex;
justify-content: center;
}

.filterclient a {

    padding: 12px;
    font-size: 20px;
    color: green;
    border-width: 1px;

    border-style: solid;
    -webkit-border-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), maroon, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(rgba(0, 0, 0, 0), maroon, rgba(0, 0, 0, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(rgba(0, 0, 0, 0), maroon, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), maroon, rgba(0, 0, 0, 0)) 1 100%;
}

.grey {
color: grey; 
font-weight: bold;
}

.clickedletter {
    display: flex;
    justify-content: center;
    font-size: 30px;
    padding-top: 30px;
    font-weight: bold;
}

.clientlist {
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
    columns: 2;
    height: 300px;
}


.hexagon {
	width: 100px;
	height: 55px;
	background: maroon;
        margin: 0px auto;
	position: relative;
        margin-top: 40px;
        margin-bottom: 40px;

  }
.hexagon:before, .hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
  }
  
.hexagon:before {
    top: -25px;
	  left: 0;
	  border-left: 50px solid transparent;
	  border-right: 50px solid transparent;
	  border-bottom: 25px solid maroon;
  }
.hexagon:after {
    bottom: -25px;
	  left: 0;
	  border-left: 50px solid transparent;
	  border-right: 50px solid transparent;
	  border-top: 25px solid maroon;
  }
.hexatext{
  color:white;
  text-align:center;
  margin: auto;
  /* width: 50%; */
  padding: 10px;

}




.centereverticalline {
    border-width: 1px;
    border-style: solid;
    -webkit-border-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), maroon, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(rgba(0, 0, 0, 0), maroon, rgba(0, 0, 0, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(rgba(0, 0, 0, 0), maroon, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), maroon, rgba(0, 0, 0, 0)) 1 100%;
    border-left: 6px solid green;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 200px;
}

/* Client page end */


/* Spacing on Software Page */ 

.vc_tta-title-text{
	margin-left: 25px!important;	
}

/* Empty Spacing in Software page */

@media (max-width:620px){
	.emptySpaceSoftware{
		height: 60px!important;
	}

	.page-title.title-5 {
    	height: 180px;
	}

  .breadcrumbs {
      display: none;
  }
}


/* Rounding image on about us page */ 
.member-img img {
    border-radius: 50%;
}

#wdc-style .small #Search {
    height: 28px!important;
    border: 1px solid #5bc0de!important;
    margin-top: 5px!important;
    margin-left: 5px!important;
}
#wdc-style .small #Search:focus {
    border: 1px solid #5bc0de!important;
}
#popmake-9209 {
    top: 150px!important;
}