@charset "utf-8";
/* CSS Document */
/*	1.0 GENERIC STYLES
------------------------------------------------*/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

html, body, div, span, applet, object, iframe, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s ,    samp,small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead,  th 
	{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	
body 				{  background:#f9f9f9;font-size: 13px;font-family: Arial; color:#666; line-height:18px;}
img					{ border:0}
a 					{ color: #0095c7;text-decoration: none;}
.clearall		 	{ clear: both;}

h1					{ color:#333; font-size:24px; font-weight:normal;}
h2					{ font-size:18px; color:#333; font-weight:bold;}
ul li				{ list-style:none;}
.more				{ background: #011b32; color: #fff; padding: 4px 11px; display: block; width: 90px; margin: 10px auto 10px; text-align: center;} 
.left				{ float: left;}
.right				{ float: right;}
input					{outline: 0;}
. table   {border:1px;}

/*	2.0 LAYOUT
------------------------------------------------*/
.container	{ margin:0px auto;}



/*	3.0 Header
------------------------------------------------*/
.top-right			{float:right;margin-right:2px;}
.top-right	 li{float:left; margin-right:8px;}
 .top-right	 li .call{background: #5aaa14;
    height: 30px;font-family: Calibri;
    font-size: 14px;
    color: #fff; padding:3px;
    line-height: 22px;
    font-weight: bold;
     }

 
 
  .logo			{Margin:-23px 0px;}
.soc{float:left; margin-right:23%;padding-top:10px;}
  
/*	4.0 Menu
-----------------------------------*/
/* 
.menu		{margin-top:30px; float:left;}
.mainmenu  li	{ float: left; margin-right:7px;position:relative; list-style:none;}
.mainmenu  li a		{ color: #5787a4;
    padding: 6px 16px;
    text-decoration: none;
    font-family: Calibri;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1PX;}

.mainmenu li a:hover,
.mainmenu li:hover > a {
    	color: #fff;
    	background:#0f92bb;}

.mainmenu li .sub		{position: absolute; width: auto; top:20px; left:0px; display: none; background: #0f92bb; z-index: 9999;}

.mainmenu li .sub img{width:20px; margin-right:10px;}
.mainmenu li:hover .sub	{ display: block;background:#0f92bb; font-family:Calibri;
	font-size:12px;}

.mainmenu li .sub li a:hover	{color: #eeeeee;
	background:#4c9b2a; }
.mainmenu li .sub li	{ width: 210px; border: 0; float:none;}
.mainmenu li .sub li a	{ display: block;border-bottom:1px dotted #78031e; color:#fff;font-size: 18px;
    font-weight: normal;}

/* Responsive Code */


/*.main-menu { width: 45px; height: 22px; display: none; text-indent: -9999px; background: url(../images/menu-icon.png) no-repeat; position: absolute; right: 15px; top:45px; } */

		
.navbar-header { display:none;}
 .navbar-inverse { background-color:rgba(0,0,0,0); border:0; }
 .navbar { width:auto; float:right; font-family:arial, sans-serif; font-size:13px;font-weight: bold;/* font-family:Roboto; */margin-bottom:5px }
.navbar-inverse .navbar-nav>li>a {color:#084ff0;}
 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #000; background-color: rgba(0, 0, 0, 0); }
 .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: #1053e7; }
 .navbar-collapse { padding-right:0}
 .dropdown-menu > li > a { padding:5px 12px;color:#fff;}
 .dropdown-menu > li { border-top:solid 1px #e1e1e1}
 .dropdown-menu > li:first-child { border:none}
	.dropdown-menu{background:#1053e7; color:#fff;}
/*	5.0 Banner
-----------------------------------*/
.banner{margin-top:10px;}

/*-------------------------------------------*/
.welcome{margin-top:15px;}
.welcome h1{font-family: Calibri;
    font-size: 27px;
    color: #393030;
  }
 .welcome h1 .italic{font-family: Georgia, serif;
    font-style: italic;color: #2a73a6;}
 .welcome p{   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #393030;
    line-height: 19px;
 letter-spacing: 0.3px;}
 
 .box_shodow {margin-bottom:15px;
    background: #fff url(../images/box-shadow.jpg)bottom;
 
    background-repeat: no-repeat;
    height: 100%;
}
.box_shodow  p{padding:10px; text-align:justify;}

.bot_bg {
  
    background: #efefef url(../images/shadow.jpg) bottom no-repeat;padding:15px;
    
}
.des{background:url(../images/wesbite-desiging-muzaffarpu.jpg); background-size:100% 100%;font-size:24px; color:#fff;padding-top:60px ;padding-left:35px ; padding-bottom:40px;line-height:25px; }
.dev{background:url(/images/ecommerce-development.png); background-size:100% 100%;font-size:24px; color:#fff;padding-top:60px ;padding-left:35px ; padding-bottom:40px;line-height:25px; }
.domm{background:url(../images/school-erp.png); background-size:100% 100%;font-size:24px; color:#fff;padding-top:60px ;padding-left:35px ; padding-bottom:40px;line-height:25px; }
.ecom{background:url(../images/ecom.jpg); background-size:100% 100%;font-size:24px; color:#fff;padding-top:60px ;padding-left:35px ; padding-bottom:40px;line-height:25px; }
.seo{background:url(../images/seo.jpg); background-size:100% 100%;font-size:24px; color:#fff;padding-top:60px ;padding-left:35px ; padding-bottom:40px;line-height:25px; }
.lib{background:url(../images/lib.jpg); background-size:100% 100%;font-size:24px; color:#fff;padding-top:60px ;padding-left:35px ; padding-bottom:40px;line-height:25px; }
.bot_bg .bg-white {
    background: #f9f9f9;
    padding:7px;margin-bottom:20px;
}
.bot_bg .bg-white h2{background:url(../images/logo-icon.png) left no-repeat;font-family: Calibri;
    color: #084ff0;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;padding-left:45px;
    letter-spacing: -0.5px;
    text-align: left;}
	.bot_bg .bg-white p{text-align:justify;}
	
	.bot_bg .glimps {background:url(../images/divider.jpg) left no-repeat; padding-left:20px;}
	
	.bot_bg .glimps h3{font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #282620;
    line-height: 37px;}
	.bot_bg .glimps p{    font-family: Calibri;
    font-size: 13px;
    color: #484747;
    letter-spacing: 0.3px;
    line-height: 22px;}
	
	.bot_bg .screen {
    background: url(../images/screen.png);
  width:320px;
    height: 223px;padding:20px;
    background-repeat: no-repeat;
    background-position: right;
}
.screen .item img{width:285px; height:154px;}
/*   inner
-----------------------------------*/


.inner{background:#fff url(../images/middle-bg.jpg);margin-top:25px;
background-repeat:repeat-y;background-size:100%; margin-bottom:20px;
height: auto;}
.top-img{background:url(../images/mid-shadow.jpg) top no-repeat; background-size:100%;}
.inner .left {background:url(../images/menu-divider.png) bottom repeat-x;margin-top:10px; padding-bottom:15px;padding-left:15px;
}
.inner .left h2{background:url(../images/small-web-icon.png) left no-repeat;font-family: Calibri;padding-top:0px;padding-left:50px;margin:0px 0px;padding-bottom:8px;padding-top:8px;margin-bottom:10px;
    font-size: 27px;
    color: #393030;
   }
   .inner .left li{margin-left:10px;list-style:none;background:url(../images/bullet.jpg) left no-repeat; padding-left:20px; font-family: Calibri;line-height:24px;
    color: #474747;
    font-size: 16px;
    letter-spacing: -0.5px;}
	
	.inner .right1{padding-left:30px;margin-top:0px;padding-right:15px;}
	.inner .right1 h3{font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #282620;
    line-height: 37px;}
	.inner .right1 p{font-family: Calibri;text-align:justify;
    color: #474747;
    font-size: 16px;
    letter-spacing: -0.5px;
	padding-bottom:15px;}
	.inner .right1 h4{font-weight:bold;font-size:14px;color: #282620;}
	
	.inner .right1 .wrk {border: 1px solid #ddd;padding:10px; margin-bottom:20px;}
	.inner .right1 .wrk  h2{ text-align:center; font-size:20px;  }
	.inner .right1 .wrk  h2 a{color:#092842;}
	.inner .right1 .wrk img {border:1px solid #eee;}
	.inner .right1 .wrk .view{background:#1181c7;width:100px;text-align:center; padding:6px;}
	.inner .right1 .wrk .view a {color:#fff;}
	
.contact{margin-top:20px; margin-bottom:25px;}	
 .address_shadow_bg {
    background: url(../images/addrss_bg.png)no-repeat;
    background-size: 100% 100%;
   
}
.imm{margin-top:-0px;}
.address {padding-top:0px; padding-bottom:15px;padding-left:15px; padding-right:15px;}
.address h2{font-family: Calibri;margin-left:20px;
    font-size: 27px;padding-bottom:10px;
    color: #393030;
    border-bottom:1px solid #222;}
	
	.address li{padding-bottom:50px;font-family: Calibri;margin-left:20px;
    color: #474747;
    font-size: 18px;
    letter-spacing: 0.5px;}
	.address li img {float:left; margin-right:10px;padding-top:15px;}
	
	.address .form{margin-left:15px;margin-right:15px;}
	.address .form .form-control {margin-bottom:8px;}
	.address .form  .btn{color:#fff; background:#457eff;margin-top:5px;margin-bottom:10px;}
	
	
	
	.inner-banner{}
	
	
	
	.tabbs{border-bottom:1px solid #eee; margin-top:-15px;}
	.tabbs h2{color:#3f639f; font-weight:bold; font-size:20px; letter-spacing:1px;}
/*	6.0 Footer
-----------------------------------*/

.foot{margin-top:0px; padding-bottom:5px;background:#efefef url(../images/band.jpg) top no-repeat;padding: 10px;}
.foot h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #282620;
    font-weight: bold;
}
.foot li a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #282620;
    letter-spacing: 0.2px;
    line-height: 5px;
    font-weight: bold;
}

.botm {padding-left:25px !important;}
.foot li a:hover{
color:#176093;text-decoration:none;
}

.foot .form {
    display: block;
    max-width: 275px;
    margin: 0 auto;
    margin-top: 4px;
    margin-bottom: 0px;
    padding: 7px 10px;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#hongkiat-form input#name {
    background: #fff url(../images/user.png) 5px 4px no-repeat;
}
#hongkiat-form input#telephone {
    background: #fff url(../images/phone.png) 5px 4px no-repeat;
}
#hongkiat-form textarea.txtblock {
    background: #fff url(../images/speech.png) 5px 4px no-repeat;
}
#hongkiat-form .txtinput {
    display: block;
    font-family: Calibri;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    margin-bottom: 10px;
    font-size: 13px;
    padding: 5px 10px;
    padding-left: 40px;
    width: 100%;
    color: #000000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#hongkiat-form textarea {
    display: block;
    font-family: Calibri;
    border-style: solid;
    border-width: 1px;
    border-color: #dedede;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 15px;
    padding-left: 40px;
    width: 100%;
    height: 40px;
    color: #000000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

.submit {
    background: #0062c6; width:40%; margin-left:25%;color:#fff; margin-top:10;padding:3px;
}
#buttons #submitbtn:hover {
    border-color: #7c9826 #7c9826 #000;
color: #fff;}

.copyright {padding-top:20px;
    font-family: Calibri;
    font-size: 13px;
    color: #434141;
    font-weight: bold;
}

.for_demo{
  font-family: Calibri;
    font-size: 20px;
    color: #434141;
    font-weight: bold;
    margin-bottom: 25px;
    line-height: 40px;

}




/*01-04-2020 new css*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
     .card-row {
            display: grid;
            grid-template-columns: repeat(1, 99%);
            justify-content: space-between;
        }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
     .card-row {
            display: grid;
            grid-template-columns: repeat(1, 98%);
            justify-content: space-between;
        }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
     .card-row {
            display: grid;
            grid-template-columns: repeat(2, 48%);
            justify-content: space-between;
        }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
     .card-row {
            display: grid;
            grid-template-columns: repeat(3, 32%);
            justify-content: space-between;
        }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .card-row {
            display: grid;
            grid-template-columns: repeat(4, 24%);
            justify-content: space-between;
        }
}

       
        
        .card {
            padding: 10px;
            height:450px;
            border: 1px solid #c9c9c9;
            border-radius: 7px;
            margin: 20px auto;
        }
        
        .card > img:first-child {
            border-radius: 7px 7px 0 0;
            margin-bottom: 20px;
            max-width: 100%;
            height: auto;
        }
        
        .card h2 {
            color: rebeccapurple;
            display: grid;
            align-items: start;
            text-align: center;
        }
        
        .card p {
            color: #757575;
            line-height: 1.5;
            text-align: center;
        }
        
        .th1 {
            background: #1181c7;
            color: #fff;
            font-weight: bold;
        }
        
        .th2 {
            background: orange;
            color: white;
            font-weight: bold;
        }
        
        .th3 {
            background: green;
            color: white;
            font-weight: bold;
        }
        
        .th12 {
            background: url(../images/024-seocompu.png) center no-repeat;
            font-family: Calibri;
            height: 100px;
            margin: 0px 0px;
            margin-bottom: 10px;
            font-size: 27px;
            color: #393030;
        }
        
        .th22 {
            background: url(../images/login.png) center no-repeat;
            font-family: Calibri;
            height: 100px;
            margin: 0px 0px;
            margin-bottom: 10px;
            font-size: 27px;
            color: #393030;
        }
        
        .th32 {
            background: url(../images/logout.png) center no-repeat;
            font-family: Calibri;
            height: 100px;
            margin: 0px 0px;
            margin-bottom: 10px;
            font-size: 27px;
            color: #393030;
        }
        
        .fa-check:before {
            content: '✓';
        }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
       
        
        .card2 {
            
            padding: 10px;
            height:390px;
            border: 1px solid #c9c9c9;
            border-radius: 7px;
            margin: 20px auto;
        }
        
        .card2  img {
            border-radius: 5px 5px 0 0;
            margin-bottom: 5px;
            max-width: 100%;
            height: auto;
        }
        
        .card2 h2 {
            color: rebeccapurple;
            display: grid;
            align-items: start;
            text-align: center;
        }
        
        .card2 p {
            color: #757575;
            line-height: 1.5;
            text-align: center;
        }
        
        
        
        
        
        
        
        
        
        
    .icon{
        background:darkblue;
        padding: 5px;
        border-radius:50%;
        color:#fff;
}
        
     @media only screen and (min-width:800px) {
          .content{
            background-image: url(../images/details.png);
    background-repeat: no-repeat;
    background-size: 40% 60%;
    background-position: center;
        } 
     }
      
        
        .hvr-rectangle-out::before
        {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #10bdd2;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -o-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
        }
        .hvr-rectangle-out
        {
            display: inline-block;
            vertical-align: middle;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            background: #f85209;
            -webkit-transition-property: color;
            transition-property: color;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -o-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
        }
        
        .agile-why-text{
            font-size:12px;
        }
      .wthree_agile_us{
          margin:20px;
      }
        
        .wthree_agile_us i
        {
               width: 70px;
    height: 70px;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 20px;
    color: #fff;
    font-size: 26px;
    border-radius: 50%;
        }
        
        
      .link{
          font-size:15px;
          font-weight:bold;
      }  
      
      
/* New line of code */

		    .section p { letter-spacing: 0.5px; }
		    .appiconsplit {
                background-image: url(../images/mobile/splitappdevelop.png);
                display: block;
                position: relative;
                width: 82px;
                margin: 15% auto;
                height: 82px;
            }
            @media screen and (max-width: 767px) {
                .nav-tabs>li{
                    float:none;
                }
                .mobilewbox {
                    background-color: #fff;
                    box-shadow: 0 1px 6px #ccc;
                    border-radius: 2px;
                    margin: 15px auto;
                    padding: 20px;
                }
                .appiconsplit { margin: auto; }
                .inner .right1 { padding-left: 0px; padding-right: 0px; }
                .simpletab.mtabshow {
                    overflow-y: hidden;
                    display: inline-block!important;
                    white-space: nowrap;
                    overflow-x: auto;
                }
                .simpletab.mtabshow li {
                    flex: inherit;
                    display: inline-block;
                }
            }
            .mobilewbox { border-bottom: 1px solid #d4d4d4; }
            .appiconsplit.icon1{background-position:0 -386px}
            .appiconsplit.icon2{background-position:0 -482px}
            .appiconsplit.icon3{background-position:0 0}
            .appiconsplit.icon4{background-position:0 -97px}
            .appiconsplit.icon5{background-position:0 -192px}
            .appiconsplit.serveicon1{background-position:-110px 0}
            .appiconsplit.serveicon2{background-position:-110px -97px}
            .appiconsplit.serveicon3{background-position:-110px -192px}
            .appiconsplit.serveicon4{background-position:-110px -288px}
            .appiconsplit.serveicon5{background-position:-110px -386px}
            .appiconsplit.serveicon6{background-position:-110px -482px}
            .appiconsplit.serveicon7{background-position:-210px 0}
            .appiconsplit.serveicon8{background-position:-210px -97px}
            .appiconsplit.serveicon9{background-position:-210px -192px}
            .appiconsplit.serveicon10{background-position:-210px -288px}
            .appiconsplit.serveicon11{background-position:-210px -386px}
            .appiconsplit.serveicon12{background-position:-210px -482px}
            .appiconsplit.serveicon13{background-position:-310px 0}
            .appiconsplit.serveicon14{background-position:-310px -97px}
            .appiconsplit.serveicon15{background-position:-310px -192px}
            .appiconsplit.chat{background-position:0 -288px}
            
            /* custom mobile app section */
            
            
            .py-5 {
                padding-top: 3rem!important;
                padding-bottom: 3rem!important;
            }
            .mx-auto {
                margin-right: auto!important;
                margin-left: auto!important;
            }
            .display-5 {
                font-size: calc(1.425rem + 2.1vw);
                font-weight: 300;
                line-height: 1.2;
                color: #6f2895;
            }
            .fw-bold {
                font-weight: 800!important;
            }
            .mx-auto{margin:auto;float:none;}
            .mb-4 {
                margin-bottom: 1.5rem!important;
            }
            .my-md-5 {
                margin-top: 3rem!important;
                margin-bottom: 3rem!important;
            }
            
            .cmad-title{
                line-height: 1.5;
                font-weight: 800!important;
                font-size: calc(1.3rem + .6vw)!important;
                padding-top: 1rem!important;
                padding-bottom: 1rem!important;
                color: #ec0078;
            }
            
            .cmad-content{
                /*font-size: 1rem;*/
                color: #6c757d!important;
                margin-bottom: 1.5rem!important;
            }
            img {
                max-width: 100%;
                height: auto;
            }
                        .p-4 {
                padding: 1.5rem!important;
            }
            .radius5 {
                border-radius: 5px;
            }
            .d-block{display:block;}
            .border {
                border: 1px solid #dee2e6!important;
            }
            .shadow-sm {
                box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
            }
            .btn-black {
                background-color: #6f2895;
                color: #fff;
            }
            .btn {
                padding: 13px 30px;
                border-radius: 30px;
                font-size: 14px;
                border: solid 1px #6f2895;
                text-transform: uppercase;
                line-height: 1.4;
                font-weight: 500;
            }
            .devps-pro .nav {
                display: flex;
                flex-wrap: wrap;
                padding-left: 0;
                margin-bottom: 0;
                list-style: none;
            }
            .devps-pro .nav-link {
                display: block;
                padding: 0.5rem 1rem;
                text-decoration: none;
                color: #495057;
                background-color: #fff;
                transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
            }
            .simpletab {
                justify-content: center;
                width: 100%;
                border-color: #464f63;
            }
            .simpletab li { flex: 1; }
            .simpletab li .nav-link{border-radius:0;border:none;margin-bottom:-2px;text-align:center;display:block;width:100%;border-bottom:solid 2px transparent}
            @media screen and (max-width:1199px){.simpletab li .nav-link{font-size:15px}}
            .simpletab li .nav-link.active,.simpletab li .nav-link:hover{border-color:#ef1649}
            .simpletab li .nav-link span{display:block;margin:10px 0 5px;font-weight:600}
            .spriteinone {background-image: url(../images/spriteinone.png);display: inline-block;background-repeat: no-repeat;}
            .spriteinone.customappic1{background-position:-280px -315px;width:70px;height:70px}
            .spriteinone.customappic2{background-position:-350px -315px;width:70px;height:70px}
            .spriteinone.customappic3{background-position:-420px -315px;width:70px;height:70px}
            .spriteinone.customappic4{background-position:-490px -315px;width:70px;height:70px}
            .spriteinone.customappic5{background-position:0 -385px;width:70px;height:70px}
            .spriteinone.customappic6{background-position:-70px -385px;width:70px;height:70px}
            .spriteinone.multiaric1{background-position:-10px -255px;width:50px;height:50px}
            .spriteinone.multiaric2{background-position:-80px -255px;width:50px;height:50px}
            .spriteinone.multiaric3{background-position:-150px -255px;width:50px;height:50px}
            .spriteinone.multiaric4{background-position:-220px -255px;width:50px;height:50px}
            .spriteinone.multiaric5{background-position:-290px -255px;width:50px;height:50px}
            .spriteinone.multiaric6{background-position:-360px -255px;width:50px;height:50px}
            .spriteinone.multiaric7{background-position:-430px -255px;width:54px;height:50px}
            .spriteinone.multiaric8{background-position:-500px -255px;width:50px;height:50px}
            .spriteinone.multiaric9{background-position:-10px -325px;width:50px;height:50px}
            .spriteinone.multiaric10{background-position:-80px -325px;width:50px;height:50px}
            .spriteinone.multiaric11{background-position:-150px -325px;width:50px;height:50px}
            .spriteinone.multiaric12{background-position:-220px -325px;width:50px;height:50px}