@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat');

body{font-family: 'Montserrat', sans-serif; color:#7f7f7f; font-size:16px; background-color: #ffffff; padding:0 !important;}

@font-face{font-family:Montserrat; src:url(fonts/Montserrat-Regular.ttf);}
@font-face{font-family:Montserrat; src:url(fonts/Montserrat-Black.ttf);}
@font-face{font-family:Montserrat; src:url(fonts/Montserrat-Light.ttf);}

element.style {
    margin: 10px 0px;
    color: #0457a3;
}

.portfolio-wrap {
    width: 100%;
    height: auto;
    background: #ffffff;
    float: left;
    text-align: center; transition:.5s all ease-in;
    padding: 60px 0;
    min-height: 50px;
}

.categories-inner {
    width: 25%;
    height: auto; transition:.5s all ease-in;
    overflow: hidden; position:relative;
    float: left;
    margin: 0px;
    padding: 0px;
    padding: 0 1px;
}
.categories-inner:hover .port-text{bottom:0px; transition:.5s all ease-in;}
.categories-inner:hover .port-icn{opacity:1; transition:.5s all ease-in;}
.port-icn{position:absolute; opacity:0; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center; transition:.5s all ease-in;}
.port-icn ul {margin: 0px; padding: 0px; text-align: center; list-style: none; position: relative; top: 30%; transition:.5s all ease-in;}
.port-icn ul li{display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; transition:.5s all ease-in;}
.port-icn ul li a{display:block; background-color:#fff; color:#f68220; width:100%; height:100%; line-height:50px; font-size:26px; transition:.5s all ease-in;}
.port-text{width:100%; min-height:40px;  color:#fff;  padding:10px 5px; background-color:#f68220; position:absolute; bottom:-40px; transition:.5s all ease-in;}
.port-text p{margin:0px;}
.categories-inner img{width:100%; height:auto;}
.portfolio-wrap .nav-tabs>li>a {
    background-color: #fff !important;
    color: #333333 !important;
    cursor: pointer;
    padding: 9px 15px;
    position: relative;
    outline: none !important;
    border: 1px solid #efefef;
    font-weight: bold;
    display: inline-block;
    border-radius: 0px;
    box-shadow: none !important;
}
.portfolio-wrap .nav-tabs {
    border-bottom: 1px solid #ddd;
    margin: 0 0 50px;
}
.tranning-subhead{
    font-size: 18px;
    color: #0457a3;
    font-weight: 600;
    

}
.portfolio-wrap .nav-tabs>li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
}
.portfolio-wrap .nav-tabs>li>a {
    background-color: #fff !important;
    color: #333333 !important;
    cursor: pointer;
    padding: 9px 15px;
    position: relative;
    outline: none !important;
    border: 1px solid #efefef;
    font-weight: bold;
    display: inline-block;
    border-radius: 0px;
    box-shadow: none !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #27136d !important;
    border: solid 1px #27136d!important;
    color: #ffffff !important;
}
.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:focus::after, .nav-tabs>li.active>a:hover::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(39,174,97,0);
    border-top-color: #27136d;
    border-width: 10px;
    margin-left: -10px;
}




.search-bx {
    background-color: #fff;
    box-shadow: 0 2px 3px #333;
    height: auto;
    padding: 10px;
    position: fixed; display:none;
    right: 173px;
    top: 0;
    width: 255px;
    z-index: 9999999;
}
.contact-form {
    width: 100%;
    height: auto;
    padding: 40px 0px;
    float: left;
    background-color: #f7f7f7;
}
.form-wrap {
    width: 50%;     background-color: #fff;
    height: auto;
    padding: 30px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0px 7px #333;
}
.enq {
    width: 60px;
    height: 60px; display:none;
    background-color: #f68220;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    position: fixed;
    right: 0px;
    top: 40%;
    z-index: 9999;
}
.enq a {
    width: 100%;
    line-height: 60px;
    display: block;
    color: #fff;
    position: relative;
    z-index: 9999;
}
.enq-nav {
    display: none;
  position: fixed;
  bottom: 0;
  width: auto;
  height: 630px;
  border-top: 1px solid #000;
  background: red;
  z-index: 9999999;
}

.white-name-left, .white-name{
	margin-top: 25px !important; display: block;
}

#mySidenav a { position: absolute; left: -180px; transition: 0.3s; padding: 10px 40px 10px 10px; width: 220px; text-decoration: none; font-size: 16px; color: white; border-radius: 0 5px 5px 0;}
#mySidenav a:hover { left: 0;}

#nav-btn-1 {top: 0; background-color: #197d62;}
#nav-btn-2 {top: 70px; background-color: #cb7272;}
#nav-btn-3 {top: 120px; background-color: #5b3e7f;}
/* #nav-btn-4 {top: 220px; background-color: #3c698f;}
#nav-btn-5 {top: 170px; background-color: #106e65;} */
#nav-btn-6 {top: 170px; background-color: #8a388f;}
#nav-btn-7 {top: 220px;  background-color: #ac841b;}
#nav-btn-8 {top: 290px; background-color: #c75e17;}
#nav-btn-9 {top: 360px;  background-color: #66032c;}
#nav-btn-10 {top: 410px; background-color: #286a81;}
#nav-btn-11 {top: 460px; background-color: #811c67;}

#nav-btn-1::after { width: 20%; height: 40px; content: ""; background: url(images/icon/web-design.png) no-repeat center center; display: block; position: absolute; right: 0; top: 13px;}
#nav-btn-2::after { width: 20%; height: 40px; content: ""; background: url(images/icon/hosting.png) no-repeat center center; display: block; position: absolute; right: 0; top: 2px;}
#nav-btn-3::after { width: 20%; height: 35px; content: ""; background: url(images/icon/mobile-application.png) no-repeat center center; display: block; position: absolute; right: 0; top: 3px;}
#nav-btn-4::after { width: 20%; height: 40px; content: ""; background: url(images/icon/youtube.png) no-repeat center center; display: block; position: absolute; right: 0; top: 1px;}
#nav-btn-5::after { width: 20%; height: 40px; content: ""; background: url(images/icon/movie-clapper-open.png) no-repeat center center; display: block; position: absolute; right: 0; top: 0px;}
#nav-btn-6::after { width: 20%; height: 40px; content: ""; background: url(images/icon/full-shoping-cart.png) no-repeat center center; display: block; position: absolute; right: 0; top: 1px;}
#nav-btn-7::after { width: 20%; height: 40px; content: ""; background: url(images/icon/product.png) no-repeat center center; display: block; position: absolute; right: 0; top: 13px;}
#nav-btn-8::after { width: 20%; height: 40px; content: ""; background: url(images/icon/www.png) no-repeat center center; display: block; position: absolute; right: 0; top: 13px;}
#nav-btn-9::after { width: 20%; height: 40px; content: ""; background: url(images/icon/blogging.png) no-repeat center center; display: block; position: absolute; right: 0; top: 1px;}
#nav-btn-10::after { width: 20%; height: 40px; content: ""; background: url(images/icon/digital-marketing.png) no-repeat center center; display: block; position: absolute; right: 0; top: 1px;}
#nav-btn-11::after { width: 20%; height: 40px; content: ""; background: url(images/icon/app.png) no-repeat center center; display: block; position: absolute; right: 0; top: 1px;}

#Home{float:left; width:100%;}
.enq a{width:100%; line-height:60px; display:bolock; color:#fff;}
.topper{width:40px; height:40px; position:fixed; right:15px; bottom:20px; background-color:#0457a3; display:none;}
.topper > a{width:100%; height:100%; line-height:40px; color:#fff; display:block; text-align:center; font-size:20px;}
.search-bx input{border-radius:0px;}
.search-bx .btn{border-radius:0px; background-color: #0457a3; border-color: #0457a3; color:#fff;}
.search-bx .btn:hover{background-color: #fff; border-color:#0457a3; color:#0457a3;}
a, a:hover {text-decoration:none; outline:none !important;}
a:active, a:focus {outline:0; text-decoration: none;} 

.fl{ float:left}
.fr{ float: right}
.clear{ clear:both;}
.header-bg {
    background-color: #fff;
    box-shadow: 0 2px 3px #555;
    position: relative;
    transition: .5s all ease-in;
    height: auto;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.logo {
    width: 250px;
    height: auto;
    float: left;
    padding: 0;
    background-color: transparent;
    transition: .5s all ease-in;
    margin: 5px 0;
}
.logo img{width:100%; height:auto; overflow:hidden; transition:.5s all ease-in;}
.nav-bar-wrap {
    width: auto;
    height: auto;
    float: right;
    margin: 0;
    transition: .5s all ease-in;
    background-color: #ffffff;
}
.nav-bar {
    height: auto;
    margin: 0;
    width: auto;
    transition: .5s all ease-in;
}
.phone{color:#ce4532; text-align:right; margin: 9px 0;}
.phone a{color:#333333;}

.search-btn {background-color: #f68220; height: 40px; position: fixed; right: 0; text-align: center; top: 28px; width: 40px; cursor:pointer;}
.search-btn .fa{display:block; text-align:center; line-height:40px; color:#fff;}
#mobile-menu{ display: block;}
#menu{ display: none;}
.slicknav_menu{ display: none;}
/*----------------------------------------------new menu-----------------------------------------*/
#nav_wrapper{display: block; }

#nav_wrapper ul.menu li a 
{
/*border-right: 1px solid #f0f0f0;*/ 
color: #000000  !important; 
display: block; 
font-size: 14px; 
height: 88px;
line-height: 84px; 
margin: 0; 
padding: 0 9px; 
text-decoration: none; 
font-weight: 800;
}

#nav_wrapper ul.menu{margin:0; padding:0; width:100%; float:right ; }
#nav_wrapper ul.menu li{list-style-type:none; padding:0; display:block;  float:left; margin:0;}

    
#nav_wrapper ul.menu li a > span {
    display: block;
    line-height: 0;
    position: relative;
    text-align: center;
    top: -18px;
    width: 100%;
}
#nav_wrapper ul.menu li:hover a, #nav_wrapper .menu li.current-menu-item a, #nav_wrapper .menu li.current-menu-ancestor a, #nav_wrapper .menu li.current-page-ancestor a{color: #f68320 !important; }

/*---sub-menu------*/
#nav_wrapper ul.menu li{position:relative;}
#nav_wrapper ul.menu li ul.sub-menu{display: none; width:225px; padding:0; margin:0; position:absolute; top:100%; left:0px; background-color:#f68320; z-index:999999;}
#nav_wrapper ul.menu li:hover ul.sub-menu{display:block;}
#nav_wrapper ul.menu li ul.sub-menu li{padding:0; display:block; z-index:9999; float:none; margin:0 auto;}
#nav_wrapper ul.menu li ul.sub-menu li a{font-size:12px; line-height:20px; position:relative; text-transform: none !important; display:block;	padding:3px 2px 3px 8px; margin:0; color:#fff !important; border:none; height: auto;}
#nav_wrapper ul.menu li ul.sub-menu li:hover a{ color:#5b0f70;}
#nav_wrapper ul.menu li ul.sub-menu li.current-menu-item a, #nav_wrapper ul.menu li ul.sub-menu li.current-menu-ancestor a, #nav_wrapper ul.menu li ul.sub-menu li.current-page-ancestor a{ color:#5b0f70;}
#nav_wrapper ul.menu li:last-child ul.sub-menu{right:0;	left:inherit;}
#nav_wrapper ul.menu li ul.sub-menu li a > .sub-caret {
    position: absolute;
    right: 10px;
    top: 31%;
    width: 10px;
}
 
/*---sub-menu------*/



#nav_wrapper ul.menu li ul.sub-menu li:hover ul.sub-menu-1{display:block; transition:.5s all ease-in;}
#nav_wrapper ul.menu li ul.sub-menu li{padding: 5px 0px; border-bottom:solid 1px #fff; display:block; z-index:9999; float:none; margin:0 auto; transition:.5s all ease-in;}
.sub-menu-1 {font-size: 12px; line-height: 30px; text-transform: none !important;
    display: none;
    padding: 0px;
    position: absolute;
    margin: 0;
    background-color: #333333;
    color: #fff !important;
    border: none;
    transition: .5s all ease-in;
    height: auto;
    border-bottom: solid 1px #f7f7f7;
    width: 300px;
    right: -300px;
    top: 0px;
}
#nav_wrapper ul.menu li ul.sub-menu li:last-child{border-bottom:none;}
.big-drop-box{list-style:none; padding:0px; margin:0px;}
.big-drop-box li{float:none !important; width:100% !important; }
.big-drop-box li a {
    line-height: 30px !important;
    height: 30px !important;
    color: #fff !important;
    padding: 0px !important;
border:none !important;
}
.big-drop-box li a:hover{color:#fff !important;}
.big-drop-box li a:after{display:none !important;}
.sub-menu-1 h3 {
    margin: 0 0 20px;
    padding: 0 0 10px;
    font-size: 18px;
    border-bottom: dashed 1px #fff;
    font-weight: 500;
}

#nav_wrapper ul.menu li ul.sub-menu-1 li:hover a{ color:#5b0f70; transition:.5s all ease-in;}
#nav_wrapper ul.menu li ul.sub-menu-1 li.current-menu-item a, #nav_wrapper ul.menu li ul.sub-menu li.current-menu-ancestor a, #nav_wrapper ul.menu li ul.sub-menu li.current-page-ancestor a{ color:#5b0f70;}
#nav_wrapper ul.menu li:last-child ul.sub-menu{right:0;	left:inherit; transition:.5s all ease-in;}

/*----------------------------------------------new menu-----------------------------------------*/
.front-banner{width:100%; height:auto;}
.banner-image{width:100%; height:auto; /*overflow:hidden;*/text-align: center;}
/*.banner-image img{width:100%; height:auto;}*/
.banner-list{margin:0 0 20px; padding:0px; list-style:none;}
.banner-list li {
    color: #ffffff;
    font-family: arial black;
    font-size: 20px;
    margin: 0 0 5px;
    font-weight: bold;
    letter-spacing: 2px;
}
.banner-btn {
    width: 150px;
    background-color: transparent;
    color: #333333;
    font-family: Montserrat;
    border-radius: 10px;
    border: solid 1px #f57601;
    font-weight: 700;
	line-height:30px;
}
.banner-list li .fa{color:#f57601; margin-right:10px;}
.front-banner h1{font-size:30px; font-family: Montserrat; color:#ffffff; margin:20% 0 20px 0; padding:0 0 15px; position:relative;}
.front-banner h1:after {
    content: '';
    position: absolute;
    background-color: #f57601;
    left: 0;
    bottom: 0px;
    width: 90px;
    height: 3px;
}
.front-banner h2{
	font-size:32px; 
	font-family: arial black;
    color:#ffffff; 
    margin:20% 0 20px 0; 
    padding:0 0 15px; 
    position:relative; 
    font-weight: bold;
    letter-spacing: 1px;
}
.front-banner h2:after {
    content: '';
    position: absolute;
    background-color: #f57601;
    left: 0;
    bottom: 0px;
    width: 90px;
    height: 3px;
}
.cycle-slideshow img{/* width:100%; height: auto;*/ position:relative;}
.center{ position:absolute; top:45%; z-index:999; width:100%;}
.banner-image img {
    width: 100%;
    height: auto;
    padding: 30px;
}
#multiple {
    position: relative;
    /*min-height: 400px;*/
    /*background: #333 url(images/background-3.png);*/
    overflow: hidden;
    background-repeat: repeat;
    background-size: 100%;
    background-attachment: fixed;
        background-color: #203B61;
}
#multiple .prevControl{width:50px; height:50px; cursor:pointer; float: left; background-color:#333333; position:relative;}
#multiple .prevControl:hover .fa{color:#fff;}
#multiple .nextControl:hover .fa{color:#fff;}
#multiple .nextControl{width:50px; height:50px; cursor:pointer; float: right; background-color:#333333; position:relative;}
.icn-holder .prevControl .fa {color: #fff;     z-index: 999; cursor: pointer; display: block; float: left; font-size: 50px; text-align: center; width: 50px;}
.icn-holder .fa {color: #fff;     z-index: 999; position:relative; cursor: pointer; font-size: 50px; margin-right: 25px; text-align: center; width: 50px;}
.cycle-slide{ width:100%;}
.icn-holder span{position:relative; transition:.5s all ease-in;}
#multiple .prevControl:after{content:''; position:absolute; left:0px; top:0; transition:.5s all ease-in; height:100%; width:0%; background-color:#f57601;}
#multiple .prevControl:hover::after{width:100%; transition:.5s all ease-in;}

#multiple .nextControl:after{content:''; position:absolute; right:0px; top:0; transition:.5s all ease-in; height:100%; width:0%; background-color:#f57601;}
#multiple .nextControl:hover::after{width:100%; transition:.5s all ease-in;}

.banner-overlay {position: absolute; top: 55%; width: 100%; z-index:999;}
.banner-overlay h2{ background: url(../images/heading-bg.png) right  center no-repeat; text-align: left;  text-transform:uppercase; margin:0px; color:#FFF;  font-family:Montserrat; font-weight:bold; font-size:44px; color:#fff; width: 550px; background-color:rgba(0, 176, 240, 0.8); padding: 23px;}
.banner-overlay h2 span{ color:#FFF; font-size:46px; font-weight:700;}
.icn-holder{width:100%; top:40%; position:absolute; z-index:999; height:50px;}
.banner-img{width:100%; height:auto; overflow:hidden;}
.banner-img img{width:100%; height:auto;}
#multiple h3{font-size:28px; font-family:Montserrat; font-weight:500; margin:0 0 20px; color:#fff;}
#multiple p{font-family:Montserrat; margin:0 0 20px; font-size:18px; font-weight:300; color:#fff;}
.shape-1{width:100%; height:auto; overflow:hidden; position:absolute; bottom:0px; left:0px;}
.shape-1 img{width:100%; height:auto;}
.app-store{width:237px; height:80px;}
.app-store img{width:100%; height:auto;}
.app-features{width:100%; height:auto; overflow:hidden; padding:60px 0 0;}
.app-features h2{text-align:center; margin:0 0 20px; color:#59595c; font-family:Montserrat; font-weight:500; font-size:34px;}
.app-features hr{ width:87px; height:3px; background-color:#d1d1d1;}
.text-center{ font-family:Montserrat; font-size:17px; font-weight:500; color:#7f7f7f; margin-bottom: 55px;}
.app-features .nav-tabs > li {
    float: left; border:none; margin-bottom:0px;
    text-align: center;
    width: 200px;
}


#g-f{list-style:none; margin:0px; padding:0px;}
#g-f li{margin-bottom:10px; color:#333; font-size: 13px;}
#g-f li .fa{margin-right:10px; color:#ec3000;}
.photo{width:70px; height:80px; float:left; margin-right:5px; margin-bottom: 5px; position:relative; background-color:#333;}
.photo img{width:100%; height:100%;}
.photo:hover img{opacity:0.5; transition:.5s all ease-in;}
.photo:hover .icon-wrap{opacity:1; transition:.5s all ease-in;}
.photo .icon-wrap {
    width: 30px; opacity:0;
    height: 30px; transition:.5s all ease-in;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.modal{z-index:9999999;}
 .modal-backdrop.in{ padding-right:0 !important;}
.photo .icon-wrap a{color:#fff;}
.photo .icon-wrap a .fa{text-shadow:0 2px 3px #000; font-size: 20px;}


.about-us {
    width: 100%;
    height: auto; 
    float: left;
    padding: 60px 50px;
    background: #f7f7f7 url(images/about-us.png);
    min-height: 460px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 45%;
}
.about-us-inner {
    width: 100%;
    height: auto; 
    float: left;
    padding: 60px 0px;
    min-height: 460px;
    
}
.city{color: #203b61 !important; font-size: 22px !important; font-weight: bold;    font-family: arial black;text-align: center;
    }
.contact-us-inner{
    width: 100%;
    height: auto;  background:#203b61;
    float: left;
    text-align:center;
    min-height: 50px; 
    padding:60px 0;
    
}


.careers-inner{
    width: 100%;
    height: auto;  background:#ffffff;
    float: left;
    text-align:left;
    min-height: 50px; padding:30px 0px;
    
}
.about-careers{width:100%; height:auto; overflow:hidden; float:left;}
.panel-body p{color:#333333;}
.careers-blk{width:50%; min-height:500px; float:left; min-height: 600px;}
.careers-blk img {width: 100%; height: 600px;}

.careers-blk:nth-child(2){background-color: #f68220;
    padding: 60px 50px 0 20px; color:#ffffff;}
    
	
	
.hori-patches{width: 100%;
    height: auto;  background:#ffffff;
    float: left;
    padding: 30px 0px; text-align:left;
    min-height: 50px;
    
}
.col-sm-12 {
   
    background-repeat: no-repeat;
}	
	
.hori-patches:nth-child(even){background-color: #fff;}
.inner-list-content{margin:0px; padding:0px; list-style:none;}
.inner-list-content li {
    /*background: url(images/check-mark.png);*/
    background-repeat: no-repeat;
    background-size: 22px;
    /*padding-left: 30px;*/
    background-position: 0px 5px;
    margin-bottom: 10px;
	color: #000;
    font-family:Montserrat;
    font-size: 18px;
}
.top-content p{font-family: Montserrat; color: #333; font-size:16px;}
.top-content h2{font-size:18px;}
.web-services-inner{width: 100%;
    height: auto;  background:#ffffff;
    float: left;
    padding: 0px 0px; 
    min-height: 50px;}
.inner-bullet-head{text-align:left; font-size:25px; color: #0457a3; margin: 0 0 20px;font-weight: bold;}
.top-content{width: 100%;
    height: auto;  background: #f7f7f7;
    float: left;
    padding: 60px 0px 40px; 
    min-height: 50px; text-align:center}
.icon-circle {
    width: 100px;
    height: 100px;
    background-color: #22a280;
    color: #fff;
    text-align: center;
    margin: 30px auto;
    border-radius: 50%;
    border: solid 5px #fff;
    box-shadow: 0px 3px 3px #aaa;
    padding: 20px;
}
.ss-blocks{width:100%; height:auto; overflow:hidden; float:left; padding:50px 0px; background-color:#ffffff;}


.hori-patches:nth-child(even){background-color: #fff;}

.icon-circle img {width:100%; height:auto;}
.inner-name {
    position: relative;
    font-size: 18px; 
    padding: 0 0 15px;
    font-weight: 500;
    color: #222222;
    font-family:Montserrat;
    margin: 0 0 25px;
    text-align: center;
}
.inner-name:before {
    position: absolute;
    bottom: 0px;
    content: '';
    width: 100%;
    height: 3px;
    background-color: transparent;
    left: 0px;
}
.contact-img{width:150px; height:auto; overflow:hidden; margin:0 auto;}
.contact-img img{width:100%; height:auto;     opacity: 0.3;}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: #f68220;
    font-size: 18px;
    display: block;
    text-align: left;
    padding: 10px 15px;
}
.panel-group .panel{border-radius:0px;}
.panel-heading{padding:0px;}
.inner-banner {
    width: 100%;
   
    position: relative;
    color: #fff;
    background-color: #c3e994;
    overflow: hidden;
    height: 230px;
}
.inner-banner img{width:100%; height:auto;}
.inner-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 50px;
   
    font-weight: 600;
    font-family:Montserrat;
    padding: 20px 0px;
}
.inner-banner h2 span{font-weight:300;}

.inner-banner h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 44px;
   
    font-weight: 600;
    font-family:arial black;
    padding: 20px 0px;
}
.inner-banner h1 span{/*font-weight:300;*/ font-size: 25px;}


.about-us {color:#333;}
.about-us h2 {
    margin: 0 0 30px;
    position: relative;
    padding: 0 0 15px;
    font-weight: 700;
}
.about-us h2:after{content:''; position:absolute; background-color:#f58220; left:0px; bottom:0px; width:90px; height:3px;}
.about-us h2 span{font-weight:300; color:#f58220;}
.form-control {
    box-shadow: none;
    border-radius: 0px;
    outline: 0!important;
}
button.close {
    -webkit-appearance: none;
    cursor: pointer;
    top: -15px;
    border: 0;
    position: absolute;
    right: -15px;
    width: 30px;
    height: 30px;
    background-color: #000;
    padding: 0px;
    opacity: 1;
    border-radius: 50%;
    color: #fff;
    box-shadow: none;
    font-size: 20px;
}
.model-btn {
    background-color: transparent;
    color: #f58220;
    border-radius: 0;
    border: solid 2px #f58220;
    font-weight: 700;
    width: 150px;
    margin-right: 10px;
        padding: 0px 12px;
}
.about-us .btn-default {
    background-color: transparent;
    color: #828282;
    width: auto;
    border-radius: 30px;
    border: solid 3px #f58220;
    font-weight: 700;
}
.about-us .btn-default .fa {
    font-size: 20px;
    margin-left: 10px;
    top: 2px; color:#f58220;
    position: relative;
}
.web-designing-section, .web-hosting-section, .mobile-application-section, .seo-section, .customer-loyalty-management, .shopping-cart-section, .blog-development-section, .digital-marketing-section, .progressive-section > .container{position:relative;}
.about-us p{margin:0 0 30px;}

.tranning-section{
    background-color: #007fab;
    width: 100%;
    height: auto;
    float: left;
    color: #ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;
}






.web-designing-section {
        background-color: #22a280;
    width: 100%;
    height: auto; text-align:center;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px; display:none;
    overflow: hidden;
	
}
.white-name {margin: 0 0 40px; position: relative; padding: 0 0 25px; font-weight: 700; color: #fff;}
.white-name:after{content:''; position:absolute; background-color:#ffffff; left:45%; bottom:0px; width:90px; height:3px;}
.white-name span{font-weight:300; color:#ffffff;}

.ex-name {margin:0; position: relative; padding: 0 0 15px; font-weight: 700; color:#333;}
.ex-name:after{content:''; position:absolute; background-color:#f68220; left:46%; bottom:0px; width:90px; height:3px;}
.ex-name span{font-weight:300; color:#333333;}

.white-name-left {
    margin: 0 0 40px;
    position: relative;
    padding: 0 0 25px;
    /* font-weight: 700; */
    color: #203b61;
    font-family: arial black;
    font-size: 25px;
}
/*.white-name-left {margin: 0 0 40px; position: relative; padding: 0 0 25px; font-weight: 700;    color: #000;}*/
.white-name-left:after{content:''; position:absolute; background-color:#000; left:0; bottom:0px; width:60px; height:3px;}
.white-name-left span{font-weight:300; color:#6b6b6b;}
.map-wrap{width:100%; min-height:400px;     float: left;}
.map-wrap iframe {
        height: 500px;
	width:100%;
      }
.icon-wrap {
    width: 149px;
    height: auto;
    padding: 30px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 50%;
    margin: 0 auto 30px;
}
.copy-right {
	border-top:solid 1px #fff;
    background-color: #222222;
    height: auto;
    padding: 15px 0px;
    width: 100%;
    float: left;
}
.foot-l {
    margin: 0px;
    float: left; width:100%;
    padding: 0px;
    list-style: none;
    text-align: center;
    margin: 3px 0 0;
}
.foot-l li {
    display: inline-block;
    margin: 0 10px;
}
.foot-l li a {
    color: #fff;
    font-family: Montserrat;
    font-size: 14px;
}
.icon-wrap img{width:100%; height:auto;}
.soical-med {
    width: 100%;
    transition: .5s all ease-in;
    min-height: 10px;
    background-color: #fff;
    z-index: 9999;
    position: static;
    overflow: hidden;
    padding: 5px 0px;
    border-bottom: solid 1px #f5f5f5;
}
.soc-icn{list-style:none; display:none; padding:0px; margin:0px; float:right; transition:.5s all ease-in;}
.soc-icn li {
    width: 30px;
    height: 30px;
    transition: .5s all ease-in;
    float: left;
    border-radius: 50%;
    margin: 0 3px;
}
.soc-icn li a {
    text-align: center;
    color: #ffffff;
    width: 100%;
    height: 30px;
    display: block; background-color:#444;
    line-height: 30px;
    font-size: 16px;
    transition: .5s all ease-in;
}



.contact-det{list-style:none; float:right; padding:0px; margin:0; transition:.5s all ease-in;}
.contact-det li{display:inline;}
.contact-det li .fa{color:#f68320;}
.contact-det li a{display:inline; color:#333; font-size:14px;}
.services-links{width:50px; display:none;  transition:.5s all ease-in; min-height:200px; background-color:#fff; position:fixed; right:0; top:20%; z-index:9999;}
.services-links ul{list-style:none; padding:0px; margin:0px; transition:.5s all ease-in;}
.services-links ul li{width:50px; height:auto; border-bottom:solid 1px #ccc; overflow:hidden; padding:10px; transition:.5s all ease-in;}
.services-links ul li img{width:100%; height:auto;}






.contact-enquiry {
    width: 100%;
    min-height: 200px;
    padding: 60px 0px;
    /*background: url(images/icon-back.jpg);*/
    float: left;
    color: #ffffff;
    background-repeat: repeat;
    text-align: center;
    background-size: 60%;
    background-attachment: fixed;
    background-color: #203b61;
}
.contact-enquiry h3{
    margin: 10px 0px 20px;
    font-size: 22px;
}
.contacts-block{width:50%; min-height:400px; float:left;}
/*.contacts-block:first-child{background-color:#}*/
.web-designing-section p{margin:0 0 30px;}
.white-btn{
    background-color: transparent;
    color: #000;
    width: auto;
    border-radius: 30px;
    border: solid 3px #000;
    font-weight: 700;
	margin-bottom: 60px;
}
.white-btn .fa {
    font-size: 20px;
    margin-left: 10px;
    top: 2px; color:#000;
    position: relative;
}
.grey-btn {
    background-color: transparent;
    color: #333;
    width: auto;
    border-radius: 30px;
    border: solid 3px #333;
    font-weight: 700;
    margin-bottom: 60px;
}
.grey-btn .fa {
    font-size: 20px;
    margin-left: 10px;
    top: 2px; color:#333;
    position: relative;
}
.web-design-img{width:100%; height:auto; overflow:hidden; margin:60px auto 0;}
.web-design-img img{width:100%; height:auto;}

.why-container {
    width: 100%;
    height: auto;
    background-color: #333;
    padding: 15px;
    color: #fff !important;
}
.why-container{color:#fff;}
.parter-box {
    width: 100%;
    height: auto;
    padding: 60px 0px;
    float: left;
    background: url(images/offering-partnership.jpg);
    background-size: cover;
    background-attachment: fixed;
}
.f24{font-size: 24px !important;}

.p-blocks {
    width: 100%;
    border-radius: 3px;
    color: #fff;
    padding: 15px;
    min-height: 240px;
}

    
.web-hosting-section{/*background-color: #f5be6b;*/
	background-color: #fff2de;
    width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 25px 0 0;
    min-height: 460px;
    overflow: hidden;}
.white-para{margin:0 0 30px; color: #000; font-family: 'Montserrat'}
.hosting-img{width:100%; height:auto; overflow:hidden;}
.hosting-img img{width:100%; height:auto;}

.customer-loyalty-management{/*background-color: #e2aed9;*/
	background-color: #f1f1f1;
    width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 25px 0 0;
    min-height: 460px;
    overflow: hidden;}

.mobile-application-section{/*background-color: #f9eeae;*/
	background-color: #f1f1f1;
    width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 25px 0 0;
    min-height: 460px;
    overflow: hidden;}

.seo-section{/*background: #a9d193;*/ 
	background-color: #fff2de;
	width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 25px 0 0;
    min-height: 460px;
    overflow: hidden;}
.erp-section{/*background: #dec279;*/
background-color: #fff2de;
 width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 25px 0 0;
    min-height: 460px; 
    overflow: hidden;}
.ve-section{/*background: #b599c1;*/
	background-color: #f1f1f1;
 	width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 25px 0 0;
    min-height: 460px; 
    overflow: hidden;}
.account-section{/*background: #f7b98f;*/ 
	background-color: #fff2de;
	width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 25px 0 0;
    min-height: 460px;
    overflow: hidden;}
.shopping-section{/*background: #d1a9b1;*/ 
	background-color: #fff2de;
	width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 25px 0 0;
    min-height: 460px;
    overflow: hidden;}

.video-wallet-section {
    background: #d1a9b1;
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
    color: #ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;
}
.video-promotion-section {/*#58bab7*/
    background: #50a59d;
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
    color: #ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;
}
.video-promotion-section  h3{  font-size: 18px;}
.shopping-cart-section{
    width: 100%; background-color: #a3ecc7;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}

.blog-development-section{width: 100%;
	background-color: #fff; 
    height: auto; text-align:left;     /*background-color: #e25892;*/
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}

.digital-marketing-section{
    width: 100%; /*background-color: #49a5c5;*/
    background-color: #f1f1f1;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 25px 0 0;
    min-height: 460px;
    overflow: hidden;}
	
.progressive-section{/*background-color: #c73aa3;*/
	background-color: #fff;
	width: 100%;
    height: auto; text-align:left;
    float: left; color:#ffffff;
    padding: 60px 0 0;
    min-height: 460px;
    overflow: hidden;}
	
.pricing-section{padding: 60px 0; width:100%; min-height:500px; float:left; background-color:#fff; text-align:center;} 

.head-center{
    margin: 0 0 30px;
    position: relative;
    padding: 0 0 15px; color:#222;
    font-weight: 700;
}
.head-center:after{content:''; position:absolute; background-color:#f58220; left:45%; bottom:0px; width:90px; height:3px;}
.head-center span{font-weight:300; color:#f58220;}

.pricing-section .nav-tabs {
    border-bottom: none;
    text-align: center;
    margin-bottom: 30px;
}
.pricing-section .nav-tabs>li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
}
.pricing-section .nav-tabs>li>a {
    background-color: #fff !important;
    color: #333333 !important;
    cursor: pointer;
    padding: 9px 15px;
    position: relative; outline:none !important;
    border: 1px solid #efefef;
    font-weight: 500;
    display: inline-block;
    border-radius: 0px;
    box-shadow: none !important;
}
.pricing-head{}
.pricing-head-1{background:#E74C3C none repeat scroll 0% 0%; width:100%; min-height: 150px; position:relative;}
.pricing-head-2{background:#3498DB none repeat scroll 0% 0%; width:100%; min-height: 150px; position:relative;}
.pricing-head-3{background:#E74C3C none repeat scroll 0% 0%; width:100%; min-height: 150px; position:relative;}
.pricing-head-4{background:#EEAF1A none repeat scroll 0% 0%; width:100%; min-height: 150px; position:relative;}
.pricing-head-5{background:#2ECC71 none repeat scroll 0% 0%; width:100%; min-height: 150px; position:relative;}
.tab-head-wrap{width:100%; min-height:200px; background-color:#f7f7f7; float:left;}
.pricing-section .nav-tabs>li.active>a, .pricing-section .nav-tabs>li.active>a:focus, .pricing-section .nav-tabs>li.active>a:hover{background-color:#0558a3 !important; border:solid 1px #0558a3!important; color:#ffffff !important;}
.pricing-section .nav-tabs>li.active>a:after, .pricing-section .nav-tabs>li.active>a:focus::after, .pricing-section .nav-tabs>li.active>a:hover::after{    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(39,174,97,0);
    border-top-color: #0558a3;
    border-width: 10px;
margin-left: -10px;}
.price-offer {
    color: #fff;
    background: #c63c2d;
    padding: 10px 0px; text-transform:uppercase;
    margin: 0px;
    position: absolute;
    width: 100%;
    bottom: 20px;
    font-size: 20px;
}
.price {
    color: #fff;
    background: rgba(255,255,255,0.3);
    padding: 10px 0px;
    margin: 0px;
    width: 100%;
    bottom: 20px;
    font-size: 26px;
    font-weight: 700;
}
.plan {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0px;
}
.plan-btn {
    background-color: #f68220;
    color: #ffffff;
    width: 60%;
    border-radius: 30px;
    border: solid 3px #ffffff;
    font-weight: 700;
    position: relative;
    top: 37px;
    padding: 9px 0px;
}
.price-column-wrap{float:left; text-align:center; width:20%; height:auto;}
/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width: 1024px) {
#about .col-md-6.col-sm-6:last-child  img{ width:100%;}
.banner { background:url(images/banner-img.jpg) no-repeat scroll center top / 120% auto; height: auto; position: relative; width: 100%;}
.form-wrap {
    width: 100%;
    background-color: #fff;
    height: auto;
    padding: 31px 15px !important;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0px 7px #333;
    height: auto;
    /*padding: 17px !important;*/
}
}
/*@media only screen and (min-width: 1440px) {
    .form-wrap{
         padding: 17px !important;
    }
}*/
/*@media only screen and (min-width: 1024px) and (min-width: 1440px){
.form-wrap {
    padding: 31px !important;
}
}
*/
@media only screen and (min-width: 767px) 
{
.sticky{position:fixed; top:0; left:0px; transition:.5s all ease-in; z-index:999999; transition:.5s all ease-in;}
.sticky .phone{display:none;}
.sticky .logo {padding: 5px 0px; transition: .5s all ease-in; margin: 0px; width: 237px;}
.sticky #nav_wrapper ul.menu li a{ height: 84px; line-height:80px; transition:.5s all ease-in;}
.sticky .scroll-down{display:none;}
.resp-disply{display: none;}
.desk-disply{display:block;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .form-wrap {
  
    padding: 42px !important;
}
}
/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.owl-prev {display:none !important;}
.owl-next {display:none !important;}
.inner-banner{min-height:150px;}
#nav_wrapper ul.menu li a {padding: 0 10px; font-size: 10px; line-height: 50px; height: 50px;}
.logo {width: 150px; height: auto;}
.inner-banner h2{top:25%; font-size:30px;}
.inner-banner h1{top:25%; font-size:30px;}
.sticky #nav_wrapper ul.menu li a {height: 55px; line-height: 55px; transition: .5s all ease-in;}
.sticky .logo {padding: 5px 0px; transition: .5s all ease-in; margin: 0px; width: 130px;}
.sticky #nav_wrapper ul.menu li a {height: 45px; line-height: 45px; transition: .5s all ease-in;}
.form-wrap {
    width: 100%;
    height: auto;
    padding: 32px !important;

}
.col-md-6.for {
    float: right;
    width: 50%;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 11px;
}
.col-md-6.fo {
    float: left;
    border: 1px solid;
    box-shadow: 0 0px 7px #333;
    background-color: #fff;
    height: auto;
    width: 50%;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 20px 12px !important;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
    .col-md-6.for{
    float: right;
    padding: 20px 0px;
}
.nav-bar-wrap{width:100%; height:auto;}
.careers-blk img {
    width: 100%;
    height: auto;
}
.contact-det li {display: inline-block;}
.slicknav_btn{background-color: #0457a3 !important;}
.white-name-left {
    text-align: center;
}
.careers-blk {width: 100%; min-height: 100px;}
.careers-blk:nth-child(2) p {
    text-align: center !important;
}
.logo{width:190px;}
.banner-list li{font-size:14px;}
#multiple{min-height:250px;}
#multiple p{text-align:left;}
.inner-banner h2 {font-size: 18px; padding: 5px 0px;}
/*.inner-banner{min-height:20px;}*/
.panel-body p {
    color: #333333;
    text-align: left !important;
}
.contact-det li a{font-size:11px;}

.careers-blk:nth-child(2) {padding: 20px; color: #ffffff;}
.owl-pagination{display:block !important;}
.logo {position: absolute; padding: 0; width: 180px;}
p{text-align:center !important;}
.search-btn{top:107px;}
.white-name-left:after{left:40%;}
.resp-disply{display:block;}
.desk-disply{display:none;}
.web-designing-section, .web-hosting-section, .mobile-application-section, .seo-section, .customer-loyalty-management, .shopping-cart-section, .blog-development-section, .digital-marketing-section, .progressive-section
{text-align:center !important; padding:60px 0 0;}
.search-bx{left:0px;}
.about-section{display:none;}
.nav-bar{ width:100%; margin:10px 0}
.slicknav_menu{ display: block; color:#59595c;}
#nav_wrapper ul.menu{ display: none;}

.icns {width: 30px;}
.foot-links ul{text-align:center;}
.foot-links ul li a{font-size:13px;}
.cpy-ri{float:none; font-size:15px; text-align:center;}
.foot-links{float:none; width:100%;}
.form-wrap {
    width: 100%;
    height: auto;
}

}
@media only screen and (max-width: 500px)
{
.phone{display:none;}
.search-btn{top:66px;}
.from-blog h1 span::before, .from-blog h1 span::after{display:none;}
.form-wrap {
    width: 100%;
    height: auto;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 302px) and (max-width: 767px) {
.form-wrap {
    width: 100% !important;
    height: auto;
}
.form-wrap1 {
    width: 100% !important;
    height: auto;
}
.inner1-banner h2{
	font-size: 30px !important;
	padding: 0px 0px !important;
}
.inner2-banner h2{
	font-size: 30px !important;
	padding: 0px 0px !important;
}
.inner3-banner h2{
	font-size: 30px !important;
	padding: 0px 0px !important;
}
.inner12-banner h2{
	font-size: 30px !important;
	padding: 0px 0px !important;
}
.inner0-banner h2{
	padding: 0px 0px !important;
}
.inner15-banner h2{
	padding: 0px 0px !important;
}
.Placement img {
    width: 100%;
    height: auto;
}
.col-md-6.for{
    float: right;
    padding: 20px 0px;
}
}
/*--------Gaurav work start---------*/


b, strong {
    font-weight: 700;
    color: #000;
}
h4.ax-sub-h {
    color: #000;
}

h2.inner1-bullet-head {
    text-align: center;
    color: #0457a3;
    font-size: 25px;
    /*color: #f68220;*/
    margin: 0 0 20px;
    font-weight: bold;
    font-family: Arial black;
}

.inner1-list-content {
    /*margin: 0px 47px;*/
    padding: 0px;
    list-style: none;
    /*border: 1px solid;*/
    padding: 10px;
}
.inner1-list-content li {
    
    background-repeat: no-repeat;
    background-size: 22px;
    padding-left: 30px;
    background-position: 0px 5px;
    margin-bottom: 10px;
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
}
.inner0-banner {
    width: 100%;
  
    position: relative;
    color: #fff;
    background-color:#203B61;
    overflow: hidden;
        height: 230px;
}
.inner0-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: 600;
    font-family:arial black;
    padding: 20px 0px;
}

.inner0-banner span {
    font-size: 20px;
}

.inner1-banner {
    width: 100%;
    
    position: relative;
    color: #fff;
    background-color: #203B61;
    overflow: hidden;
    height: 230px;
}
.inner1-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 35px;
    font-weight: 600;
    font-family:arial black;
    padding: 20px 0px;
    letter-spacing: 2px;
}
.inner1-banner span {
    font-size: 20px;
}

.inner2-banner {
    width: 100%;
    position: relative;
    color: #fff;
    background-color: #203B61;
    overflow: hidden;
    height: 230px;
}
.inner2-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 35px;
    font-weight: 600;
    font-family: arial black;
    padding: 20px 0px;
    letter-spacing: 2px;

}
.inner2-banner span{
	font-size: 20px;
}
.inner3-banner {
    width: 100%;

    position: relative;
    color: #fff;
    background-color:#203B61;
    overflow: hidden;
    height: 230px;
}

.inner3-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 35px;
        font-weight: 600;
    font-family:arial black;
    padding: 20px 0px;
    letter-spacing: 2px;
}
.inner3-banner span {
    font-size: 20px;
}
.inner12-banner {
    width: 100%;

    position: relative;
    color: #fff;
    background-color:#203B61;
    overflow: hidden;
    height: 230px;
}
.inner12-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 35px;
    font-weight: 600;
    font-family:arial black;
    padding: 20px 0px;
    letter-spacing: 2px;
}
.inner12-banner span {
    font-size: 20px;
}
.inner13-banner {
    width: 100%;
   
    position: relative;
    color: #fff;
    background-color:#203B61;
    overflow: hidden;
    height: 230px;
}
.inner13-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: 600;
    font-family:arial black;
    padding: 20px 0px;
}
.inner13-banner span {
    font-size: 20px;
}
.inner14-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 35px;
    font-weight: 600;
    font-family:arial black;
    padding: 20px 0px;
    letter-spacing: 2px;
}

.inner14-banner {
    width: 100%;
    position: relative;
    color: #fff;
    background-color: #203B61;
    overflow: hidden;
    height: 230px;
}
.inner14-banner span {
    font-size: 20px;
}
.inner15-banner {
    width: 100%;
    position: relative;
    color: #fff;
    background-color: #203B61;
    overflow: hidden;
    height: 230px;
}
.inner15-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 35px;
    font-weight: 600;
    font-family:arial black;
    padding: 20px 0px;
    letter-spacing: 2px;
}

.inner15-banner span{
	font-size: 20px;
}

.inner16-banner {
    width: 100%;
    position: relative;
    color: #fff;
    background-color:#203B61;
    overflow: hidden;
    height: 230px;
}
.inner16-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 50px;
    letter-spacing: 2px;
    font-weight: 600;
    font-family:arial black;
    padding: 20px 0px;
}
.inner16-banner span{
	font-size: 20px;
}
.inner20-banner {
    width: 100%;
    position: relative;
    color: #fff;
    background-color: #203B61;
    overflow: hidden;
    height: 230px;
}
.inner20-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 30%;
    margin: 0px;
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: 600;
    font-family:arial black;
    padding: 20px 0px;
}
.inner20-banner span{
	font-size: 20px;
}

.syllabus-head {
    display: inline-block;
    padding: 8px 174px;
    background-color: #b7e1d1;
    font-size: 18px;
    color: #000;
   /* border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;*/
    
}
.tranning-subhead1{
    font-size: 18px;
    color: #0457a3;
    font-weight: 600;
    /*margin: 0 0 25px;*/

}
.syllabus-head1 {
    display: inline-block;
    padding: 8px 10px;
    background-color:#84c4b4;
    font-size: 18px;
    color: #000;
    border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;
  
}

.tranning-subhead2{
    font-size: 18px;
    color: #0457a3;
    font-weight: 600;
    /*margin: 0 0 25px;*/

}
.syllabus-head2 {
    display: inline-block;
    padding: 8px 6px;
    background-color: #d0a9b1;
    font-size: 18px;
    color: #000;
    border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;

}

.tranning-subhead3{
    font-size: 18px;
    color: #0457a3;
    font-weight: 600;
    /*margin: 0 0 25px;*/

}
.syllabus-head3 {
    display: inline-block;
    padding: 8px 10px;
    background-color: #befdc4;
    font-size: 18px;
    color: #000;
    border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;
   
}

.tranning-subhead4{
    font-size: 18px;
    color: #0457a3;
    font-weight: 600;
    /*margin: 0 0 25px;*/

}
.syllabus-head4 {
    display: inline-block;
    padding: 8px 10px;
    background-color: #f3adb7;
    font-size: 18px;
    color: #000;
    border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;

}
.syllabus-head12 {
    display: inline-block;
    padding: 8px 10px;
    background-color: #ffdac1;
    font-size: 18px;
    color: #000;
    border-radius: 0 15px 15px 0;
    margin-right: 20px;
    margin-bottom: 10px;
   
}


.inner-bullet-head {
    margin: 0 0 10px; 
    position: relative; 
    padding: 10px 0px; 
    font-weight: 700; 
    text-align: center;
    font-size: 20px; 
    background-color: #0457a3;
    color: #fff; 
    font-family: Arial black;
}
.inner-bullet-head:after{
    content:''; 
    position:absolute;  
    left:0%; bottom:0px; 
    width:90px; 
    height:3px;
}
.inner-bullet-head span{
    font-weight:300; 
    color:#ffffff;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #efefef;
    width: 100%;
}
.ad{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 39px;
        padding: 10px;
}
/*-------16/01/2020----------*/
.inner1-bullet-head1 {
    text-align: center;
    color: #505050;
    font-size: 24px;
    font-weight: bold;
    background-color: #fbca9d;
    padding: 10px 0px;
    letter-spacing: 1px;
    font-family: Arial black;
}
.tranning-subhead1 {
    font-size: 18px;
    color: #000000;
    text-align: center;
    /*padding: 15px 0px;*/
    font-weight: bold;
    line-height: 30px;
    /*border: 1px solid #505050;*/
}
.tranning-subhead1 span
{
    color: #f6821f;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 2px;
}
.tranning-subhead2 {
    font-size: 18px;
    color: #000000;
    /*background-color: #befdc4;*/
    text-align: center;
    /*padding: 15px 0px;*/
    font-weight: bold;
    line-height: 30px;
    /*border: 1px solid #505050;*/
}
.tranning-subhead2 span
{
    color: #f68220;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 2px;
}

.tranning-subhead3 {
    font-size: 18px;
    color: #000000;
    text-align: center;
    /*padding: 15px 0px;*/
    font-weight: bold;
    line-height: 30px;
    /*border: 1px solid #505050;*/
}
.tranning-subhead3 span
{
    color: #f68220;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 2px;
}

.tranning-subhead4 {
    font-size: 18px;
    color: #000000;
    text-align: center;
    /*padding: 15px 0px;*/
    font-weight: bold;
    line-height: 30px;
    /*border: 1px solid #505050;*/
}
.tranning-subhead4 span
{
    color: #f68220;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 2px;
}
.tranning-subhead5 {
    font-size: 18px;
    color: #000000;
    text-align: center;
    /*padding: 15px 0px;*/
    font-weight: bold;
    line-height: 30px;
    /*border: 1px solid #505050;*/
}
.tranning-subhead5 span
{
    color: #f68220;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 2px;
}

.mo4 {
    text-align: center;
    font-size: 20px;
    
    padding: 10px 0px 10px 0px;
    
    color: #000;
        letter-spacing: 1px;
    font-family: Arial black;
}
.tranning-subhead6 {
    font-size: 18px;
    color: #000000;
    text-align: center;
    /*padding: 15px 0px;*/
    font-weight: bold;
    line-height: 30px;
    /*border: 1px solid #505050;*/
}
.tranning-subhead6 span
{
    color: #f68220;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 2px;
}
.tranning-subhead10 {
  font-size: 18px;
    color: #000000;
    text-align: center;
    /*padding: 15px 0px;*/
    font-weight: bold;
    line-height: 30px;
  /*  border: 1px solid #505050;*/
}
.tranning-subhead10 span
{
    color: #f68220;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 2px;
}

.mo11 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    background-color: #0457a3;
    color: #f5a153;
        letter-spacing: 1px;
    font-family: Arial black;
}
.tranning-subhead11 {
    font-size: 18px;
    color: #000000;
    text-align: center;
    /*padding: 15px 0px;*/
    font-weight: bold;
    line-height: 30px;
   /* border: 1px solid #505050;*/
}
.tranning-subhead11 span
{
    color: #f68220;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 2px;
}

.mo12 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    background-color: #0457a3;
    color: #f5a153;
        letter-spacing: 1px;
    font-family: Arial black; 
}
.tranning-subhead12 {
    font-size: 18px;
    color: #000000;
    text-align: center;
    /*padding: 15px 0px;*/
    font-weight: bold;
    line-height: 30px;
    /*border: 1px solid #505050;*/
}
.tranning-subhead12 span
{
    color: #f68220;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 2px;
}

.inner-bullet-head:after {
    content: '';
    position: absolute;
        left: 42%;
    bottom: 0px;
    width: 90px;
    height: 3px;
}
.modal{
    color: #000;
}

.mo p {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    background-color: #0457a3;
    color: #f5a153;
    letter-spacing: 1px;
    font-family: Arial black;
}
.moo1 {
    border: 1px solid;
    padding: 10px;
    margin-bottom: 10px;
}
/*.mo1 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    background-color: #0457a3;
    color: #f5a153;
    letter-spacing: 1px;
    font-family: Arial black;
}*/
.mo2 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    background-color: #0457a3;
    color: #f5a153;
        letter-spacing: 1px;
    font-family: Arial black;
 }   

.mo3 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    background-color: #0457a3;
    color: #f5a153;
        letter-spacing: 1px;
    font-family: Arial black;
}
.tranning-subhead1 span {
    font-size: 22px;
    font-weight: 800;
}

.inner2-list-content {
    margin: 0px 0px;
    padding: 0px;
    list-style: none;
    /*border: 1px solid;*/
    padding: 10px;
}
.inner2-list-content li {
    background-repeat: no-repeat;
    background-size: 22px;
    padding-left: 30px;
    background-position: 0px 5px;
    margin-bottom: 10px;
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
}

.inner12-bullet-head{text-align: center;
    font-size: 20px;
    color: #ffffff;
  
    font-weight: bold;
    background-color: #0457a3;
    padding: 10px 0px;
    font-family: Arial black;

}


.mo5 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    background-color: #0457a3;
    color: #f5a153;
        letter-spacing: 1px;
    font-family: Arial black;
}




button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
        height: 30px;
}

.form-wrap {
    width: 100%;
    background-color: #fff;
    height: auto;
    padding: 30px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 0px 7px #333;
}
.col-md-6.fo {
    float: left;
    border: 1px solid;
    box-shadow: 0 0px 7px #333;
    background-color: #fff;
        height: auto;
}
.col-md-6.for{
    float: right;
   
}
.col-md-6.fo hr {
  
    border: 1px solid #ccc;
    }
.form-wrap1 {
    width: 50%;
    background-color: #fff;
    height: auto;
    padding: 30px;
    overflow: hidden;
    margin: 0 auto;
   
    box-shadow: 0 0px 7px #333;
}
.regis {
    text-align: center;
}

.manu {
    /* width: 50%; */
    margin: auto;
    float: none;
}

.col-md-6 {
    margin: auto;
    float: none;
}

.mo10 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    background-color: #0457a3;
    color: #f5a153;
        letter-spacing: 1px;
    font-family: Arial black;
}






.form-group1 input {
    width: auto;
    height: auto;
}


.tranning-subhead15 {
     font-size: 18px;
    color: #000000;
    text-align: center;
   /* padding: 15px 0px;*/
    font-weight: bold;
    line-height: 30px;
   /* border: 1px solid #505050;*/
}
.tranning-subhead15 span
{
    color: #f6821f;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 2px;
}

.mo20 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    background-color: #0457a3;
    color: #f5a153;
        letter-spacing: 1px;
    font-family:  Arial black;
}

.franchise p{
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

/*----------------banner-----------*/

.re {
    background: #f7f7f7;
    color: #000;
    width: 100%;
    height: auto;
    float: left;
    padding: 40px 0px;
    font-size: 20px;
}
.re p {
    padding: 5px;
}

.white-para a{
    color: #000;
}


.corp img{
    width: 100%;
    height: auto;
}
.pl img{
width: 100%;
height: auto;
}