@font-face {
font-family: 'RussoOne-Regular';
src: url('../font/RussoOne-Regular.eot') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato-Regular';
src: url('../font/Lato-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/Lato-Regular.woff') format('woff'), url('../font/Lato-Regular.ttf')  format('truetype'), url('../font/Lato-Regular.svg#Lato-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Alegreya SC';
src: url('../font/AlegreyaSC-ExtraBold.woff2') format('woff2'),
url('../font/AlegreyaSC-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Fredoka';
src: url('../font/Fredoka-Light.woff2') format('woff2'),
url('../font/Fredoka-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'PTSans-Regular';
src: url('../font/PTSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/PTSans-Regular.woff') format('woff'), url('../font/PTSans-Regular.ttf')  format('truetype'), url('../font/PTSans-Regular.svg#PTSans-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PT Sans';
src: url('../font/PTSans-Bold.woff2') format('woff2'),
url('../font/PTSans-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}


@font-face {
font-family: 'Poppins';
src: url('../font/Poppins-Regular.woff2') format('woff2'),
url('../font/Poppins-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Poppins';
src: url('../font/Poppins-Bold.woff2') format('woff2'),
url('../font/Poppins-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url('../font/Poppins-SemiBold.woff2') format('woff2'),
url('../font/Poppins-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/fonts/Poppins-Bold.woff2') format('woff2'),
         url('../font/fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
/* Fallback font */
@font-face {
    font-family: 'FallbackFont'; /* Name it whatever you like */
    font-style: normal;
    font-weight: normal;
    src: local('Arial'), local('Helvetica'), sans-serif;
}
 
/* Apply the fallback font to all elements */
* {
    font-family: 'FallbackFont', sans-serif;
}



@font-face {
font-family: 'GLYPHICONS Halflings';
src: url('../font/GLYPHICONSHalflings-Regular.woff2') format('woff2'),
url('../font/GLYPHICONSHalflings-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@600&');
body
{
width:100%;
margin:0px;
padding:0px;
font-family: 'Poppins' !important;
scroll-behavior: smooth !important;	
}
html
{
width:100%;
height:auto;	
float:left:	
margin:0px;
padding:0px;	
scroll-behavior: smooth !important;	
}
.responsive_sidebar
{
width: 100%;
height: auto;
float: left;    
display: none;
}
.responsive_sidebar select
{
width: 100%;
height: auto;
float: left;
font-size: 14px;
letter-spacing: 1px;
font-weight: normal;
border:1px solid #eee;
border-radius: 10px;
padding:5px 8px;
outline:none;      
}
/* Login Maintenance */
.login_un_main_contain
{
width:100%;
height:auto;  
float:left; 
text-align:center; 
padding:10px 30px 0px 30px;
}
.login_logo
{
width:100%;
height:auto;  
float:left;   
margin:0px 0px 35px 0px;  
}
.login_un_main_contain h1
{
width: 100%;
height: auto;
float: left;
font-size:28px;
color: #000;
font-weight: bold;
letter-spacing: 1px;
line-height:38px;
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
}
.login_un_main_contain h1 p
{
margin:0px !important;  
}
.login_un_main_contain_subtxt
{
width: 100%;
height: auto;
float: left;
font-size: 14px;
color: #000;
letter-spacing: 0.5px;
margin: 5px 0px 20px 0px !important;
padding: 0px !important; 
}
.login_un_main_contain_subtxt p
{
width: 100%;
height: auto;
float: left;
font-size:14px;
color: #000;
letter-spacing:0.7px;
margin:0px 0px !important;
padding: 0px !important;  
line-height: 25px;
}
.dis_img
{
width: 100%;
height: auto;
float: left;  
}
.dis_img img
{
height:280px;  
}
.login_footer
{
width: 100%;
height: auto;
float: left;
position: fixed;
bottom: 0;
text-align: center;
left: 0;
right: 0;  
margin:10px 0px 0px 0px;
padding:8px 0px;
border-top:1px solid #eee;
}
.login_footer_subtxt
{
width:100%;
height: auto;
float: left;
font-size:11px;
color: #000;
letter-spacing:0.7px;
margin:0px 10px !important;
padding: 0px !important;  
}
.login_footer_subtxt a
{
font-size:11px;
color: #000;
letter-spacing:0.7px;
margin:0px 10px !important;
padding: 0px !important;   
}
.login_footer_subtxt span
{
font-weight: bold;
}
.foo_label
{
color:#1EB1ED;  
}
/*.back_to_home
{
width: 30px;
height: 30px;
border-radius: 50%;
border:2px solid #1EB1ED;
background-color: #1EB1ED;
float: right;
color: #fff;
position: absolute;
right: 20px;
font-size: 17px;
padding: 5px;
box-shadow: 1px 1px 7px -4px #000;
}*/
.back_to_home a
{
width: 30px;
height: 30px;
border-radius: 50%;
border:2px solid #1EB1ED;
background-color: #1EB1ED;
float: right;
color: #fff;
position: absolute;
right: 20px;
font-size: 17px;
padding: 5px;
box-shadow: 1px 1px 7px -4px #000;
}
.back_to_home:hover, .back_to_home:focus
{
color:#1EB1ED; 
background-color:transparent; 
}
.back_to_home a:hover, .back_to_home a:focus
{
color:#1EB1ED; 
background-color:transparent; 
}
/* Login Maintenance End */






/* TDS Calculator */
.tds_Calculator_bdy
{
width:100%;
height: auto;
float: left;  
margin:120px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.tds_Calculator_bdy h3 {
width: 100%;
height: auto;
float: left;
margin: 0px 0px 25px 0px;
}
.overview_of_cal_services
{
width:100%;
height: auto;
float: left; 
}
.tds_cal
{
width: 100%;
height: auto;
float: left;
margin: 25px 0px 0px 0px;
}
.link_direction
{
width:100%;
height: auto;
float: left;   
}
.link_direction a
{
font-size:13px;
color:#000;
letter-spacing: 0.8px;
font-weight:normal;
}
.link_direction a:hover, .link_direction a:focus
{
color:#ff6600;
}
.link_direction i
{
font-size:14px;
color:#ff6600;
font-weight:normal;  
font-weight:bold;
margin: 0px 5px;
}
.tds_cal_bx
{
width:100%;
height: auto;
float: left;
padding: 30px;
border:1px solid #eee;
border-radius: 10px;  
}
.align_right
{
float:right !important;  
}
.recipient
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 25px 0px;  
font-size: 13px;
color: #000;
letter-spacing: 0.8px;
font-weight: normal;
}
.recipient ul
{
width:100%;
height: auto;
float: left;
padding: 0px;
margin:0px;  
}
.recipient ul li
{
list-style: none;
float:left;
margin:0px 0px 0px 20px;  
}
.recipient ul li span
{
font-size: 13px;
color: #000;
letter-spacing: 1px;
font-weight: normal;
position: relative;
top: -2px;  
}
.tds_cal_field
{
width:100%;
height:85px;
float: left;
}
.tds_cal_field label
{
width: auto;
height: auto;
float: left;
font-size: 13px;
letter-spacing: 1px;
font-weight: normal;
}
.tds_cal_field select
{
width: 100%;
height: auto;
float: left;
font-size: 18px;
color: #000;
letter-spacing: 1px;
font-weight: bold;
border: none;
outline: none;
border-bottom: 1px solid #eee;
padding: 0px 0px 10px 0px;
}
.amt_of_pay
{
width: auto;
height: auto;
float: right;
font-size:20px;
color: #000;
letter-spacing: 1px;
font-weight: bold;
background-color: #eee;
padding: 7px 17px;
border-radius: 10px;
box-shadow: 0px 0px 0px 0px #000;  
}
.amt_of_pay i
{
font-size:12px !important;  
}
.total_tds
{
width:100%;
height: auto;
float: left;
text-align:center;
background-color:#fff6f1; 
padding:15px 0px;
font-size: 16px;
letter-spacing: 1px;
color: #000;
font-weight: normal;
}
.ital_txt
{
font-style:italic;  
}
.total_tds p
{
padding:0px !important;
margin:0px !important;  
}
.total_tds i
{
font-size:14px;   
}
.total_tds_amt
{
font-size:28px;
letter-spacing: 1px;
color: #000;
font-weight: normal;  
}
/* TDS Calculator End */






.limitmar
{
margin:0px 0px 10px 0px !important;  
}
.ref_img
{
width:100%;
height: auto;
float: left;  
margin:0px 0px 50px 0px !important;  
}
.basics_of_einvoice
{
width:100%;
height: auto;
float: left;
margin:50px 0px 0px 0px;  
}

.more_content i
{
height:100px !important;
}
.exmore_content i
{
height:130px !important;
}
.twoexmore_content i
{
height:190px !important;
}
.ef_img
{
width:100%;
height: auto;
float: left;  
margin:0px 0px 50px 0px !important;   
}

.abt_client
{
width: 85%;
height: auto;
float: left;
text-align: right; 
margin:20px 0px 0px 0px; 
font-style: italic;
}
.abt_client h2
{
margin:5px 0px 0px 0px !important;
font-size:12px !important;
letter-spacing: 0.8px;  
}
.abt_client_company_name
{
font-size: 13px !important;
letter-spacing: 0.8px; 
font-weight:bold;
}
/* Service Tabs */
.trade_mark_renewal
{
width:100%;
height:auto;	
float:left:	
margin:20px 0px;
}
.trade_mark_renewal table
{
width:100%;
height:auto;	
float:left;
border:1px solid #eee;	
margin:10px 0px 20px 0px;
padding:10px 0px;
}
.trade_mark_renewal tbody
{
padding:10px;	
}
#customers {
border-collapse: collapse;
width: 100%;
margin:0px 0px 20px 0px;
}

#customers td, #customers th {
border: 1px solid #ddd;
padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #04AA6D;
color: white;
}
#sidebar
{

}
#sidebar.fixed {
position: fixed;
top:130px;
width:23%;
}
#sidebar_right
{

}
#sidebar_right.fixed {
position: fixed;
top:130px;
width:23%;
}

.service_tab_menu_list
{
/*width:auto;
height:auto;
float:left;	*/
}
.service_tab_menu_list ul
{
width: 100%;
height:auto;
float:left;	
padding: 0px;
margin:0px;
}
.service_tab_menu_list ul li
{
width: 100%;
height:auto;
float:left;	
list-style: none;
line-height:25px;
margin:0px 0px 8px 0px;
}
.service_tab_menu_list ul li a
{
width: 100%;
height:auto;
float:left;		
font-size:13px;
letter-spacing:0.8px;
font-weight: normal;
color: #000;
background-color:#f3f3f3;
border:1px solid #f3f3f3;
padding:2px 10px;
border-radius:5px; 
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}	
.service_tab_menu_list ul li a span
{
text-transform: uppercase !Important;
}
.service_tab_menu_list ul li a:hover, .service_tab_menu_list ul li a:focus
{
text-decoration: none;
box-shadow: 3px 3px 10px -6px #000;
background-color: transparent;
border:1px solid #f4c430;
}
.tab_active a
{
text-decoration: none !important;
box-shadow: 3px 3px 10px -6px #000 !important;
background-color: #f4c430 !important;
border:1px solid #f4c430 !important;
}
.client_detail_form
{
width: 100%;
height: auto;
float: left;
background-color: #fffcfa;
padding: 25px 18px;
box-shadow: 1px 1px 10px -9px #000;
}
.client_detail_form_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
letter-spacing: 0.5px;
font-weight: bold;
color: #337ab7;
margin: 0px 0px 15px 0px;
text-align: center;
}
.client_login_form_field
{
width:100%;
height:55px;
float:left;	
}
.client_login_form_field input
{
width:100%;
height:auto;
float:left;	
border:1px solid #f2f2f2;
padding:8px 8px;
border-radius:8px;
font-size:14px;
letter-spacing:0.4px;
font-weight: normal;
outline:none;
color: #000 !important;	
}
.submitbtn
{
width:100%;
height:auto;
float:left;	
text-align:center;	
margin:10px 0px 0px 0px;
}
.client_login_form_field button
{
border:1px solid #ff6600;
background-color:#ff6600;
padding:6px 18px;
border-radius:8px;
font-size:14px;
letter-spacing:0.4px;
font-weight: normal;
outline:none;
color: #fff;	
}
.client_login_form_field button:hover, .client_login_form_field button:focus
{
background-color:transparent;
color:#ff6600;	
}
.client_login_form_field a
{
border:1px solid #ff6600;
background-color:#ff6600;
padding:6px 18px;
border-radius:8px;
font-size:14px;
letter-spacing:0.4px;
font-weight: normal;
outline:none;
color: #fff;	
}
.client_login_form_field a:hover, .client_login_form_field a:focus
{
background-color:transparent;
color:#ff6600;	
text-decoration: none;	
}
/* FAQ */
.accordion
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 30px 0px;  
}
.accordion div.our_service_content_subtxt
{
margin:0px 0px !important;  
padding: 10px 0px !important;
}
.accordion .accordion-item {
border-bottom: 1px solid #e5e5e5;
}

.accordion .accordion-item button[aria-expanded='true'] {
border-bottom: 1px solid #03b5d2;
}
.accordion-title
{
width:97%;
height:auto;
float:left;	
font-size: 14px;
letter-spacing: 1px;
font-weight:normal;	
}
.accordion button {
position: relative;
display: block;
text-align: left;
width: 100%;
height:auto;
float:left;
padding: 1em 0;
color: #7288a2;
font-size: 1.15rem;
font-weight: 400;
border: none;
background: none;
outline: none;
}

.accordion button:hover,
.accordion button:focus {
cursor: pointer;
color: #03b5d2;
}

.accordion button:hover::after,
.accordion button:focus::after {
cursor: pointer;
color: #03b5d2;
border: 1px solid #03b5d2;
}

.accordion button .accordion-title {
padding: 3px 0px;
}

.accordion button .icon {
display: inline-block;
position: absolute;
top: 18px;
right: 0;
width: 22px;
height: 22px;
border: 1px solid;
border-radius: 22px;
}

.accordion button .icon::before {
display: block;
position: absolute;
content: '';
top: 9px;
left: 5px;
width: 10px;
height: 2px;
background: currentColor;
}
.accordion button .icon::after {
display: block;
position: absolute;
content: '';
top: 5px;
left: 9px;
width: 2px;
height: 10px;
background: currentColor;
}

.accordion button[aria-expanded='true'] {
color: #03b5d2;
}
.accordion button[aria-expanded='true'] .icon::after {
width: 0;
}
.accordion-content
{
width:100%;

}
.accordion button[aria-expanded='true'] + .accordion-content {
opacity: 1;
max-height:380px;
transition: all 200ms linear;
will-change: opacity, max-height;
}
.accordion .accordion-content {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 200ms linear, max-height 200ms linear;
will-change: opacity, max-height;
}

.accordion .accordion-content p {
font-weight: 300;
margin: 1em 0;
letter-spacing: 0.9px;
font-size: 15px;
line-height: 26px;
}
/* FAQ End */
/* Service Tabs End */


/*======== Career  =========*/
.career_banner
{
width: 100%;
height:510px;
background-image:url(../images/banner-career.jpg);
background-position: center;
background-repeat: no-repeat;
background-size:contain;
margin-bottom: 30px;
}
.career_banner:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:510px;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.4);
}
.career_banner_content
{
width:100%;
height:auto;
position:absolute;
top:0px;
z-index:11;
color:#fff;
top:140px;
text-align:center;
}
.career_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:45px;
font-weight:800;
letter-spacing:0.2px;
text-transform:uppercase;
}
.career_subtxt
{
width:100%;
height:auto;
float:left;
font-size:18px;
font-weight:400;
letter-spacing:0.5px;
padding:0px 120px 0px 120px;
line-height:30px;
margin:20px 0px 20px 0px;
}
.career_reachbtn
{
width:100%;
height:auto;
float:left;
text-align:center;
margin:30px 0px 10px 0px;
}
.career_reachbtn a
{
font-size:14px;
font-weight:600;
letter-spacing:0.5px;
padding:8px 20px;
border:2px solid #fff;
color:#fff;
}
.career_reachbtn a:hover
{
text-decoration:none;
color:#eee;
}
.downarrow
{
width:100%;
height:auto;
float:left;
text-align:center;
margin:5px 0px 0px 0px;
}
.downarrow a
{
}
.downarrowimg
{
width:100%;
height:52px;
background-image:url(../images/scrolldown-gif.jpg);
background-position:center;
background-repeat:no-repeat;
float:left;
margin:22px auto;
}
.mixslider
{
width:100%;
height:auto;
float:left;
margin:30px 0px 10px 0px;
}
.careerdev_hdtxt
{
width:100%;
height:auto;
float:left;
text-align:center;
font-size:40px;
letter-spacing:0.6px;
font-weight:700;
}
#mixedSlider {
position: relative;
}
#mixedSlider .MS-content {
white-space: nowrap;
overflow: hidden;
margin: 0 5%;
}
#mixedSlider .MS-content .item {
display: inline-block;
width: 33.3333%;
position: relative;
vertical-align: top;
overflow: hidden;
height: 100%;
white-space: normal;
padding: 0 10px;
}
@media (max-width: 991px) {
#mixedSlider .MS-content .item {
width: 50%;
}
}
@media (max-width: 767px) {
#mixedSlider .MS-content .item {
width: 100%;
}
}
#mixedSlider .MS-content .item .imgTitle {
position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
margin: 0;
text-align: left;
letter-spacing: 2px;
color: #fff;
position: absolute;
background-color:#111;
opacity:0.8;
width: 100%;
bottom: 0;
font-weight: bold;
padding:10px 0 10px 10px;
}
#mixedSlider .MS-content .item .imgTitle img {
height: auto;
width: 100%;
}
#mixedSlider .MS-content .item p {
font-size: 16px;
margin: 5px 10px 5px 5px;
}
#mixedSlider .MS-content .item a {
float: right;
margin: 0 20px 12px 0;
font-size: 13px;
font-style: italic;
color: rgba(173, 0, 0, 0.82);
font-weight: 500;
letter-spacing: 1px;
transition: linear 0.1s;
background-color:#555;
color:#fff;
padding:5px 20px;
}
#mixedSlider .MS-content .item a:hover {
text-shadow: 0 0 1px grey;
text-decoration:none;
}
#mixedSlider .MS-controls button {
position: absolute;
border: none;
background-color: transparent;
outline: 0;
font-size: 50px;
top: 95px;
color: rgba(0, 0, 0, 0.4);
transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
#mixedSlider .MS-controls button {
font-size: 30px;
}
}
@media (max-width: 767px) {
#mixedSlider .MS-controls button {
font-size: 20px;
}
}
#mixedSlider .MS-controls .MS-left {
left: 0px;
}
@media (max-width: 767px) {
#mixedSlider .MS-controls .MS-left {
left: -10px;
}
}
#mixedSlider .MS-controls .MS-right {
right: 0px;
}
@media (max-width: 767px) {
#mixedSlider .MS-controls .MS-right {
right: -10px;
}
}
#basicSlider { position: relative; }

#basicSlider .MS-content {
white-space: nowrap;
overflow: hidden;
margin: 0 2%;
height: 50px;
}

#basicSlider .MS-content .item {
display: inline-block;
width: 20%;
position: relative;
vertical-align: top;
overflow: hidden;
height: 100%;
white-space: normal;
line-height: 50px;
vertical-align: middle;
}
@media (max-width: 991px) {

#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#basicSlider .MS-content .item { width: 35%; }
}
@media (max-width: 500px) {

#basicSlider .MS-content .item { width: 50%; }
}

#basicSlider .MS-content .item a {
line-height: 50px;
vertical-align: middle;
}

#basicSlider .MS-controls button { position: absolute; }

#basicSlider .MS-controls .MS-left {
top: 35px;
left: 10px;
}

