/* Start Full Menu style's */
.full-menu{position:relative;z-index:99999;}
.menu-container {float:right;height:73px;overflow:hidden;}
.menu-container {float: left !important;width: 90% !important;}
.menu-mobile{display:none;}
.menu-mobile:after{font-size:2em;padding:0;float:right;position:relative;top:50%;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);}
#menu-topmenu{text-align:right;float:left;width:100%;margin-top:5px;}
#menu-topmenu ul{float:right;margin:0;}
#menu-topmenu li{display:inline-block;list-style:none;margin:0;padding:5px 10px 0;float:right;}
#menu-topmenu li:last-child{border-right:none;}
#menu-topmenu a{font-size:16px;font-family:Arial;color:#444;text-decoration:none;font-weight:400;}
#menu-topmenu a:hover{color:#0088cc;}
.smaller #navigation #menu-topmenu a{color:#444;}
.smaller #navigation #menu-topmenu a:hover{color:#0088cc;}
.inner-page #menu-topmenu a {color:#444;}
.inner-page #menu-topmenu a:hover{color:#0088cc;}
.menu > ul{float:right;list-style:none;margin:0;padding:0;}
.menu > ul:before, .menu > ul:after{content:"";display:table;}
.menu > ul:after{clear:both;}

.menu > ul > li a span.home-icon {line-height:1em;display:none;}
.menu > ul > li .fa-home{font-size:1.5em;}
.menu > ul > li.menu-dropdown-icon .fa-angle-down {float:right;font-size:1.5em;margin-left:0.3em;}
.menu > ul > li {float:left;border-left:0 solid #dddddd;text-align:left;display:inline-block;margin:0 1px 0 0;padding:0;}
.menu > ul > li:hover {color:#ffffff;}

.menu > ul > li a {border-bottom:2px solid;border-color:transparent;color:#444;display:block;font-size:16px;line-height:1.5em;font-weight:500;margin-right:1.5em;padding:6px 0 0px 0;text-transform:none;transition:color 0.3s ease 0s, box-shadow 0.3s ease 0s;}
.menu > ul > li a {/*margin: 0 0 0 25px !important;font-size: 16px !important;*/}
.menu > ul > li a:hover {color:#0088cc;border-bottom:1px solid #0088cc;}
.menu > ul > li a.active {color:#0088cc;border-bottom:1px solid #0088cc;line-height:1.1em;}

.menu > ul > li > ul > li > ul > li.menu-img {float:left;width:100%;text-align:center;border:0px solid #eeeeee;border-bottom:0px solid #eeeeee;margin:0;padding:15px;}
.menu > ul > li > ul > li > ul > li.menu-img a {margin:0;padding:0;}
.menu > ul > li > ul > li > ul > li.menu-img a:hover {opacity:0.8;margin:0;padding:0;}
.menu > ul > li > ul > li > ul > li.menu-img a img {height:auto;margin:0;padding:0;}

.menu > ul > li.rqest-btn {padding-top:10px;}
.menu > ul > li.rqest-btn a {border:0 none;margin:0;padding:5px 0 0 0;}
.menu > ul > li.rqest-btn img {border-radius:20px;height:26px;}
.menu > ul > li.rqest-btn:hover > a {border:0 !important;}
.menu > ul > li.rqest-btn a span {display:none;}

#menu-topmenu li.rqest-btn {padding:0;}
#menu-topmenu li.rqest-btn a{border:0 none;margin:0;padding:0;}
#menu-topmenu li.rqest-btn img{border-radius:20px;height:30px;}
#menu-topmenu li.rqest-btn:hover > a{border:0 !important;}
#menu-topmenu li.rqest-btn a span{display:none;}

.menu > ul > li > ul{overflow-x:hidden;max-height:560px;box-shadow:4px 4px 4px 4px rgba(85, 85, 85, 0.1);border-radius:0;display:none;width:100%;background:#ffffff;padding:15px 0px 15px 15px;position:absolute;z-index:99999;left:0;margin:0;top:100%;list-style:none;box-sizing:border-box;}
.menu > ul > li > ul:before, .menu > ul > li > ul:after{content:"";display:table;}
.menu > ul > li > ul:after{clear:both;}
.menu > ul > li > ul > li{background:none;border-right:1px solid #ececec;float:left;list-style:none;margin:0 14px 0 0;padding-bottom:0;width:24%;}
.menu > ul > li > ul > li:hover{color:#ffffff;}
.menu > ul > li > ul > li:last-child{border-right:0 none;margin-right:0;}
.menu > ul > li > ul > li:nth-child(4){border-right:0 none;margin-right:0;}
.menu > ul > li > ul > li h4{font-family:"open sans", sans-serif;color:#0088cc;font-size:0.9em;font-weight:600;line-height:20px;margin:0 0 0.3em 0;text-transform:uppercase;padding:0 0 .3em 0;width:95%;display:block;border-bottom:1px solid #cccccc;letter-spacing:0.02em;}.menu > ul > li > ul > li > p{width:95%;margin:0 0 1em 0;text-align:left;color:#444444;line-height:20px;height:160px;overflow:hidden;}
.menu > ul > li > ul > li a{text-transform:none;font-size:1em;font-weight:400;color:#444444;border:0;padding:0.3em 0;width:95%;height:auto;display:block;border-bottom:0px solid #cccccc;}
.menu > ul > li > ul > li a:focus{background:#ffffff;color:#444444;}
.menu > ul > li > ul > li a:hover{background:#ffffff;color:#444444;}
.menu > ul > li > ul > li > ul{display:block;padding:0;margin:0;list-style:none;box-sizing:border-box;}
.menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after{content:"";display:table;}
.menu > ul > li > ul > li > ul:after{clear:both;}
.menu > ul > li > ul > li > ul > li{color:#444444;float:left;padding:0.2em 0;width:100%;}
.menu > ul > li > ul > li > ul > li:hover{}
.menu > ul > li > ul > li > ul > li a{border-bottom:2px solid #ffffff;color:#444444;padding:0;margin:0;line-height:1.7em;font-size:0.9em;float:left;font-weight: 500;}
.menu > ul > li > ul > li > ul > li a:hover{border-bottom:2px solid #ffffff;color:#0088cc;}
.menu > ul > li > ul > li > ul > li a.active{border-bottom:2px solid #ffffff;color:#0088cc;}
.menu > ul > li > ul > li > ul > li a .fa-dot-circle-o{color:#0061a3;float:left;font-size:1em;line-height:1.7em;margin:0.1em 0.5em 0 0;padding:0;}
.menu > ul > li > ul > li > ul > li a:hover .fa-dot-circle-o{color:#444444;}

.menu > ul > li > ul > li > ul > li a .submenu-icon{margin-right:5px;float:left;background:url("../images/sprite-icon.png") left top no-repeat;height:24px;width:24px;}
.menu > ul > li > ul > li > ul > li a.small{font-size:0.85em;}

.menu > ul > li > ul > li > ul > li span.nda-term{float:left;width:100%;font-size:0.85em;}
.menu > ul > li > ul > li > ul > li a .magento-dev{background-position:0 -43px;}
.menu > ul > li > ul > li > ul > li a .open-dev{background-position:0 -82px;}
.menu > ul > li > ul > li > ul > li a .ror-dev{background-position:0 -124px;}
.menu > ul > li > ul > li > ul > li a .graphic-des{background-position:0 -162px;}
.menu > ul > li > ul > li > ul > li a .word-dev{background-position:0 -204px;}
.menu > ul > li > ul > li > ul > li a .dot-net{background-position:0 -244px;}
.menu > ul > li > ul > li > ul > li a .node-js{background-position:0 -284px;}
.menu > ul > li > ul > li > ul > li a .laravel-dev{background-position:0 -324px;}
.menu > ul > li > ul > li > ul > li a .yii-dev{background-position:0 -364px;}
.menu > ul > li > ul > li > ul > li a .javascript{background-position:0 -404px;}
.menu > ul > li > ul > li > ul > li a .angular{background-position:0 -444px;}

.menu > ul > li > ul > li > ul > li a .python-dev{background-position:0 -484px;}
.menu > ul > li > ul > li > ul > li a .codeigniter{background-position:-35px -484px;}
.menu > ul > li > ul > li > ul > li a .woocommerce{background-position:-35px -445px;}
.menu > ul > li > ul > li > ul > li a .shopify{background-position:-35px -404px;}

.menu > ul > li > ul > li > ul > li a .iphone-app{background-position:-35px 0;}
.menu > ul > li > ul > li > ul > li a .ipad-app{background-position:-35px -43px;}
.menu > ul > li > ul > li > ul > li a .android-app{background-position:-35px -83px;}
.menu > ul > li > ul > li > ul > li a .windows-app{background-position:-35px -124px;}
.menu > ul > li > ul > li > ul > li a .mobile-app{background-position:-35px -162px;}
.menu > ul > li > ul > li > ul > li a .ux-app{background-position:-35px -204px;}
.menu > ul > li > ul > li > ul > li a .custum-web{background-position:-70px 0px;}
.menu > ul > li > ul > li > ul > li a .multi-des{background-position:-70px -43px;}
.menu > ul > li > ul > li > ul > li a .ui-des{background-position:-70px -83px;}
.menu > ul > li > ul > li > ul > li a .creative-des{background-position:-70px -124px;}
.menu > ul > li > ul > li > ul > li a .busi-des{background-position:-70px -162px;}
.menu > ul > li > ul > li > ul > li a .html-des{background-position:-70px -204px;}
.menu > ul > li > ul > li > ul > li a .html5-des{background-position:-70px -244px;}
.menu > ul > li > ul > li > ul > li a .ui-app{background-position:-35px -284px;}
.menu > ul > li > ul > li > ul > li a .react-js{background-position:-35px -324px;}
.menu > ul > li > ul > li > ul > li a .psd-des{background-position:-70px -284px;}
.menu > ul > li > ul > li > ul > li a .logo-des{background-position:-70px -323px;}
.menu > ul > li > ul > li > ul > li a .css-dev{background-position:-70px -363px;}
.menu > ul > li > ul > li > ul > li a .amazon-rep{background-position:-35px -364px;}
.menu > ul > li > ul > li > ul > li a .twillo-dev{background-position:-70px -405px;}
.menu > ul > li > ul > li > ul > li a .amazon-ebay{background-position:-70px -445px;}
.menu > ul > li > ul > li > ul > li a .zenddesk{background-position:-70px -484px;}
.menu > ul > li > ul > li > ul > li a .soft-out{background-position:-106px 0px;}
.menu > ul > li > ul > li > ul > li a .eommerce{background-position:-106px -43px;}
.menu > ul > li > ul > li > ul > li a .browser{background-position:-106px -83px;}
.menu > ul > li > ul > li > ul > li a .enterprise{background-position:-106px -124px;}
.menu > ul > li > ul > li > ul > li a .ria{background-position:-106px -162px;}
.menu > ul > li > ul > li > ul > li a .redesign{background-position:-106px -204px;}
.menu > ul > li > ul > li > ul > li a .seo{background-position:-106px -245px;}
.menu > ul > li > ul > li > ul > li a .payment{background-position:-106px -284px;}
.menu > ul > li > ul > li > ul > li a .shipping{background-position:-106px -323px;}
.menu > ul > li > ul > li > ul > li a .api{background-position:-106px -363px;}
.menu > ul > li > ul > li > ul > li a .consultancy{background-position:-106px -405px;}
.menu > ul > li > ul > li > ul > li a .portal{background-position:-106px -447px;}
.menu > ul > li > ul > li > ul > li a .domain{background-position:-106px -489px;}

.menu > ul > li.services {}
.menu > ul > li.hire-us {}
.menu > ul > li.hire-us > ul > li p{color:#ffffff;}

.contact-info-menu-text{font-size:0.9em;}
.contact-info-menu li .fa{color:#00aeef;float:left;line-height:22px;padding-right:7px;}
.contact-info-menu li .fa-skype{font-size:22px;}
.contact-info-menu li .fa-phone{font-size:18px;}
.contact-info-menu li .fa-envelope{font-size:16px;}
.contact-info-menu li a.get-started-bt{transition:all 0.5s ease 0s;background-color:#0061a3;border:1px solid #0061a3 !important;border-radius:3px;color:#ffffff !important;font-size:1em;font-weight:500;margin:0;padding:7px 20px;text-align:center;}
.contact-info-menu li a.get-started-bt:hover{background-color:#fff !important;color:#0061a3 !important;}
.recruiting-process{float:left;width:70%;}
.recruiting-process h4{font-family:"Raleway", sans-serif;color:#444;font-size:0.9em;font-weight:600;line-height:20px;margin:0 0 7px 0;text-transform:uppercase;padding:0 0 .3em 0;width:99%;display:block;border-bottom:1px solid #cccccc;letter-spacing:0.02em;}
.recruiting-process span{float:left;width:100%;}

/* Our Products */
.our-products-menu {width: 100%;float: left; padding: 0 0px 0 0;}

.our-products-menu ul {float: left; width: 31.623931623931625%;}
.our-products-menu ul li {width: 100%;float: left;margin-bottom: 2rem }
.our-products-menu ul li a {border:0 !important;}
.our-products-menu ul li a:hover {border:0 !important;}
.our-products-menu ul li a i {margin-right: 10px;color:#444;}
.our-products-menu ul li a i:hover {color:#0088cc;}

.our-products-menu ul li h4 {color:#444;font-weight: 700;font-size:20px;line-height:28px;margin: 0;}
.our-products-menu ul li h4 a {color:#444;font-weight: 700;font-size:20px;line-height:28px;margin: 0;}
.our-products-menu ul li h4 a:hover {color:#0088cc;}
.our-products-menu ul li p {width: 74%;float: left;text-align:justify;font-size:14px;font-weight: 500;line-height:18px;color:#444; height:148px;overflow:hidden;}

.our-products-menu ul.mr-2 {margin-right: 1rem}




/* START RESPONSIVE CSS */

@media only screen and (max-width:1199px){
.menu > ul > li > ul > li{width:23%;}
.menu > ul > li > ul > li h1{font-size:0.7em;font-weight:700;}
}
@media only screen and (max-width:1023px){
.menu-topmenu-container{}
.menu > ul > li a{margin-right:.7em;}
.menu > ul > li > ul > li{margin-right:10px;}
.menu-container{overflow:visible;height:auto;transition:all 0.5s ease 0s;left:0;position:absolute;right:0;top:100%;z-index:1;margin:0;}
.menu-container{left:inherit !important;right:0 !important;top:34px;}
#menu-topmenu li.hide-tab{display:none;}
.menu .show-on-mobile{padding:0px;margin:0;display:none;}
.menu-mobile{display:block;cursor:pointer;position:absolute;right:15px;top:10px;padding:0;color:#ffffff;z-index:10000;}
.inner-page .menu-mobile{color:#444444;}
.menu > ul{display:none;background:#ffffff;box-shadow:0 4px 10px 0 rgba(85, 85, 85, 0.1);}
.menu > ul > li{float:none;padding:0;width:100%;}
.menu > ul > li:hover{}
.menu > ul > li:hover a{color:#444444;background:#ffffff;}
.menu > ul > li a span.home-icon{display:block;line-height:2.6em;}
.menu > ul > li .fa-home{display:none;}
.menu > ul > li.menu-dropdown-icon .fa-angle-down{line-height:1.7em;}
.menu > ul > li a{text-transform:none;color:#444444;margin:0;padding:0 1em;font-size:1em;line-height:2.5em;border-bottom:2px solid #dddddd;}
.menu > ul > li a:hover{color:#0061A3;}
.menu > ul > li a.active{color:#0061A3;line-height:2.5em;}
.menu > ul > li > ul{box-shadow:none;position:relative;padding:10px 15px;max-height:340px;}
.menu > ul > li > ul > li{background:#ffffff;border:0 none;float:left;margin:0;width:100%;}
.menu > ul > li > ul > li:first-child{margin:0;}
.menu > ul > li > ul > li h1{width:100%;height:auto;}
.menu > ul > li > ul > li > p{width:100%;height:auto;}
.menu > ul > li > ul > li a{width:100%;}
.menu > ul > li > ul > li a:hover{color:#ffffff;}
.menu > ul > li > ul > li > ul p{width:100%;height:auto;}
.menu > ul > li > ul > li > ul > li.menu-img{margin:0.5em 0;}
.menu > ul > li > ul > li > ul{position:relative;}
.menu > ul > li > ul > li > ul > li{float:left;width:100%;}
.menu > ul > li > ul > li > ul > li a{border-bottom:2px solid #ffffff;font-size:.9em;color:#444444;}
.menu > ul > li > ul > li > ul > li:hover a{border-bottom:2px solid #ffffff;color:#0061A3;}
.menu > ul > li > ul > li > ul > li a:hover{border-bottom:2px solid #ffffff;color:#0061A3;}
.menu > ul > li.rqest-btn{padding:0 1em;}
.menu > ul > li.rqest-btn img{display:none;}
.menu > ul > li.rqest-btn a span{display:block;}
.menu-img{width:100%;margin:.5em 0;}
.recruiting-process span{margin:0 !important;padding:10px 0 0 0 !important;}
.smaller #navigation #menu-topmenu a {}
#menu-topmenu li.rqest-btn {display:none;} 
}
@media only screen and (max-width:767px){
#menu-topmenu{text-align:center;}
.menu-container{width: auto !important;}
#menu-topmenu li{padding:0 5px;}
}