/* Generated by v*i*v*e*k d*h*a*d*w*aL on November 5, 2014 */


@charset "utf-8";
/* CSS Document */

::selection {
  background: #31b0d5; /* WebKit/Blink Browsers */
  color:#fff;
}
::-moz-selection {
  background: #31b0d5; /* Gecko Browsers */
  color:#fff;
}


@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-light-webfont.woff2') format('woff2'),
url('../fonts/opensans-light-webfont.woff') format('woff'),
url('../fonts/opensans-light-webfont.ttf') format('truetype'),
url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
url('../fonts/opensans-bold-webfont.woff') format('woff'),
url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
url('../fonts/opensans-regular-webfont.woff') format('woff'),
url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
url('../fonts/opensans-semibold-webfont.woff') format('woff'),
url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*.vivek {
    -moz-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    -o-transform: translateX(-500px);
    -webkit-transform: translateX(-500px);
    transform:translateX(-500px);
    opacity:0;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.vivek.animated {
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}*/

  /* v*i*v*e*k d*h*a*d*w*aL styles */
  
body{ font-family: 'open_sansregular'; color:#333; background-color:#f4f5f5;}
a:hover, a:focus {
    text-decoration:none; outline:none
}
.fixed_main{ background:url(../img/bg.jpg) no-repeat; height:100%; position:fixed; background-size:cover; width:100%}
.abs .center_div{ display:table; height:500px; margin:0 auto}
.abs .center_div .starter-template{ text-align:center; vertical-align:bottom; display:table-cell}
.abs .center_div .starter-template h1{  font-family: 'open_sansbold'; font-size:48px; color:#fff; margin-bottom:30px; font-weight:bold; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); text-transform:uppercase}
.abs .center_div .starter-template .lead{ color:#fff; font-family: 'open_sanslight'; line-height:36px; font-size:24px;}
.cllr{ clear:both}
.ml_erp{ margin-left:12px !important}
.vhide{ visibility:hidden}
.bnone{ border:none}
.ps{ position:static !important}
.m_zero{ margin-left:0; margin-right:0}
.m_auto{ margin:0 auto; display:block;}
.m_60{ margin-top:13px; display:block}
.tac{ text-align:center !important}
.pic-width{ width:400px;}
.p_filt{ padding-top:40px}
.abs{ position:absolute; z-index:100; top:0; left:0; width:100%}
.vjs-default-skin:before{ content:""; background:#111; position:absolute; width:100%; height:120% !important; opacity:0.44}
.fnt18{ font-size:19px; font-weight:bold; margin:0 0 0 0 !important; color:#000 !important }
.quotes_left{padding:6px 25px;font-family: 'open_sanssemibold'; font-size:12px; text-transform:uppercase; border-radius:0; margin-top:15px;}
.tech_con{ padding:65px 0 35px;}
.tech_con p{ text-align:center; font-family: 'open_sanslight';line-height:normal; color:#333; font-size:19px;}
.mt2{ margin-top:2%;}

/*------------- about us  page lay out start ------------------- */

.about_head{ background:url(../img/about.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.about_head h1{ font-family: 'open_sansbold'; font-size:48px; text-align:center; color:#fff; text-transform:uppercase; font-weight:bold;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4)}
/*.about_head h4:after{ display:block; content:""; border-bottom:4px solid #fff; height:0; margin-top:10px; width:34px; position:absolute; left:49%}*/

.about_head h2{ font-family: 'open_sansbold'; font-size:48px; text-align:center; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}


/*.about_head h1{font-family: 'open_sanssemibold'; font-size:35px; text-align:left; color:#fff; text-transform:capitalize; margin-top:0}*/
.about_head h3{font-family: 'open_sanslight'; font-size:19px; text-align:center; color:#fff; text-transform:capitalize; margin-top:23px; line-height:35px}

/*career*/
.career_head{ background:url(../img/career-head.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.career_head h4{ font-family: 'open_sansbold'; font-size:48px; text-align:center; color:#fff; text-transform:uppercase; font-weight:bold;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4)}
/*.about_head h4:after{ display:block; content:""; border-bottom:4px solid #fff; height:0; margin-top:10px; width:34px; position:absolute; left:49%}*/

.career_head h1{ font-family: 'open_sansbold'; font-size:48px; text-align:center; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}



/*---------------------- thankyou page ----------------------------*/
.tp_head{ background:url(../img/thankyou.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.tp_head h4{ font-family: 'open_sansbold'; font-size:48px; text-align:center; color:#fff; text-transform:uppercase; font-weight:bold;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4)}
.tp_text span{font-family: 'open_sanslight';color:#333; font-size:42px; font-weight:bold; text-align:center; display:block; margin-bottom:10px}
.tp_text p{ padding:0 !important}


/*--------  404  ----------- */
.four_head{background:url(../img/404.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}


/*.career_head h1{font-family: 'open_sanssemibold'; font-size:35px; text-align:left; color:#fff; text-transform:capitalize; margin-top:0}*/
.career_head h3{font-family: 'open_sanslight'; font-size:19px; text-align:center; color:#fff; text-transform:capitalize; margin-top:23px; line-height:35px}
/*career*/
/*approach*/
.approach_head{ background:url(../img/approach-head.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.approach_head h4{ font-family: 'open_sansbold'; font-size:48px; text-align:center; color:#fff; text-transform:uppercase; font-weight:bold;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4)}
/*.about_head h4:after{ display:block; content:""; border-bottom:4px solid #fff; height:0; margin-top:10px; width:34px; position:absolute; left:49%}*/

.approach_head h1{ font-family: 'open_sansbold'; font-size:48px; text-align:center; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}


/*.approach_head h1{font-family: 'open_sanssemibold'; font-size:35px; text-align:left; color:#fff; text-transform:capitalize; margin-top:0}*/
.approach_head h3{font-family: 'open_sanslight'; font-size:19px; text-align:center; color:#fff; text-transform:capitalize; margin-top:23px; line-height:35px}

/*approach*/
/*vision-mission*/
.vision-mission_head{ background:url(../img/vision-mission.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.vision-mission_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}

/*vision-mission*/
/*our company*/

.our-company_head{ background:url(../img/our-company.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.our-company_head h4{ font-family: 'open_sansbold'; font-size:48px; text-align:center; color:#fff; text-transform:uppercase; font-weight:bold;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4)}
/*.about_head h4:after{ display:block; content:""; border-bottom:4px solid #fff; height:0; margin-top:10px; width:34px; position:absolute; left:49%}*/

.our-company_head h1{ font-family: 'open_sansbold'; font-size:48px; text-align:center; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}


/*.our-company_head h1{font-family: 'open_sanssemibold'; font-size:35px; text-align:left; color:#fff; text-transform:capitalize; margin-top:0}*/
.our-company_head h3{font-family: 'open_sanslight'; font-size:19px; text-align:center; color:#fff; text-transform:capitalize; margin-top:23px; line-height:35px}

/*our company*/

/*erp custom*/

.erp_head{ background:url(../img/custom-erp.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.erp_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}
/*erp custom*/
/*value ethics*/
.value-ethics_head{ background:url(../img/value-ethics.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.value-ethics_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}

/*value ethics*/
.about_page_layout{
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 18%, #ecf8fa 18%, #ecf8fa 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(18%, #ffffff), color-stop(18%, #ecf8fa), color-stop(100%, #ecf8fa));
background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 18%, #ecf8fa 18%, #ecf8fa 100%);
background: -o-linear-gradient(left, #ffffff 0%, #ffffff 18%, #ecf8fa 18%, #ecf8fa 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 18%, #ecf8fa 18%, #ecf8fa 100%);
background: linear-gradient(to right, #ffffff 0%, #ffffff 18%, #ecf8fa 18%, #ecf8fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf8fa', GradientType=1 );

padding:40px; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box
}
.about_page_layout h3{ color:#999; font-family: 'open_sanslight'; line-height:36px; font-size:24px; text-align:left}

.about_page_layout h5{font-family: 'open_sanssemibold'; font-size:22px; margin:0; color:#4a81b8; padding-bottom:10px; text-transform:capitalize;text-shadow:0 1px 0 rgba(255,255,255,0.9)}

/*------ old ----- */
/*.about_page_layout p{ font-family: 'open_sanslight'; font-size:16px; color:#68a3de; line-height:36px; text-shadow:0 1px 0 rgba(255,255,255,0.9); margin-bottom:80px}*/

.about_page_layout p{ font-family: 'open_sanslight'; font-size:14px; color:#68a3de; line-height:normal; text-shadow:0 1px 0 rgba(255,255,255,0.9); margin-bottom:80px}

.trans{ width:100%; height:80px; background:rgba(0,0,0,0.1); position:fixed;-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);box-shadow:0 1px 5px rgba(0, 0, 0, 0.4); z-index:100 }
.trans > a.quote{padding:6px 25px;font-family: 'open_sanssemibold'; font-size:12px; text-transform:uppercase; border-radius:0; margin-top:25px; margin-right:120px; float:right}



.trans > section p{ top:31% !important}
.process_about{ background:#f4f5f5; padding:30px 0 30px 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;/*border-bottom:1px solid rgba(0, 0, 0, 0.01);*/ margin-top:10px }
.process_about h1{color:#222; font-family: 'open_sanslight';font-size:40px; text-align:center; text-transform:uppercase}
.process_about p{text-align:center; font-family: 'open_sanslight'; font-size:20px; padding-bottom:20px; line-height:35px}
.pro{padding:10px 43px;font-family: 'open_sanslight'; font-size:14px; text-transform:uppercase; border-radius:0}
.pro:hover{transition:all 0.1s ease-in-out 0s;-moz-transition:all 0.1s ease-in-out 0s;-webkit-transition:all 0.1s ease-in-out 0s}


/* parallex about content */

.about_extend-llex{ background:url(../img/math.png) repeat;background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	
	background-position:100% 0; 
	position:relative;
	min-height:190px;}

.about_extend-llex p{text-align:left; font-family: 'open_sanslight';line-height:normal;  padding-bottom:30px; color:#333}


/* --------- sub links structure ----------- */



/*  font-size:20px;line-height:35px; letter-spacing:1px;color:#515b61; */


/*------------- services  page lay out start ------------------- */

.ser_head{ background:url(../img/about.jpg) no-repeat; padding:150px 0; width:100%; background-size:cover}
.ser_head h3{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}
.ser_con { padding:40px}
.ser_con h4{text-align:center;font-family: 'open_sanssemibold';color:#222; text-transform:uppercase; margin:30px 0 20px ; font-size:21px}
.ser_con p{text-align:center; font-family: 'open_sanslight';line-height:normal; color:#333}
.service_full{ background:url(../img/service_full.jpg) no-repeat;background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0; 
	position:relative;
	/*min-height:917px;*/}
.service_full .ser_post{}	
.service_full .ser_post .inner_post{ padding:40px 20px; background:#fff; height:250px}
.service_full .ser_post .inner_post h2{ color:#22A7F0; /*font-size:20px;*/ font-size:18px; text-align:center; margin:15px 0;font-family: 'open_sanslight'}
.service_full .ser_post .inner_post h2:after{border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    top: 94px;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    width: 20px;}
		
.service_full .ser_post .inner_post p{color:#899399; text-align:center;font-family: 'open_sanslight'; /*font-size:14px;*/ font-size:14px; padding-bottom:0;line-height:28px; padding-top:20px}
.service_full .ser_post .inner_post a{ display:block; text-align:center}
.service_full .ser_post a .inner_post:hover,.service_full .ser_post a .inner_post:hover p, .service_full .ser_post a:hover{ background:none !important ;transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s; cursor:default; color:#fff; text-decoration:none}

.code_1{ background:#eee !important}
.code_2{ background:#e5e8e9  !important}
.code_3{ background:#ECF0F1 !important}
.code_4{ background:#ececec !important}
.code_5{ background:#e1e4e8 !important}
.code_6{ background:#DADFE1 !important}

/*our featured services starts here */

.service_full .our_services_wrap{ padding:20px 0 60px}
.service_full .our_services_wrap h1{ color:#fff; font-size:30px; text-align:center; margin:45px 0 10px; font-family: 'open_sanssemibold'; text-transform:uppercase}
.service_full .our_services_wrap h2{ color:#5bc0de; font-size:16px; text-align:center; margin:40px 0 10px; font-family: 'open_sanssemibold'; text-transform:uppercase}
.service_full .our_services_wrap p{ text-align:center; width:80%;font-family: 'open_sanslight'; color:#eee; display:block; margin:0 auto }
.service_full .our_services_wrap a{font-family: 'open_sanslight'; font-size:16px; color:#0eb2e3; text-align:center; display:block }
.service_full .our_services_wrap a:hover{ text-decoration:none;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s; text-decoration:underline}

.service_full .steps_service{ width:100%; background:#fff; padding:20px; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; height:auto}
.service_full .steps_service h1{ color:#222; font-size:20px; text-align:center; margin:20px 0 20px 0; font-family: 'open_sanssemibold'; text-transform:uppercase}



/* only for service page layout */	
.ser_overlay_index{ z-index:1000}


/*---------------------------- contact us ------------------------------- */

.con_head{ background:url(../img/cont_head.jpg) no-repeat; padding:150px 0; width:100%; background-size:cover}
.con_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4)}
.con_container { padding:30px}
.con_container h4{text-align:center;font-family: 'open_sanssemibold';color:#222; text-transform:uppercase; margin:30px 0 20px ; font-size:21px}
.con_container p{color:#899399; text-align:center;font-family: 'open_sanslight'; font-size:15px; padding-bottom:20px;line-height:28px}
.form-control{ height:42px; padding:9px; border-radius:2px;font-family: 'open_sanslight';}

/*----------------------- footer ----------------------- */
footer{ background:#000; padding:20px 0 20px 0;border-top:3px solid #5bc0de}
.divide{ padding-top:20px;}
.divide h2{ color:#0094c0; text-transform:uppercase; font-size:16px;font-family: 'open_sanssemibold'; margin-bottom:15px}
.divide ul{ margin:0; padding:0}
.divide ul li{ list-style:none; display:block;font-family: 'open_sanslight'; font-size:13px; padding:0 0 8px 0;}
.divide ul li a, .divide h2 a{ color:#5bc0de}
.divide ul li a:hover, .divide h2 a:hover, .divide h2 a:focus, ..divide ul li a:focus{ color:#31b0d5;transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s; text-decoration:none; border:none; outline:none !important}
.case ul li a{ text-transform:uppercase;}

.newsletter{}
.newsletter h2{ color:#fff; text-transform:uppercase; font-size:18px;font-family: 'open_sanssemibold'; margin-bottom:15px}
.news{padding:7px 33px;font-family: 'open_sanslight'; font-size:12px; text-transform:uppercase; border-radius:0}
.news:hover{transition:all 0.1s ease-in-out 0s;-moz-transition:all 0.1s ease-in-out 0s;-webkit-transition:all 0.1s ease-in-out 0s}

.address{}
.address img{ width:100px; height:100px; display:block; float:right; margin-right:-18px}
.address p{ font-size:14px;font-family: 'open_sanslight'; text-transform:capitalize; color:#fff; text-align:right }
.address p a{font-size:14px;font-family: 'open_sanslight';  color:#46b8da; text-transform:lowercase}
.address p a:hover{font-size:14px;font-family: 'open_sanslight';color:#fff;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s; text-decoration:none}



.con_details{ text-align:center}
.con_details p{ font-size:12px;font-family: 'open_sanslight'; text-transform:capitalize; color:#999 }
.con_details p a{font-size:12px;font-family: 'open_sanslight'; text-transform:capitalize; color:#999}
.con_details p a:hover{font-size:12px;font-family: 'open_sanslight'; text-transform:capitalize; color:#46b8da;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s; text-decoration:none}


.link_hold{ border-top:1px solid #333; margin-top:60px; display:none}
.link_hold span{ float:left; font-size:11px; color:#999;font-family: 'open_sanslight'; padding:8px 0}

.link_hold .f_nav{ float:right;padding:8px 0}
.link_hold .f_nav ul{ margin:0; padding:0}
.link_hold .f_nav ul li{ list-style:none; display:inline-block; padding:0 10px}
.link_hold .f_nav ul li a{font-size:11px; color:#999;font-family: 'open_sanslight'; text-transform:capitalize }
.link_hold .f_nav ul li a:hover{ color:#fff;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s; text-decoration:none}

/* social media */

.social_icons{ text-align:right}
.social_icons ul{ margin:0px 10px 0px 0px; padding:0}
.social_icons ul li{ display:inline-block; list-style:none; padding:0 5px}
.social_icons ul li a.fb{ width:24px; height:24px; display:block; background:url(../img/face.png) no-repeat;-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
  overflow:hidden;
}
.social_icons ul li a.twitter{ width:24px; height:24px; display:block; background:url(../img/twitter.png) no-repeat;-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
  overflow:hidden;}
.social_icons ul li a.lin{ width:24px; height:24px; display:block; background:url(../img/lin.png) no-repeat;-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
  overflow:hidden;}
  
  .social_icons ul li a.tube{ width:24px; height:24px; display:block; background:url(../img/y-tube.png) no-repeat;-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
  overflow:hidden;}
  
  .social_icons ul li a.pin{ width:24px; height:24px; display:block; background:url(../img/pin.png) no-repeat;-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
  overflow:hidden;}
  
  .social_icons ul li a.plus{ width:24px; height:24px; display:block; background:url(../img/plus.png) no-repeat;-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
  overflow:hidden;}
  
  .social_icons ul li a.rss{ width:24px; height:24px; display:block; background:url(../img/rss.png) no-repeat;-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
  overflow:hidden;}
  
  

.social_icons ul li a.fb:hover{-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg); cursor:pointer}
	
.social_icons ul li a.twitter:hover{-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg); cursor:pointer}
	
.social_icons ul li a.lin:hover{-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg); cursor:pointer}
	
.social_icons ul li a.tube:hover{-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg); cursor:pointer}
	
.social_icons ul li a.pin:hover{-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg); cursor:pointer}
	
	.social_icons ul li a.plus:hover{-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg); cursor:pointer}	
    
.social_icons ul li a.rss:hover{-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg); cursor:pointer}	
	
	
.copy-right{ color:#5bc0de; padding-top:5px; font-size:10px; display:inline-block;font-family: 'open_sanslight';}
.lowr_link{ margin:0; padding:0;display:inline-block; margin-left:10px;}
.lowr_link li{ list-style:none; display:inline-block;font-family: 'open_sanslight'; font-size:10px; padding:0 5px 8px 0;}
.lowr_link li a{ color:#fff;}
.lowr_link li a:hover{ color:#31b0d5;transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s; text-decoration:none}
	
	
/*-------------------- portfolio ------------------------- */

.port_head{ background:url(../img/portfolio.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.port_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}	
.port_head p{color:#899399; text-align:center;font-family: 'open_sanslight'; font-size:15px; padding-bottom:20px;line-height:28px}
.og-details p{font-family: 'open_sanslight';line-height:28px;font-size:15px;}
.og-details h3{font-family: 'open_sanssemibold'; text-transform:capitalize; font-size:32px}
.og-details a{ border:3px solid #46b8da; color:#46b8da;font-family: 'open_sanslight'; font-size:15px;}


.og-grid li{ height:286px}

	
/*-------------------- portfolio ends ------------------------- */	

/*-------------------------- carrers start --------------------------------- */

.carrer_head{ background:url(../img/carrers.jpg) no-repeat; padding:150px 0; width:100%; background-size:cover}
.carrer_head h3{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}
.carrer_layout { /*padding-bottom:30px*/}
.carrer_layout p{text-align:left;font-family: 'open_sanslight';line-height:normal;font-size:14px; padding-bottom:30px}
.carrer_layout h2{ color:#222; font-size:26px; text-align:center; margin:40px 0 30px; font-family: 'open_sanssemibold'; text-transform:uppercase}
.carrer_layout .position {background:url(../img/tech_php_bg.jpg) no-repeat;border: 1px solid #ccc;padding: 20px 10px;}
.carrer_layout .position{background-color: #fff; margin-bottom:30px;
    border: 1px solid #e5e5e5; padding:0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box; height:120px; margin-left:10px;}
	
.carrer_layout .php {background:url(../img/tech_php_bg.jpg) no-repeat;border: 1px solid #ccc;padding: 20px 10px;}
.carrer_layout .php{background-color: #fff; margin-bottom:30px;
    border: 1px solid #e5e5e5; padding:0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box; height:120px; margin-left:10px;}
.carrer_layout .php h2{color: #fff;font-size: 20px;height: 52px;line-height: 5px;margin-bottom: 30px; text-transform:capitalize;
    margin-top: 60px;font-family: 'open_sansbold';}
	
.carrer_layout .net {background:url(../img/tech_net_bg.jpg) no-repeat;border: 1px solid #ccc;padding: 20px 10px;}
.carrer_layout .net{background-color: #fff; margin-bottom:30px;
    border: 1px solid #e5e5e5; padding:0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box; height:120px; margin-left:10px;}
.carrer_layout .net h2{color: #fff;font-size: 20px;height: 52px;line-height: 5px;margin-bottom: 30px; text-transform:capitalize;
    margin-top: 60px;font-family: 'open_sansbold';}

.carrer_layout .ios {background:url(../img/tech_ios_bg.jpg) no-repeat;border: 1px solid #ccc;padding: 20px 10px;}
.carrer_layout .ios{background-color: #fff; margin-bottom:30px;
    border: 1px solid #e5e5e5; padding:0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box; height:120px; margin-left:10px;}
.carrer_layout .ios h2{color: #fff;font-size: 20px;height: 52px;line-height: 5px;margin-bottom: 30px; text-transform:capitalize;
    margin-top: 60px;font-family: 'open_sansbold';}


.carrer_layout .anroid {background:url(../img/tech_anroid_bg.jpg) no-repeat;border: 1px solid #ccc;padding: 20px 10px;}
.carrer_layout .anroid{background-color: #fff; margin-bottom:30px;
    border: 1px solid #e5e5e5; padding:0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box; height:120px; margin-left:10px;}
.carrer_layout .anroid h2{color: #fff;font-size: 20px;height: 52px;line-height: 5px;margin-bottom: 30px; text-transform:capitalize;
    margin-top: 60px;font-family: 'open_sansbold';}
	
.carrer_layout .cms {background:url(../img/tech_cms_bg.jpg) no-repeat;border: 1px solid #ccc;padding: 20px 10px;}
.carrer_layout .cms{background-color: #fff; margin-bottom:30px;
    border: 1px solid #e5e5e5; padding:0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box; height:120px; margin-left:10px;}
.carrer_layout .cms h2{color: #fff;font-size: 20px;height: 52px;line-height: 5px;margin-bottom: 30px; text-transform:capitalize;
    margin-top: 60px;font-family: 'open_sansbold';}
	
	
.carrer_layout .position p{ text-align:center}	
	

.carrer_layout .position h5{ text-align:center; font-size:12px; height:36px;font-family: 'open_sansregular'; color:#222; text-transform:capitalize}
.carrer_layout .position h2{color: #fff;font-size: 20px;height: 52px;line-height: 5px;margin-bottom: 30px; text-transform:capitalize;
    margin-top: 60px;font-family: 'open_sansbold';}
	
.carrer_layout a .position { color:inherit}	
.carrer_layout a:hover,.carrer_layout a:focus{ text-decoration:none}
.carrer_layout a:hover .position { -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1);box-shadow:0 0 30px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); text-decoration:none; -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
/*-------------------------- carrers ends --------------------------------- */


/*------------  web design & development ---------------- */
.webdevelop_head{ background:url(../img/ser_head.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.webdevelop_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}
.web_dev{ padding-top:50px; padding-bottom:30px}
.web_dev p{text-align:center;font-family: 'open_sanslight';line-height:normal; letter-spacing:1px; }

/*------------  staffing service ---------------- */
.staffing_head{ background:url(../img/staffing-head.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.staffing_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}
/*------------  staffing service ---------------- */

/*------------ custum-erp---------------- */
.custum-erp_head{ background:url(../img/custom-erp.jpg) no-repeat center; padding:150px 0; width:100%; background-size:cover}
.custum-erp_head h3{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}
/*------------  custum-erp ---------------- */


/*------------  health care ---------------- */
.healthcare_head{ background:url(../img/health_head.jpg) no-repeat; padding:150px 0; width:100%; background-size:cover}
.healthcare_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}

/*------------  webdevelopment  ---------------- */
.webdevelopment_head{ background:url(../img/mobile_v.jpg) no-repeat; padding:150px 0; width:100%; background-size:cover}
.webdevelopment_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}
/*------------  mobilewebsite  ---------------- */
.mobilewebsite_head{ background:url(../img/mobile_v.jpg) no-repeat; padding:150px 0; width:100%; background-size:cover}
.mobilewebsite_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}
/*------------  mobilewebsite  ---------------- */
/*------------  mobileapp  ---------------- */
.mobileapp_head{ background:url(../img/mobile-app.jpg) no-repeat; padding:150px 0; width:100%; background-size:cover}
.mobileapp_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}

/*------------  ecommerce  ---------------- */
.ecommerce_head{ background:url(../img/e-commerce1.jpg) no-repeat; padding:150px 0; width:100%; background-size:cover}
.ecommerce_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}

.carrer_layout .services_li{ margin:0; padding:0}
.carrer_layout .services_li li{ list-style:none; display:block; padding-left:20px; padding-bottom:10px;font-family: 'open_sanslight'; font-size:14px;color:#333; background:url(../img/tick.png) no-repeat 0 5px;}

/*------------  ecommerce  ---------------- */
.digital_head{ background:url(../img/digital_main.jpg) no-repeat; padding:150px 0; width:100%; background-size:cover}
.digital_head h1{ text-align:center; font-size:48px; font-family: 'open_sansbold'; color:#fff; text-transform:uppercase;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold}




.form-control::-moz-placeholder{ color:#333 } 

/*----------------- linkage ul li ----------------------- */

.filters_static{}
.filters_static ul {  padding:0 0 0 0;margin-bottom: 30px; text-align:center}
.filters_static ul li{  display: inline-block; list-style:none; padding:17px 15px 17px ;border-bottom: 1px solid #cccccc; margin:-2px}

.filters_static ul li a{  color: #999;cursor: pointer;border:none; outline:none;  text-decoration:none;text-transform: capitalize;padding: 19px 15px 19px; margin-bottom: -1px !important;font-size: 13px;  font-family: 'open_sanslight';font-weight:bold;}
.filters_static ul li a:hover,.filters_static ul li a.active{ background:url(../img/filter-active.png) no-repeat center bottom; background-size:16px 7px; border:none; outline:none; text-decoration:none; font-weight:bold; color:#000;
       transition:color 0.25s ease-in-out 0s;}



/*.......... shiv style ------------- */
/*.mt_50{ margin-top:50px;}
.clr{color:#899399;}
.pic{ padding:40px 40px;}
.line_height{ line-height:30px;}
.algn{ text-align:left !important;}*/


/*--------------------------------   shiv new ------------------------- &/

/*sunny*/
.mobile_list
{
	margin-top:50px;
}
.mobile_list li
{
	line-height:40px;
	
	letter-spacing:1px;
	font-size:20px;font-family: 'open_sanslight';
}
.sect2
{
	padding-top:30px; 
	margin-left:-2% !important;
}
.design_list
{
	margin-top:50px;
}
.design_list h3
{
	
	margin-left:-3% !important;font-family: 'open_sansregular';
}
.design_list li
{
	line-height:24px;
	/*color:#515b61;*/font-family: 'open_sanslight';
	letter-spacing:1px;
	
}
.software_list
{
	margin-top:50px;
}
.software_list li
{
	line-height:40px;
	font-family: 'open_sanslight';
	letter-spacing:1px;
	font-size:20px;
}
/*sunny*/

/*sunny*/
.algn{ text-align:left !important;}
.text_space{ letter-spacing:1px;}
/*sunny*/



/*-----------  privacy --------------- */

.privacy_head{background:url(../img/privacy.jpg) no-repeat; padding:150px 0; width:100%; background-size:cover}
.privacy_head h3{ text-align:center; font-size:48px; font-family: 'open_sanssemibold'; color:#fff; text-transform:uppercase}
.privacy_con { padding:40px}
.privacy_con h4{text-align:left;font-family: 'open_sanssemibold';color:#222; text-transform:uppercase; margin:30px 0 20px ; font-size:25px}
.privacy_con p{text-align:left; font-family: 'open_sanslight';font-size:14px;line-height:normal; margin:0 0 10px}
.privacy_con a{ color:#5bc0de; text-decoration:none;font-family: 'open_sansregular';}
.privacy_con a:hover{ color:#31b0d5; text-decoration:underline}
.privacy_con ol{ margin:0; padding:0}
/*---old  22-dec */
/*.privacy_con ul li {font-size: 20px;letter-spacing: 1px;line-height: 40px; font-family: 'open_sanslight'; margin-bottom:15px; margin-left:20px}*/
.privacy_con ol li {list-style:decimal; display:list-item; padding-left:5px; padding-bottom:10px; margin-left:17px;font-family: 'open_sanslight'; font-size:14px;color:#333; }

.help-block{ font-size:10px; margin:0 !important; padding:0}

/* testimonials ------------------------------------ */

.testimonia-llex{ background:url(../img/bg-testimonial.jpg) repeat;background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	
	background-position:100% 0; 
	position:relative;
	min-height:160px;}

.test_head h2{ text-align:center; color:#fff; text-transform:uppercase; font-size:27px;font-family: 'open_sansbold'; margin:0; padding:30px 0 0 0}

.cbp-qtrotator {
	position: relative;
	margin: 0 auto;
	width: 100%;
	
}

.cbp-qtrotator .cbp-qtcontent {
	position: absolute;
	height:auto;
	border-top: 0;
	border-bottom:0;
	padding: 2em 0;
	top: 0;
	z-index: 0;
	opacity: 0;
	width: 100%;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
	border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	position: relative; 
	z-index: 100;
	pointer-events: auto;
	opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
	clear: both;
}

.cbp-qtprogress {
	position: absolute;
	background:none;
	height: 1px;
	width: 0%;
	top: 0;
	z-index: 1000;
}

.cbp-qtrotator blockquote {
	margin: 0 auto;
	padding: 0; border-left:0;
}

.cbp-qtrotator blockquote p {
	line-height:27px;font-size: 14px;text-align:center;color: #fff;font-family: 'open_sanslight'; margin:0 auto; word-wrap:break-word; width:90%; /*line-height:35px;font-size: 20px; */
}

.cbp-qtrotator blockquote footer {
	font-size:23px; text-align:center; background:none; border:none; color:#31b0d5; text-transform:capitalize; padding:0;font-family: 'open_sansbold'; margin-top:15px
}

.cbp-qtrotator blockquote footer:before {
	content: '― ';
}

.cbp-qtrotator .cbp-qtcontent img {
	float: right;
	margin-left: 3em;
}



/*-------- overlay additional css vivek ------------------*/
nav > div.holder_over{ margin:15px 0;}
nav > div.holder_over > h2 { color:#fff;font-family: 'open_sanssemibold'; font-size:25px; text-transform:uppercase; border-bottom:1px solid;padding-bottom:3px; margin-top:0}
nav > div.holder_over > h2 a{ color:#fff;font-family: 'open_sanssemibold'; font-size:25px; text-transform:uppercase;}
nav > div.holder_over > h2 a:hover{ cursor:pointer; text-decoration:none; color:#014d44}
nav > div.holder_over ul { width: 100%; padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; margin:0 }
nav > div.holder_over ul li{ list-style:none; float:left; display:inline-block;font-family: 'open_sanslight'; padding:0 2% 5px 2%; text-align:left; /*width:40%;*/
-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}
nav > div.holder_over ul li a{font-family: 'open_sanssemibold'; color:#f2f2f2;font-size:16px; text-transform:uppercase; /*margin-bottom:10px*/}
nav > div.holder_over ul li a span{ color:#014d44}


nav > div.holder_over ul li a:hover,nav > div.holder_over ul li a:focus{ text-decoration:none; color:#014d44; font-family: 'open_sanssemibold';}

/*-- */
nav > div.holder_over ul li a + ul{ display:block; float:none; width:auto; padding:0 0 0 8%}
nav > div.holder_over ul li a + ul li{ display:block; float:none; width:auto; padding:0}
nav > div.holder_over ul li a + ul li:nth-child(1){ background:none}
nav > div.holder_over ul li a + ul li a{color:#f2f2f2;font-family: 'open_sanslight';font-size:15px; text-transform:capitalize; margin-bottom:3px }
nav > div.holder_over ul li a + ul li a:hover{ text-decoration:none; color:#014d44;font-family: 'open_sanslight'; font-weight:bold }


nav > div.holder_over ul li a + p > a{ color:#f2f2f2;font-family: 'open_sanslight'; font-size:17px; text-transform:capitalize;}
nav > div.holder_over ul li a + p > a:hover{ text-decoration:none; color:#014d44;font-family: 'open_sanslight'; }
/*nav > div.holder_over li:nth-child(1){ background:url(../img/design.png) top left no-repeat}*/
/*nav > div.holder_over li:nth-child(1):hover{background:url(../img/design_h.png) top left no-repeat; }*/




/* services_inner_all */
.services_inner_all{ padding-top:40px}
.services_inner_all h2{ color:#5bc0de;font-family: 'open_sanslight'; font-size:36px; text-align:center; margin:40px 0}
.services_inner_all p{text-align:left;font-family: 'open_sanslight';color:#333; padding:10px 0 !important; margin:0 0 10px; line-height:normal}
.services_inner_all p span{font-family: 'open_sanssemibold';color:#333; font-size:16px; font-weight:bold}

.services_inner_all .services_li{ margin:0; padding:0}
.services_inner_all .services_li li{ list-style:none; display:block; padding-left:20px; padding-bottom:10px;font-family: 'open_sanslight'; font-size:14px;color:#333; background:url(../img/tick.png) no-repeat 0 5px;}


/*------------ c_new ------------ */
.c_new span{font-family: 'open_sanslight';color:#333; font-size:22px; font-weight:bold; text-align:center; display:block; margin-bottom:30px}
.c_new p{ padding-bottom:0 !important}



/*---- our approach -- */
.approach{ padding-bottom:40px;}
.approach p{text-align:left;font-family: 'open_sanslight';color:#333; padding:10px 0 !important; margin:0 0 10px; line-height:normal}

.c_new span{font-family: 'open_sanslight';color:#333; font-size:22px; font-weight:bold; text-align:center; display:block; margin-bottom:25px}



/*------ contact -------- */
.contact_right{}
.contact_right p{ color:#333!important; margin:0 !important; padding:5px 0 !important}
.contact_right p a{ color:#31b0d5}
.contact_right h2{ color:#5bc0de;font-family: 'open_sanssemibold'; font-size:34px; text-align:left; margin:0 0 12px 0}


.og-grid li{ margin:50px 20px 0 !important}
.og-details > a{ display:none}

/*--- */
.captch_new{ color:#fff; background-color:#5bc0de !important; box-shadow:none !important; border:none !important; font-size: 16px;
    font-weight: 800;margin-left: -16px;text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); border-radius:0}
.pright_0{ padding-right:0}
.pleft_0{ padding-left:0}


/*................. custom erp toggle accordion N & v ----------------------- */

/*.accordion dl {
  border: 1px solid #ddd;
}
.accordion dl:after {
  content: "";
  display: block;
  height: 1em;
  width: 100%;
  background-color: #2ba659;
}
.accordion dt > a {
  text-align: center;
  font-weight: 700;
  padding: 2em;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background-color 0.5s ease-in-out;
}
.accordion dd {
  background-color: #eee;
  font-size: 1em;
  line-height: 1.5em;
}
.accordion dd > p {
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
  background-color: #eee;
}

.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 2em 0 2em 0;
}

.accordionTitle {
  background-color: #38cc70;
  border-bottom: 1px solid #30bb64;
}
.accordionTitle:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.5em;
  float: left;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.accordionTitle:hover {
  background-color: #2ba659;
}

.accordionTitleActive {
  background-color: #2ba659;
}
.accordionTitleActive:before {
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
}*/






/* Example for media query */
@media screen and (max-width: 30.6em) { 

	.cbp-qtrotator {
		font-size: 70%;
	}

	.cbp-qtrotator img {
		width: 80px;
	}

}



@media(max-width:768px)
{
.web_dev img{ display:block; margin:0 auto; max-width:100%}	

.service_full .our_services_wrap{ padding:20px 15px 60px}

}

@media( max-width:1024px)
{

.link_hold span{ float:none; text-align:center; display:block}
.link_hold .f_nav{ float:none; text-align:center}
.about_page_layout{ text-align:center; display:table}
.about_page_layout .v_center{ text-align:center; display:block; margin-left:auto; margin-right:auto}
.about_page_layout{ background:#ecf3fa}


.web_dev .v_center{ text-align:center; display:block; margin-left:auto; margin-right:auto}
.about_page_layout .v_center{ text-align:center; display:block; margin-left:auto; margin-right:auto}
.about_page_layout{ text-align:center; display:table}
.about_page_layout{ background:#ecf3fa}

.divide{ text-align:center}
.address img{ width:100px; height:100px; display:block; float:none; margin:0 auto}
.address p{ font-size:14px;font-family: 'open_sanslight'; text-transform:capitalize; color:#fff; text-align:center }
.social_icons{ text-align:center}
.newsletter h2{ text-align:center}
.news{ width:100%}
.copy-right{ display:block; text-align:center;}
.lowr_link{ display:block; text-align:center;}
.filters_static ul li{ display:block;}





.overlay{ overflow-y: scroll;}

.contact_right > p{ text-align:center}
}


@media only screen and ( min-width:768px) and ( max-width:1024px) and (orientation:landscape)
{
.overlay nav{ top:63%}

}


@media ( min-width:1280px) and (max-width:1300px)
{
.service_full .ser_post .inner_post{padding:40px 33px}

}

@media(min-width:320px) and (max-width:480px)
{
.trans > a.quote{ display:none}
.vhide{ display:none !important}
.overlay_vix > nav > h2 a,.overlay_vix > nav > h2{ font-size:17px; margin-bottom:0; margin-top:10px}
.overlay{ overflow-y: scroll;}
.overlay ul{ height:2%}
.overlay ul li a{ font-size:13px; white-space:nowrap}
.abs .center_div{ height:400px}
.abs .center_div .starter-template h1{ font-size:27px}
.abs .center_div .starter-template .lead{ font-size:18px}
section p{ top:7%}

.webdevelop_head h3{ font-size:34px}
.web_dev img{ display:block; margin:0 auto; max-width:100%}
.og-grid li > a, .og-grid li > a img{ width:250px; height:250px; display:block; margin:0 auto}

.og-grid li, .og-grid li img{ width:250px; height:250px; display:block; margin:0 auto}

.og-details h3{ word-break:break-all}
.lead{ padding:0 10px}
}

@media (min-width:480px) and (max-width:500px)
{
.fixed_main{ overflow-y:scroll}	
.abs .center_div .starter-template h1{ font-size:35px}
.abs .center_div .starter-template h1{ margin-bottom:10px}
.abs .center_div{ height:300px}
section p{ top:9%}

}	
@media screen and (max-width:568px){
.overlay nav{ top:50%}
.our-company_head h1{ font-size:34px;}
.vision-mission_head h1{font-size:34px;}
.value-ethics_head h1{font-size:34px;}
.approach_head h1{font-size:34px;}
.career_head h1{font-size:34px;}
.healthcare_head h1{font-size:34px;}
.staffing_head h1{font-size:34px;}
.webdevelopment_head h1{font-size:34px;}
.mobileapp_head h1{font-size:34px;}
.webdevelop_head h1{font-size:34px;}
.ecommerce_head h1{font-size:34px;}
.digital_head h1{font-size:34px;}
.erp_head h1{font-size:34px;}
.about_head h1{font-size:34px;}
.tech_con p{ padding:30px;}
.port_head h1{font-size:34px;}
.con_head h1{font-size:34px;}
.filters_static ul li{ display:block; margin:0; -moz-box-sizing:border-box;box-sizing:border-box; -webkit-box-sizing:border-box}
nav > div.holder_over ul li{ float:none; display:block;}
nav > div.holder_over ul li a{ font-size:13px}
	nav > div.holder_over > h2{ font-size:18px}
	nav > div.holder_over > h2 a{ font-size:18px}
.pright_0{ padding-right:15px}
.pleft_0{ padding-left:15px}
.captch_new{ margin-left:0}
}

/*@media(min-width:320px) and (max-width:568px)
{
.overlay nav{ top:69%}


}*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape)

 {
.fixed_main{ overflow-y:scroll}
.abs .center_div .starter-template h1{ font-size:27px}
.abs .center_div{ height:300px}
.overlay nav{ top:15%}
.overlay nav {font-size: 14px;height: 2px;}
.abs .center_div .starter-template .lead{ font-size:18px}

.overlay_vix > nav > h2 a{ font-size:21px}
.overlay ul li a{ font-size:14px}
section p{ top:12%}

}

@media (max-width:1200px){
	.service_full .ser_post .inner_post{ height:auto !important}
	
	}
	
@media (min-width:1700px){
	.service_full .ser_post .inner_post{ height:auto !important}
	
	}	
@media ( min-width:1280px) and (max-width:1600px){
	.overlay{ overflow-y: scroll;}
	/*.overlay nav{ top:71%}
	.overlay .overlay-close{ right:6%}*/
	}
	
	@media ( min-width:1280px) and (max-width:1400px){
	.overlay{ overflow-y: scroll;}
	.overlay nav{ top:71%}
	.overlay .overlay-close{ right:4%}
	}
	
	@media(max-width:1024px){
		#big-video-vid{ display:none !important}
		
		}