#basicSlider .MS-controls .MS-right {
top: 35px;
right: 10px;
}
.experienced_professionalsimg
{
width:100%;
height:250px;
background-image:url(../images/experienced-images.jpg);
background-position:center;
background-repeat:no-repeat;
}
.entrylevel_hiringimg
{
width:100%;
height:250px;
background-image:url(../images/entrylevelimge.jpg);
background-position:center;
background-repeat:no-repeat;
}
.campuscommue_img
{
width:100%;
height:250px;
background-image:url(../images/campus_commune.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.internship_img
{
width:100%;
height:250px;
background-image:url(../images/intership_img.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.researchcareers_img
{
width:100%;
height:250px;
background-image:url(../images/career-research.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.isDisabled {
color: currentColor;
cursor: not-allowed;
opacity: 0.5;
text-decoration: none;
}
.careerbody_section
{
width:100%;
height:auto;
float:left;
margin:25px 0px 30px 0px;
}
.wrking_withus
{
width:100%;
text-align:center;
font-size:42px;
color:#111;
letter-spacing:0.8px;
font-weight:600;
margin:10px 0px 10px 0px;
}
.nopad
{
padding:0px 0px 0px 0px !important;    
}
.wrking_withusbx
{
width:40%;
height:auto;
float:left;
margin:0px 30% 50px 30%;    
}
.career_signup_bx
{
width:40%;
height:auto;
float:left;
margin:0px 30% 50px 30%;    
}
.wrking_withusbx_sup
{
width:auto;
height:auto;
float:left; 
font-size: 11px;
letter-spacing: 0.8px;
color: #000;
}
.wrking_withusbx_fpw
{
width:auto;
height:auto;
float:right; 
font-size: 11px;
letter-spacing: 0.8px;
color: #000;
}
.wrking_withusbx div.field input
{
padding: 8px 0px !important;    
}
.career_signup_bx div.field input
{
padding: 8px 0px !important;    
}
.paracontxt
{
width:100%;
height:auto;
float:left;
text-align:center;
font-size:14px;
line-height:25px;
letter-spacing:0.8px;
}
.notetxt
{
width:100%;
text-align:left;
font-size:24px;
color:#111;
letter-spacing:0.8px;
font-weight:300;
margin-bottom:30px;
float:left;
}
.careerbody_job_section
{
width:100%;
height:auto;
float:left;
margin:120px 0px 0px 0px;
}
.crntopentxt
{
width:100%;
text-align:center;
font-size:28px;
color:#111;
letter-spacing:0.8px;
font-weight:300;
}
.applylink
{
width:100%;
text-align:left;
margin:30px 0px 20px 0px;
font-size:18px;
letter-spacing:0.8px;
}
.applylink span
{
font-weight:800;
}
.joblist
{
width:100%;
height:auto;
float:left;
margin: 50px 0px 50px 0px;
}
.joblist ul
{
padding:0px 0px 0px 25px;
} 
.joblist ul li
{
list-style: circle;
line-height:30px;
letter-spacing: 0.5px;
}
.joblist ul li a
{
font-size:16px;
letter-spacing:0.6px;
color:red;
}
.joblist ul li a:hover
{
text-decoration:none;
color:#111;
}
.joblisttxt
{
width:100%;
margin:15px 0px;
}
.joblisttxt a
{
font-size:16px;
letter-spacing:0.8px;
color:#15547D;
text-decoration:underline;
}
.joblisttxt a:hover
{
text-decoration:none;
color:red;
}
.destxt
{
width:100%;
height:auto;
font-size:14px;
color:#111;
margin-top:30px;
letter-spacing:0.6px;
font-weight:600;
float:left;
}
.destxt span
{
font-weight:normal !important;
}
.applythis
{
width:100%;
height:auto;
margin:30px 0px;
float:left;
}
.applythis a
{
font-size:15px;
color:#fff;
background-color:#e03026;
padding:10px 28px;
font-weight:600;
letter-spacing:0.8px;
text-transform:uppercase;
}
.applythis a:hover, .applythis a:focus
{
text-decoration:none;
background-color:#15547D;
color:#fff;
}
.applyfrm
{
width: 46%;
height: auto;
text-align: center;
float: left;
margin: 30px 27% 30px 27%;
}
.field
{
width:100%;
height:50px;
float:left;
margin:8px 0px;
}
.career_field
{
width: 100%;
height: 100px;
float: left;	
}
.career_field_insert
{
width: 100%;
height: auto;
float: left;	
}
.career_field_insert input
{
width: 100%;
height: auto;
float: left;
border:none;
outline:none;
border-bottom:1px solid #ccc;	
}
.career_field_insert select
{
width: 100%;
height: auto;
float: left;
border:none;
outline:none;
border-bottom:1px solid #ccc;	
}
.namelabel
{
width:100%;
float:left;
text-align:left;
padding:10px 0px;
margin-right:10px;
font-size:13px;
letter-spacing:0.8px;
}
.textbox
{
width:67%;
float:left;
text-align:left;
}
.textbox i
{
position: absolute;
right:30px;
margin:15px 0px 0px 0px;
}
.textbox input
{
width: 90%;
padding: 8px 15px 8px 0px;
margin: 0 auto;
font-size:14px;
letter-spacing: 0.8px;
outline: none;
border: none;
border-bottom: 1px solid #eee;
}
.textbox select
{
width:90%;
padding:8px 15px 8px 0px;
outline:none;
border:none;
border-bottom:1px solid #eee;
margin:0 auto;
font-size:12px;
letter-spacing:0.8px;
-webkit-appearance: none;
}

.peral_infotxt
{
width:100%;
height:auto;
float:left;
margin:20px 0px;
font-size:20px;
color:#ff6600;
font-weight:300;
letter-spacing:0.8px;
}
.radiobtn
{
width:22%; float:left; margin-right:20px;
}
.radiobtn input
{
width:20%;
}
.fileupload input
{
margin:10px 0px !important;
width:100% !important;
border:none !important;
padding:0px !important;
}
.submitbtn
{
width:100%;
height:auto;
float:left;
text-align:center;
margin:25px 0px 0px 0px;
}
.submitbtn button
{
background-color:#15547D;
color:#fff;
font-size:16px;
letter-spacing:0.8px;
padding:5px 20px;
border:1px solid #15547D;
}
.submitbtn button:hover, .submitbtn focus
{
color:#15547D !important;
}
.fromdate
{
width:44%;
height:auto;
float:left;
margin-right:10px;
}
.fromdate input
{
width:100%;
}
.todate
{
width:44%;
height:auto;
float:left;
}
.todate input
{
width:100%;
}
.function_order
{
width:100%;
height:250px;
background-image:url(../images/function-order-banner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin-top:70px;
}
.function_order:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
margin-top:70px;
height:250px;
top: 0;
left: 0;
right: 0;
background-color:#3392BA;
opacity:0.8;
}
.contact_us
{
width:100%;
height:350px;
background-image:url(../images/contactus-banner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.contact_us:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:350px;
top: 0;
left: 0;
right: 0;
background-color:#3392BA;
opacity:0.9;
}

.textbox textarea
{
width:90%;
height:50px;
padding:8px 15px;
border:1px solid #ccc;
margin:0 auto;
font-size:12px;
letter-spacing:0.8px;
}
.ifrm
{
width:100%;
height:auto;
}
.ifrm iframe
{
width:100%;
height:570px;
}
.sendmsg
{
width:100%;
height:auto;
float:left;
margin:30px 0px 30px 0px;
text-align:center;
}
.sendmsg button
{
background-color:#15547D;
color:#fff;
padding:8px 20px;
border:1px solid #15547D;
text-transform:uppercase;
letter-spacing:0.8px;
font-size:12px;
}
.ourvalues_banner
{
width:100%;
height:350px;
background-image:url(../images/our-values-banner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.ourvalues_banner:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:350px;
top: 0;
left: 0;
right: 0;
background-color:#111;
opacity:0.7;
}

.responsibility_banner
{
width:100%;
height:350px;
background-image:url(../images/our-responsibility.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.responsibility_banner:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:350px;
top: 0;
left: 0;
right: 0;
background-color:#111;
opacity:0.8;
}
.errormsg {
width: 100%;
font-size: 13px;
margin-top: 4px;
color: red;
}



.subtxt
{
width: 91%;
height: auto;
float: left;
font-size: 15px !important;
letter-spacing: 0.2px;
margin: 15px!important;
color: #111;
font-weight: 300;
}
.item_contain
{
width: 100%;
height: auto;
float: left;
box-shadow: 0px 1px 5px #ccc;
margin-bottom: 30px;
}
.our_heritage
{
width:100%;
height:auto;
float:left;
padding:30px 0px;
background-color:#3aafbb;
margin-bottom:30px;
}
.heritageimg
{
width:100%;
height:300px;
float:left;
background-image:url(../images/heritage-imge.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.heritagehdtxt
{
width:100%;
height:auto;
float:left;
font-size:45px;
letter-spacing:0.5px;
font-weight:800;
color:#111;
}
.heritagesubtxt
{
width:100%;
height:auto;
float:left;
font-size:24px;
letter-spacing:0.5px;
font-weight:300;
color:#fbd466;
margin-top:20px;
}
.heritage_discoverbtn
{
width:100%;
height:auto;
float:left;
margin:50px 0px 0px 0px;
}
.heritage_discoverbtn a
{
font-size:15px;
letter-spacing:0.6px;
color:#111;
padding:10px 25px;
border:2px solid #6D6E70;
}
.heritage_discoverbtn a:hover
{
text-decoration:none;
}
/*======== Career End  =========*/





#page_wrap
{
width:100%;
height:auto;
padding:0px;
margin:0px;
}
.checkbox .cr
{
margin: 2px 10px 2px 0px;
}
.menu_active a
{
color:#ff6600 !important;
}
.menu_active ul li a
{
color:#111 !important;
}
.menu_active ul li a:hover
{
color:#ff6600 !important;
}

.topnav marquee
{
width:100%;
height:auto;
float:left;
padding:10px 0px;
font-size:13px;
letter-spacing:0.8px;
font-weight:300;
color:#111;
}
.recent_updates
{
width:100%;
height:auto;
float:left;
border:1px solid red;
padding:3px 20px 3px 0px;
font-size:12px;
font-weight:300;
margin:12px 0px 12px 0px;
border-radius:5px;
}
.recent_updates span
{
background-color:red;
color:#fff;
padding:4px 10px;
}


.acme-news-ticker {
background: #fff;
position: relative;
width: 100%;
height:40px;
float: left;
border: 1px solid red;
}
@media (min-width: 768px) {
.acme-news-ticker {
} }
.acme-news-ticker-label {
background: red;
padding:12px 10px;
width: auto;
float: left;
height:auto;
margin:0px 10px 0px 0px;
line-height: normal;
color: #fff; 
font-size:12px;
letter-spacing: 0.8px;}
@media (max-width: 575px) {
.acme-news-ticker-label {
position: absolute;
top: -45px; } }
.acme-news-ticker-box {
height: 100%;
overflow: hidden; }
@media (max-width: 575px) {
.acme-news-ticker-box {
padding-left: 10px;
padding-right: 120px; } }
.acme-news-ticker-box ul {
list-style-type: none !important;
padding: 0;
margin: 0;
width:88%;
height:auto;
float:left;
margin:8px 0px 0px 0px;

}
.acme-news-ticker-box ul li a {
text-decoration: none;
font-size:12px;
font-weight:300;
letter-spacing:0.8px;
color:#111;}
.acme-news-ticker-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
height: 100%;
right: 0;
top: 0; }
.acme-news-ticker-controls span {
height: 100%;
/*background:red;*/
padding: 0;
width: 40px;
border-color:red;
border-style: solid;
border-width: 0 0 0 1px;
cursor: pointer;
display: inline-block; }
.acme-news-ticker-controls span:hover {
color:#fff; }
.acme-news-ticker-controls span.acme-news-ticker-arrow {
margin: 0;
display: inline-block;
position: relative; }
.acme-news-ticker-controls span.acme-news-ticker-arrow:after {
border-color:red;
border-bottom-style: solid;
border-bottom-width: 2px;
border-right-style: solid;
border-right-width: 2px;
content: '';
display: inline-block;
height: 8px;
left: 50%;
position: absolute;
top: 50%;
width: 8px; }
.acme-news-ticker-controls span.acme-news-ticker-pause {
position: relative;
display: inline-block; }
.acme-news-ticker-controls span.acme-news-ticker-pause:before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-color:red;
border-style: solid;
border-width: 0 2px 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%; }
.acme-news-ticker-controls.acme-news-ticker-horizontal-controls span.acme-news-ticker-prev:after {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
-ms-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg); }
.acme-news-ticker-controls.acme-news-ticker-horizontal-controls span.acme-news-ticker-next:after {
-webkit-transform: translate(-50%, -50%) rotate(315deg);
-ms-transform: translate(-50%, -50%) rotate(315deg);
transform: translate(-50%, -50%) rotate(315deg); }
.acme-news-ticker-controls.acme-news-ticker-vertical-controls span.acme-news-ticker-prev:after {
-webkit-transform: translate(-50%, -50%) rotate(225deg);
-ms-transform: translate(-50%, -50%) rotate(225deg);
transform: translate(-50%, -50%) rotate(225deg); }
.acme-news-ticker-controls.acme-news-ticker-vertical-controls span.acme-news-ticker-next:after {
-webkit-transform: translate(-50%, -50%) rotate(405deg);
-ms-transform: translate(-50%, -50%) rotate(405deg);
transform: translate(-50%, -50%) rotate(405deg); }

/*# sourceMappingURL=style.css.map */














/* New Itaxfair */
.new_banner
{
width: 100%;
height: auto;
float: left;  
background-color:transparent;
}
.new_banner_content
{
width: 100%;
height: auto;
float: left;
text-align: center;
padding: 30px;
margin: -70px 0px 0px 0px;
background-color: #fff;
position: relative;
z-index: 11;
box-shadow: 0px 4px 5px 1px #ccc;
}
.new_banner_content_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:40px;
font-weight: bold !important;
color: #000;
letter-spacing: 1px;
margin: 10px 0px 10px 0px;	
}
.new_banner_content_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:15px;
font-weight: 300 !important;
color: #000;
letter-spacing: 1px;
margin:0px 0px 5px 0px;	
}
.new_banner_content div.hdr_top_menus_search
{
width: 50%;
height: auto;
float: left;
margin: 10px 25%;
}
.new_banner_content div.hdr_top_menus_search span {
position: absolute;
margin: 0px 0px 0px -34px;
padding: 10px;
background-color: transparent;
border-radius: 0px 5px 5px 0px;
}
.new_banner_popular_services
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 0px 0px;
font-size: 12px;
font-weight: 300 !important;
color: #000;
letter-spacing: 1px;
}
.new_banner_popular_services a
{
font-size: 13px;
font-weight: 300 !important;
color: #000;
letter-spacing: 1px;
background-color: #f8f8f8;
color: #000;
padding: 5px 15px 7px 15px;
border-radius: 64px;
margin: 0px 5px;
}
.new_banner_popular_services a:hover, .new_banner_popular_services a:focus
{
background-color:#ff6600;
text-decoration:none;
color:#fff;
}
.legal_serve_hdtxt
{
width:100%;
height: auto;
float: left;
font-size:30px;
font-weight: bold !important;
color: #000;
letter-spacing: 1px;
margin: 10px 0px 20px 0px;
text-align: center;
}
.legal_serve_contentxt
{
width: 100%;
height: auto;
float: left;
background-color: transparent;
padding: 10px 0px;
margin: 30px 0px 30px 0px;	
}
.legal_serve_list
{
width:100%;
height: auto;
float: left;	
}
.legal_serve_list ul
{
width:100%;
height: auto;
float: left;	
padding:0px;
margin:0px;
}
.legal_serve_list ul li {
width: 29%;
height: auto;
float: left;
list-style: none;
margin: 0% 2%;
}
.legal_service_icon1
{
width: auto;
height: 70px;
float: left;
margin: 0px 15px 0px 0px;	
}
.legal_service_icon2
{
width: auto;
height: 70px;
float: left;
margin: 0px 15px 0px 0px;	
}
.legal_service_icon3
{
width: auto;
height: 70px;
float: left;
margin: 0px 15px 0px 0px;	
}
.legal_serve_list_hdtxt
{
width:80%;
height: auto;
float: left;
font-size:15px;
font-weight: bold !important;
color: #000;
letter-spacing:0.8px;
margin:0px 0px 5px 0px;	
}
.legal_serve_list_subtxt
{
width:80%;
height: auto;
float: left;
font-size:12px;
color: #000;
letter-spacing:0.5px;
margin:0px 0px 5px 0px;	
}
.out_service_hdtxt
{
width:100%;
height: auto;
float: left;
text-align:center;
font-size:30px;
font-weight: bold !important;
color: #fff;
letter-spacing:0.8px;
margin:0px 0px 10px 0px;	
}
.legal_serve_list_subtxt
{
width:80%;
height: auto;
float: left;
font-size:12px;
color: #000;
letter-spacing:0.5px;
margin:0px 0px 5px 0px;	
}
.itaxfair_service_hdtxt
{
width:100%;
height: auto;
float: left;
text-align:center;
font-size:30px;
font-weight: bold !important;
color: #000;
letter-spacing:0.8px;
margin:0px 0px 5px 0px;		
}
.itaxfair_service_hdtxt ul
{
width: 100%;
height: auto;
float: left;
padding: 0px;
margin: 0px 0px 25px 0px;
}
.itaxfair_service_hdtxt ul li
{
width: auto;
height: auto;
float: left;
list-style: none;
margin: 0px 10px;
font-size: 15px !important;
}
.itaxfair_service_hdtxt ul li span
{
margin:0px 0px 0px 10px;
} 
.itaxfair_service_hdtxt ul li a {
font-size: 14px !important;
color: #000 !important;
padding: 8px 0px;
border-bottom:4px solid transparent;
}
.itaxfair_service_hdtxt ul li a:hover, .itaxfair_service_hdtxt ul li a:focus
{
text-decoration:none !important;
border-bottom:4px solid #000;	
}
.service_pricing_active_tab a
{
border-bottom:4px solid #000 !important;	
}
.itaxfair_pricing_section
{
width:100%;
height: auto;
float: left;
margin:30px 0px 30px 0px;
padding:30px 0px;
background-color:#90CAF9;		
}

.serve_tab_content
{
width:100%;
height:auto;
float: left;	
}
.serve_tab_content ul
{
width:100%;
height:auto;
float: left;
padding:0px;
margin:0px;	
}
.serve_tab_content ul li
{
list-style:none;
width:23%;
padding:20px 20px 30px 20px;
background-color:#fff;
height:auto;
float:left;	
margin:0% 1%;
}
.serve_tab_content2, .serve_tab_content3, .serve_tab_content4, .serve_tab_content5
{
display:none;	
}
.serve_tab_content_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 20px;
font-weight: bold !important;
color: #000;
letter-spacing: 0.8px;
margin: 0px 0px 12px 0px;
text-align: center;
}
.serve_tab_content_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:12px;
color: #000;
letter-spacing:0.5px;
margin: 0px 0px 12px 0px;
text-align: center;
}
.serve_tab_content_pricetxt
{
width: 100%;
height: auto;
float: left;
font-size:45px;
font-weight: bold !important;
color: #000;
letter-spacing: 0.8px;
margin: 0px 0px 0px 0px;
text-align: center;	
}
.serve_tab_content_priceaptxt
{
width: 100%;
height: auto;
float: left;
font-size:15px;
font-weight: bold !important;
color: #000;
letter-spacing:0.2px;
margin:20px 0px 0px 0px;
text-align: center;	
}
.serve_tab_content_pricetxt i
{
font-size: 17px;
position: absolute;
margin: 22px 0px 0px -19px;
font-weight: 300;
}
.serve_tab_content_points
{
width: 100%;
height: auto;
float: left;	
}
.serve_tab_content_points ul
{
width: 100%;
height: auto;
float: left;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
}
.serve_tab_content_points ul li
{
width: 100%;
height: auto;
float: left;
list-style: inside;
line-height: 23px;
padding: 0px;
font-size: 11px;
color: #000;
letter-spacing: 1px;
font-weight: 400;
}
.serve_tab_content_points ul li span
{
font-weight: bold !important;
}
.serve_tab_content_points p
{
width: 100%;
height: auto;
float: left;
font-size: 11px;
color: #000;
letter-spacing: 0.5px;
font-weight: 400;
line-height: 18px;
margin: 25px 0px 0px 0px;	
}
.serve_tab_content_btn
{
width: 100%;
height: auto;
float: left;
text-align:center;	
margin:60px 0px 0px 0px;
}
.serve_tab_content_btn a
{
background-color:#ff6600;
color:#fff;
border:2px solid #ff6600;
padding:8px 25px;
border-radius:50px;
font-size: 11px;
letter-spacing: 1px;
font-weight: 400;	
}
.serve_tab_content_btn a:hover
{
text-decoration:none;
background-color:transparent;
color:#ff6600;	
}
.testim {
width: 100%;
height:auto;
float:left;	
}

.testim .wrap {
position: relative;
width: 100%;
max-width: 1020px;
padding: 40px 20px;
margin: auto;
}

.testim .arrow {
display: block;
position: absolute;
color: #333;
cursor: pointer;
font-size: 2em;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s ease-in-out;    
-ms-transition: all .3s ease-in-out;    
-moz-transition: all .3s ease-in-out;    
-o-transition: all .3s ease-in-out;    
transition: all .3s ease-in-out;
padding: 5px;
z-index: 22;
}

.testim .arrow:before {
cursor: pointer;
}

.testim .arrow:hover {
color: green;
}


.testim .arrow.left {
left: 70px;
}

.testim .arrow.right {
right: 70px;
}

.testim .dots {
text-align: center;
position: absolute;
width: 100%;
bottom:0px;
left: 0;
display: block;
z-index: 333;
height: 12px;
}

.testim .dots .dot {
list-style-type: none;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid green;
margin: 0 10px;
cursor: pointer;
-webkit-transition: all .5s ease-in-out;    
-ms-transition: all .5s ease-in-out;    
-moz-transition: all .5s ease-in-out;    
-o-transition: all .5s ease-in-out;    
transition: all .5s ease-in-out;
position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
background: green;
border-color: green;
}

.testim .dots .dot.active {
-webkit-animation: testim-scale .5s ease-in-out forwards;   
-moz-animation: testim-scale .5s ease-in-out forwards;   
-ms-animation: testim-scale .5s ease-in-out forwards;   
-o-animation: testim-scale .5s ease-in-out forwards;   
animation: testim-scale .5s ease-in-out forwards;   
}

.testim .cont {
position: relative;
overflow: hidden;
}

.testim .cont > div {
text-align: center;
position: absolute;
top: 0;
left: 0;
padding: 0 0 70px 0;
opacity: 0;
}

.testim .cont > div.inactive {
opacity: 1;
}
.testim-content p
{
font-size: 1em;
color: #333;
width: 80%;
margin: auto;
letter-spacing: 0.8px;
line-height: 24px;
margin: 11px auto 0px auto;
}
.testim .cont > div.active {
position: relative;
opacity: 1;
}



.testim .cont div .img img {
display: block;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;
}

.testim .cont div h2 {
color: green;
font-size: 1em;
margin: 15px 0;
}

.testim .cont div p {
font-size: 1.15em;
color: #333;
width: 70%;
margin: auto;
}

.testim .cont div.active .img img {
-webkit-animation: testim-show .5s ease-in-out forwards;            
-moz-animation: testim-show .5s ease-in-out forwards;            
-ms-animation: testim-show .5s ease-in-out forwards;            
-o-animation: testim-show .5s ease-in-out forwards;            
animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
-webkit-animation: testim-content-in .4s ease-in-out forwards;    
-moz-animation: testim-content-in .4s ease-in-out forwards;    
-ms-animation: testim-content-in .4s ease-in-out forwards;    
-o-animation: testim-content-in .4s ease-in-out forwards;    
animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
-webkit-animation: testim-content-in .5s ease-in-out forwards;    
-moz-animation: testim-content-in .5s ease-in-out forwards;    
-ms-animation: testim-content-in .5s ease-in-out forwards;    
-o-animation: testim-content-in .5s ease-in-out forwards;    
animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
-webkit-animation: testim-hide .5s ease-in-out forwards;            
-moz-animation: testim-hide .5s ease-in-out forwards;            
-ms-animation: testim-hide .5s ease-in-out forwards;            
-o-animation: testim-hide .5s ease-in-out forwards;            
animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
-webkit-animation: testim-content-out .4s ease-in-out forwards;        
-moz-animation: testim-content-out .4s ease-in-out forwards;        
-ms-animation: testim-content-out .4s ease-in-out forwards;        
-o-animation: testim-content-out .4s ease-in-out forwards;        
animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
-webkit-animation: testim-content-out .5s ease-in-out forwards;    
-moz-animation: testim-content-out .5s ease-in-out forwards;    
-ms-animation: testim-content-out .5s ease-in-out forwards;    
-o-animation: testim-content-out .5s ease-in-out forwards;    
animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
0% {
-webkit-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-webkit-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-moz-keyframes testim-scale {
0% {
-moz-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-moz-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-moz-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-moz-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-ms-keyframes testim-scale {
0% {
-ms-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-ms-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-ms-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-ms-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-o-keyframes testim-scale {
0% {
-o-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-o-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-o-box-shadow: 0px 0px 10px 5px #ea830e;        
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
-o-box-shadow: 0px 0px 0px 0px #ea830e;        
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@keyframes testim-scale {
0% {
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
box-shadow: 0px 0px 10px 5px #ea830e;        
}

100% {
box-shadow: 0px 0px 0px 0px #ea830e;        
}
}

@-webkit-keyframes testim-content-in {
from {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-webkit-transform: translateY(0);        
transform: translateY(0);        
}
}

@-moz-keyframes testim-content-in {
from {
opacity: 0;
-moz-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-moz-transform: translateY(0);        
transform: translateY(0);        
}
}

@-ms-keyframes testim-content-in {
from {
opacity: 0;
-ms-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-ms-transform: translateY(0);        
transform: translateY(0);        
}
}

@-o-keyframes testim-content-in {
from {
opacity: 0;
-o-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-o-transform: translateY(0);        
transform: translateY(0);        
}
}

@keyframes testim-content-in {
from {
opacity: 0;
transform: translateY(100%);
}

to {
opacity: 1;
transform: translateY(0);        
}
}

@-webkit-keyframes testim-content-out {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-webkit-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-moz-keyframes testim-content-out {
from {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-moz-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-ms-keyframes testim-content-out {
from {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-ms-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-o-keyframes testim-content-out {
from {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@keyframes testim-content-out {
from {
opacity: 1;
transform: translateY(0);
}

to {
opacity: 0;
transform: translateY(-100%);        
}
}

@-webkit-keyframes testim-show {
from {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-webkit-transform: scale(1);       
transform: scale(1);       
}
}

@-moz-keyframes testim-show {
from {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-moz-transform: scale(1);       
transform: scale(1);       
}
}

@-ms-keyframes testim-show {
from {
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-ms-transform: scale(1);       
transform: scale(1);       
}
}

@-o-keyframes testim-show {
from {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-o-transform: scale(1);       
transform: scale(1);       
}
}

@keyframes testim-show {
from {
opacity: 0;
transform: scale(0);
}

to {
opacity: 1;
transform: scale(1);       
}
}

@-webkit-keyframes testim-hide {
from {
opacity: 1;
-webkit-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}

@-moz-keyframes testim-hide {
from {
opacity: 1;
-moz-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}
}

@-ms-keyframes testim-hide {
from {
opacity: 1;
-ms-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
}
}

@-o-keyframes testim-hide {
from {
opacity: 1;
-o-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}
}

@keyframes testim-hide {
from {
opacity: 1;
transform: scale(1);       
}

to {
opacity: 0;
transform: scale(0);
}
}

@media all and (max-width: 300px) {
body {
font-size: 14px;
}
}

@media all and (max-width: 500px) {
.testim .arrow {
font-size: 1.5em;
}

.testim .cont div p {
line-height: 25px;
}

}
.client_feedback_section
{
width:100%;
height:auto;
float:left;	
margin:30px 0px 30px 0px;	
}	
.client_feedback_section_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:20px;
letter-spacing: 1px;
font-weight: bold !important;
text-align:center;
margin:0px 0px 10px 0px;	
}
/* New Itaxfair end */










.enq_btn a
{
background-color:transparent !important;
color:red !important;
}
.bannerimg
{
width:100%;
height:550px !important;
float:left;
margin:0px 0px 0px 0px;
}
.banner_subcontent ul
{
width:100%;
height:auto;
float:left;
padding:0px !important;
margin:20px 0px 60px 0px !important;
text-align:left;
}
.banner_subcontent ul li
{
list-style:none;
line-height:25px;
font-size:14px;
letter-spacing:0.8px;
font-weight:300;
color:#cacaca;
}
.overlay:after {
content: " ";
z-index: 10;   
display: block;
position: absolute;
height:650px;
top:0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 1);
}
.navigation
{
width: 100%;
height:auto !important;
position: fixed;
top: 0px;
z-index: 999;
color: #111;
background-color: #fff;
padding: 0px 0px 0px 0px;
}
.bottomborder
{
}
.logo
{
width:100%;
height:auto;
text-align:left;
font-size:20px;
font-family: 'PT Sans';
font-weight: bold;
letter-spacing:0.5px;
}
.logo img {
width: auto;
float: left;
height:40px;
margin:7px 0px;
}
.logo a {
font-size: 50px;
font-family: 'PT Sans';
font-weight: bold;
color: #000;
/* font-family: 'Alegreya SC' !important; */
font-family: 'Fredoka', sans-serif;
position: relative;
line-height: 30px;
}
.logo a:hover, .logo a:focus
{
color:#000 !important;
text-decoration: none;	
}
.foot_logo
{
width:100%;  
height:auto;
text-align:left;
font-size:20px;
font-family: 'PT Sans';
font-weight: bold;
letter-spacing:0.5px;
}
.foot_logo img
{
width:auto;
height:50px;
float:left;	
}
.foot_logo a {
font-size: 50px;
font-family: 'PT Sans';
font-weight: bold;
color: #fff;
font-family: 'Alegreya SC' !important;
position: relative;
line-height: 0.5;
}
.foot_logo a:hover, .foot_logo a:focus
{
color:#fff !important;
text-decoration: none;	
}
.webpage_logo
{
width: 100%;
height:38px;
float: left;
background-image: url(../images/iprofare.png);
background-position: left;
background-repeat: no-repeat;
background-size:58%;
margin:0px 0px 12px 0px;
}
.foot_content
{
width:100%;
height:auto;
float:left;
font-size:12px;
letter-spacing:0.5px;
color:#aaa;
line-height:20px;
margin:12px 0px 0px 0px;	
}	

.hdr_top_menus
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 0px 0px;
background-color: #fff;	
}
.hdr_btm_menus
{
width: 100%;
height: auto;
float: left;
margin: 5px 0px 0px 0px;
background-color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
box-shadow: 0px -2px 7px 1px #e9e9e9;
}
.hdr_top_menus_search {
width: 100%;
height: auto;
float: left;
margin: 10px 0px;
}
.hdr_top_menus_search input
{
width:100%;
height:auto;
float:left;
border:1px solid #eee;
border-radius:5px;
padding:7px 10px;
outline:none;	
font-size:13px;	
color:#000 !important;
font-weight:300;
letter-spacing:0.5px;	
}
.hdr_top_menus_search span
{
position: absolute;
margin: 0px 0px 0px -34px;
padding: 10px;
background-color: #eee;
border-radius: 0px 5px 5px 0px;
}



/* Pricing Form */
.pricing_form{
width:100%;
height: 100%;
float: left;
margin:0% 0% 0% 0%;
position: fixed;
z-index: 999;
background-color: #00000073;
}
.pricing_form_sec
{
width:70%;
height:auto;
float: left;
background-color:#000000c9;
padding:30px;
margin:4% 15% 0% 15%;	
}
.pricing_sec
{
width:100%;
height:auto;
float: left;
background-color:transparent;
}
.pricing_form_sec_hdtxt
{
width:100%;
height:auto;
float: left;
text-align:center;	
font-size: 20px;
letter-spacing: 0.8px;
color:#fff;
margin:0px 0px 20px 0px;
}
.pricing_form_sec_darkhdtxt
{
width: 100%;
height: auto;
float: left;
text-align: center;
font-size: 23px;
letter-spacing: 0.8px;
margin: 0px 0px 25px 0px;
color: #000 !important;
font-weight: bold !important;
}
.pricing_packages_sec
{
width:100%;
height:auto;
float: left;	
}
.noright_padd
{
padding-right:0px !important;	
}
.noleft_padd
{
padding-left:0px !important;	
}
.package_sec
{
width: 100%;
height: auto;
float: left;
background-color: #fff;
padding: 12px;
border: 1px solid #fff;
box-shadow: 1px 1px 10px -5px #000;	
transition: 0.3s;
}
.package_sec:hover, .package_sec:focus
{
cursor:pointer;
transform: translate(0, -10px);
box-shadow: 1px 1px 41px -17px green !important;
}
.package_sec_hdtxt
{
width:100%;
height:auto;
float: left;
text-align:center;	
font-size:15px;
font-weight:bold;
letter-spacing: 0.8px;
color:#000;
margin:0px 0px 10px 0px;	
}
.inr_price {
width: 100%;
height: auto;
float: left;
text-align: center;
font-size: 28px;
font-weight: bold;
letter-spacing: 0.8px;
color: green;
margin: 0px 0px 0px 0px;
}	
.inr_price span
{
font-size: 10px;
font-weight: normal !important;
letter-spacing: 0.5px;
color: #555;
position: relative;
top: -5px;
}
.market_inr_price
{
width: 100%;
height: auto;
float: left;
text-align: center;
font-size: 17px;
letter-spacing: 0.8px;
margin: 0px 0px 20px 0px;
color: #d9d9d9;
position: relative;
top: 0px;
}
.market_inr_price span
{
background-color: red;
color: #fff;
font-size: 11px;
letter-spacing: 0.5px;
border-radius: 5px;
padding: 2px 6px;
margin: 0px 0px 0px 10px;
}
.market_inr_price label
{
text-decoration: line-through;
font-weight: normal;
position: relative;
top: 3px;	
}
.package_includes_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
letter-spacing: 0.8px;
font-weight:bold;
margin: 0px 0px 10px 0px;
color: #000;	
}
.package_includes ul
{
width: 100%;
height: auto;
float: left;
padding:0px;
margin:0px;
}
.package_includes ul li
{
width: 100%;
height: auto;
float: left;	
list-style:none;
line-height: 25px;
font-size:12px;
letter-spacing: 0.5px;
font-weight:normal;
margin: 0px 0px 2px 0px;
color: #000;		
}
.package_includes i
{
color:#ff6600;
}
.knw_more_btn
{
width: 100%;
height: auto;
float: left;
margin: 30px 0px 20px 0px;
text-align:center;	
}
.knw_more_btn a
{
font-size:12px;
letter-spacing: 0.5px;
font-weight:normal;	
background-color:#000;
color:#fff;
border:1px solid #000;
padding:7px 25px;
border-radius:5px;
}
.knw_more_btn a:hover, .knw_more_btn a:focus
{
background-color:transparent;	
}
.pricing_bg_sec
{
width: 100%;
height: auto;
float: left;
margin: 30px 0px 30px 0px;
padding: 30px 0px 30px 0px;
background-color:#f8f8f8;	
}
/* Pricing Form end */



/* iprofare */

/* 
Full screen background image
*/
.hero {
background: url('https://hd.unsplash.com/photo-1454165804606-c3d57bc86b40');
background-size: cover;
width: 100%;
height: 100%;
position: relative;
}

/*
Blueish tint overlay
*/
.hero:after {
content: '';
background: rgba(0, 0, 64, 0.5);
position: absolute;
top: 0;
width: 100%;
height: 100%;
}

/* 
Making sure everything in .hero sits above our :after elements 
*/
.hero * {
position: relative;
z-index: 1;
}

#masthead {
padding: 2.5em 0;
position: relative;
}

#masthead.is-active {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}

/*
Using this method because browsers can transition opacity very cheaply as opposed to using background: rgba
https://www.html5rocks.com/en/tutorials/speed/high-performance-animations/
*/
#masthead:after {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0;
transition: opacity 0.3s ease;
}

#masthead.is-active:after {
opacity: 1;
}

/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
background-color: transparent;
border: 0;
color: inherit;
cursor: pointer;
display: inline-block;
float: left;
font: inherit;
margin: 0.8125em 0 0;
overflow: visible; 
outline: none;
padding: 0;
text-transform: none;
transition: opacity 0.15s;
-webkit-appearance: none;
}

.hamburger:hover {
opacity: 0.7; 
}

.hamburger-box {
width: 30px;
height: 24px;
display: inline-block;
position: relative; 
}

.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; 
}

.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
width: 30px;
height: 2px;
background-color: #111;
border-radius: 4px;
position: absolute;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.15s;
transition-timing-function: ease; 
}

#masthead.is-active .hamburger-inner, 
#masthead.is-active .hamburger-inner::before, 
#masthead.is-active .hamburger-inner::after {
background-color: #000;
}

.hamburger-inner::before, 
.hamburger-inner::after {
content: "";
display: block; 
}

.hamburger-inner::before {
top: -6px; 
}

.hamburger-inner::after {
bottom: -6px; 
}

/*
* Boring
*/
.hamburger--boring .hamburger-inner, 
.hamburger--boring .hamburger-inner::before, 
.hamburger--boring .hamburger-inner::after {
transition-property: none; 
}

.hamburger--boring.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); 
}

.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0; 
}

.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); 
}

.hamburger-label {
color: #fff;
display: inline-block;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1;
margin-left: 0.3125em;
text-transform: uppercase;
}

#masthead.is-active .hamburger-label {
color: #000;
}

.hamburger-box,
.hamburger-label {
display: inline-block;
vertical-align: middle;
}

#site-nav {
clear: both;
display: flex;
flex-direction: column; 
height: 0;
overflow: hidden;
padding-top: 2.5em;
}

#site-nav.is-active {
height: auto;
overflow: visible;
}

#site-nav .col { 
padding-bottom: 2.5em;
} 

@media screen and (min-width: 550px) {
#site-nav {
flex-direction: row;
flex-wrap: wrap;
}

#site-nav .col {
flex: 0 0 50%;
} 
}

@media screen and (min-width: 768px) {
#site-nav .col {
flex: 0 0 33.333333333%;
} 
}

@media screen and (min-width: 960px) {
#site-nav {
flex-wrap: nowrap;
}

#site-nav .col {
flex: 0 0 20%;
} 

#site-nav .col:last-child {
display: flex;
justify-content: flex-end;
}  
}

#site-nav h4 {
letter-spacing: 0.05em;
text-transform: uppercase;
}

#site-nav ul {
list-style-type: none;
margin-top: 1em;
}

#site-nav li {
margin-bottom: 0.3125em;
}

#site-nav li a {
color: #b4b9ba;
text-decoration: none;
transition: color 0.3s ease;
}

#site-nav li a:hover,
#site-nav li a:focus {
color: #686d6e;
}

#site-nav .social {
margin: 0;
overflow: hidden;
}

#site-nav .social li {
float: left;
margin: 0 0.3125em;
width: 32px;
height: 32px;
}

#site-nav .social li svg {
display: block;
fill: #b4b9ba;
width: 100%;
height: 100%;
transition: fill 0.3s ease;
}

#site-nav .social li:hover svg {
fill: #686d6e;
}

#masthead-search {
float: right;
margin-top: 0.625em;
width: 100%;
max-width: 14em;
position: relative;
-webkit-appearance: none;
}

#masthead-search input {
background: transparent;
border: none;
border-color: #fff;
border-style: solid;
border-width: 1px;
border-radius: 50px;
outline: none;
width: 100%;
padding: 0.75em 1.125em;
transition: border-color 0.3s ease;
-webkit-appearance: none;
}

#masthead-search button {
background: none;
border: none;
color: #fff;
font-size: 1em;
padding: 0;
position: absolute;
top: 50%;
right: 0.75em;
transform: translateY(-50%);
-webkit-appearance: none;
}

#masthead.is-active #masthead-search button {
color: #b4b9ba;
}

#masthead.is-active #masthead-search input {
border-color: #b4b9ba;
}

#masthead-search ::-webkit-input-placeholder {
color:    #fff;
}

#masthead-search :-moz-placeholder {
color:    #fff;
opacity:  1;
}

#masthead-search ::-moz-placeholder {
color:    #fff;
opacity:  1;
}

#masthead-search :-ms-input-placeholder {
color:    #fff;
}

#masthead.is-active #masthead-search ::-webkit-input-placeholder {
color:    #b4b9ba;
}

#masthead.is-active #masthead-search :-moz-placeholder {
color:    #b4b9ba;
opacity:  1;
}

#masthead.is-active #masthead-search ::-moz-placeholder {
color:    #b4b9ba;
opacity:  1;
}

#masthead.is-active #masthead-search :-ms-input-placeholder {
color: #b4b9ba
}

#masthead .col {
opacity: 0;
}

#masthead.is-active .col {
transform: translateY(40px);
transition: opacity 0.3s ease;
animation: fade-in-stagger 0.8s ease forwards;
}

#masthead.is-active .col:nth-child(1) {
-webkit-animation-delay: 0;
}

#masthead.is-active .col:nth-child(2) {
-webkit-animation-delay: 0.1s;
}

#masthead.is-active .col:nth-child(3) {
-webkit-animation-delay: 0.2s;
}

#masthead.is-active .col:nth-child(4) {
-webkit-animation-delay: 0.3s;
}

#masthead.is-active .col:nth-child(5) {
-webkit-animation-delay: 0.4s;
}

@keyframes fade-in-stagger {
to {
opacity: 1;
transform: translateY(0); 
}
}
.hm_banner1
{
width: 100%;
height: 500px;
float: left;
background-image: url(../images/banner-img1.jfif);
background-repeat: no-repeat;
background-size: 100% 100%;
margin:15px 0px 30px 0px;
text-align:center;
}
.hm_banner1:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:500px;
top: 0;
left: 0;
right: 0;
margin:15px 0px 0px 0px;
background: rgba(0, 0, 0, 0.4);
}
.slideText
{
/*color:#AF7FC1;*/
color:#f4c430;
font-weight: bold !important;
margin:0px;
height:58px !important;
font-size:50px !important;
}
.unsliding h1
{
font-size:45px !important;
font-weight:300 !important;
}
.hm_banner2
{
width: 100%;
height:500px;
float: left;
background-image:url(../images/banner-img2.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
margin:90px 0px 0px 0px;
}
.hm_banner2:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:500px;
top: 0;
left: 0;
right: 0;
margin:90px 0px 0px 0px;
background: rgba(0, 0, 0, 0.4);
}
.hm_banner3
{
width: 100%;
height:500px;
float: left;
background-image:url(../images/banner-img3.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
margin:90px 0px 0px 0px;
}
.hm_banner3:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:500px;
top: 0;
left: 0;
right: 0;
margin:90px 0px 0px 0px;
background: rgba(0, 0, 0, 0.6);
}
.hm_banner4
{
width: 100%;
height:500px;
float: left;
background-image:url(../images/company-management-service-banner.png);
background-repeat:no-repeat;
background-size:cover;
margin:90px 0px 0px 0px;
}
.hm_banner4:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:500px;
top: 0;
left: 0;
right: 0;
margin:90px 0px 0px 0px;
background: rgba(0, 0, 0, 0.6);
}
.hm_banner5
{
width: 100%;
height:500px;
float: left;
background-image:url(../images/accounting-auditing-banner.jpg);
background-repeat:no-repeat;
background-size:cover;
margin:90px 0px 0px 0px;
}
.hm_banner5:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:500px;
top: 0;
left: 0;
right: 0;
margin:90px 0px 0px 0px;
background: rgba(0, 0, 0, 0.6);
}
.hm_banner6
{
width: 100%;
height:500px;
float: left;
background-image:url(../images/taxation-system.jpg);
background-repeat:no-repeat;
background-size:cover;
margin:90px 0px 0px 0px;
}
.hm_banner6:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:500px;
top: 0;
left: 0;
right: 0;
margin:90px 0px 0px 0px;
background: rgba(0, 0, 0, 0.6);
}
.hm_banner7
{
width: 100%;
height:500px;
float: left;
background-image:url(../images/company_secarial-banner.jpg);
background-repeat:no-repeat;
background-size:cover;
margin:90px 0px 0px 0px;
}
.hm_banner7:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:500px;
top: 0;
left: 0;
right: 0;
margin:90px 0px 0px 0px;
background: rgba(0, 0, 0, 0.6);
}
.hm_banner8
{
width: 100%;
height:500px;
float: left;
background-image:url(../images/trade-services.jpg);
background-repeat:no-repeat;
background-size:cover;
margin:90px 0px 0px 0px;
}
.hm_banner8:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:500px;
top: 0;
left: 0;
right: 0;
margin:90px 0px 0px 0px;
background: rgba(0, 0, 0, 0.6);
}
.hm_banner9
{
width: 100%;
height:500px;
float: left;
background-image:url(../images/virtual-office.jpg);
background-repeat:no-repeat;
background-size:cover;
margin:90px 0px 0px 0px;
}
.hm_banner9:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:500px;
top: 0;
left: 0;
right: 0;
margin:90px 0px 0px 0px;
background: rgba(0, 0, 0, 0.6);
}
.hm_banner10
{
width: 100%;
height:500px;
float: left;
background-image:url(../images/business-centre.png);
background-repeat:no-repeat;
background-size:cover;
margin:90px 0px 0px 0px;
}
.hm_banner10:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:500px;
top: 0;
left: 0;
right: 0;
margin:90px 0px 0px 0px;
background: rgba(0, 0, 0, 0.6);
}
.hm_banner11
{
width: 100%;
height:500px;
float: left;
background-image:url(../images/visa-services-banner.jpg);
background-repeat:no-repeat;
background-size:cover;
margin:90px 0px 0px 0px;
}
.hm_banner11:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height:500px;
top: 0;
left: 0;
right: 0;
margin:90px 0px 0px 0px;
background: rgba(0, 0, 0, 0.6);
}




.company_formation
{
width:100%;
height:auto;
float:left;
margin:30px 0px;
}
.company_formation_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:30px;
font-weight: bold !important;
letter-spacing:0.8px;
color:#111;
text-align:center;
margin:0px 0px 0px 0px;
}
.company_formation_subtxt
{
width:100%;
height:auto;
float:left;
font-size:16px;
font-weight:300;
letter-spacing:0.7px;
color:#111;
line-height:27px;
text-align:left;
margin:60px 0px 20px 0px;
}
.company_formation_img
{
width:100%;
height:310px;
float:left;
background-position:top right;
background-repeat:no-repeat;
background-image:url(../images/company-formation.png);
}
.company_formation_btn
{
width:100%;
height:auto;
float:left;
margin:20px 0px 0px 0px;
}
.company_formation_btn a
{
background-color:red;
border:1px solid red;
color:#fff;
padding:8px 25px;
font-weight:300;
letter-spacing:0.5px;
font-size:15px;
}
.company_formation_btn a:hover
{
background-color:transparent;
color:red;
text-decoration:none;
}
.our_services
{
width:100%;
height:auto;
float:left;
background-color:#f8f8f8;
padding:30px 0px;
margin:60px 0px 30px 0px;
}
.company_mgt_service
{
width:100%;
height:auto;
float:left;
text-align:center;
color:#111;
font-weight:300;
letter-spacing:0.5px;
font-size:35px;
}
.company_mgt_service_subtxt
{
width: 100%;
height: auto;
float: left;
text-align: center;
color: #555;
font-weight: 300;
letter-spacing: 0.6px;
font-size: 15px;
line-height: 25px;
margin: 10px 0px 0px 0px;
}
.company_mgt_service_detail
{
width: 100%;
height: auto;
float: left;
}
.mgt_detail_img1
{
width: 100%;
height: 350px;
float: left;
background-image: url(../images/company-mgt-services/1CMS.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
box-shadow:0px 0px 2px 1px #ccc;
}
.mgt_detail_img1:hover
{
cursor:pointer;
box-shadow:0px 0px 15px 1px #ccc;
}
.mgt_detail_img1:after {
content: " ";
z-index: 10;
display: block;
position: absolute;
height: 350px;
top: 0;
left: 15px;
right: 0;
background: rgba(0, 0, 0, 0.4);
width:95.5%;
}
.mgt_detail_img2
{
width: 100%;
height: 350px;
float: left;
background-image:url(../images/company-mgt-services/2taxation-services.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
box-shadow:0px 0px 2px 1px #ccc;
}
.mgt_detail_img2:hover
{
cursor:pointer;
box-shadow:0px 0px 15px 1px #ccc;
}
.mgt_detail_img2:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height: 350px;
top: 0;
left: 15px;
right: 0;
background: rgba(0, 0, 0, 0.4);
width:94.5%;
}
.mgt_detail_img3
{
width: 100%;
height: 350px;
float: left;
background-image:url(../images/company-mgt-services/3accounting-auditing-services.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
box-shadow:0px 0px 2px 1px #ccc;
}
.mgt_detail_img3:hover
{
cursor:pointer;
box-shadow:0px 0px 15px 1px #ccc;
}
.mgt_detail_img3:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height: 350px;
top: 0;
left: 15px;
right: 0;
background: rgba(0, 0, 0, 0.4);
width:94%;
}
.mgt_detail_img4
{
width: 100%;
height: 350px;
float: left;
background-image:url(../images/company-mgt-services/4comapny-secretarial-services.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
box-shadow:0px 0px 2px 1px #ccc;
}
.mgt_detail_img4:hover
{
cursor:pointer;
box-shadow:0px 0px 15px 1px #ccc;
}
.mgt_detail_img4:after
{
content: " ";
z-index: 10;
display: block;
position: absolute;
height: 350px;
top: 0;
left: 15px;
right: 0;
background: rgba(0, 0, 0, 0.4);
width:95.5%;
}




.cms_service_line1
{
width: 100%;
height: auto;
float: left;
margin:30px 0px 20px 0px;
}
.mgt_detail_img_content
{
width: 100%;
height: auto;
float: left;
padding: 35px;
position: relative;
z-index: 11;
color: #fff;
}
.mgt_detail_img_content_hdtxt {
font-size:23px;
font-weight: bold;
color: #fff;
letter-spacing: 0.8px;
margin: 0px 0px 20px 0px;
}
.mgt_detail_img_content_subtxt
{
font-size: 15px;
font-weight: 300;
color: #fff;
letter-spacing: 0.6px;
line-height: 27px;
margin: 0px 0px 15px 0px;
}
.mgt_detail_btn
{
width: 100%;
height: auto;
float: left;
text-align:right;
margin:18px 0px 0px 0px;
}
.mgt_detail_btn a
{
background-color:transparent;
font-size:14px;
font-weight: 300;
letter-spacing: 0.8px;
padding:8px 25px;
border:2px solid #fff;
background-color:transparent;
color:#fff;

}
.mgt_detail_btn a:hover, .mgt_detail_btn a:focus
{
background-color:red;
color: #fff;
border:2px solid red;
text-decoration:none;
}
.kn_more_services
{
width: 100%;
height: auto;
float: left;
text-align:center;
margin:50px 0px 30px 0px;
}
.kn_more_services a
{
background-color:red;
padding:10px 25px;
border:1px solid red;
color:#fff;
font-size:15px;
font-weight:300;
}
.kn_more_services a:hover
{
background-color:transparent;
color: #111;
border:2px solid #111;
text-decoration:none;
}
.taxation_system
{
width:100%;
height:300px;
float:left;
background-image:url(../images/taxation-system.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:0px;
}
.taxation_system_content
{
width:100%;
height:auto;
float:left;
text-align:center;
padding:50px 0px;
}
.taxation_system_hdtxt
{
width:100%;
height:auto;
float:left;
color:#fff;
font-size:45px;
letter-spacing:0.8px;
font-weight:400;
margin:0px 0px 10px 0px;
}
.taxation_system_subtxt
{
width:100%;
height:auto;
float:left;
color:#dedede;
font-size:15px;
letter-spacing:0.7px;
font-weight:400;
margin:0px 0px 10px 0px;
}
.our_taxation_system_areas
{
width:100%;
height:auto;
float:left;
margin:40px 0px 10px 0px;
}
.our_taxation_system_areas a
{
background-color:transparent;
color:#fff;
border:2px solid #fff;
padding:8px 25px;
font-size:15px;
letter-spacing:0.7px;
font-weight:400;
margin:0px 10px 0px 0px;
}
.our_taxation_system_areas a:hover
{
text-decoration:none;
color:#fff;
background-color:red;
border:2px solid red;
}
.company_formation_banner_img
{
width: 100%;
height: 355px;
float: left;
background-image: url(../images/company-formation-singapore.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin:60px 0px 0px 0px;
box-shadow: 0px 0px 29px 1px #ccc;
}
.banner_sec_content
{
width:100%;
height:auto;
float:left;
background-color: #ffffffb3;
padding: 30px;
margin:150px 0px 0px -120px;
}
/*.company_formation_banner_img:after
{
content: " ";
z-index: 10;
display: block;
height:500px;
background:#008ece;
opacity:0.2;
}*/
.formation_banner_content
{
width: 100%;
height: auto;
float: left;
position: absolute;
z-index: 11;
text-align: center;
top:25%;
}
.formation_banner_conten_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:32px;
letter-spacing: 0.7px;
font-weight: bold;
color: #fff;
margin: 0px 0px 20px 0px;
}
.formation_banner_conten_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:15px;
letter-spacing: 0.7px;
font-weight: 300;
color: #fff;
}
.contact_banner_content
{
width: 100%;
height: auto;
float: left;
z-index: 11;
text-align: center;
}
.contact_banner_conten_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:32px;
letter-spacing: 0.7px;
font-weight: bold;
color: #fff;
margin: 0px 0px 5px 0px;
}
.contact_banner_conten_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:15px;
letter-spacing: 0.7px;
font-weight: 300;
color: #fff;
}
.contactus_banner div.reach_us_btn
{
margin:0px !important;
}
.reach_us_btn
{
width: 100%;
height: auto;
float: left;
text-align: center;
margin:10px 0px 0px 0px;
position: relative;
z-index: 1;
}
.reach_us_btn a
{
background-color:red;
padding:10px 25px;
font-size:16px;
letter-spacing: 0.7px;
font-weight:400;
color: #fff;
border:1px solid red;
}
.reach_us_btn a:hover, .reach_us_btn a:focus
{
text-decoration:none;
background-color:transparent;
color:#E1C88F;
border:1px solid #E1C88F;
font-weight: bold;
}
.sigapore_services
{
width: 100%;
height: auto;
float: left;
background-color:#f8f8f8;
padding:30px 0px 30px 0px;
margin:50px 0px 0px 0px;
}
.sigapore_services_contain
{
width: 100%;
height: auto;
float: left;
padding:30px;
margin:0px 0px 30px 0px;
position:relative;
z-index:11;
text-align:center;
}
.sigapore_services_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:25px;
letter-spacing: 0.7px;
font-weight: bold;
color: #111;
margin:0px 0px 25px 0px;
}
.sigapore_services_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:15px;
letter-spacing: 0.6px;
line-height:25px;
font-weight:300;
color: #111;
margin:0px 0px 25px 0px;
}
.singapore_finance_centre
{
width: 100%;
height: auto;
float: left;
margin:30px 0px;
}
.singapore_finance_centre_img
{
width:100%;
height: 450px;
float: left;
background-image: url(../images/finance-centre.jpg);
background-position: left;
background-repeat: no-repeat;
background-size: cover;
margin: 0px 0px 65px 0px;
}
.ease_of_doing_business_img
{
width: 95%;
height: 400px;
float: left;
background-image: url(../images/doing-business.webp);
background-position: left;
background-repeat: no-repeat;
background-size: cover;
}
.singapore_consistent_policies_img
{
width: 95%;
height: 300px;
float: left;
background-image: url(../images/consist-policies.jpg);
background-position: left;
background-repeat: no-repeat;
background-size: 100% auto;
border-top: 15px solid red;
border-left: 15px solid red;
}
.singapore_finance_centre_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:18px;
letter-spacing: 0.6px;
font-weight:600;
color: #ff6600;
margin:0px 0px 10px 0px;
}
.singapore_finance_centre_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
letter-spacing: 0.6px;
font-weight:300;
color: #111;
line-height:28px;
}
.singapore_finance_centre_content1
{
width: 100%;
height: auto;
float: left;
margin: 40px 0px 0px 114px;
background-color: #fffc;
padding: 60px;
position: relative;
z-index: 11;
}
.singapore_finance_centre_content2
{
width: 100%;
height: auto;
float: left;
margin: 40px 0px;
margin: 91px 0px 0px -110px;
background-color: #fffc;
padding: 50px;
}
.advan_disadvan_bg_content ul
{
width:80%;
height: auto;
float: left;
padding:10px 30px;
margin:0px 10% 10px 10%;
border:1px solid #fff;
}
.advan_disadvan_bg_content ul li
{
list-style:none;
text-align:left;
color:#fff;
font-size:14px;
letter-spacing:0.9px;
font-weight:300;
line-height:28px;
}
.advan_disadvan_bg_content ul li i
{
color:#ffd475;
}
.advan_disadvan_notetxt
{
width: 100%;
height: auto;
float: left;
font-size: 12px;
letter-spacing: 0.8px;
font-weight: 300;
color:#fff;
text-align: left;
margin: 15px 0px 0px 0px;
}
.advan_disadvan_notetxt a
{
color:#ffd475;
text-decoration:underline;
}
.advan_disadvan_notetxt a:hover
{
color:#fff;
text-decoration:none;
}
.international_financial_hub
{
width: 100%;
height:400px;
float: left;
background-image:url(../images/equity_partner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:30px 0px;
}
.international_financial_hub:after
{
content: " ";
z-index: 10;
display: block;
height:400px;
background:#111;
opacity:0.7;
}
.financial_hub_content
{
width: 100%;
height:auto;
float: left;
position:relative;
z-index:11;
padding:55px 0px 0px 0px;
text-align:center;
}
.financial_hub_content_hdtxt
{
width: 100%;
height:auto;
float: left;
font-size:30px;
letter-spacing: 0.6px;
font-weight:300;
color: #fff;
margin:0px 0px 20px 0px;
}
.financial_hub_content_subtxt
{
width: 100%;
height:auto;
float: left;
font-size:14px;
letter-spacing: 0.7px;
font-weight:300;
color:#dadada;
line-height:25px;
}
.financial_hub_knwmore
{
width: 100%;
height:auto;
float: left;
text-align:center;
margin:50px 0px 0px 0px;
}
.financial_hub_knwmore a
{
background-color:red;
padding:10px 25px;
color:#fff;
font-size:14px;
letter-spacing: 0.7px;
font-weight:300;
border:1px solid red;
}
.financial_hub_knwmore a:hover
{
background-color:transparent;
color:red;
text-decoration:none;
}
.company_management_banner_img
{
width: 100%;
height:350px;
float: left;
background-image:url(../images/company-mgt-service-banner.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:0px 0px 0px 0px;
}
.company_management_banner_img:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#111;
opacity:0.5;
}
.acc_audit_banner_img
{
width: 100%;
height:280px;
float: left;
background-image:url(../images/service-banners/2acc_auditing.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:0px;
}
.acc_audit_banner_img:after
{
content: " ";
z-index: 10;
display: block;
height:280px;
background:#111;
opacity:0.5;
}
.com_sec_banner_img
{
width: 100%;
height:280px;
float: left;
background-image:url(../images/service-banners/4com_sec.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:0px;
}
.com_sec_banner_img:after
{
content: " ";
z-index: 10;
display: block;
height:280px;
background:#111;
opacity:0.5;
}
.tra_serve_banner_img
{
width: 100%;
height:280px;
float: left;
background-image:url(../images/service-banners/5trading-service.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:0px;
}
.tra_serve_banner_img:after
{
content: " ";
z-index: 10;
display: block;
height:280px;
background:#111;
opacity:0.5;
}
.vir_serve_banner_img
{
width: 100%;
height:280px;
float: left;
background-image:url(../images/service-banners/6virtual-office.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:0px;
}
.vir_serve_banner_img:after
{
content: " ";
z-index: 10;
display: block;
height:280px;
background:#111;
opacity:0.5;
}
.bus_centre_banner_img
{
width: 100%;
height:280px;
float: left;
background-image:url(../images/service-banners/7business-centre.jpeg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:0px;
}
.bus_centre_banner_img:after
{
content: " ";
z-index: 10;
display: block;
height:280px;
background:#111;
opacity:0.5;
}
.visa_serve_banner_img
{
width: 100%;
height:280px;
float: left;
background-image:url(../images/service-banners/8visa-service.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:0px;
}
.visa_serve_banner_img:after
{
content: " ";
z-index: 10;
display: block;
height:280px;
background:#111;
opacity:0.5;
}
.tax_banner_img
{
width: 100%;
height:280px;
float: left;
background-image:url(../images/service-banners/3tax-serve.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:0px;
}
.tax_banner_img:after
{
content: " ";
z-index: 10;
display: block;
height:280px;
background:#111;
opacity:0.5;
}
.service_bdy_content
{
width: 100%;
height:auto;
float: left;
margin:30px 0px;
}


.our_services_list
{
width: 100%;
height:auto;
float: left;
}
.our_services_list ul
{
width: 100%;
height: auto;
float: left;
margin: 0px;
padding:0px;
background-color: #f8f8f8;
}
.our_services_list ul li
{
width: 100%;
height: auto;
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding:3px 14px;
}
.our_services_list ul li a
{
font-size: 13px;
letter-spacing: 0.8px;
font-weight: 300;
color: #111;
padding:6px 3px;
width: 100%;
height: auto;
float: left;
}
.our_services_list ul li a i
{
margin:0px 10px 0px 0px;
}
.our_services_list ul li a:hover
{
text-decoration:none;
color:#ff6600;
}
.our_services_list ul li a:hover i
{
color:#111;
}
.our_services_list ul li a i
{
color:red;
}
.service_contain
{
width:95%;
height:auto;
float:left;
margin:0px 2.5%;
display:none;	
}
.serve_list_active 
{
background-color:#ff6600;
padding:6px 5px;
}
.serve_list_active a, .serve_list_active a i
{
color:#fff !important;
}
.our_service_content
{
width:100%;
height:auto;
float:left;
}
.our_service_content div
{
width:100%;
height:auto;
float:left;	
}	
.our_service_content ul
{
width:100%;
height:auto;
float:left;	
margin:0px 0px 30px 0px;
padding:0px 0px 0px 2px;
}
.our_service_content ul li
{
width:100%;
height:auto;
float:left;	
list-style:none;
margin:0px 0px 15px 0px !important;
font-size:15px !important;
letter-spacing: 0.5px !important;
font-weight: normal;
color: #000;
line-height: 25px;
text-align: left;
}
.our_service_content ul li i
{
color: #ff6600;
margin: 2px 10px 0px 0px;
width: 20px;
height: 35px;
float: left;
}
.our_service_content ul li span
{
font-weight:bold;
}
.our_service_content ol li span
{
font-weight:bold;
}
.our_service_content ol
{
width:100%;
height:auto;
float:left;	
margin:10px 0px 0px 0px;
padding:0px 0px 0px 15px;

}
.our_service_content ol li
{
width:100%;
height:auto;
float:left;	
margin:0px 0px 15px 0px;
font-size:15px;
letter-spacing: 0.5px;
font-weight: 400;
color: #000;
line-height: 25px;
text-align: left;
}
.our_service_content_hdtxt
{
width: 100%;
height: auto;
float: left;
color: #ea830e;
font-weight: 600;
text-align: left;
margin:0px 0px 15px 0px;
line-height:32px;
}
.our_service_content_subhdtxt
{
width: 100%;
height: auto;
float: left;
font-weight: 600;
color: #111;
text-align: left;
margin:0px 0px 15px 0px;
line-height: 27px;
}
.benefits_of_cms_subhdtxt
{
width: 100%;
height: auto;
float: left;
font-size:16px;
letter-spacing:0.8px;
font-weight: bold;
color:#111;
text-align:left;
margin:0px 0px 20px 0px;
}
.our_service_content_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:15px;
letter-spacing: 0.7px;
font-weight: 400;
color: #000;
line-height: 25px;
text-align: left;
margin: 0px 0px 15px 0px;
line-height:25px;
text-align:left;
margin:0px 0px 35px 0px;
}
.our_service_content_subtxt ul
{
width: 100%;
height: auto;
float: left;
padding:0px 0px 0px 20px;
margin:10px 0px 0px 0px;
}	
.our_service_content_subtxt ul li
{
width: 100%;
height: auto;
float: left;
font-size: 13px;
letter-spacing: 0.5px;
font-weight: 400;
margin: 0px 0px 10px 0px;
color: #000;
line-height: 20px;
text-align: left;	
}
.our_service_content_subtxt ul li span
{
font-weight: bold !important;	
}	
.our_service_content_subtxt span
{
font-weight:bold !important;
}
.service_including
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 10px 0px;
}
.service_including ul
{
width: 100%;
height: auto;
float: left;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.service_including ul li
{
list-style:none;
line-height:32px;
letter-spacing:0.8px;
}
.service_including ul li i
{
color:red;
margin:0px 10px 0px 0px;
}
.banner_sec
{
width: 100%;
height: auto;
float: left;
margin:100px 0px 0px 0px;
}
.cf_last_sec
{
width: 100%;
height: auto;
float: left;
margin:30px 0px 30px 0px;
}
.advan_disadvan_content
{
width: 80%;
height: auto;
float: left;
background:#008ececf;
margin:30px 10% 0px 10%;
padding: 30px;
}
.advan_disadvan_bg
{
width: 100%;
height: 400px;
float: left;
background-image: url(../images/advan-disadvan-bg.jpg);
background-position: left;
background-size: cover;
background-repeat: no-repeat;
margin: 0px 0px 60px 0px;
}
/*.advan_disadvan_bg:after 
{
content: " ";
z-index: 10;
display: block;
height:400px;
background: #0780b7;
opacity: 0.9;
}*/
.advan_disadvan_bg_content
{
width:100%;
height:auto;
float: left;
text-align:center;
padding:40px 0px 0px 0px;
}
.advan_disadvan_content_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 25px;
letter-spacing: 0.6px;
line-height: 25px;
font-weight: bold;
color: #fff;
text-align:center;
margin: 0px 0px 8px 0px;
}
.advan_disadvan_content_subhdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 15px;
letter-spacing: 0.6px;
line-height: 25px;
font-weight: 300;
margin: 0px 0px 30px 0px;
color:#ffd475;
text-align: center;
}
.advan_disadvan_content ul
{
width: 100%;
height: auto;
float: left;
padding:0px;
margin:0px;
}
.advan_disadvan_content ul li {
list-style: none;
line-height: 28px;
color: #fff;
letter-spacing: 0.6px;
}
.advan_disadvan_content ul li i
{
color:#ffd475;
}
.benefits_of_cms
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 30px 0px;
}
.benefits_of_cms_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 18px;
letter-spacing: 0.8px;
font-weight: 600;
color: #ff6600;
margin: 10px 0px 5px 0px;
}
.abtus_main_banner
{
width: 100%;
height:350px;
float: left;
background-image:url(../images/service-banners/7business-centre.jpeg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
margin:0px 0px 30px 0px;
}
.abtus_main_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background: #000;
opacity: 0.7;
}
.abtus_main_banner div.reach_us_btn
{
margin:28px 0px 0px 0px !important;	
}
.abt_btmimg
{
width: 100%;
height: auto;
float: left;
margin:30px 0px;
}
.our_value_bdy
{
width: 100%;
height: auto;
float: left;
}
.our_value_bdyimg
{
width: 100%;
height:350px;
float: left;
background-image:url(../images/core-values.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
margin:0px 0px 30px 0px;
}
.our_commit_bdyimg
{
width: 100%;
height:400px;
float: left;
background-image: url(../images/commitment-banner.png);
background-position: left;
background-repeat: no-repeat;
background-size: contain;
margin: 0px 0px 30px 0px;
}
.our_mission_bdyimg
{
width: 100%;
height:400px;
float: left;
background-image: url(../images/mission-img.png);
background-position: left;
background-repeat: no-repeat;
background-size: contain;
margin: 0px 0px 30px 0px;
}
.our_vision_bdyimg
{
width: 100%;
height:400px;
float: left;
background-image: url(../images/ourvision.png);
background-position: left;
background-repeat: no-repeat;
background-size: contain;
margin: 0px 0px 30px 0px;
}
.responsive_sidemenu
{
display:none;
}
/* iprofare End */


/* itaxfair template page */
.gstreg_form
{
width: 100%;
height: auto;
float: left;
background-color: #f9f9f9;
padding:30px;
border: 1px solid #ccc;
border-radius: 5px;	
}
.gstreg_form_hdtxt
{
width: 100%;
height: auto;
float: left;
text-align: center;
font-size: 18px;
margin: 0px 0px 0px 0px;
letter-spacing: 1px;
font-weight: bold;	
}
.gstreg_form form
{
width: 100%;
height: auto;
float: left;	
}
.gst_reg_form_field
{
width: 100%;
height:55px;
float: left;	
}
.gst_reg_form_field input
{
width: 100%;
height: auto;
float: left;
border:1px solid #eee;
padding:5px 5px;
border-radius:5px;	
outline:none;
color:#000 !important;	
font-size:14px;
letter-spacing:0.5px;	
}
.gst_reg_form_field select
{
width: 100%;
height: auto;
float: left;
border:1px solid #eee;
padding:5px 5px;
border-radius:5px;	
outline:none;	
color:#000;	
font-size:14px;
letter-spacing:0.5px;		
}
.gst_reg_form_btn
{
width: 100%;
height: auto;
float: left;	
}
.gst_reg_form_btn input
{
width: 100%;
height: auto;
float: left;
border: 1px solid #FFD000;
padding: 6px 10px;
border-radius: 5px;	
outline:none;
background-color:#FFD000;	
color:#000;	
font-size:14px;
letter-spacing:0.5px;	
}
.gst_reg_form_btn input:hover
{
background-color:transparent;

}
.hdr_btmline
{
width:10%;
height:5px;
float:left;
background-color:#FFD000;
margin:5px 45% 25px 45%;
}
.sticky {
width: 21%;
height: auto;
float: left;
position: fixed;
top: 0;
}
.article-sidebar{
position: sticky;
top: 0;
}
/*.article-content-holder{
min-height: 2000px;
}*/
.content {
display: block;
margin:0px 10px;
box-sizing: border-box;
}
.content-title {
display: block;
margin-bottom: 26px;
font-size: 32px;
line-height: 34px;
color: #000;

}

.article {
position: relative;
display: block;
width: 100%;
}
.article:after {
content: "";
display: table;
clear: both;
}

.article-content-holder {
float: left;
width:100%;
height:auto;	
}

.article-content {
display: block;
padding:0px 20px;
border-radius: 4px;
background-color: white;
box-sizing: border-box;
}

.article-section {
display: block;
margin-bottom:10px;
width: 100%;
height: auto;
float: left;
}

.article-title {
display: block;
margin-bottom: 5px;
font-size: 14px;
letter-spacing: 0.5px;
width: 100%;
height: auto;
float: left;
font-weight: bold;
}

.article-text {
display: block;
font-size: 14px;
line-height: 18px;
}

.article-sidebar {
float: left;
width: 100%;
height: auto;
max-height:500px;
padding: 14px 10px 14px 10px;
border-radius: 4px;
background-color: #f8f8f8;
box-sizing: border-box;
overflow-y: scroll;
}
.js-sidebar-menu
{
z-index:11 !important;	
}	
.article-sidebar-title {
display: block;
margin-bottom: 17px;
font-size: 18px;
line-height: 24px;
color: #191c20;
}

.article-sidebar-menu {
display: block;
}

.article-sidebar-menu-text {
display: block;
margin-bottom: 11px;
line-height: 20px;
color: #44120C;
text-decoration: none;
}
.article-sidebar-menu-text:hover, .article-sidebar-menu-text:focus
{
color: #000;
text-decoration:none;	
background-color: #ffffff !important;	
border-left:3px solid #ff6600 !important;
box-shadow: 0px 3px 3px 1px #ccc !important;	
}
.article-sidebar-menu-text.active {
color: #000 !important;
text-decoration:none !important;	
background-color: #ffffff !important;	
border-left:3px solid #ff6600 !important;
box-shadow: 0px 3px 3px 1px #ccc !important;
}
.article-sidebar-menu-text:hover, .article-sidebar-menu-text:focus
{
color: #000 !important;
text-decoration:none !important;	
background-color: #ffffff !important;	
border-left:3px solid #ff6600 !important;
box-shadow: 0px 3px 3px 1px #ccc !important;	
}	
.js-navigation-list a
{
padding:10px 8px;
margin: 0px 0px 3px 0px;
/* border-radius: 10px 0px 0px 10px; */
border: 3px solid transparent;	
font-weight: bold !important;
letter-spacing:1px !important;	
}	
.active_sidebaritem
{
background-color: #ffffff !important;	
border-left:3px solid #ff6600 !important;	
box-shadow: 0px 3px 3px 1px #ccc !important;	
}	
.active_sidebaritem:hover, .active_sidebaritem:focus
{
background-color: #ffffff !important;	
border-left:3px solid #ff6600 !important;
box-shadow: 0px 3px 3px 1px #ccc !important;		
}
.js-navigation-list a:hover, .js-navigation-list a:focus
{
background-color: #ffffff !important;	
border-left:3px solid #ff6600 !important;
box-shadow: 0px 3px 3px 1px #ccc !important;		
}

.row {
display: flex;
}

.column {
padding: 0px 16px;
}

.sidebar {
background-color: transparent;
position: sticky;
top: 120px;
height: min-content;
flex: 1;
padding: 0px;
}

.content {
height: auto;
flex:2;
}

.bottom{
padding: 16px;
height: auto;
}
.waiting_skelton
{
display:none;	
}
.abt_banner_content
{
position: absolute;
z-index: 11;
top: 88px;
color: #fff;
width: 100%;
text-align: center;
font-size: 45px;
letter-spacing: 1px;	
}

/* itaxfair template page End */





.carousel-control.left, .carousel-control.right
{
background-image:none !important;
}
.banner_content
{
width:100%;
height:auto;
float:left;
margin:130px 0px 0px 0px;
position:relative;
z-index:11;
text-align:left;
}
.banner_content h1
{
font-size:50px;
color:#fff !important;
font-weight:300;
margin:0px 0px 18px 0px;
letter-spacing:0.8px;
}
.banner_content_btn
{
width:100%;
height:auto;
float:left;
margin:35px 0px 0px 0px;
}
.banner_content_btn a
{
border:2px solid #f4c430;
background-color:transparent;
color:#f4c430;
padding:10px 30px;
font-size:15px;
letter-spacing:0.8px;
font-weight:600;
}
.banner_content_btn a:hover, .banner_content_btn a:focus
{
border:2px solid #fff;
text-decoration:none;
color:#fff;
}
.play_btn
{
width:100%;
height:auto;
float:left;
text-align:center;
margin:32px 0px;
}
.play_btn img
{
width:auto;
height:140px;
color:#fff;
}
.play_btn_img
{
width:100%;
height:350px;
float:left;
background-image:url(../images/play-icon.png);
background-position:center;
background-repeat:no-repeat;
}
.play_btn i
{
font-size:230px;
color:#fff;
}

.ScriptTop {
background: #fff none repeat scroll 0 0;
float: left;
font-size: 0.69em;
font-weight: 600;
line-height: 2.2;
padding: 12px 0;
text-transform: uppercase;
width: 100%;
}

/* To Navigation Style 1*/
.ScriptTop ul {
margin: 24px 0;
padding: 0;
text-align: left;
}
.ScriptTop li{
list-style:none;	
display:inline-block;
}
.ScriptTop li a {
background: #6a4aed none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
padding: 5px 18px;
text-decoration: none;
text-transform: capitalize;
}
.ScriptTop li a:hover{
background:#000;
color:#fff;
}


/* ******************************************************
Script Header
*********************************************************/

.ScriptHeader {
float: left;
width: 100%;
padding: 2em 0;
}
.rt-heading {
margin: 0 auto;
text-align:center;
}
.Scriptcontent{
line-height:28px;	
}
.ScriptHeader h1{
font-family: "brandon-grotesque", "Brandon Grotesque", "Source Sans Pro", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
color: #6a4aed;
font-size: 26px;
font-weight: bold;
margin: 0;
line-height: normal;

}
.ScriptHeader h2 {
color: #312c8f;
font-size: 20px;
font-weight: 400;
margin: 5px 0 0;
line-height: normal;

}
.ScriptHeader h1 span {
display: block;
padding: 0;
font-size: 22px;
opacity: 0.7;
margin-top: 5px;

}
.ScriptHeader span {
display: block;
padding: 0;
font-size: 22px;
opacity: 0.7;
margin-top: 5px;
}




/* ******************************************************
Live Demo
*********************************************************/





/* ******************************************************
Responsive Grids
*********************************************************/

.rt-container {
margin: 0 auto;
padding-left:12px;
padding-right:12px;
}
.rt-row:before, .rt-row:after {
display: table;
line-height: 0;
content: "";
}

.rt-row:after {
clear: both;
}
[class^="col-rt-"] {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding: 0 15px;
min-height: 1px;
position: relative;
}


@media (min-width: 768px) {
.rt-container {
width: 750px;
}
[class^="col-rt-"] {
float: left;
width: 49.9999999999%;
}
.col-rt-6, .col-rt-12 {
width: 100%;
}

}

@media (min-width: 1200px) {
.rt-container {
width: 1170px;
}
.col-rt-1 {
width:16.6%;
}
.col-rt-2 {
width:30.33%;
}
.col-rt-3 {
width:50%;
}
.col-rt-4 {
width: 67.664%;
}
.col-rt-5 {
width: 83.33%;
}


}

@media only screen and (min-width:240px) and (max-width: 768px){
.ScriptTop h1, .ScriptTop ul {
text-align: center;
}
.ScriptTop h1{
margin-top:0;
margin-bottom:15px;
}
.ScriptTop ul{
margin-top:12px;		
}

.ScriptHeader h1,
.ScriptHeader h2, 
.scriptnav ul{
text-align:center;	
}
.scriptnav ul{
margin-top:12px;		
}
#float-right{
float:none;	
}

}


















/*banner video*/
#fade {
display: none;
position: fixed;
top:-5%;
left: 0%;
width: 100%;
height:1500px;
background-color: black;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .60;
filter: alpha(opacity=80);
border:none;
}
#fade:focus
{
border:none !important;
}

#light {
display: none;
position:fixed;
z-index: 1002;
overflow: visible;
left: 0;
width:65%;
height:76vh;
float: left;
margin: -80px 17.5% 0px 17.5%;
border:none;
}
#light a:hover
{
border:none !important;
text-decoration:none !important;
}
#light:focus
{
border:none !important;
}

#boxclose {
float: right;
cursor: pointer;
color: #fff;
border-radius: 3px;
background: #222222;
font-size: 31px;
font-weight: bold;
display: inline-block;
line-height: 0px;
padding: 11px 3px;
position: absolute;
right: 2px;
top: 2px;
z-index: 1002;
opacity: 0.9;
}
.#boxclose:hover
{
text-decoration:none !important;
border:none !important;
}
.boxclose:before {
content: "×";
}

#fade:hover ~ #boxclose {
display:none;
}

.test:hover ~ .test2 {
display: none;
}
audio, canvas, progress, video 
{
display: inline-block;
width: 100%;
height:76vh;
float: left;
position:relative;
z-index:11;
border:none !important;
border:none !important;
}



/* START TOOLTIP STYLES */
[tooltip] {
position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
text-transform: none; /* opinion 2 */
font-size:11px;
font-weight:300;
color:#111;
letter-spacing:1px; /* opinion 3 */
line-height: 1;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[tooltip]::before {
content: '';
border:12px solid transparent; /* opinion 4 */
z-index: 1001; /* absurdity 1 */
top:-5px;
display:none !important;
}
[tooltip]::after {
content: attr(tooltip); /* magic! */

/* most of the rest of this is opinion */
text-align: center;

/* 
Let the content set the size of the tooltips 
but this will also keep them from being obnoxious
*/
min-width: 3em;
max-width: 21em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding:12px 22px;
border-radius: .3ch;
box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
background:#6f6f6f;
color: #fff;
z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
bottom: 100%;
border-bottom-width: 0;
border-top-color: #fff;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 5px);
transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 5px);
transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
to {
opacity: .9;
transform: translate(-50%, 0);
}
}

@keyframes tooltips-horz {
to {
opacity: .9;
transform: translate(0, -50%);
}
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
animation: tooltips-horz 300ms ease-out forwards;
}










/* UNRELATED to tooltips */
body {
margin: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
background: #ededed;
}
main {
flex: 1 1 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
aside {
flex: none;
display: flex;
align-items: center;
justify-content: center;
background: #49b293;
color: #fff;
padding: 1em;
}
main div {
text-align: center;
color: #353539;
}
main span {
padding: .5em 1em;
margin: .5em;
display: inline-block;
background: #dedede;
}

aside a {
color: inherit;
text-decoration: none;
font-weight: bold;
display: inline-block;
padding: .4em 1em;
}



/*banner video end*/












.our_services
{
width:100%;
height:auto;
float:left;
margin:30px 0px;
position: relative;
}
.abtus_content
{
width:100%;
height:auto;
float:left;
margin:30px 0px 0px 0px;
}
.h1_subtxt
{
font-size:20px;
color:#eee;
font-weight:300;
letter-spacing:0.8px;
color:#E0C586;
}
.logo a sup
{
font-size: 9px;
position: absolute;
top: 6px;
right: 70px;
color: #0373D0;
font-weight: 600;
}
.logo a:hover
{
text-decoration:none;
color:#fff;
}
.firstbanner_content
{
position: absolute;
top:30%;
z-index:1;
color: #fff;
padding:0px 50px;
width:100%;
left:0%;
text-align:left;
margin: 140px 0px 0px 0px;
}
.firstbanner_content h1
{
font-size:50px;
font-weight:400;
}

.banner_subcontent
{
width:100%;
height:auto;
float:left;
text-align:center;
padding:0px 0px;
font-size:16px;
letter-spacing:0.8px;
font-weight:300;
}
.offnow
{
border:1px solid #ff6600;
padding:10px 50px;
color:#fff;
background-color:#ff6600;
}
.offnow:hover
{
text-decoration:none;
color:#ff6600;
background-color:transparent;
}

.social_links 
{
width:auto;
height: auto;
text-align: left;
padding: 30px 0px;
cursor: pointer;
position:fixed;
top:20%;
z-index:111;
}
.social_links ul
{
width: 100%;
height: auto;
float:left;
padding:0px;
margin:0px;
}
.social_links ul li
{
width: 50px;
height: 50px;
border-radius: 50%;
list-style: none;
line-height: 50px;
background-color: #fff;
padding: 3px 17px 0px 20px;
margin:0px 0px 10px -17px;
}
.social_links a
{
margin:0px 0px 0px 0px;
color:#ff6600;
font-size:18px;
}
.social_links a:hover
{
color:#ff6600;
}
.fcb:hover, .fcb:hover i
{
background-color:#3b5998 !important;
color:#fff !important;
}

.gpls:hover, .gpls:hover i
{
background-color:#db4a39 !important;
color:#fff !important;
}

.ytb:hover, .ytb:hover i
{
background-color:#FF0000 !important;
color:#fff !important;
}

.linkin:hover, .linkin:hover i
{
background-color:#0e76a8 !important;
color:#fff !important;
}

.topnav
{
width: 100%;
height: auto;
float: left;
}
.help_desk
{
width: auto;
text-align: right;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.1px;
color: #111;
padding: 16px 0px;
float: right;
margin: 0px 9px 0px 0px;
}
.help_desk span
{
color:#ff6600;
}
.client_login {
width: auto;
height: auto;
float: right;
padding: 17px 0px 0px 0px;
}
.client_login a
{
font-size:12px;
letter-spacing:0.7px;
color:#fff;
padding:7px 12px;
background-color:#ff6600;
border:1px solid #ff6600;
border-radius:5px;	
}	
.client_login a:hover, .client_login a:focus
{
text-decoration:none;
background-color:transparent;
color:#ff6600;	
}
h4.mega-title {
float: left;
width: 100%;
color: #ff4040;
margin: 0px 0px 0px 0px;
font-size: 16px;
padding:0px 0px 0px 0px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.services_inner_list {
width: 100%;
height: auto;
float: left;
padding: 0px !important;
margin:5px 0px 10px 0px !important;
}
.services_inner_list li {
list-style: none !important;
line-height: 20px !important;
}
.services_inner_list li a {
letter-spacing: 0.6px !important;
font-size: 12px !important;
font-weight: 300 !important;
color: #000 !important;
padding: 0px !important;
line-height:26px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;	
}
.services_inner_list li a:hover, .services_inner_list li a:focus
{
color:#ff6600 !important;	
}









/*Responsive menu*/
.description {
position: absolute;
top: 50%;
left: 50%;
width:85%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.abtus li
{
line-height: 12px !important;
border-bottom: 1px solid #e0e0e0;
padding:5px 0px !important;}

.menu
{

}
.arrow-down {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:43%;
}
.arrow-down1 {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:44%;
}
.arrow-down2 {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:48%;
}
.arrow-down3 {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:47%;
}
.arrow-down4 {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:61%;
}
.arrow-down5 {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:49%;
}
.arrow-down6 {
width: 0; 
height: 0; 
border-left:12px solid transparent;
border-right:12px solid transparent;
border-top:11px solid red;
position:absolute;
top:-3px;
left:88%;
}

.menu-container {
width: 100%;
height:auto;
float:left;	
}

.menu-mobile {
display: none;
padding: 20px;
}

.menu-mobile:after {
content: "\f394";
font-family: "Ionicons";
font-size: 2.5rem;
padding: 0;
float: right;
position: relative;
top: 50%;
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
}

.menu-dropdown-icon:before {
content: "\f489";
font-family: "Ionicons";
display: none;
cursor: pointer;
float: right;
padding: 1.5em 2em;
background: #fff;
color: #333;
}

.menu > ul {
margin: 4px 0px 0px 0px;
width: 100%;
list-style: none;
padding: 0;
position: relative;
/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
content: "";
display: table;
}

.menu > ul:after {
clear: both;
}

.menu > ul > li {
float: left;
padding: 0;
margin:0px 20px 0px 0px;
}
.inner_hdtxt
{
color:#111 !important;
font-weight:500 !important;
font-size:13px !important;
}
.support_maintain
{
border-bottom: 1px solid #ccc !important;
padding:14px 0px !important;
color:#111 !important;
font-weight:500 !important;
font-size:15px !important;
}

.menu > ul > li a {
text-decoration: none;
padding:7px 0px 10px 0px;
display: block;
color:#111;
font-size:13px !important;
letter-spacing:0.6px;
}
.menu > ul > li a i {
font-size: 16px;
position: relative;
top: 3px;
color: #ff6600;
font-weight: bold;
}
.menu > ul > li:hover {
opacity:1;
color:#111;
}
.menu > ul > li a:hover {
color:#ff6600;
}
.menu > ul > li > ul {
display: none;
width:1250px;
height:auto;
background: #fff;
padding:15px 5px 5px 15px;
position: absolute;
z-index: 99;
left:-860px;
top:35px;
margin: 0;
list-style: none;
box-sizing: border-box;
border-top:3px solid red;
box-shadow: 2px 2px 4px #4c4c4c;	
}

.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 {
margin: 0;
padding-bottom: 0;
list-style: none;
width: 25%;
background: none;
float: left;
}

.menu > ul > li > ul > li a {
color: #555;
padding: .2em 0;
font-size:14px;
font-weight:400;
width: 95%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #ccc;}
.menu > ul > li > ul > li a:hover {
color:#ff6600;
}
.menu > ul > li > ul > li > ul {
display: block;
padding: 0;
margin: 10px 0 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 {
float: left;
width: 100%;
padding: 10px 0;
margin: 0;
font-size: .8em;
line-height:0px;
}

.menu > ul > li > ul > li > ul > li a {
border: 0;
}

.menu > ul > li > ul.normal-sub {
width: 280px;
height: auto;
left: -87px;
padding: 10px 20px !important;
border-top: 3px solid red;
box-shadow: 2px 2px 4px #4c4c4c;
top: 32px !important;	
}
.company_form
{
left:-40px !important;
}

.menu > ul > li > ul.normal-sub > li {
width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
border: 0;
padding:5px 0;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
.menu-container {
width: 100%;
}
.menu-mobile {
display: block;
}
.menu-dropdown-icon:before {
display: block;
}
.menu > ul {
display: none;
}
.menu > ul > li {
width: 100%;
float: none;
display: block;
}
.menu > ul > li a {
padding: 1.5em;
width: 100%;
display: block;
}
.menu > ul > li > ul {
position: relative;
}
.menu > ul > li > ul.normal-sub {
width: 100%;
}
.menu > ul > li > ul > li {
float: none;
width: 100%;
margin-top: 20px;
}
.menu > ul > li > ul > li:first-child {
margin: 0;
}
.menu > ul > li > ul > li > ul {
position: relative;
}
.menu > ul > li > ul > li > ul > li {
float: none;
}
.menu .show-on-mobile {
display: block;
}
}

.menu-wrap {
background-color: #fff;
position: fixed;
top: 0;
height: 100%;
width:280px;
margin-left: -340px;
font-size: 1em;
overflow: auto;
transition: .25s;
z-index:1111;
}
.menu-show {
margin-left: 0;
box-shadow: 4px 2px 15px 1px #B9ADAD;
}
.menu-sidebar {
margin:50px 0 0px 0px;
position: relative;
}
.menu-sidebar li {
padding: 18px 10px 0;
list-style:none;
}
.menu-sidebar li > a {
color: #e03026;
font-size:16px;
position: relative;
}
.menu-sidebar li > a:hover
{
text-decoration:none;
}
/*.menu-sidebar li > a::after {
content: "";
display: block;
height: 0.15em;
position: absolute;
top: 100%;
width: 100%;
left: 50%;
transform: translate(-50%);
background-image: linear-gradient(to right, transparent 50.3%, #FFFA3B 50.3%);
transition: background-position .2s .1s ease-out;
background-size: 200% auto;
}*/
.menu-sidebar li > a:hover::after {
background-position: -100% 0;
}
.menu-sidebar .menu-item-has-children {
position: relative;
}
.menu-sidebar .menu-item-has-children .sub-menu {
display: none;
padding:0px;
}
.sidebar-menu-arrow::after {
content: "\f107";
font-family: 'FontAwesome';
padding: 10px;
color: #555;
position: absolute;
right: 5px;
top: 4px;
font-size: 23px;
}
.sidebar-menu-arrow:hover::after {
cursor: pointer;
color: #ff6600;
}
.sidebar-menu-arrow:active::after {
top: 2px;
}


/*Hamburger Button*/
.toggle-button {
position: fixed;
width: 44px;
height: 40px;
top:22px;
left:0px;
padding: 4px;
transition: .25s;
z-index: 15;
}
.toggle-button
{
display:none;
}
.toggle-button:hover {
cursor: pointer;
}
.toggle-button .menu-bar {
position: absolute;
border-radius: 2px;
width: 80%;
transition: .5s;
}
.toggle-button .menu-bar-top {
border: 4px solid #111;
border-bottom: none;
top: 0;
}
.toggle-button .menu-bar-middle {
height: 4px;
background-color: #111;
margin-top: 7px;
margin-bottom: 7px;
top: 4px;
}
.toggle-button .menu-bar-bottom {
border: 4px solid #111;
border-top: none;
top: 22px;
}
.button-open {
left: 10px;
top: 15px;
background-color: #0009;
}
.button-open .menu-bar-top {
border-color: #fff;
transform: rotate(45deg) translate(8px, 8px);
transition: .5s;
top:5px;
}
.button-open .menu-bar-middle {
background-color: #111;
transform: translate(230px);
transition: .1s ease-in;
opacity: 0;
}
.button-open .menu-bar-bottom {
border-color: #fff;
transform: rotate(-45deg) translate(7px, -7px);
transition: .5s;
top: 27px;
}



/* Request Quote */
.req_quote
{
position:relative;
top:-2px;
margin: 0px 0px 0px 0px;
}
.req_quote a
{
background-color:red;
padding:5px 12px !important;
color:#fff;
border-radius:5px;
border:1px solid red !important;
}
.log_btn a
{
color:#fff !important;
}
.req_quote a:hover
{
background-color:transparent;
color:red !important;
}
.request_quote_sec
{
width:100%;
height:auto;
float:left;
margin:60px 0px 0px 0px;
}
.req_quote_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 35px;
font-weight: bold;
color: #111;
letter-spacing: 1px;
padding: 30px 0px;
text-align: center;
background-color: #f8f8f8;
margin:35px 0px 45px 0px;
}
.req_quote_midsec
{
width:100%;
height:auto;
float:left;
}
.req_quote_midsec form
{
width:100%;
height:auto;
float:left;
}
.req_quote_field
{
width:100%;
height:80px;
float:left;
}
.req_qt_label
{
width:100%;
height:auto;
float:left;
font-size:14px;
font-weight: bold;
color:#111;
letter-spacing:0.8px;
}
.req_qt_insert
{
width:100%;
height:auto;
float:left;
}
.req_qt_insert input
{
width:100%;
height:auto;
float:left;
border:none;
outline:none;
border-bottom:1px solid #eee;
padding:5px 0px 5px 0px;
margin-top:0px;
color:#111 !important;
font-size:15px;
font-weight:300;
letter-spacing:0.8px;
}
.req_qt_insert input::placeholder
{
color:#ccc;	
}
.req_btn
{
width:100%;
height:auto;
float:left;
margin:20px 0px 60px 0px;
text-align:center;
}
.req_btn input
{
background-color:red;
color:#fff;
border:1px solid red;
padding:8px 25px;
border-radius:5px;
font-size:18px;
}
.req_btn input:hover
{
background-color:transparent;
color:red;
}
.req_quote_subtxt
{
width:100%;
height:auto;
float:left;
color:#111 !important;
font-size:15px;
font-weight:300;
text-align:center;
letter-spacing:0.8px;
margin:10px 0px 0px 0px;
}
.area_of_interest
{
width:100%;
height:auto;
float:left;
}
.area_of_interest_hdtxt
{
width:100%;
height:auto;
float:left;
color:#111 !important;
font-size:20px;
font-weight:600;
text-align:left;
letter-spacing:0.8px;
margin:0px 0px 15px 0px;
}
.area_of_interest ul
{
width:100%;
height:auto;
float:left;
margin:0px;
padding:0px;
}
.area_of_interest ul li
{
width:33%;
height:auto;
float:left;
list-style:none;
margin-bottom:12px;
font-size:14px;
font-weight:300;
text-align:left;
letter-spacing:0.6px;
}
.area_of_interest ul li div
{
width:100%;
height:auto;
float:left;
}
.custom-contain
{
width:80%;
height:auto;
float:left;
margin:0px 10%;
}
.checkbox label:after {
content: '';
display: table;
clear: both;
}

.checkbox .cr {
position: relative;
display: inline-block;
border: 1px solid #a9a9a9;
border-radius: .25em;
width: 1.3em;
height: 1.3em;
float: left;
margin-right: .5em;
}

.checkbox .cr .cr-icon {
position: absolute;
font-size: .8em;
line-height: 0;
top: 50%;
left: 15%;
}

.checkbox label input[type="checkbox"] {
display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon {
opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr {
opacity: .5;
}
.choose_country
{
width:100%;
height:auto;
float:left;
margin:0px 0px 30px 0px;
font-size:20px;
font-weight: bold;
color:#111;
letter-spacing:1px;
}
.choose_country_container
{
width:40%;
height:auto;
float:left;
margin:0px 30%;
}
/* Request Quote End */


/* US and Canada Offer */
.plan_hdtxt
{
width:100%;
height:auto;
float:left;
color:#111 !important;
font-size:15px;
font-weight:300;
margin:100px 0px 30px 0px;
text-align:center;
font-size:40px;
font-weight:400;
letter-spacing:0.8px;
}
.plan_hdtxt span
{
color:#ff6600;
}
.our_plans
{
width:100%;
height:auto;
float:left;
margin:0px 0px 60px 0px;
}
.pricing_box
{
width:100%;
height:auto;
float:left;
border:1px solid #eee;
box-shadow: 0px 0px 2px 1px #eee;
text-align:center;	
}
.pricing_box:hover
{
cursor:pointer;
box-shadow: 0px 0px 10px 1px #ccc;
}
.our_plans_hdr
{
width:100%;
height:auto;
float:left;
padding:30px;
background-color:#10B1DF;
margin:0px 0px 30px 0px;
}
.plan_name
{
width:100%;
height:auto;
float:left;
color:#fff !important;
font-size:20px;
font-weight:300;
letter-spacing:0.8px;
}
.plan_price
{
width:100%;
height:auto;
float:left;
color:#fff;
font-size:40px;
font-weight: bold;
letter-spacing:0.8px;
}
.plan_price span
{
font-size:18px !important;
}
.plan_features
{
width: 100%;
height: auto;
float: left;
padding: 0px 18px;
}
.plan_features ul
{
width:100%;
height:auto;
float:left;
margin:0px;
padding:0px;
text-align:left;
}
.plan_features ul li
{
list-style:none;
line-height:30px;
font-size:13px;
font-weight:400;
letter-spacing:0.5px;
}
.plan_features ul li:hover
{
color:#ff6600;
}
.plan_features ul li i
{
color:#ff6600;
margin:0px 3px 0px 0px;
}
.plan_features ul li i:hover
{
color:#111;
}
.plan_features ul li:hover i
{
color:#111 ;
}
.plan_start_btn
{
width:100%;
height:auto;
float:left;
margin:30px 0px;
text-align:center;
}
.plan_start_btn a
{
background-color:#10B1DF;
border:1px solid #10B1DF;
padding:8px 25px;
border-radius:5px;
color:#fff;
letter-spacing:0.7px;
font-size:15px;
font-weight:400;
}
.plan_start_btn a:hover
{
text-decoration:none;
color:#10B1DF;
background-color:transparent;
}
.dynamic_btn
{
}
/* US and Canada Offer End */


.cms_content_subtxt
{
width: 100%;
height: auto;
float: left;
text-align:center;
font-size:15px;
font-weight:300;
color:#555;
line-height:28px;
letter-spacing: 0.8px;
}



/* Verification */
.verification_sec
{
width: 100%;
height: auto;
float: left;
margin:60px 0px 60px 0px;
text-align:center;
}
.verify_logo 
{
display:none;
}
.verify_content_hdtxt {
width: 100%;
height: auto;
float: left;
font-size: 35px;
color: #111;
font-weight: bold;
letter-spacing: 1px;
margin: 0px;
}
.content_hdtxt_border {
width: 10%;
height: 2px;
float: left;
background-color: #111;
margin: 2px 45% 15px 45%;
}
.greetingtxt
{
width: 100%;
height: auto;
float: left;
}
.verifycontent_subtxt {
width: 70%;
height: auto;
float: left;
margin: 8px 15%;
font-size: 15px;
color: #111;
font-weight: 300;
letter-spacing: 0.6px;
}
.verifycontent_subtxt {
width: 70%;
height: auto;
float: left;
margin: 8px 15%;
font-size: 15px;
color: #111;
font-weight: 300;
letter-spacing: 0.6px;
}
.verification_code {
width: 63%;
height: auto;
float: left;
text-align: center;
margin: 24px 21% 0px 21%;
font-size: 15px;
color: #111;
font-weight: 300;
letter-spacing: 0.6px;
}
.verification_code label {
width:35%;
height: auto;
float: left;
padding: 11px 0px;
margin: 0px;
text-align: left;
}
.change_mail, .change_mobileno {
width: 100%;
height: auto;
float: left;
font-size: 14px;
text-align: left;
font-weight: 300;
letter-spacing: 0.6px;
margin: 4px 0px 0px 0px;
}
.otp_insert {
width: 40%;
height: 50px;
float: left;
margin-right: 10px;
}
.verification_code input {
width: 100%;
padding: 10px;
border: 1px solid #eee;
outline: none;
font-size: 15px;
color: #111;
font-weight: 300;
}
.reg_errortxt {
width: 100%;
height: auto;
float: left;
font-size: 12px;
letter-spacing: 0.8px;
color: red;
text-align: left;
font-weight: bold;
}
.errortxt {
width: 100%;
height: auto;
float: left;
font-size:11px;
letter-spacing: 0.8px;
color:#ff7979;
text-align: left;
font-weight:300;
margin:3px 0px 0px 0px;
}
.form_errortxt
{
width: 100%;
height: auto;
float: left;
font-size:11px;
letter-spacing: 0.5px;
color:red;
text-align: left;
font-weight:300;
margin:3px 0px 0px 0px;
}
.time_left_count {
width: 100% !important;
height: auto !important;
float: left !important;
text-align: left !important;
font-size: 13px;
font-weight: 300;
color: #ff6600;
letter-spacing: 0.8px;
margin: 3px 0px 0px 0px;
}
.verify_btn {
width: 15%;
height: auto;
float: left;
text-align: center;
margin: 0px 0px 0px 0px;
}
.verify_btn input {
background-color: #EA4335;
border: none;
color: #fff;
padding: 10px 10px;
font-size: 16px;
letter-spacing: 0.8px;
font-weight: 400;
width: 70%;
float: left;
}
.resend_code {
width:80%;
height: auto;
float: left;
text-align: right;
margin: -19px 0px 5px 0px;
font-size: 13px;
letter-spacing: 0.8px;
position: relative;
right: 35px;
}
.mail_resend_sucess {
width: 30%;
height: auto;
float: left;
text-align: center;
position: relative;
left: 35%;
color: #111;
margin: 10px 0px 0px 0px;
}

/* Verification End */





/* Text Block */
.wrapper {
width:100%;
margin:40px 0px 40px 0px;
color: #83828D;
float:left;
}
.wrapper .text {
padding: 30px;
}
.wrapper .text .heading {
margin-bottom: 40px;
font-size: 2em;
}
.wrapper .text p {
line-height: 1.6em;
}
.wrapper .text .buttons {
margin-top: 40px;
}

/* Buttons */
.wrapper .buttons .button {
display: inline-block;
margin-right: 20px;
padding: 20px 25px;
border-radius: 2em;
background-color: #70CE64;
color: #fff;
font-size: .9em;
font-weight: bold;
transition: background-color .3s;
}
.wrapper .buttons .button-secondary {
background-color: #FF6746;
}
.wrapper .buttons .button-primary:hover {
background-color: #84D07A;
}
.wrapper .buttons .button-secondary:hover {
background-color: #FF7D60;
}

/*Active state for the buttons*/
.wrapper .buttons .button-primary:active {
background-color: #70CE64;
}
.wrapper .buttons .button-secondary:active {
background-color: #FF6746;
}

/*Icons*/
.wrapper .buttons .button span {
position: relative;
display: inline-block;
padding-right: 20px;
}
.wrapper .buttons .button span::after {
position: absolute;
font-family: "FontAwesome";
right: -3px;
font-size: 14px;
top: 0;
transition: top .3s, right .3s;
}
.wrapper .buttons .button-primary span::after {
content: "\f019";
}
.wrapper .buttons .button-secondary span::after {
content: "\f178";
}
/*Slight icons animation*/
.wrapper .buttons .button-primary:hover span::after {
top: 4px;
}
.wrapper .buttons .button-secondary:hover span::after {
right: -6px;
}
/*Responsive menu end*/
.section-header .section-title {
font-size: 15px;
color: #ff6600;
text-transform:none;
text-align:left;
font-weight: 400;
margin-bottom: 5px;
}

.section-header .section-description {
text-align: center;
padding-bottom: 40px;
color: #999;
}
#services {
background: #fff;
background-size: cover;
padding:0px 0 0px 0;
}

#services .box {
padding: 50px 20px;
margin-bottom: 50px;
text-align: center;
border: 1px solid #e6e6e6;
height: 200px;
position: relative;
background: #fafafa;
cursor:pointer;
}

#services .icon {
position: absolute;
top: -36px;
left: calc(50% - 36px);
transition: 0.2s;
border-radius: 50%;
display: inline-block;
border: 6px solid #fff;
}

#services .icon a {
display: inline-block;
background: #2dc997;
border: 2px solid #2dc997;
padding: 16px;
border-radius: 50%;
transition: 0.3s;
}

#services .icon i {
color: #fff;
font-size: 24px;
}

#services .box:hover .icon i {
color: #2dc997;
}

#services .box:hover .icon a {
color: #2dc997;
background: #fff;
}

#services .title {
font-weight: bold;
font-size: 18px;
margin-bottom: 15px;
text-transform: uppercase;
}

#services .title a {
color: #111;
}

#services .description {
font-size: 14px;
line-height: 24px;
}
.section-title {
font-size: 23px;
color: red;
text-transform: none;
text-align:left;
font-weight: bold;
}

.section-description {
text-align: center;
margin-bottom: 40px;
}

.section-title-divider {
width: 50px;
height: 3px;
background: #ff6600;
margin-bottom: 20px;
}
.range_of_services
{
width: 100%;
height: auto;
float: left;
padding: 30px;
text-align: center;
box-shadow: 0px 0px 3px 1px #eee;
}
.range_of_services:hover
{
cursor:pointer;
box-shadow: 0px 0px 3px 1px #ccc;
}
.range_of_services_btn
{
width: 100%;
height: auto;
float: left;
text-align: center;
margin:60px 0px 30px 0px;
}
.range_of_services_btn a
{
padding:8px 18px;
background-color:#2E6CB5;
border:1px solid #2E6CB5;
color:#fff;
font-size:18px;
letter-spacing:0.8px;
font-weight:300;
border-radius:5px;
}
.range_of_services_btn a:hover, .range_of_services_btn a:focus
{
background-color:transparent;
color:#2E6CB5 !important;
text-decoration:none;
}
.cms_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/cms.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.ecommerce_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.mob_sol_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/mobility.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.res_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/responsive-img.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.seo_internet_marketing_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/seo-internet-markerting.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.support_main_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/maintenance-support.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.wrdpress_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/wrdpress.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.joomla_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/joomla.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.drupal_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/drupal.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.concrete5_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/concrete5.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.magento_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/magento.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.opencart_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/opencart.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.os_commerce_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/os-commerce.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.presta_shop_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/presta-shop.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.shop_script_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/shop-script.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.shop_site_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/shop-site.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.xcart_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/xcart.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.zencart_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/ecommerce-img/zencart.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.iphone_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/mob-app-development/iphone.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.ipad_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/mob-app-development/ipad.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.and_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/mob-app-development/and-mob.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.win_mob_img
{
width:100%;
height:150px;
float:left;
background-image:url(../images/mob-app-development/win-mob.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
}
.content_mgt_bannerleft
{
width:100%;
height:auto;
float:left;
font-size:18px;
color:#555;
font-weight:300;
letter-spacing:0.8px;
margin:0px;
display:none;
}
.content_mgt_bannerright
{
width:100%;
height:auto;
float:left;
text-align:right;
font-size:10px;
color:#ff6600;
font-weight:300;
letter-spacing:0.8px;
margin:0px;
}
.content_mgt_bannerright a:hover
{
color:#ff6600;
}
.nopad
{
padding:0px 0px 0px 0px !important;
}
.cms_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:16px;
color:#111;
font-weight: bold;
margin:10px 0px 12px 0px;
}
.cms_subtxt
{
width:100%;
height:auto;
float:left;
font-size:13px;
color:#555;
font-weight:300;
line-height:25px;
}
.abt_cms
{
width:100%;
height:auto;
float:left;
margin:30px 0px 30px 0px;
display:none;
}
/* Style the tab */
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
width:33.3%;
height:auto;
float:left;
text-align:center;
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 18px;
letter-spacing: 0.8px;
}

/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
background-color: #ccc !important;
}

/* Style the tab content */
.tab_content_hdtxt
{
width:100%;
height:auto;
float:left;
margin:20px 0px 10px 0px;
color: #333;
font-weight:300;
font-size:25px;
letter-spacing:0.8px;
}
.alignlft
{
text-align:left !important;
}
.serve_content
{
width:100%;
height:auto;
float:left;
margin:30px 0px;
}
.benefits_list
{
width:100%;
height:auto;
float:left;
color: #555;
font-weight:300;
font-size:15px;
letter-spacing:0.8px;
line-height:25px;
}
.benefits_list ul
{
width:100%;
height:auto;
float:left;
padding:0px 0px 0px 20px;
margin:0px;
}
.benefits_list ul li
{
width:100%;
height:auto;
float:left;
line-height:35px;
color: #333;
font-weight:300;
font-size:15px;
letter-spacing:0.8px;
list-style:none;
}
.benefits_list ul li i
{
font-size:10px;
background-color: #ff6600;
border-radius: 50%;
color: #fff;
padding: 5px;
margin:0px 5px 0px 0px;
}
.con i
{
font-size:10px;
background-color:transparent !important;
color: #ff6600 !important;
margin:0px 5px 0px 0px;
}
.tabcontent {
width:100%;
height:auto;
float:left;
display: none;
padding:30px;
border: 1px solid #ccc;
border-top: none;
}
.ftabcontent {
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
.displaytab
{
width: 100%;
display: block;
height: auto;
float: left;
}
.res_contenttxt
{
width:100%;
height:auto;
float:left;
margin:0px 0px 30px 0px;
color: #333;
font-weight:300;
font-size:14px;
letter-spacing:0.8px;
line-height:25px;

}
.res_contenttxt p
{
width:100%;
height:auto;
float:left;
margin:20px 0px 0px 0px;
color: #333;
font-weight:300;
font-size:14px;
font-style:italic;
letter-spacing:0.8px;
line-height:25px;

}
/* Get Started Section
--------------------------------*/
#about {
background: #fff;
padding:30px 0 70px 0px;
}

#about .about-container {
background: url(../img/about-img.jpg) left top no-repeat;
}

#about .about-content {
background: #fff;
}

#about .about-title {
color: #333;
font-weight: 700;
font-size: 28px;
line-height:42px;
}

#about .about-text {
line-height: 26px;
}

#about .about-text:last-child {
margin-bottom: 0;
}
.about-text
{
margin-top:30px;
}
.about-text i
{
font-size:25px;
color:#b20000;
}
.about-text a
{
position: relative;
left: 2px;
top: -4px;
color:#555;
font-size:14px;
font-weight: bold;
}
.about-text a:hover
{
text-decoration:none;
color:#ff6600;
}
.abtus_section
{
width:100%;
height:auto;
float:left;
}
.abtus_section_img
{
width:100%;
height:360px;
float:left;
background-image:url(../images/fornasys-intro-img.png);
background-position:left;
background-repeat:no-repeat;
background-size:contain;
}
.abtus_section img
{
/*width:300px; 
height:300px; 
border-radius:50%; 
border: 1px solid #ff6600; 
box-shadow: 0px 0px 35px 2px #ccc; 
position:absolute;
top:10px;*/
width: 100%;
height: auto;
float: left;
margin: 60px 0px;
}
.count_sec
{
width:100%;
height:auto;
float:left;
background-color:#E3DFDF;
margin:0px 0px 30px 0px;
}

.counter_section
{
width:100%;
height:350px;
float:left;
background-image:url(../images/counter-banner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.counter_section:after {
content: " ";
z-index: 10;
display: block;
height:350px;
background: rgba(0, 0, 0, 0.8);
}
.existing_project
{
width:100%;
text-align:center;
padding:80px 0px;
position:absolute;
color:#fff;
}
.haveexit_hdtxt
{
font-size:36px;
font-weight:500;
letter-spacing:0.8px;
}
.haveexit_subtxt
{
font-size:16px;
font-weight:300;
letter-spacing:0.8px;
margin-top:10px;
}
.web_eval
{
margin-top:40px;
}
.web_eval a
{
background-color:red;
color:#fff;
font-size:17px;
letter-spacing:0.8px;
font-weight:600;
padding:10px 30px;
}
.web_eval a:hover
{
text-decoration:none;
background-color:#990000;
color:#fff;
}
.counter { padding:25px 0;  text-align:center; width:20% !important;}
.count-title { font-size:45px; 
font-weight: bold;  margin-top:5px; margin-bottom: 0; text-align: center; }
.count-text { font-size: 18px; font-weight: normal;  margin-top:5px; margin-bottom: 0; text-align: center; color:red; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #ff6600; }
/* Customer count End*/

#tcb-testimonial-carousel {
a{
color: @brand-color;
}
.text-brand{
color: @brand-color;
}
margin-top: 30px;
.carousel-indicators .active {
background: @brand-color;
}
.no-margin{
margin: 0;
}
.carousel-indicators li {
border: 1px solid #ccc;
}
.carousel-control {
color: @brand-color;
width: 5%;
}
.carousel-control:hover,
.carousel-control:focus {

}
.carousel-control.left,
.carousel-control.right {
background-image: none;
}
.item{
padding: 15px 40px;
background: #f8f8f8;
}
.media-object {
margin: auto;
}
@media screen and (max-width: 768px) {
.media-object {
margin-bottom: 15px;
}
}
}

.slider-wrap {
position: relative;
margin:0px auto 50px auto;
}
.slider {
position: relative;
margin: auto;
height:100px;
}
.slider ul {
margin: 0;
padding: 0;
}
.slider ul li {
list-style: none;
text-align: center;
border:1px solid #ccc;
margin-right:30px;
width:199px !important;
height:100px;
box-shadow: 0px 0px 5px 1px #eee inset;

}
.slider ul li div img {
/*display: inline-block;
vertical-align: middle;
padding: 10px;
width: 200px;
height: 98px;
*/}
.slider-arrow {
position: absolute;
top:40px;
width: 20px;
height: 20px;
background:#ccc;
color: #555;
text-align: center;
text-decoration: none;
border-radius: 50%;
}
.sa-left {
left: -35px;
padding-top: 3px;
color: #fff;
padding-left: 0px;}
.sa-right {
right: -40px;
padding: 3px 0px 0px 3px;
color: #fff;}

.client_logo
{
width:80%;
margin:0 auto;
height:50px;
float:left;
background-image:url(../images/AIN_Logo1.png);
background-repeat:no-repeat;
background-position:center;
padding:7px 25px;
}
.our_clientstxt
{
font-size:25px;
font-weight:500;
letter-spacing:0.8px;
color:red;
}
.clientlogo1
{
width:100%;
height: 90px;
background-image:url(../images/clients/clientlogo1.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size:80%;
margin: 0 auto;}
.clientlogo2
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo2.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo3
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo3.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: 54%;
margin: 0 auto;}
.clientlogo4
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo4.jpg);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: 44%;
margin: 0 auto;}
.clientlogo5
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo5.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}

.clientlogo6
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo6.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: 60%;
margin: 0 auto;}
.clientlogo7
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo7.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo8
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo8.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo9
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo9.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo10
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo10.jpg);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo11
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo11.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: 42%;
margin: 0 auto;}
.clientlogo12
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo12.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo13
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo13.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo14
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo14.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo15
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo15.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}
.clientlogo16
{
width: 90%;
height: 90px;
background-image: url(../images/clients/clientlogo16.png);
background-repeat: no-repeat;
background-position: center;
padding: 25px 0px;
background-size: contain;
margin: 0 auto;}








/*Whats app*/

.floating-wpp{ z-index: 1111;
position: fixed;
bottom: 70px;
left: 15px;
font-size: 14px;
transition: bottom .2s;
right:10px !important;
bottom:10px !important;
}
.floating-wpp .floating-wpp-button
{position:relative;border-radius:50%;box-shadow:1px 1px 4px rgba(60,60,60,.4);transition:box-shadow .2s;cursor:pointer;overflow:hidden;
width:50px !important; height:50px !important;}
.floating-wpp .floating-wpp-button img,.floating-wpp .floating-wpp-button svg
{position:absolute;width:100%;height:auto;object-fit:cover;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.floating-wpp:hover{/*bottom:17px*/}
.floating-wpp:hover 
.floating-wpp-button{box-shadow:1px 2px 8px rgba(60,60,60,.4)}
.floating-wpp .floating-wpp-popup{border-radius:6px;background-color:#E5DDD5;position:absolute;overflow:hidden;padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:0;height:0;bottom:0;opacity:0;transition:bottom .1s ease-out,opacity .2s ease-out;transform-origin:bottom}
.floating-wpp .floating-wpp-popup.active{padding:0 12px 12px;width:260px;height:auto;bottom:82px;opacity:1}
.floating-wpp .floating-wpp-popup .floating-wpp-message{
padding: 5px;
border-radius: 0 5px 5px;
opacity: 0;
transition: opacity .2s;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 25px;}
.floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:.2s}
.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;color:#fff;margin:0 -15px 10px;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer}
.floating-wpp .floating-wpp-input-message{margin:10px -15px -15px;padding:0 15px;display:flex;align-items:center}.floating-wpp .floating-wpp-input-message textarea{ display:none;border:1px solid #ccc;border-radius:4px;box-shadow:none;padding:8px;margin:10px 0;width:100%;max-width:100%;font-family:inherit;font-size:inherit;resize:none}
.floating-wpp .floating-wpp-btn-send{ display:none;margin-left:12px;font-size:0;cursor:pointer}
.close
{
color: #fff !important;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 1 !important;
}


/* Whats app End*/





















/*testimonial */
#quote-carousel {
width:100%;
height:300px;
padding: 0 10px 30px 10px;
margin-top:45px;
}
blockquote
{
border-left:0px !important;
}
.testimonialtxt
{
font-size:14px;
font-weight:400;
color:#111;
letter-spacing:0.8px;
}
.whtour_clientsays
{
width:100%;
text-align:left;
font-size:27px;
font-weight:500;
letter-spacing:0.8px;
color:#ff6600;
}
.menu_item
{
height: auto !important;
border-bottom: 3px solid #ff6600;
padding:0px 0px 0px 0px;
}
#quote-carousel .carousel-control {
background: none;
color: #CACACA;
font-size: 2.3em;
text-shadow: none;
margin-top: 30px;
width:0px;
top:75px;
}
#quote-carousel .carousel-indicators {
position: relative;
right: 50%;
top: auto;
bottom: 0px;
margin-top: 20px;
margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
width: 50px;
height: 50px;
cursor: pointer;
border: 1px solid #ccc;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
border-radius: 50%;
opacity: 0.4;
overflow: hidden;
transition: all .4s ease-in;
vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
width:80px;
height:80px;
opacity: 1;
transition: all .2s;
}
.item1 blockquote {
border-left: none;
margin: 0;
}
.item1 blockquote p:before {
content: "\f10d";
font-family: 'Fontawesome';
float: left;
margin-right: 10px;
}
/*testimonial end*/



/*Privacy policy*/
.privacy_policy_sec
{
width:100%;
height:auto;
float:left;
margin:65px 0px 80px 0px;
}
.siteadd_sec
{
width:100%;
height:auto;
float:left;
margin:65px 0px 0px 0px !important;	
}
.pri_policy_hdtxt
{
width: 100%;
height: auto;
float: left;
padding: 40px 0px;
font-size: 35px;
letter-spacing: 0.8px;
font-weight: bold;
text-align: center;
background-color: #f8f8f8;
margin: 30px 0px 30px 0px;
}
.privacy_policy_midsec_content
{
width: 100%;
height: auto;
float: left;
font-size:14px;
letter-spacing: 0.6px;
font-weight: 300;
text-align: left;
margin:0px 0px 10px 0px;
}
.mid_sec_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:16px;
letter-spacing: 0.6px;
font-weight: bold;
text-align: left;
margin:0px 0px 10px 0px;
}
.mid_sec_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
letter-spacing: 0.6px;
font-weight: 300;
text-align: left;
margin:0px 0px 25px 0px;
}
.mid_sec_subtxt ul
{
width: 100%;
height: auto;
float: left;
padding:0px 20px;
margin:10px 0px;
}
.mid_sec_subtxt ul li
{
margin:0px 0px 20px 0px;
}
.privacy_policy_midsec
{
width: 100%;
height: auto;
float: left;
margin:20px 0px 0px 0px;
}
.sitemap_sec
{
width: 100%;
height: auto;
float: left;
}
.site_map_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:15px;
letter-spacing: 0.5px;
font-weight: 300;
text-align: left;
color:#52AECC;
margin:0px 0px 10px 0px;
}
.sitemap_sec ul
{
width: 100%;
height: auto;
float: left;
padding:0px 0px;
margin:0px 0px;
}
.sitemap_sec ul li
{
list-style:none;
}
.sitemap_sec ul li i
{
color:#ff6600;
float: left;
margin:0px 10px 0px 0px;
}
.sitemap_sec ul li a
{
width:88%;
height: auto;
float: left;	
font-size:12px !important;
letter-spacing: 0.5px;
font-weight: 300;
color:#111;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sitemap_list
{
width: 100%;
height: auto;
float: left;	
}
.sitemap_list ul
{
width: 100%;
height: auto;
float: left;
padding:0px;
margin:0px 0px 30px 0px;
}
.sitemap_list ul li
{
list-style:none;
float:left;
width:25%;
height:auto;
}
.sitemap_list div ul li
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 10px 0px;	
}
.subhdtxt
{
font-weight: bold !important;
color:#ff6600 !important;	
}
.sitemap_list div ul li a
{
font-size:12px !important;
}	
/*Privacy policy end*/

/*contact us*/
.contact_navigation
{
width:100%;
height:100px;
color:#111;
z-index:11;
position:fixed;
background-color:#e8e8e8;
}
.contact_navigation ul li a
{
color:#111;
}
.contactus_banner
{
width:100%;
height:320px;
background-image:url(../images/contactus-banner.jpg);
background-repeat:no-repeat;
background-position:center;
margin-top: -1px;
    background-size: cover;
}
.contactus_banner:after
{
content: " ";
z-index: 10;
display: block;
height:320px;
background: #000;
opacity:0.4	;
}
.contact_content
{
width:100%;
text-align:center;
margin:0px 0px 0px 0px;
}
.hdtxt
{
font-size: 20px;
color: #fff;
letter-spacing: 0.8px;
font-weight: bold;
}
.subtxt
{
width: 100%;
height: auto;
float: left;
font-size: 15px;
color: #e0e0e0;
letter-spacing: 0.8px;
padding: 1px 0px;
font-weight: 300;
line-height: 25px;
margin:10px 0px 40px 0px;
}
.textbox
{
width:100% !important;
height:auto;
padding:0px 0px 5px 0px;
outline:0;
background-color:transparent;
border:none !important;
margin:0 auto 0px auto;
border-bottom:1px solid #ccc !important;
font-size:14px;
color:#fff !important;
letter-spacing:1px;
font-weight:300;
cursor:pointer;
}
.contactform_field input::placeholder
{
color:#ffffffa6 !important;
letter-spacing:0.8px;
}
.contactform_field
{
width:100%;
height:48px;
float:left;
}
.contactform_txtarea_field
{
width:100%;
height:73px;
float:left;
}
.contactform
{
width:100%;
height:auto;
margin:0px 0px 50px 0px;
float:left;
}
/*input[type=text]
{
color:red;
}*/
.combobox
{
width:100%;
height:auto;
padding:0px 15px 4px 0px;
outline:0;
border:none;
background-color:transparent;
margin:0 auto 0px auto;
border-bottom:1px solid #ccc;
font-size:14px;
color:#fff !important;
letter-spacing:1px;
font-weight:300;
-webkit-appearance: none;
cursor:pointer;
}
.combobox option
{
color:#111 !important;
padding:0px 0px 0px 5px;
}
.contactform_field img
{
position: absolute;
right: 20px;
margin:5px 0px 0px 0px !important;
width: 13px;
}
.textarea
{
width:100%;
height:55px;
padding:10px 15px 18px 0px;
outline:0;
border:none;
background-color:transparent;
margin:0 auto 35px auto;
border-bottom:1px solid #ccc;
font-size:16px;
color:#fff !important;
letter-spacing:1px;
font-weight:300;
-webkit-appearance: none;
cursor:pointer;
}
.contactform_txtarea_field textarea::placeholder
{
color:#ffffffa6 !important;
}
.checkbox
{
width:auto;
float: left;
margin-right: 10px !important;
height: auto;
}
.checktxt
{
font-size: 15px;
color: #d2d2d2;
letter-spacing: 0.7px;
font-weight: 400;
}
.contact_address
{
width: 100%;
height: auto;
margin: 40px 0px 50px 70px;
float: left;
}
.map_marker
{
width: 40px;
float: left;
height: 40px;
text-align: center;
padding: 10px 10px 10px 12px;
font-size: 20px;
border: 1px solid #DFB346;
margin: 0px 10px 20px 0px;
border-radius: 50%;
color: #555;
cursor: pointer;}
.addtxt
{
width: 83%;
height: auto;
float: left;
line-height: 25px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.6px;
}
.addtxt span
{
color:#ff6600;
font-weight:500;
}
.phone
{
width: 100%;
float: left;
margin-bottom: 25px;
}
.map_marker:hover
{
background-color:#DFB346;
color:#fff;
}
.phone i
{
width:40px;
float: left;
height:40px;
text-align: center;
padding: 10px 10px 10px 12px;
font-size:20px;
border: 1px solid #DFB346;
margin-right: 10px;
border-radius: 50%;
color:#555;
cursor:pointer;}
.phone i:hover
{
background-color:#DFB346;
color:#fff;
}
.mobile
{
width: 100%;
float: left;
margin-bottom: 25px;
}
.mobile i
{
width:40px;
float: left;
height:40px;
text-align: center;
padding: 10px 10px 10px 12px;;
font-size:20px;
border: 1px solid #DFB346;
margin-right: 10px;
border-radius: 50%;
color:#555;}
.mobile i:hover
{
background-color:#DFB346;
color:#fff;
}

.envelop
{
width: 100%;
float: left;
margin-bottom: 25px;
}
.envelop i
{
width:40px;
float: left;
height:40px;
text-align: center;
padding:8px 10px 10px 10px;
font-size:20px;
border: 1px solid #DFB346;
margin-right: 10px;
border-radius: 50%;
color:#555;}
.envelop i:hover
{
background-color:#DFB346;
color:#fff;
}
.contact_btn
{
width: 100%;
height: auto;
float: left;
margin: 45px 0px 30px 0px;
text-align: right;
}
.contact_btn a
{
background-color:red;
padding:8px 25px;
border:1px solid red;
color:#fff;
font-size:15px;
letter-spacing:0.8px;
font-weight:300;
}
.contact_btn a:hover
{
background-color:transparent;
color:red;
text-decoration:none;
}
.contact_btn input
{
background-color:#fff;
padding:8px 25px;
border:1px solid #fff;
color:#111;
outline:none;
font-size:15px;
letter-spacing:0.8px;
font-weight:300;
}
.contact_btn input:hover
{
background-color:transparent;
color:#fff;
text-decoration:none;
}

.contact_bdy {
    width: 100%;
    height: auto;
    float: left;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
.iprofare_contact_form {
width: 100%;
height: auto;
float: left;
padding:30px 60px 0px 60px;
background-color: #88599a;
}
.contactform_field i
{
position: absolute;
font-size:22px;
right:20px;
color: #ccc;
}
.contact_add_bg
{
width: 100%;
height:553px;
float: left;
background-image:url(../images/contact-add-bg.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
opacity:0.5;
}
.contact_add_bg:after
{
content: " ";
z-index: 10;
display: block;
height:572px;
background:#fff;
opacity:0.8;
}
.contact_add_content {
position: absolute;
width: 100%;
height: auto;
float: left;
padding: 25px 40px 20px 40px;
}
.contact_singapore_off {
width: 100%;
height: auto;
float: left;
color: #111;
line-height:25px;
font-size:15px;
margin: 0px 0px 30px 0px;
text-align: center;
}
.add_hdtxt
{
width: 78%;
height: auto;
float: left;
font-size:35px;
letter-spacing: 0.8px;
font-weight: 300;
color: #111;
margin:10px 0px 40px 0px;
}
.indina_off
{
width: 100%;
height: auto;
float: left;
color: #111;
margin: 0px 0px 30px 0px;

}
.indina_off img{
width: auto;
float: left;
height: auto;
margin: 0px 20px 0px 0px;
}
.fullwid
{
width: 100%;
height: auto;
float: left;
}
.contact_indian_off
{
width: 100%;
height: auto;
float: left;
color: #111;
line-height:25px;
font-size:14px;
margin: 0px 0px 30px 0px;
}
.ind_branchtxt
{
width: 100%;
height: auto;
float: left;
font-size:17px;
font-weight:300;
color:#ff6600;
letter-spacing:0.8px;
margin:0px 0px 0px 0px;
}
/*contact us end*/


/*about us */
.aboutus_banner 
{
width: 100%;
height: 500px;
background-image: url(../images/abtus-banner-img2.jpg);
background-repeat: no-repeat;
background-position: left;
background-size: cover;
margin: 0px 0px 30px 0px;
}
/*.aboutus_banner:after
{
content: " ";
z-index: 10;
display: block;
height:250px;
background:#008CBA;
opacity:0.6;
}*/
.aboutus_banner_contenttxt
{
width:100%;
height:auto;
float:left;
margin:50px 0px 40px 0px;
}
.abt_us_bdy
{
width:100%;
height:auto;
float:left;
margin:0px 0px 30px 0px;
}
.timely_deliverimg
{
width: 100px;
height: 100px;
border-radius: 50%;
text-align: center;
margin: 0px auto 20px auto;
font-size: 40px;
color: #ff6600;
border: 1px solid #ff6600;
padding: 25px;
}
.noborder
{
width:100%;
height:auto;
float:left;
text-align:center;
padding:0px;
border:none !important;
}
.noborder img
{
width: auto;
height:50px;
float: left;
margin: 0px 77px;
}
.timely_delivered_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:12px;
color: #111;
font-weight: bold;
letter-spacing:0.8px;

}
.contenttxt_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:18px;
font-weight:300;
color:#ff6600;
letter-spacing:0.8px;
margin:0px 0px 5px 0px;
}
.contenttxt_subhdtxt
{
width:100%;
height:auto;
float:left;
font-size:22px;
font-weight: bold;
color:#111;
letter-spacing:0.5px;
margin:0px 0px 10px 0px;
}
.contenttxt_subtxt
{
width:95%;
height:auto;
float:left;
font-size:14px;
font-weight:300;
color:#555;
letter-spacing:0.4px;
margin:0px 5% 0px 0px;
line-height:25px;
}
.contenttxt_btn
{
width:100%;
height:auto;
float:left;
text-align:left;
margin:30px 0px 0px 0px;
}
.contenttxt_btn a
{
background-color:red;
padding:8px 25px;
border:1px solid red;
color:#fff;
}
.contenttxt_btn a:hover
{
text-decoration:none;
background-color:transparent;
color:red;
}
.timely_delivered
{
width:100%;
height:auto;
float:left;
padding:30px;
text-align:center;
}
.commitment_banner
{
width:100%;
height:250px;
background-image:url(../images/Commitment.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:78px;
margin:0px 0px 60px 0px;
}
.commitment_banner:after
{
content: " ";
z-index: 10;
display: block;
height:250px;
background:#000;
opacity:0.6;
}
/*.borderline
{
width:100%;
height:2px;
background-color:#aaa;
margin-top:-55px;
}
*/
.overviewhd_txt
{
font-size: 30px;
color:#ffc233;
font-weight:300;
text-shadow: 0px 1px 1px #ff6600;
letter-spacing: 0.5px;
}
.overview_banner span
{
background-color: #008CBA;
background:linear-gradient(#008CBA,#ccc);
padding: 10px 60px 10px 60px;
box-shadow: 0px 0px 50px 1px #008CBA;
}

.abtushd_txt
{
font-size:38px;
color:#555;
font-weight: bold;
letter-spacing:0.8px;
padding:0px;
margin:0px;
}
.contact_subtxt
{
font-size:18px;
color: #555;
letter-spacing: 0.5px;
padding: 1px 10px;
font-weight:400;
line-height:30px;
margin-bottom:40px;}
.atus
{
width:100%;
height:auto;
margin:10px 0px 40px 0px;
float:left;
}
.goal_hdtxt
{
width:100%;
margin-bottom:5px;
font-size:20px;
color:#ff6600;
font-weight:300;
letter-spacing:0.5px;
}
.goalicon
{
float:left;
margin:0px 10px 0px 0px;
font-size:25px;
color:#aaa;
}
.goal_subtxt
{
width:95%;
margin-left:8%;
font-size:14px;
color:#555;
letter-spacing:0.5px;
line-height:22px;
}
.goal_subtxt ul
{
padding:0px;
}
.goal_subtxt ul li
{
list-style:none;
line-height:25px;
letter-spacing:0.5px;
}
.goal_subtxt ul li i
{
font-size:15px;
color:#555;
}
.hr
{
width:100%;
height:1px;
background-color:#dddee2;
float:left;
margin-bottom:40px;
}
.abthr
{
width:80px;
margin:8px auto 15px auto;
height:3px;
border-radius:10px;
background-color:#ff6600;
}
.wide_service
{
width:100%;
height:auto;
float:left;
margin:0px 0px 40px 0px;
}
.mobileapp_develop
{
width:100%;
height:280px;
background-color:#aaa;
padding:30px;
text-align:center;
}
.mobileapp_develop:hover
{
cursor:pointer;
background-color:#4ecbc7;
}
.mobileapp_develop a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.mobileapp_develop a:hover
{
text-decoration:none;
color:#fff;
}
.apparrow-down {
width: 0;
height: 0;
top: 0;
position: absolute;
left: 180px;
border-left:15px solid transparent;
border-right:15px solid transparent;
border-top:15px solid #fff;
}

.webapp_develop
{
width:100%;
height:280px;
padding:30px;
text-align:center;
background-color:#aaa;
}
.webapp_develop:hover
{
cursor:pointer;
background-color:#f064ad;
}
.webapp_develop a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.webapp_develop a:hover
{
text-decoration:none;
color:#fff;
}

.product_develop
{
width:100%;
height:280px;
padding:30px;
text-align:center;
background-color:#aaa;
}
.product_develop:hover
{
cursor:pointer;
background-color:#8984ff;
}
.product_develop a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.product_develop a:hover
{
text-decoration:none;
color:#fff;
}


.search_engine
{
width:100%;
height:280px;
padding:30px;
text-align:center;
background-color:#aaa;
}
.search_engine:hover
{
cursor:pointer;
background-color:#6283db;
}
.search_engine a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.search_engine a:hover
{
text-decoration:none;
color:#fff;
}

.desktop_develop
{
width:100%;
height:280px;
padding:30px;
text-align:center;
background-color:#aaa;
}
.desktop_develop:hover
{
cursor:pointer;
background-color:#f5ca48;
}
.desktop_develop a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.desktop_develop a:hover
{
text-decoration:none;
color:#fff;
}

.ecoomerce_develop
{
width:100%;
height:280px;
padding:30px;
text-align:center;
background-color:#aaa;
}
.ecoomerce_develop:hover
{
cursor:pointer;
background-color:#b55ad6;
}
.ecoomerce_develop a
{
color:#fff;
padding:10px 25px;
margin-top:30px;
border:1px solid #fff;
}
.ecoomerce_develop a:hover
{
text-decoration:none;
color:#fff;
}

.offer_services
{
width:100%;
text-align:center;
margin-bottom:45px;
font-size:36px;
color:#333;
font-weight:300;
letter-spacing:0.6px;
}














.appicon
{
font-size:45px;
color:#fff;
}
.apphd_txt
{
font-size:16px;
font-weight:700;
letter-spacing:0.2px;
color:#fff;
}
.appsub_txt
{
font-size:15px;
font-weight:300;
letter-spacing:0.1px;
color:#fff;
}














.overview_subtxt
{
font-size: 15px;
color: #111;
letter-spacing: 0.5px;
padding: 1px 10px;
font-weight: 400;
line-height: 23px;
}
.contact_subtxt span
{
font-size:15px;
color:#ff6600;
letter-spacing:0.5px;
margin-bottom:1px;
font-weight:500;
}
.whyain
{
width:100%;
height:auto;
background-color:#;
float:left;
margin:40px 0px;
padding:35px 0px;
}
.our_crdilstxt
{
width: 100%;
height:350px;
text-align: center;
border-right: 4px solid #ff6600;
padding:148px 0px;
font-size: 25px;
font-weight:300;
letter-spacing:0.8px;
}
.our_crdilstxt i
{
color:#ffc233;
}	
.arrow-right {
width: 0; 
height: 0; 
border-top:15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #ff6600;
position:absolute;
top:150px;
left:-30px;
}
.crehdtxt
{
font-size:14px;
color:#333;
font-weight:700;
letter-spacing:0.5px;
}
.cresubtxt
{
font-size:14px;
color:#555;
letter-spacing:0.3px;
margin-bottom:20px;
}	
.security
{
width: 100%;
height:auto;
text-align: center;
border-left: 4px solid #ff6600;
padding:21px 0px;
font-size: 25px;
font-weight:300;
letter-spacing:0.8px;
}
.security i
{
color:#ffc233;
}

.arrow-left {
width: 0; 
height: 0; 
border-top: 15px solid transparent;
border-bottom: 15px solid transparent; 
border-right:15px solid #ff6600;
position:absolute;
right:-30px;
top:20px;
}
.security_content
{
font-size:14px;
color:#555;
letter-spacing:0.5px;
line-height:20px;
margin-bottom:20px;
padding-top:20px;
}
.security_stdtxt
{
font-size:18px;
colo#333;
font-weight:500;
letter-spacing:0.8px;
}
.secure_points
{
width:100%;
height:auto;
margin-top:15px;
}
.secure_points ul
{
}
.secure_points ul li
{
list-style:circle;
line-height:33px;
}
.our_corporatetxt
{
width: 100%;
height:auto;
text-align: center;
border-right: 4px solid #ff6600;
padding:212px 0px;
font-size: 25px;
font-weight:300;
letter-spacing:0.8px;
}
.our_corporatetxt i
{
color:#ffc233;
}
.corporate_arrow_right{
width: 0; 
height: 0; 
border-top:15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #ff6600;
position:absolute;
top:160px;
left:-30px;
}
.benefits
{
width: 100%;
height:165px;
text-align: center;
border-left: 4px solid #ff6600;
padding:65px 0px;
font-size: 25px;
font-weight:300;
letter-spacing:0.8px;
}
.benefits i
{
color:#ffc233;
}


/*management team*/
.managementteam_banner
{
width:100%;
height:250px;
background-image:url(../images/banner-img5.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:78px;}
.managementteam_banner:after
{
content: " ";
z-index: 10;
display: block;
height: 250px;
background: #000;
opacity: 0.7;
}
.vision_banner
{
width:100%;
height:250px;
background-image:url(../images/inner-banners-vision_banner.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:78px;}
.vision_banner:after
{
content: " ";
z-index: 10;
display: block;
height:250px;
background:#008ece;
opacity:0.9;
}
.mission_banner
{
width:100%;
height:250px;
background-image:url(../images/mission.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:78px;}
.mission_banner:after
{
content: " ";
z-index: 10;
display: block;
height:250px;
background:#008ece;
opacity:0.9;
}
.ourvalue_banimg
{
width:100%;
height:250px;
background-image:url(../images/ourvalue-banimg.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:78px;
margin:0px 0px 105px 0px;    
}
.ourvalue_banimg:after
{
content: " ";
z-index: 1;
display: block;
height: 250px;
background: #000;
opacity: 0.7;
}
.mgt_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 50px;
font-weight: 300;
color: #fff;
letter-spacing: 1px;
text-align: center;
z-index: 11;
margin:2% 0px 0px 0px;
position: relative;
top: 30px;
}
.managing_directr
{
width:100%;
height:auto;
float: left;
border:1px solid #ccc;
}	
.our_md_list
{
width:100%;
height:auto;
float: left; 
margin:30px 0px 0px 0px;                                                                    	
}
.our_md_list ul
{
width:100%;
height:auto;
float: left;   
padding:0px;
margin:0px;                                                                 	
}
.our_md_list ul li {
list-style: none;
width: 23%;
height: auto;
float: left;
margin: 0px 1% 2% 1%;
box-shadow: 2px 2px 7px -3px #bfbfbf;
transition: all 1s;  /* lets make it smooth */
display: flex;
}
/*.boxes{
    height:100px;
    width: 150px;
    background-color: coral;
    margin:5px 10px;
    cursor: pointer; 
    align-items: center;
    justify-content: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: white;
    padding: 10px;
}
*/
.our_md_list ul li:hover, .our_md_list ul li:focus
{
cursor:pointer;	
box-shadow: 2px 2px 7px -3px #000;
transition: all .5s;
transform : translateY(-10px);
}
.managing_directr_proimg
{
width: 100%;
height: 300px;
text-align: center;
background-image: url(../images/sreedhar.png);
background-repeat: no-repeat;
background-position: center;
background-size: 96% auto;
}
.managing_directr_ganeshjeyavelu_proimg
{
width: 100%;
height: 300px;
text-align: center;
background-image: url(../images/MD-Ganesh-jeyavelu.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.managing_directr_pp
{
width: 100%;
height:300px;
text-align: center;
padding:20px 10px;
background-image:url(../images/parishith_palanisamy.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;	
}
.managing_directr_jal
{
width: 100%;
height: 300px;
text-align: center;
background-image: url(../images/jajaludeen.png);
background-repeat: no-repeat;
background-position: center;
background-size: 96% auto;
}
.managing_directrimg
{
width: 100%;
height:200px;
text-align: center;
padding:20px 10px;
background-image:url(../images/profie-bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}	
.managing_directrimg img
{
width:160px;
height:160px;
border:3px solid #DAAA27;
border-radius:50%;
box-shadow: 0px 0px 18px #555;
transition: all .1s ease-in-out;
}
.managing_directrimg img:hover
{
cursor:pointer;
transform: scale(1.1);
}
.md_description
{
width: 100%;
height: auto;
float: left;
text-align: left;
padding: 15px 15px;
}
.mdname
{
font-size:15px;
color:#ff6600;
letter-spacing:0.6px;
font-weight:500;
}
.md_designation
{
font-size:13px;
color: #555;
letter-spacing: 0.8px;
font-weight: 500;
line-height: 25px;
}
.mdhr
{
width:50px;
text-align:left;
height:1px;
background-color:#ff6600;
border-radius:20px;
margin:20px 0px 20px 0px;
}
.about_md
{
width:100%;
font-size:14px;
color:#555;
letter-spacing:0.3px;
font-weight:400;
line-height:30px;
}
/*management team end*/

/*our values*/
.ourvalues_banner
{
width:100%;
height:250px;
background-image:url(../images/company-management-service-banner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:62px;}
.ourvalues_banner:after
{
content: " ";
z-index: 10;
display: block;
height:250px;
background:#008ece;
opacity:0.8;
}
.ourvalues_bannerhdtxt
{
position:relative;
top:-175px;
width: 100%;
text-align: center;
font-size: 115px;
color: #fff;
}

ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
width:100%;
text-align:center;
}
ul.tabs li{
background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
font-size: 22px;
font-weight: 300;
letter-spacing: 0.5px;
padding:10px 55px;
}


ul.tabs li.current{
background: #f8f8f8;
color: #ff6600;
font-size: 22px;
font-weight: 300;
letter-spacing: 0.5px;
}
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
width:100%;
text-align:center;
}
ul.restabs li{
background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
font-size: 22px;
font-weight: 300;
letter-spacing: 0.5px;
padding:10px 55px;
}

.restabs button {
width:25%;
height: auto;
float: left;
text-align: center;
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 18px;
letter-spacing: 0.8px;
}
ul.restabs li.current{
background: #f8f8f8;
color: #ff6600;
font-size: 22px;
font-weight: 300;
letter-spacing: 0.5px;
}

.tab-content
{
width:100%;
height:auto;
float:left;
display: none;
padding: 15px;
margin-top:25px;
}

.tab-content.current{
display: inherit;
}
.mission_arrow_down
{
width: 25px;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 11px solid #f8f8f8;
position: relative;
top:-41px;
left: 24%;
}
.vission_arrow_down
{
width: 25px;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 11px solid #f8f8f8;
position: relative;
top:-41px;
left:47%;
}

.corpvalue_arrow_down
{
width: 25px;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 11px solid #f8f8f8;
position: relative;
top:-41px;
left:73%;
}
.missionimg
{
text-align:center;
}
.quality_commitment
{
width:100%;
height:300px;
float:left;
background-image:url(../images/quality-policy-banner.jpg);
background-repeat:no-repeat;
background-position:center;
}
.quality_commitment:after
{
content: " ";
z-index: 10;
display: block;
height:300px;
background:#111;
opacity:0.7;
}
.qual_text
{
width:100%;
text-align:center;
position:absolute;
padding:25px 70px 35px 70px;
}
.qual_heading
{
width:100%;
height:auto;
text-align:center;
font-size:39px;
font-weight:300;
letter-spacing:1px;
color:#fff;
}
.borderline
{
width:100px;
height:2px;
background-color:#ff6600;
margin:10px auto;
}
.commit_content
{
width:100%;
text-align:center;
padding:10px 30px;
}
.nasscom_member
{
font-size:24px;
color:#ff6600;
font-weight:300;
letter-spacing:0.6px;
margin-bottom:20px;
}
.product_quality
{
width: 100%;
height: auto;
padding: 21px 30px;
margin: 0px auto 20px auto;
font-size: 17px;
letter-spacing: 0.9px;
color: #fff;
font-weight: 500;
line-height: 30px;
}
.high_std
{
font-size:13px;
color:#555;
font-weight:500;
letter-spacing:1px;
margin-bottom:20px;
padding:0px 15px;
}
.ourmission_heading
{
width: 150px;
margin: 0 auto 0px auto;
height: 150px;
border: 5px solid #ff6600;
border-radius: 50%;
text-align: center;
position: absolute;
background-color:#eee;
top:0px;
left: 30%;		
}
.hdtext_icon
{
position:relative;
top:30px;
font-size:16px;
font-weight:600;
color:#aaa;
letter-spacing:0.5px;
}
.hdtext_icon i
{
font-size:35px;
color:#ffc233;
}
.ourmission_subcontent
{
width:100%;
height:auto;
padding:80px 20px 20px 20px;
border:1px solid #ff6600;
margin-top:88px;
background-color:#aaa;
}
.ourmission_subcontent:hover
{
cursor:pointer;
background-color:#4ecbc7;
border:1px solid #4ecbc7;
cursor:pointer;
}
.ourvission_subcontent
{
width:100%;
height:auto;
padding:80px 20px 20px 20px;
border:1px solid #ff6600;
margin-top:88px;
background-color:#aaa;
}
.ourvission_subcontent:hover
{
cursor:pointer;
background-color:#f064ad;
border:1px solid #f064ad;
cursor:pointer;

}
.corporatevalues_subcontent
{
width:100%;
height:auto;
padding:80px 20px 20px 20px;
border:1px solid #ff6600;
margin-top:88px;
background-color:#aaa;
}
.corporatevalues_subcontent:hover
{
cursor:pointer;
background-color:#f5ca48;
border:1px solid #f5ca48;
cursor:pointer;

}






.mission_hdtxt
{
width:100%;
height:auto;
font-size:12px;
color:#fff;
letter-spacing:1px;
font-weight:700;
margin-bottom:25px;
text-align:center;
line-height:25px;
text-transform:uppercase;
}
.missionsub_txt
{
width:100%;
height:auto;
font-size:14px;
color:#fff;
letter-spacing:0.8px;
line-height:28px;
font-weight:400;
text-align:center;
}
.ain_providing
{
width:85%;
text-align: center;
margin: 0px auto 50px auto;
font-size: 29px;
color: #555;
font-weight: 300;
}
.our_core_value
{
width:100%;
height:auto;
float:left;
margin:30px 0px 0px 0px;
background-color:#f8f8f8;
}
.our_core_value_bg
{
width:100%;
height:auto;
float:left;
margin:30px 0px 0px 0px;
padding:30px 0px;
background-color:#bd84002b;
}
.our_core_value_bg_hdtxt
{
width:80%;
height:auto;
float:left;
margin:0px 10% 30px 10%;
text-align:center;
line-height:30px;
font-size:18px;
font-weight:300;
color:#111;
letter-spacing:0.7px;
}
.value_box
{
width:100%;
height:auto;
float:left;
background-color:#fff;
padding:30px;
text-align:center;
margin:0px 0px 20px 0px;
}
.value_box:hover
{
box-shadow:0px 0px 5px 1px #BD8400;
cursor:pointer;
}
.value_box_icon
{
width:100%;
height:auto;
float:left;
font-size:20px;
text-align:center;
margin:0px 0px 15px 0px;
}
.value_box_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 15px;
font-weight: 800;
letter-spacing: 0.8px;
color: #111;
margin: 0px 0px 10px 0px;
}
.value_box_subtxt
{
width:100%;
height:auto;
float:left;
font-size:13px;
font-weight:300;
letter-spacing:0.8px;
color:#333;
}
.our_commit_hdtxt
{
width:100%;
height:auto;
float:left;
margin:0px 0px 30px 0px;
font-size:14px;
color:#111;
letter-spacing:1.2px;
font-weight:800;
line-height:25px;
}
.our_comit_list
{
width:100%;
height:auto;
float:left;
}
.our_comit_list ul
{
width:100%;
height:auto;
float:left;
margin:0px;
padding:0px;
list-style:none;
}
.our_comit_list ul li
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 20px 0px;
font-size: 11px;
font-weight: 300;
color: #555;
letter-spacing: 0.6px;
line-height: 20px;
}
.our_comit_list ul li i
{
width: 4%;
color: #C99A30;
height: 50px;
float: left;
padding: 6px 0px;
}
/*our values End*/





/*technical expertise*/
.techicalexpertise_banner
{
width:100%;
height:280px;
background-image:url(../images/technical-expertise.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:64px;
}
.techicalexpertise_banner:after
{
content: " ";
z-index: 10;
display: block;
height:320px;
background:#555;
opacity:0.5;
}
.techicalexpertise_banner_bannerhdtxt
{
position:relative;
top:-105px;
width: 100%;
text-align: center;
font-size: 100px;
color: #fff;
}
ul#portfolio-filter {
padding: 0;
height:auto;
line-height:40px;
background: transparent url(../images/icon-tag-green.png) left no-repeat;
border-left: 4px solid #ff6600;
}
ul#portfolio-filter li {
list-style:none;
}
ul#portfolio-filter a {
margin-right: 0.5em;
padding: 0.5em 1em;
background: #FFF;
color: #AAA;
font-weight: bold;
text-decoration: none;
}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current {
color: #111;
}
ul#portfolio-filter a.current {
color:#ff6600;
}
ul#portfolio-list {
padding: 0;
list-style: none;
}
ul#portfolio-list li {
width:186px;
height: 160px;
display: block;
float: left;
margin-right: 18px;
overflow: hidden;
}
ul#portfolio-list li a {
display: block;
width: 186px;
height: 120px;
overflow: hidden;
border: 1px solid #CDCDCD;
}
ul#portfolio-list li a img {
width:100%;
padding:20px 10px;
}
ul#portfolio-list li p {
font-size: 11px;
line-height: 15px;
color: #AAA;
margin: 5px 0;
}

/*technical expertise End*/

/*Infrastructure*/
.Infrastructure_banner
{
width:100%;
height:320px;
background-image:url(../images/infrasture-banner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:64px;}
.Infrastructure_banner:after
{
content: " ";
z-index: 10;
display: block;
height:320px;
background:#008ece;
opacity:0.7;
}
.Infrastructure_banner_bannerhdtxt
{
position:relative;
top:-145px;
width: 100%;
text-align: center;
font-size: 100px;
color: #eee;
}
.infrasture_buliding
{
width:100%;
height:auto;
margin:0px 0px 60px 0px;
float:left;
}
.infrahd_text
{
font-size:35px;
font-weight:300;
color:#111;
letter-spacing:0.5px;
}
.infra_building_icon
{
width:100%;
height:auto;
text-align:center;
font-size:180px;
color:#aaa;
}
.infrasture_points
{
width:100%;
height:auto;
padding:25px;
float:left;
margin:0px 0px 45px 0px;
background-color:#f5ca48;
background:linear-gradient(#f5ca48,#f5ca48,#f5ca48,#e49d0c);
}
.abtinfra_listleft
{
width:100%;
height:auto;
}
.abtinfra_listleft ul
{
padding:0px;
}
.abtinfra_listleft ul i
{
float: left;
width: 50px;
text-align: center;
height:55px;
padding:6px 0px 0px 0px;
font-size: 18px;
color: #ff6600;}
.abtinfra_listleft ul li
{
list-style:none;
margin-bottom:15px;
color:#fff;
font-size:15px;
font-weight:400;
letter-spacing:0.8px;
}
.abtinfra_listright
{
width:100%;
height:auto;
}
.abtinfra_listright ul
{
padding:0px;
}
.abtinfra_listright ul i
{
float: left;
width: 50px;
text-align: center;
height:64px;
padding:6px 0px 0px 0px;
font-size: 18px;
color: #ff6600;
}

.abtinfra_listright ul li
{
list-style:none;
margin-bottom:15px;
color:#fff;
font-size:15px;
font-weight:400;
letter-spacing:0.8px;
}
.more_infra
{
width:100%;
height:auto;
float:left;
padding:0px 0px 30px 0px;
margin:0px 0px 35px 0px;
}
.technology_infrasture
{
width:100%;
height:auto;
text-align:left;
font-size:22px;
font-weight:300;
color:#ff6600;
}
.technology_infrasture i
{
width:40px;
height:40px;
font-size:16px;
background-color:#aaa;
color:#fff;
border-radius:50%;
padding: 12px 0px;
text-align:center;
}
.technological_infra_list
{
width:100%;
height:auto;
margin-top:30px;
}
.technological_infra_list ul
{
padding:0px;
}
.technological_infra_list ul li
{
text-align:left;
font-size:13px;
list-style:none;
font-weight:400;
letter-spacing:1px;
margin-bottom:25px;
color:#111;
}
.technological_infra_list ul li i	
{
background-color:#fff;
color: #008ece;
float: left;
width: 30px;
height: 40px;
padding: 5px 0px 0px 0px;
font-size: 14px;
}
.listinner_heading
{
font-size:16px !important;
color:#111 !important;
font-weight:500 !important;
letter-spacing:0.5px !important;
}
/*Infrastructure End*/

/*engagement model*/
.engagement_banner
{
width:100%;
height:320px;
background-image:url(../images/ourengagementmodel.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:relative;
top:64px;}
.engagement_banner:after
{
content: " ";
z-index: 10;
display: block;
height:320px;
background:#008ece;
opacity:0.7;
}
.engagement_banner_bannerhdtxt
{
position:relative;
top:-145px;
width: 100%;
text-align: center;
font-size: 100px;
color: #eee;
}

/*engagement model End*/

/*communication model*/
.communication_banner
{
width:100%;
height:355px;
background-image:url(../images/communication-model-banner.png);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:70px;}
.communication_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.7;
}
.communication_banner_bannerhdtxt
{
position:relative;
top:-185px;
width: 100%;
text-align: center;
font-size: 100px;
color: #eee;
}

/*communication model End*/


/*become a partner*/
.becomepartner_banner
{
width:100%;
height:357px;
background-image:url(../images/become-partner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:57px;}
.becomepartner_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.7;
}
.becomepartner_bannerhdtxt
{
position:relative;
top:-185px;
width: 100%;
text-align: center;
font-size:75px;
color: #eee;
}
.partner_codestxt
{
width:100%;
height:auto;
padding:0px 0px 45px 0px;
text-align:center;
font-size:25px;
color:#111;
letter-spacing:1px;
float:left;
}
.innercontent_text
{
width:100%;
height:auto;
font-size:13px;
letter-spacing:0.8px;
color:#333;
margin-bottom:30px;
line-height:28px;
}
.become_partnerbtn
{
background-color:#fff;
border:1px solid #ff6600;
color:#ff6600;
padding:10px 30px;
border-radius:10px;
font-size:15px !important;
}
.become_partnerbtn:hover
{
text-decoration:none;
background-color:#ff6600;
color:#fff;
}
.becomepartner_terms
{
width:100%;
height:auto;
float:left;}
.outsourcehdtxt
{
width:100%;
text-align:center;
font-size:30px;
font-weight:400;
color:#008ece;
}
.outsourcehdtxt i
{
color:#555;
}
.innerheading
{
font-size:17px;
margin-top:25px;
font-weight:600;
color:#555;
}
.innercontent_text span
{
font-size:14px;
color:#ff6600;
font-weight:500;
}
.innercontent_text div i
{
float: left;
width: 20px;
height:28px;
padding: 10px 0px;}
/*become a partner End*/



/*Our Clients*/
.client_banner
{
width:100%;
height:357px;
background-image:url(../images/banner-clients.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:57px;}
.client_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.7;
}
.client_bannerhdtxt
{
position:relative;
top:-185px;
width: 100%;
text-align: center;
font-size:75px;
color: #eee;
}

.da-thumbs li a div {
top: 0px;
left: -100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.da-thumbs li a:hover div{
left: 0px;
}

.clr{
clear: both;
padding: 0;
height: 0;
margin: 0;
}
.container > header{
margin: 10px;
padding: 20px 10px 10px 10px;
position: relative;
display: block;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
text-align: center;
}
.container > header > span{
font-size: 20px;
line-height: 20px;
display: block;
font-weight: 400;
font-style: italic;
color: #719dab;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.container > header h1{
font-size: 40px;
line-height: 40px;
margin: 0;
position: relative;
font-weight: 300;
color: #498ea5;
padding: 5px 0px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}
.container > header h1 span{
font-weight: 700;
}
.container > header h2{
font-size: 14px;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0;
padding: 15px 0 5px 0;
color: #6190ca;
text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}
.container > header p{
font-style: italic;
color: #aaa;
text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}
/* Header Style */
.codrops-top{
line-height: 24px;
font-size: 11px;
background: #fff;
background: rgba(255, 255, 255, 0.6);
text-transform: uppercase;
z-index: 9999;
position: relative;
box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}
.codrops-top a{
padding: 0px 10px;
letter-spacing: 1px;
color: #333;
display: inline-block;
}
.codrops-top a:hover{
background: rgba(255,255,255,0.9);
}
.codrops-top span.right{
float: right;
}
.codrops-top span.right a{
float: left;
display: block;
}
/* Demo Buttons Style */
.codrops-demos{
text-align:center;
display: block;
line-height: 30px;
padding: 5px 0px;
}
.codrops-demos a{
display: inline-block;
margin: 0px 4px;
padding: 0px 6px;
color: #aaa;
line-height: 20px;	
font-size: 13px;
text-shadow: 1px 1px 1px #fff;
border: 1px solid #ddd;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
.codrops-demos a:hover{
color: #333;
box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
.codrops-demos a:active{
background: #fff;
}
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{
background: #f6f6f6;
}
.da-thumbs {
list-style: none;
padding:0px;
float:left;
margin:45px 0px;
}
.da-thumbs li {
float: left;
margin:10px;
background: #fff;
padding:5px;
position: relative;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
border:1px solid #ff6600;
width: 23%;
text-align: center;
}
.da-thumbs li a,
.da-thumbs li a img {
display: block;
position: relative;
height:165px;
border:1px solid #ccc;
}
.da-thumbs li a {
overflow: hidden;
}
.da-thumbs li a div {
position: absolute;
background: #333;
background: rgba(75,75,75,0.7);
width: 100%;
height: 100%;
}
.da-thumbs li a div span {
display: block;
padding: 10px 0;
text-align:center;
margin:35px 20px 20px 20px;
font-weight: normal;
color:#fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}
.knowour_customer
{
width:100%;
text-align:center;
font-size:35px;
font-weight:300;
color:#111;
letter-spacing:0.5px;
}
.knowour_customer p
{
font-size:14px;
font-weight:400;
color:#555;
margin-top:10px;
padding:0px 80px;
line-height:25px;
}
.bottomline
{
width:100px;
margin:0 auto;
height:1px;
background-color:#ff6600;
}

.portfolio-content, .portfolio-area{width:100%;}
.title-page{font-size:40px;margin:50px 0px 60px 0px;color:#151515;}
.goto{float:right;width:130px;margin:-80px 30px 0px 0px;}

/**** PORTFOLIO STYLES*****/
.portfolio-categ{margin-bottom:30px; text-align:center;}
.portfolio-categ li{display:inline;margin-right:10px;}
.portfolio-categ li a
{
padding:0px 15px;
font-size:16px;
letter-spacing:0.8px;
color:#ff6600;
}


.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:10px;}
.image-block img:hover{border: 1px solid #ff6600; box-shadow:0 0 5px #ff6600;}
.portfolio-area li{
float: left;margin:0;overflow: hidden;width:25%;padding:5px;}
.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:underline; color:#555;}
/**** END PORTFOLIO STYLES*****/


div.light_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_rounded .pp_nav .pp_play{background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_nav .pp_pause{background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_content{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_rounded .pp_nav .pp_play{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_nav .pp_pause{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_square .pp_expand{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_square .pp_nav .pp_play{background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_nav .pp_pause{background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_arrow_previous{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_top .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content .ppt{color:#000;}div.facebook .pp_content_container .pp_left{background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_content{background:#fff;}div.facebook .pp_expand{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.facebook .pp_expand:hover{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.facebook .pp_contract{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.facebook .pp_contract:hover{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.facebook .pp_close{width:22px;height:22px;background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_arrow_previous{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_arrow_next{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_nav .pp_play{background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_nav .pp_pause{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_next:hover{background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor: pointer;}div.facebook .pp_previous:hover{background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_bottom .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}

.pp_gallery a {
background: none !important;
border: none !important;
display: none !important;
height: 146px;
padding: 2px !important;
width: 235px;
}
/*Our Clients End*/
/*about us end */


/*Services */
.services_banner
{
width:100%;
height:357px;
background-image:url(../images/services_ban.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:57px;}
.services_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.5;
}
.services_content
{
width: 100%;
height:auto;
float:left;
background-color: #fff;
position: relative;
top: 20px;
margin-bottom: 55px;
padding: 30px;
text-align: center;
box-shadow: 0px 0px 15px 1px #ccc;
}
.service_hdtxt
{
font-size:35px;
font-weight:400;
color:aaa;
letter-spacing:0.5px;
margin-bottom:20px;
}
.service_subhdtxt
{
font-size:25px;
font-weight:300;
color:#ff6600;
letter-spacing:0.5px;
margin-bottom:50px;
}
.left-quotes
{
width: 24px;
text-align: center;
float: left;
font-size: 20px;
}
.right_quotes
{
width: 24px;
text-align: center;
float: left;
font-size: 20px;
position: absolute;
right: 200px;
top: 185px;
}
.content p
{
text-align:left;
font-size:14px;
letter-spacing:0.3px;
color:#555;
font-weight:400;
margin-bottom:20px;
line-height:25px;
}
.serviceimg
{
width:100%;
text-align:center;
}
.serviceimg img
{
width:470px;
}
.our_rangeof_Services
{
width:100%;
height:auto;
padding:30px 0px 30px 0px;
margin:0px 0px 30px 0px;
float:left;
}
.our_rangeof_Services a
{
text-decoration:none;
}
.our_rangeof_Services a:hover
{
text-decoration:none;
color:#ff6600;
}

.web_app_services
{
width:200px;
height:200px;
background-color:#f064ad;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.web_app_services i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.web_app_services img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.web_app_services:hover
{
background-color:#aaa;
}

.Mobility_Solutions
{
width:200px;
height:200px;
background-color:#4ecbc7;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.Mobility_Solutions:hover
{
background-color:#aaa;
}

.Mobility_Solutions i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.Mobility_Solutions img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}


.ecommerce_platform
{
width:200px;
height:200px;
background-color:#b55ad6;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.ecommerce_platform:hover
{
background-color:#aaa;
}

.ecommerce_platform i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.ecommerce_platform img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}

.seointernet_marketing
{
width:200px;
height:200px;
background-color:#6283db;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.seointernet_marketing:hover
{
background-color:#aaa;
}

.seointernet_marketing i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.seointernet_marketing img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}

/*.cms
{
width:200px;
height:200px;
background-color:#f5ca48;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.cms:hover
{
background-color:#aaa;
}*/

.cms i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.cms img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}


.responsiveweb_design
{
width:200px;
height:200px;
background-color:#8984ff;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.responsiveweb_design:hover
{
background-color:#aaa;
}

.responsiveweb_design i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.responsiveweb_design img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}

.managed_services
{
width:200px;
height:200px;
background-color:#23A09C;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.managed_services:hover
{
background-color:#aaa;
}

.managed_services i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.managed_services img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}

.support_maintenance
{
width:200px;
height:200px;
background-color:#BD41AF;
border-radius:50%;
margin:0 auto;
border:10px solid #fff;
text-align:center;	
}
.support_maintenance:hover
{
background-color:#aaa;
}

.support_maintenance i
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}
.support_maintenance img
{
color: #fff;
font-size: 60px;
padding:65px 0px;
}


.service_labeltxt
{
width:100%;
text-align:center;
margin:15px 0px 0px 0px;
font-size:16px;
letter-spacing:0.5px;
color:#111;
font-weight:500;
}
.service_labeltxt:hover
{
color:#ff6600;
}
.bottom_section
{
width:100%;
float:left;
margin-top:50px;
}
.ourextra_servehdtxt
{
width:100%;
height:auto;
float:left;
text-align:center;
font-size:33px;
letter-spacing:0.5px;
color:#111;
}
.ourextra_servesubtxt
{
width:100%;
height:auto;
float:left;
text-align:center;
font-size:14px;
letter-spacing:0.9px;
color:#555;
font-weight:300;
line-height:25px;
margin:0px 0px 30px 0px;
}
.content_mgt_banner
{
width:100%;
height:auto;
float:left;
padding:14px 0px;
margin:65px 0px 0px 0px;
}
#cookie-msg
{
position: fixed;
bottom: 0px;
width: 100%;
text-align: center;
padding: 14px 50px !important;
background-color: rgb(34, 34, 34);
color: white;
font-size: 11px !important;
letter-spacing: 0.8px !important;
}
.underline
{
width:10%;
margin:20px 45% 25px 45%;
height:2px;
float:left;
background-color:#ccc;
}
/*web application */
.webapp_banner
{
width:100%;
height:357px;
background-image:url(../images/banner2-webapp.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:70px;}
.webapp_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.5;
}
.customer_needs
{
width:100%;
height:auto;
float:left;
margin:100px 0px 0px 0px;
text-align:center;
}
.tophead_txt
{
font-size:32px;
letter-spacing:0.5px;
color:#ff6600;
}
.topsub_txt
{
font-size:15px;
letter-spacing:0.5px;
color:#555;
line-height:28px;
}
.mgtinfo_system
{
width:100%;
height:auto;
float:left;
margin-bottom:10px;
padding:30px;
background-color:#fff;
}
.mgtinfo_system div img
{
width:115px;
padding:30px 0px;
}
.mgtinfo_system div img:hover
{
cursor:pointer;
transform: scale(1.1);
cursor:pointer;
}

.magtinfo_hdtxt
{
font-size:16px;
letter-spacing:0.5px;
color:#ff6600;
font-weight:500;
}
.magtinfo_subtxt
{
font-size:13px;
letter-spacing:0.5px;
color:#555;
font-weight:400;
line-height:20px;
}
.middivision
{
margin: -23px 24% 0px 24%;
box-shadow: 0px 0px 25px 1px #ccc;
padding:0px !important;
}
.content_border
{
width:100%;
height:1px;
background-color:#f8f8f8;
float:left;
margin-top:15px;
}
.readmore_btn
{
width:100%;
text-align:right;
margin-top:20px;
float:left;
}
.readmore_btn a
{
border:1px solid #aaa;
padding:5px 10px;
color:#aaa;
border-radius:10px;
font-size:12px;
}
.readmore_btn a:hover
{
border:1px solid #ff6600;
color:#ff6600;
}
.whyweb_appdevelop
{
font-size:18px;
color:#ff6600;
letter-spacing:0.5px;
font-weight:500;
}
.whyweb_appdeveloplist
{
width:100%;
}
.whyweb_appdeveloplist ul
{
padding:0px 0px 0px 20px;
}
.whyweb_appdeveloplist ul li
{
list-style:circle;
line-height:25px;
font-size:14px;
}
.seo_splitpoints
{
width:100%;
height:auto;
float:left;
margin:30px 0px;
}
.seo_splitpointshdtxt
{
width:100%;
height:auto;
float:left;
font-size:18px;
color:#ff6600;
letter-spacing:0.5px;
font-weight:500;
}
.seo_splitpointssubtxt
{
width:100%;
height:auto;
float:left;
font-size:14px;
color:#555;
letter-spacing:0.7px;
font-weight:300;
margin:10px 0px 0px 0px;
line-height:25px;
}
.seo_split
{
width:100%;
height:auto;
float:left;
margin:20px 0px 20px 0px;
}
/*web application end */

/*MIS */
.mis_banner
{
width:100%;
height:357px;
background-image:url(../images/MIS-banner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:70px;}
.mis_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.5;
}
.mistophead_txt
{
font-size:25px;
letter-spacing:0.5px;
color:#ff6600;
}
.mistopsub_txt
{
font-size:15px;
letter-spacing:0.5px;
color:#555;
line-height:28px;
text-align:left;
margin-top:35px;
}
.mis_offers
{
width:100%;
text-align:center;
margin-bottom:15px;
font-size:25px;
font-weight:400;
color:#ff6600;
}
.mis_section
{
width:100%;
height:auto;
padding:30px;
background-color:#4ecbc7;
margin:35px 0px;
}
.our_misoff
{
width:100%;
}
.our_misoff ul
{
padding:0px;
}
.our_misoff ul li
{
list-style:none;
line-height:28px;
color:#fff;
font-size:15px;
letter-spacing:0.5px;
}
.misoff_subhdtxt
{
color: #a27304;
font-weight: 500;
letter-spacing: 0.5px;
font-size: 15px;
}
.misoff_subcontenttxt
{
color:#fff;
letter-spacing: 0.5px;
line-height: 25px;
}
.our_misoff ul li i
{
color:#FFBC1D;
}

/*MIS end */
/*Services end */


/*Industries */
.industry_banner
{
width:100%;
height:357px;
background-image:url(../images/industry-banner.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:100% 96%;
position:relative;
top:70px;}
.industry_banner:after
{
content: " ";
z-index: 10;
display: block;
height:350px;
background:#008ece;
opacity:0.5;
}
.howcan_wehelp
{
width:100%;
text-align:center;
margin:80px 0px 25px 0px;
font-size:35px;
color:#ff6600;
}
.howcan_wehelp_underline
{
width:100px;
margin:0 auto;
height:3px;
background-color:#555;
margin-top:8px;
}
.indutryhelp_quotes
{
width:100%;
text-align:center;
font-size:25px;
font-weight:300;
letter-spacing:0.5px;
padding:0px 50px;
margin-bottom:35px;
line-height:32px;
}
/*.ecommerce
{
width:100%;
height:auto;
float:left;
padding:30px;
background-color:#eee;
margin:0px 0px 35px 0px;
}
*/.ecomhdtxt
{
width:100%;
text-align:center;
font-size:35px;
color:#008ece;
}
.ecomhdtxt span
{
color:#e03026;
}
.ecomsubtxt
{
width:100%;
text-align:center;
font-size:16px;
color:#555;
line-height:25px;
letter-spacing:0.4px;
}

.resposive_ecom
{
width:100%;
background-color:#fff;
text-align:center;
padding:20px;
margin-top:30px;
border:2px solid #F99432;
}
.resposive_ecom img
{
width:60px;
}
.fast_checkout
{
width:100%;
background-color:#fff;
text-align:center;
padding:20px;
margin-top:30px;
border:2px solid #6CCB5F;

}
.fast_checkout img
{
width:60px;
}

.ecom_features
{
width:100%;
background-color:#fff;
text-align:center;
padding:20px;
margin-top:30px;
border:2px solid #F99432;
}
.ecom_features img
{
width:60px;
}


.content_management
{
width:100%;
background-color:#fff;
text-align:center;
padding:20px;
margin-top:30px;
border:2px solid #6CCB5F;

}
.content_management img
{
width:80px;
}

.ecom_marketing
{
width:100%;
background-color:#fff;
text-align:center;
padding:20px;
margin-top:30px;
border:2px solid #F99432;

}
.ecom_marketing img
{
width:80px;
}
.ecom_contenthdtxt
{
margin:20px 0px 10px 0px;
font-size:16px;
font-weight:500;
letter-spacing:0.3px;
}
.ecom_contentsubtxt
{
margin:0px 0px 10px 0px;
font-size:12px;
font-weight:400;
letter-spacing:0.3px;
}
.manufacturing
{
width:100%;
height:auto;
float:left;
padding:30px 0px;
background-color:#eee;
margin:0px 0px 35px 0px;
}
.manufacturing img
{
width:150px;
text-align:center;
}
.manusubhdtxt
{
font-size: 23px;
margin: 20px 0px 20px 0px;
color: #F99432;
font-weight: 300;
letter-spacing: 0.5px;
}
.manusub_contenttxt
{
width:100%;
text-align:left;
font-size:14px;
letter-spacing:0.5px;
color:#555;
line-height:25px;
}
.other_industries
{
width:100%;
height:auto;
float:left;
padding:30px 0px;
background-color:#eee;
margin:0px 0px 35px 0px;
}
.other_industries img
{
width:150px;
text-align:center;
}

/*Industries end */













/*Footer*/
/*back to top*/
#return-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
width:35px;
height:35px;
display: block;
text-decoration: none;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display:none !important;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left:9px;
top:7px;
font-size:17px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
}
/* back to top end */

.footer
{
width:100%;
height:auto;
background-color:#000;
margin:30px 0px 0px 0px;	
color:#fff;
float:left;
}
.footer > .container
{
margin-top:30px;
}
.footer_layer
{
width: 100%;
height:342px;
float: left;
background-color: #111111d4;
position: absolute;
padding: 30px 0px 0px 0px;
}
.footer:after
{
content: " ";
z-index: 10;
display: block;
position:absolute;
height:500px;
background:#008ece;
opacity:0.5;
}
.footer_logo
{
width:100%;
height:auto;
text-align:left;
font-size:15px;
font-weight:400;
letter-spacing:1.7px;
font-family:'Russo One', sans-serif !important;
}
.footer_logo a
{
font-size:32px;
font-weight: 400;
color: #fff;
font-family: 'Russo One', sans-serif !important;
letter-spacing: 1.8px;}
.footer_logo a:hover
{
text-decoration:none;
color:#fff;
}

.quicklinks
{
width:100%;
text-align:left;
}
.quicklinks ul {
padding: 0px;
margin: 0px 0px 18px 0px !important;
}
.quicklinks ul p
{
font-size: 16px;
color: #fff;
letter-spacing: 0.5px;
margin: 0px 0px 4px 0px;
padding: 0px;
}
.quicklinks ul li
{
list-style:none;
line-height:25px;
}
.quicklinks ul li a
{
font-size:13px;
font-weight:400;
letter-spacing:0.5px;
color:#aaa;
}
.quicklinks ul li a:hover
{
text-decoration:none;
color:#ff6600;
}
.address
{
color:#aaa;
font-size:13px;
letter-spacing:1px;
line-height:20px;
}
.signup_newlr
{
font-size:16px;
color:#fff;
letter-spacing:0.5px;
margin-bottom:20px;
}
.get_regularupdt
{
font-size: 12px;
font-weight: 300;
color: #aaa;
letter-spacing: 1px;
margin-bottom:10px;
}
.newstxtbox
{
width:79%;
padding: 8px 10px;
border: 1px solid #fff;
background-color: #fff;
outline: none;
color: #111 !important;
border-radius: 5px;
}
.subtn
{
background-color: #008ece;
border: 1px solid #008ece;
color: #fff;
padding:9px 10px;
font-size: 13px;
letter-spacing: 0.5px;
border-radius: 5px;
}

.subtn:hover
{
background-color: #ff6600;
border: 1px solid #ff6600;
}
.contactno
{
margin:40px 0px 10px 0px;
font-size:13px;
font-weight:300;
color:#aaa;
letter-spacing:1px;
}
.mailid
{
font-size:13px;
font-weight:300;
color:#aaa;
letter-spacing:1px;
}
.mailid a
{
color:#aaa;
}
.mailid a:hover
{
color:#ff6600;
}
.privacy_policy
{
width:100%;
border-top:1px solid #0e0e0e;
margin-top:28px;
}
.privacyploicy
{
color:#fff;
padding:2px 0px;
}
.privacyploicy a
{
font-size:12px;
font-weight:300;
letter-spacing:0.8px;
color:#aaa;
}
.privacyploicy a:hover
{
color:#ff6600;
}
.allrights
{
width:100%;
text-align:right;
padding:2px 0px;
font-size:12px;
font-weight:300;
letter-spacing:0.8px;
color:#aaa;
}
.notification
{
width: 100%;
float: left;
font-size: 12px;
letter-spacing:1px;
}
.notification span
{
color:#FF9A00;
}
.login_btn
{
width: 100%;
height:auto;
float: left;
text-align:right;
padding: 8px 0px;
}
.login_btn a
{
background-color: transparent;
border: 1px solid #111;
padding:3px 15px 5px 15px;
font-size: 12px;
font-weight: 300;
letter-spacing: 0.8px;
color: #111;
border-radius: 11px;
}
.login_btn a:hover
{
background-color:#111;
color:#fff;
text-decoration:none;
}
/*Footer End*/










@media screen and (min-width:300px) and (max-width:897px) {
body
{
overflow-x:hidden;
}
.logo a
{
line-height: auto !important;
}
#page_wrap
{
width:100%;
position:absolute;
}
.menu
{
position:relative !important;
padding:0px 0px 0px 12px;
}
.contact_navigation ul li a
{
color: #e03026;
font-size: 16px;
font-weight:500;
letter-spacing: 0.5px;
}
.submenu li a
{
color:#555 !important;
font-size: 14px !important;
font-weight:500 !important;
letter-spacing: 0.5px !important;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.droparrow:after
{
right:55px !important;
}

.subsubmenu li a
{
color:#555 !important;
font-size: 13px !important;
font-weight:400 !important;
letter-spacing: 0.5px !important;
}
.carousel-inner
{
display:none;
}
.bannerimg
{
height:72px !important;
}
.carousel-indicators
{
display:none;
}
.item:after
{
height:100px;
background: rgba(0, 0, 0, 1);
}
.firstbanner_content
{
display:none;
}
.banner_subcontent
{
display:none;
}
.menu-container
{
display:none;
}
.toggle-button
{
display:block;
z-index: 11111;
}
.legal_serve_list ul li {
width: 100%;
height: auto;
float: left;
list-style: none;
 margin: 0% 0% 1% 0%; 
}
.kn_more_services {
width: 100%;
height: auto;
float: left;
text-align: center;
margin: 0px 0px 30px 0px !important;
}
.testim .cont div p
{
width: 100% !important;	
}
.logo {
width: 100%;
height: 61px !important;
text-align: right;
padding-top: 3px;
left: 45px;
position: relative;
}
.logo a {
font-size: 50px;
font-weight: 800;
color: #000;
/* font-family: 'Alegreya SC' !important; */
font-family: 'Fredoka', sans-serif;
position: relative;
line-height: 50px;
}	
.ain_logo
{
height:54px;
background-size: 75%;
background-position: right;
}
.navigation {
width: 100%;
height: auto !important;
float: left;
padding: 0px 0px 0px 0px !important;
}
.logo a sup
{
right: 3px;
}
.logo a img
{
float:right;
margin:8px 0px;
}
.abtus_section
{
display:none;
}
#about .about-content
{
text-align:center;
}
.section-title
{
text-align:center;
}
.section-title-divider
{
margin:0 auto;
}
#about .about-title
{
font-size:26px;
}
.existing_project
{
padding:30px 0px;
width:100%;
}
.web_eval a
{
font-size:12px;
letter-spacing:0px;
padding:10px 18px;
font-weight:300;
}
.social_links
{
display:none;
}
.counter
{
width:100% !important;
}
.overview_banner
{
display:none;
}
.our_crdilstxt
{
padding:10px 0px;
border-right:none !important;
height:80px;
}
.arrow-right
{
display:none;
}
.overviewhd_txt
{
font-size:25px;
}
.whyain
{
text-align:center;
margin-top:0px;
}
.arrow-left
{
display:none;
}
.security
{
padding:10px 0px;
border-left:none !important;
height:80px;
}
.our_corporatetxt
{
padding:10px 0px;
border-right:none !important;
height:80px;
}
.corporate_arrow_right
{
display:none;
}
.benefits
{
padding:10px 0px;
border-left:none !important;
height:80px;
}
.managementteam_banner
{
display:none;
}
.ourvalues_banner
{
display:none;
}
.ourvalues_bannerhdtxt
{
top:0px;
color:#ff6600;
font-size:50px;
margin: 65px 0px 10px 0px;
}
.ain_providing
{
width:100%;
padding:0px;
font-size:21px;
margin-bottom:50px;
}
.Infrastructure_banner
{
width: 100%;
height: auto;
float:left;
}
.Infrastructure_banner:after
{
width: 100%;
height: auto;
float:left;
}
.Infrastructure_banner_bannerhdtxt
{
font-size: 45px;
color: #ff6600;
margin: 73px 0px 0px 0px;
top: 0;
}
.infrahd_text
{
font-size: 24px;
font-weight: 300;
color: #111;
letter-spacing: 0.5px;
text-align: center;
margin:0px 0px 30px 0px;
}
.technology_infrasture
{
font-size: 19px;
}
.becomepartner_banner
{
width: 100%;
height: auto;
float:left;
}
.becomepartner_banner:after
{
width: 100%;
height: auto;
float:left;
}
.becomepartner_bannerhdtxt
{
font-size: 48px;
color: #111;
top:0px;
}
.partner_codestxt
{
font-size: 15px;
line-height: 28px;
padding: 8px 0px 45px 0px;
}
.innercontent_text
{
text-align: center;
margin-bottom: 14px;
}
.innercontent_text
{
text-align: left;
}
.content_mgt_banner
{
display:none;
}
.our_rangeof_Services
{
margin: 50px 0px 30px 0px;
padding: 30px 0px 0px 0px;
}
.range_of_services
{
padding: 15px 30px;
margin:0px 0px 30px 0px;
}
.abt_cms
{
display:none;
}
.contactform div
{
padding:4px 15px  !important;
}
.contactform img
{
top: 42px !important;
right: 17px !important;
}
.textbox
{
margin: 0 auto 0px auto;
}
.addtxt 
{
width: 80%;
height: auto;
float: left;
}
.mobile, .envelop
{
margin-bottom:10px;
}




.footer
{
text-align:center;
padding:0px !important;
}
#return-to-top i
{
left:0px;
}
#return-to-top
{
z-index:111;
}
.newlettr
{
margin-bottom:25px;
}
.newstxtbox
{
width: 70%;
}
.subtn
{
width:28%;
}
.privacyploicy
{
padding: 10px 0px 0px 0px;
}
.allrights
{
text-align:center;
padding:5px 0px 12px 0px;
}
.contact_navigation
{
height:70px;
}
.contactus_banner
{
display:none;
}
.contact_content
{
margin:90px 0px 55px 0px;
}
.subtxt
{
padding:0px;
}

#about {
background: #fff;
padding: 60px 0 70px 0px;
}
.whtour_clientsays, #quote-carousel, .our_clientstxt, .section-title-divider, .slider, .slider-wrap, .signup_newlr, .signup_newlr, .contactno, .mailid.newlettr, .newlettr
{
display:none;
}
.privacy_policy
{
margin:0px;
border:none;
}
.secure_points ul li
{
text-align:left;
}
.secure_points ul {
padding: 0;
}
.managing_directr
{
width:100%;
padding:0px;
margin:0px 0px 30px 0px;
}
.md_description
{
padding:10px;
}
.atus
{
text-align:center;
}
.atus i
{
display:none;
}
.atus div
{
padding:0px 10px !important;
margin: 0px 0px 35px 0px;
}
.goal_subtxt
{
width:100%;
height:auto;
float:left;
margin:0px;
}
.contact_subtxt
{
width:100%;
height:auto;
float:left;
text-align:center !important;
}
.offer_services
{
font-size:26px;
}
.contact_subtxt
{
font-size: 14px;
color: #555;
letter-spacing: 0.5px;
padding:0px;
font-weight: 400;
line-height: 28px;
margin-bottom: 40px;
}
.mobileapp_develop, .webapp_develop, .product_develop, .search_engine, .desktop_develop, .ecoomerce_develop
{
height:auto;
}
.ourmission_heading
{
position:relative;
left:0px;
}
.ourmission_subcontent, .ourvission_subcontent, .corporatevalues_subcontent
{
margin:-50px 0px 30px 0px;
}
.quality_commitment, .quality_commitment:after 
{
width: 100%;
height: auto !important;
float: left;
}
.qual_text 
{
width: 100%;
text-align: center;
position:relative;
padding:0px 10px 25px 10px;
}
.qual_heading
{
color: #111;
}
.commit_content
{
padding:10px;
}
.nasscom_member
{
font-size: 20px;
}
.abtushd_txt
{
margin: 0 !important;
}
.product_quality
{
padding:0px;
color: #111 !important;
font-size: 15px;
}
.verifycontent_subtxt
{
width: 100%;
margin:0px !important;
}
.verification_sec
{
margin: 25px 0px 60px 0px;
}
.verify_content_hdtxt
{
font-size: 24px;
}
.content_hdtxt_border
{
margin: 10px 45% 35px 45%;
}
.greetingtxt
{
margin:0px 0px 10px 0px;
}
.verifycontent_subtxt
{
}
.verification_code 
{
width: 100%;
height: auto;
float: left;
margin: 24px 0px 0px 0px;
}
.verification_code label 
{
width: 100%;
height: auto;
float: left;
}
.otp_insert
{
width: 100%;
height: auto;
float: left;
margin:0px;
}
.verify_btn
{
width: 100%;
height: auto;
float: left;
margin: 30px 0px 0px 0px;
position: relative;
z-index: 11;
}
.resend_code
{
width:100%;
margin: -65px 0px 5px 0px;
right: 0px;
}
.verify_btn input
{
width:100%;
}
.req_quote_hdtxt
{
font-size: 19px;
}
.sitemap_sec {
width: 100%;
height: auto;
float: left;
margin:0px 0px 30px 0px;
}
.pri_policy_hdtxt
{
font-size: 24px;
}
.privacy_policy_midsec {
width: 100%;
height: auto;
float: left;
margin: 0px 0px 0px 0px;
}
.pricing_box
{
margin: 0px 0px 30px 0px;	
}

}