@charset "utf-8";
/*===Owers Details===========================================
==================================================
Created: Anees Thanikal
Date: June 18th 2013
E-mail: thanikalanees@gmail.com
URL: www.sense.co
*/

/*===Fonts==================================================
==================================================*/
@font-face {
font-family: 'helvetica_lt_std_lightregular';
src: url('../fonts/helveticaltstd-light-webfont.eot');
src: url('../fonts/helveticaltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/helveticaltstd-light-webfont.woff') format('woff'),
url('../fonts/helveticaltstd-light-webfont.ttf') format('truetype'),
url('../fonts/helveticaltstd-light-webfont.svg#helvetica_lt_std_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
	font-family: 'Conv_Gotham-Light';
	src: url('../fonts/Gotham-Light.eot');
	src: local('?'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*=== About Us ==================================================
==================================================*/
.content_left{ width:780px; margin:10px 0 80px; float:left;}
.content_wrapper .content_left h2, .content_wrapper h2, .content_left h1{ font:30px/1.2em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; width:100%; margin:0 0 20px; float:left;}
.content_wrapper .content_left p, .content_wrapper p{ font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#000; width:auto; margin:0; float:left;}
.content_wrapper h2{ width:370px;}
.content_wrapper p{ width:555px; margin:0 0 50px; float:right;}
.content_right{ width:125px; margin:0 0 80px; padding:0; float:right;}
.content_right h2{ font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#0099FF; text-transform:uppercase; width:100%; float:left;}
.content_right h2.top{ margin:20px 0 0;}
.content_right p{ font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#000; margin:5px 0; width:100%; float:left;}
.comp_prod, .comp_prod ul{ width:100%; float:left;}
.comp_prod ul li{ margin:0 10px 0 0; float:left;}
/*===Testimonial==================================================
==================================================*/
.testmonials{ background:#EDEDED; width:100%; padding:60px 0; margin:30px 0 80px; position:relative; float:left;}
.content p{ width:700px; margin:10px auto; font:16px/25px 'helvetica_lt_std_lightregular', Sans-Serif; color:#333; text-align:center;}
.content h2{ width:100%; margin:0; font:17px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#4EBCE1; text-align:center; float:left;}
.content  span{ width:100%; margin:0; font:14px/25px Verdana, Geneva, sans-serif; color:#333; text-align:center; float:left;}
#slider { width: 1000px; height: 120px; margin: 0 auto; overflow: hidden; position: relative; padding:40px 0 0; background:url(../images/testi_top.png) center top no-repeat; *background:none; *padding:0;}
.JS #slider { width: 100%; min-width: 1000px; margin:0;}
#items { width: 2000em; position: absolute; /* hardware acceleration */ -moz-transform:rotateX( 0deg ); -webkit-transform:rotateX( 0deg );}
#items > div { float: left;}
#items > div > div { width: 1000px; height: 360px; margin: 0 auto; overflow: hidden;}
/*===Sub navigation==================================================
==================================================*/
.icon_panel{ width:100%; padding:0; margin:0; /*border-bottom:1px solid #F4F4F4; background:#fcfcfc;*/ *margin:0 0 50px; float:left;}
.icon_panel_items{ width:1000px; margin:0 auto;}
.icon_panel_items a{ width:230px; margin:0 26px 42px 0; padding:0; text-align:center; position:relative; float:left;}
.icon_panel_items a.last{ margin:0;}
.icon_panel_items a img{ margin:0; width:100%; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:11px 0 0 0; background:#E0E0E0 url(../images/thumb_dots.png) 9px 5px no-repeat; border-radius:3px 3px 0 0; behavior: url(PIE.htc); float:left;}
.icon_panel_items a h2, .software_cat h2{ font:12px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#333; letter-spacing:1px; -webkit-font-smoothing:antialiased; -webkit-text-stroke:0.1px; width:100%; text-align:center; background:url(../images/categ_shadow.png) top no-repeat; background-size:230px; padding:15px 0 0; float:left;}
.viewport a div, .icon_panel_items a p{font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:10px 0 15px; width:100%; float:left;}
.viewport .dark-background{ width:100%; background:#000; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); padding:56px 0; position:absolute; z-index:9999; left:0; top:0;}
.viewport a div p{ text-transform:uppercase; font-weight:bold; font-size:12px; color:#000; background:#fff; opacity:5; padding:15px 20px; width:auto; margin:0 0 0 40px; border-radius:50px; behavior: url(PIE.htc);}
/*===Management==================================================
==================================================*/
.team{ width:1000px; height:1060px; margin:0 auto 50px; background:url(../images/bg_management.jpg) center no-repeat; overflow:hidden; position:relative;}
.name, .description{ position:absolute; width:300px; overflow:hidden;}
.name h2{ width:100%; margin:0; font:22px Arial, Helvetica, sans-serif; color:#fff; float:left;}
.name span{ width:100%; margin:0; font:italic 16px Georgia, "Times New Roman", Times, serif; color:#ccc; float:left;}
.description p{ width:100%; font:14px/22px Verdana, Arial, Helvetica, sans-serif; color:#000; float:left;}
.name01{ left:150px; top:97px;}
.name02{ right:80px; top:220px;}
.name03{ left:150px; top:520px;}
.name04{ right:80px; top:640px;}
.description01{ left:75px; top:280px; width:400px;}
.description02{ right:95px; top:395px; width:350px;}
.description03{ left:175px; top:670px;}
.description04{ right:115px; top:810px; width:350px;}

/*===Career==================================================
==================================================*/
.career_wrapper{ width:1000px; margin:10px auto 80px; overflow:hidden;}
.career_left{ width:400px; margin:5px 50px 0 0; padding:0; float:left;}
.career_left h1{ width:100%; font:30px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:0 0 20px; padding:0;}
.career_left h2{ width:100%; font:30px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #f4f4f4;}
.career_left p{ font:14px/23px Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:left; width:100%; margin:0; float:left;}
.career_left img{ width:100%; float:left; padding:0; margin:50px 0; border:none;}
.career_right{ width:550px; padding:0; margin:5px 0 0; float:right;}
.career_right h2{ width:100%; font:30px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; text-align:left; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #f4f4f4;}
.carrer_Section{ width:100%; margin:0 0 50px; padding:0; float:left;}
.carrer_Section h3{ width:100%; font:22px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#000; margin:0 0 20px; float:left;}
.carrer_Section p{ width:100%; font: 14px/22px Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:left; float:left;}
.carrer_Section ul{ width:96%; margin:0 0 0 4%; padding:0; float:left;}
.carrer_Section ul li{ width:100%; margin:0; padding:0; font:14px/22px Verdana, Arial, Helvetica, sans-serif; color:#333; list-style:inside disc; float:left;}
.carrer_Section span{ background:url(../images/career_arrow_prev.jpg) left no-repeat; width:auto; font: 14px Verdana, Arial, Helvetica, sans-serif; color:#999; padding:0 0 0 20px; margin:0 0 10px 5px; float:left;}
.carrer_Section a{ width:90%; font: 14px Verdana, Arial, Helvetica, sans-serif; color:#333; margin:0 0 10px; float:left;}
.carrer_Section a:hover{ color:#0B7189;}
.contact_banner h3{ font:30px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:20px 0; padding:0 0 20px; border-bottom:1px solid #fff; width:100%; text-align:center; float:left;}
a.career_apply_btn{ float:right; background:url("../images/prod_button_shadow.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); padding:0 4px 12px;}
a.career_apply_btn span{ margin:0; background:#0099FF;}
a.career_apply_btn span:hover{ background:#000;}
.next_prev_btn{ width:100%; margin:10px 0; padding:10px 0; border-bottom:1px solid #f1f1f1; border-top:1px solid #f4f4f4; float:left;}
.next_prev_btn a{ font:17px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#000;}
.next_prev_btn a.prev{ float:left; background:url(../images/career_arrow_prev.jpg) left no-repeat; padding:0 0 0 20px;}
.next_prev_btn a.next{ float:right; background:url(../images/career_arrow.jpg) right no-repeat; padding:0 20px 0 0;}
.next_prev_btn a:hover{ color:#0B7189;}

.career_main h2, .career_main h3, .career_main span, .career_main a{ text-align:right; float:right;}
.contact_banner a .contact_info{ width:20%;}
.career_wrapper .contact_banner{ margin:0 auto;}

.contact_info ul{ width:100%; margin:0; padding:35px 0; float:left;}
.contact_info ul li{ width:100%; font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; list-style:none; float:left;}
li.phone_icon{ background:url(../images/icon_phone.png) left center no-repeat;}
li.fax_icon{ background:url(../images/icon_fax.png) left center no-repeat;}
li.mail_icon{ background:url(../images/icon_mail.png) left center no-repeat;}

ul.location_text{ background:url(../images/text_location.png) left center no-repeat; padding:35px 0;}
ul.contacts_text{ background:url(../images/text_contacts.png) left center no-repeat; padding:35px 0; text-align:left;}
ul.warehouse_text{ background:url(../images/text_warehouse.png) left center no-repeat; padding:35px 0 25px;}

ul.location_text li{ margin:0 0 0 20px; width:90%; padding:0 5%;}
ul.contacts_text li{ margin:0 0 0 20px; width:90%;}
ul.warehouse_text li{ margin:0 0 0 20px}

ul.contacts_text1{ text-align:left;}
ul.contacts_text1 li{ width:90%; padding:0 5%;}
ul.contacts_text li span, ul.contacts_text1 li span{ float:right; text-align:right;}

/*===Contact page==================================================
==================================================*/
.contact_banner{ width:1000px; margin:0 auto 80px; *margin:80px auto; background:url(../images/world.png) center no-repeat; overflow:hidden;}
.contact_info{ width:25%; margin:0; padding:0; text-align:center; float:left;}
.contact_info img:hover{ opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
.contact_info h2{font:bold 17px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#333; width:100%; margin:20px 0 0; border:none; float:left;}
.contact_info p{font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:20px 0 15px; padding:10px 0 0; width:100%; float:left;}
.contact_info p.one{background:url(../images/contact_vertical_tags.png) left top no-repeat; padding:18px 0 40px 25px; width:85%;}
.contact_info h2.last, .contact_info p.last{}
.contact_form button{ background:url(../images/prod_button_shadow.png) bottom right no-repeat; width:auto; padding:0 0 11px; cursor:pointer; float:left;}
.contact_form button span.send{ font:14px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#fff; background:#8452DE; margin:20px 0 0; padding:10px 20px; border-radius:5px; behavior: url(PIE.htc); float:left; cursor:pointer; z-index:9999; width:auto;}
.contact_form button span.send:hover{ background:#000;}
p#required{ width:auto; margin:30px 0 0 60px; font:14px Verdana, Geneva, sans-serif; color:#F00; float:left;}
.message{ width:100%; padding:10px 0; font:14px Verdana, Geneva, sans-serif; color:#900; background:#FF0; text-align:center;}
/*===Support==================================================
==================================================*/
.support_panel{ width:100%; padding:0; margin:0 0 100px; background:#fcfcfc; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; position:relative; float:left;}
.support_panel_inner{ width:auto; margin:0 0 0 -500px; padding:50px; position:absolute; background-color:rgba(255, 255, 255, 0.75); *background:#fff; border-radius:10px; behavior: url(PIE.htc); top:130px; left:50%;}
.support_panel_inner h1, .contact_form h2{font:22px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#000; text-transform:uppercase; margin:0 0 10px;}
.support_panel_inner p{ font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#333; margin:0;}
/*===Contact form==================================================
==================================================*/
.contact_form{ width:1000px; margin:0 auto 100px; overflow:hidden;}
.contact_form form{ width:50%; float:left;}
.contact_form form span{ font:bold 17px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#333; width:100%; margin:20px 0 5px; float:left;}
.contact_form form input, .contact_form form textarea{ border:1px solid #f4f4f4; padding:10px; min-width:90%; max-width:90%; width:90%; font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; float:left;}
.contact_form form textarea{ min-height:250px; height:250px;}
.contact_form form a{ background:#A41AA4; padding:8px 25px; font:bold 16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#fff; margin:20px 0; float:left;}
.contact_form form a:hover{ color:#CCC;}
.map{ width:50%; float:right;}
.map iframe{ width:100%; height:593px; float:left;}
/*===Investers==================================================
==================================================*/
.investers_wrapper{ width:100%; background:#eee; padding:50px 0; margin:0 0 70px; float:left;}
.investers_area{ width:1000px; margin:0 auto; overflow:hidden;}
.investers_area h2{ font:30px/1.2em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; width:100%; margin:0 0 20px; float:left;}
.investers_area img{ width:100%; float:left;}
.investers_area ul{ width:100%; float:left;}
.investers_area ul li{ width:20%; padding:0 2.5%; margin:20px 0; text-align:center; float:left;}
.investers_area ul li img{ width:auto; float:none;}
.investers_area ul li span{ font:25px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#1B1B1B; width:100%; text-align:center; margin:5px 0; float:left;}
.investers_area ul li p{ font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#1B1B1B; width:100%; text-align:center; float:left; margin:0;}

.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li {width: 615px !important;height: 415px;margin:0 10px;display: block;float: left;}
.list_carousel li img{adding:2px;margin-right:6px; /* this specifies the distance between each thumbnail */background-color:White;border:1px solid #ddd;text-align:center;position:relative;}
.list_carousel.responsive {width:100%;height:418px;margin: 0 auto;padding:10px 0;border:1px solid #dedcb4;border-left:none; border-right:none;background:#f2f1ea;/* Do not alter the below settings */   white-space:nowrap;position:relative;font-size:0px;}


@media screen and (-webkit-min-device-pixel-ratio:0){nav{width:52%; margin:36px 0 0;}}
@media screen and (-webkit-min-device-pixel-ratio:0){.langsDropDown{right:111px;top:34px}}
@media screen and (-webkit-min-device-pixel-ratio:0){.langsDropDown li.drop01{padding:2px 0 0 5px}}
@media screen and (-webkit-min-device-pixel-ratio:0){.langsDropDown li.drop01 img{margin:1px 6px 0 0 !important}}
@media screen and (-webkit-min-device-pixel-ratio:0){header a img{margin:8px 0 0}}
@media screen and (-webkit-min-device-pixel-ratio:0){nav ul li{margin:0 28px 0 0}}
@media screen and (-webkit-min-device-pixel-ratio:0){header a{margin:0 28px 0 0}}
@media screen and (-webkit-min-device-pixel-ratio:0){nav.login{margin:26px 0 0 0}}
@media screen and (-webkit-min-device-pixel-ratio:0){nav a{margin:0}}
@media screen and (-webkit-min-device-pixel-ratio:0){.langsDropDown{right:111px}}
/*::::::::::::::::::::::::::::::::::::mobile:::::::::::::::::::::::::::::::::::::::::*/
@media screen and (max-width:480px) {

/*===Sub navigation==================================================
==================================================*/
.icon_panel{ width:100%; padding:0; margin:0; /*border-bottom:1px solid #F4F4F4; background:#fcfcfc;*/ float:left;}
.icon_panel_items{ width:100%; margin:0 auto;}
.icon_panel_items a{ width:45%; margin:15px 2.5%; padding:0; text-align:center; position:relative; float:left;}
.icon_panel_items a.last{ margin:15px 0 15px 2.5px;}
.icon_panel_items a img{ margin:0; width:100%; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:11px 0 0 0; background:#E0E0E0 url(../images/thumb_dots.png) 9px 5px no-repeat; border-radius:3px 3px 0 0; behavior: url(PIE.htc); float:left;}
.icon_panel_items a h2, .software_cat h2{ font:bold 12px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#333; letter-spacing:1px; width:100%; text-align:center; background:url(../images/categ_shadow.png) top no-repeat; background-size:230px; padding:15px 0 0; float:left;}
.viewport a div, .icon_panel_items a p{font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:10px 0 15px; width:100%; float:left;}
.viewport .dark-background{ width:100%; background:#000; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); padding:33px 0; position:absolute; z-index:9999; left:0; top:0;}
.viewport a div p{ text-transform:uppercase; font-weight:bold; font-size:12px; color:#000; background:#fff; opacity:5; padding:15px 20px; width:auto; margin:0 0 0 18px; border-radius:50px; behavior: url(PIE.htc);}

/*===Content==================================================
==================================================*/
.content_left{ width:90%; margin:10px 5% 80px; float:left;}
.content_wrapper .content_left h2, .content_wrapper h2{ font:25px/1.2em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; width:100%; margin:0 0 20px; float:left;}
.content_wrapper .content_left p, .content_wrapper p{ font:14px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#000; width:auto; margin:0; float:left;}
.content_wrapper h2{ width:90%; margin:0 5%;}
.content_wrapper p{ width:90%px; margin:25px 5% 80px; float:right;}
.content_right{ display:none;}
.comp_prod, .comp_prod ul{ width:100%; float:left;}
.comp_prod ul li{ margin:0 10px 0 0; float:left;}

/*===Testimonial==================================================
==================================================*/
.testmonials{ background:#EDEDED; width:100%; padding:60px 0; margin:30px 0 80px; float:left;}
#slider{ width:90% !important; height:auto !important; margin:0 auto; padding:40px 5% 0; background:url(../images/testi_top.png) center top no-repeat; overflow:hidden;}
#slider ul{ width:100% !important; margin:0 !important; float:left;}
#slider ul, #slider li{ margin:0; padding:0; list-style:none;}
#slider li{ width:100%; height:auto; margin:0!important; padding:0 0 25px; border-bottom:1px solid #ddd; text-align:center; overflow:hidden;}
#slider li p{ width:100%; margin:10px 0; font:16px/25px 'helvetica_lt_std_lightregular', Sans-Serif; color:#333; float:left;}
#slider li h2{ width:100%; margin:0; font:17px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#4EBCE1; float:left;}
#slider li span{ width:100%; margin:0; font:14px/25px Verdana, Geneva, sans-serif; color:#333; float:left;}
#controls{ display:none;}

/*===Management==================================================
==================================================*/
.Management_wrapper{ width:90%; margin:0 5% 50px; float:left;}
.management_item{ width:100%; margin:30px 0; text-align:center; float:left;}
.management_item h2{ font:16px 'helvetica_lt_std_lightregular',Sans-Serif; color:#0099FF; width:100%; text-align:center; margin:10px 0 3px; float:left;}
.management_item span{ font:16px 'helvetica_lt_std_lightregular',Sans-Serif; color:#000; width:100%; text-align:center; margin:0 0 10px; float:left;}
.management_item span.top{ background:url(../images/designation_bottom.jpg) center bottom no-repeat; padding:0 0 40px;}
.management_item p{ width:90%; font:14px/22px Verdana, Geneva, sans-serif; color:#666; text-align:center; margin:0 5%; float:left;}
.Management_wrapper .team{ width:50%;}
.Management_wrapper .team img{ width:90%;}

/*===Career==================================================
==================================================*/
.career_wrapper{ width:90%; margin:10px 5% 80px; float:left;}
.career_wrapper h2{ font:17px Verdana, Geneva, sans-serif; color:#333; width:100%; margin:50px 0 0; padding:0 0 10px; border-bottom:1px solid #e1e1e1; float:left;}
.career_wrapper span{ width:70%; float:left;}
.career_wrapper span a, .career_wrapper p{ font:14px 'helvetica_lt_std_lightregular', sans-serif; color:#666; text-decoration:none; width:100%; margin:10px 0; padding:0; float:left;}
.career_wrapper span a:hover{ text-decoration:underline;}
.career_wrapper p{ width:30%; text-align:right;}

/*===Contact page==================================================
==================================================*/
.contact_banner{ width:100%; margin:0 0 80px; float:left;}
.contact_info{ width:100%; margin:0; padding:0; text-align:center; float:left;}
.contact_info img:hover{ opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
.contact_info h2{font:bold 17px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#333; width:100%; margin:20px 0 0; float:left;}
.contact_info p{font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:20px 0 15px; width:100%; float:left;}
.contact_info h2.last, .contact_info p.last{}
.contact_form button{ background:url(../images/prod_button_shadow.png) bottom right no-repeat; width:auto;*width:140px; padding:0 0 11px; cursor:pointer; float:left;}
.contact_form button span.send{ font:14px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#fff; background:#8452DE; margin:20px 0 0; padding:10px 20px; border-radius:5px; behavior: url(PIE.htc); float:left; cursor:pointer; z-index:9999; width:auto; *width:100px;}
.contact_form button span.send:hover{ background:#000;}
p#required{ width:auto; margin:30px 0 0 60px; font:14px Verdana, Geneva, sans-serif; color:#F00; float:left;}
.message{ width:100%; padding:10px 0; font:14px Verdana, Geneva, sans-serif; color:#900; background:#FF0; text-align:center;}
/*===Support==================================================
==================================================*/
.support_panel{ width:100%; padding:0; margin:0 0 100px; background:#fcfcfc; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; text-align:center; overflow:hidden; float:left;}
.support_panel_inner{ width:100%; margin:0; padding:100px 0; float:left;}
.support_panel_inner h1{font:30px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:0 0 25px; width:100%; text-align:center;}
.support_panel_inner p{font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:0; width:100%; text-align:center;}
/*===Contact form==================================================
==================================================*/
.contact_form{ width:90%; margin:0 5% 100px; float:left;}
.contact_form form{ width:100%; float:left;}
.contact_form form span{ font:bold 17px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#333; width:100%; margin:20px 0 5px; float:left;}
.contact_form form input, .contact_form form textarea{ border:1px solid #f4f4f4; padding:10px 2%; width:96%; font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; float:left;}
.contact_form form textarea{ height:250px;}
.contact_form form a{ background:#A41AA4; padding:8px 25px; font:bold 16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#fff; margin:20px 0; float:left;}
.contact_form form a:hover{ color:#CCC;}
.map{ display:none;}
}

/*::::::::::::::::::::::::::::::::::::Tablet:::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width:480px) and (max-width:800px) {

.icon_panel{ width:100%; padding:0; margin:0; /*border-bottom:1px solid #F4F4F4; background:#fcfcfc;*/ float:left;}
.icon_panel_items{ width:100%; margin:0 auto;}
.icon_panel_items a{ width:20.5%; margin:15px 2.5%; padding:0; text-align:center; position:relative; float:left;}
.icon_panel_items a.last{ margin:15px 0 15px 2.5px;}
.icon_panel_items a img{ margin:0; width:100%; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:11px 0 0 0; background:#E0E0E0 url(../images/thumb_dots.png) 9px 5px no-repeat; border-radius:3px 3px 0 0; behavior: url(PIE.htc); float:left;}
.icon_panel_items a h2, .software_cat h2{ font:bold 12px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#333; letter-spacing:1px; width:100%; text-align:center; background:url(../images/categ_shadow.png) top no-repeat; background-size:335px; padding:15px 0 0; float:left;}
.viewport a div, .icon_panel_items a p{font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:10px 0 15px; width:100%; float:left;}
.viewport .dark-background{ width:100%; background:#000; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); padding:30px 0; position:absolute; z-index:9999; left:0; top:0;}
.viewport a div p{ text-transform:uppercase; font-weight:bold; font-size:8px; color:#000; background:#fff; opacity:5; padding:12px 20px; width:auto; margin:0 0 0 13px; border-radius:50px; behavior: url(PIE.htc);}


/*===Content==================================================
==================================================*/
.content_left{ width:90%; margin:10px 5% 80px; float:left;}
.content_wrapper .content_left h2, .content_wrapper h2{ font:25px/1.2em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; width:100%; margin:0 0 20px; float:left;}
.content_wrapper .content_left p, .content_wrapper p{ font:14px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#000; width:auto; margin:0; float:left;}
.content_wrapper h2{ width:90%; margin:0 5%;}
.content_wrapper p{ width:90%px; margin:25px 5% 80px; float:right;}
.content_right{ display:none;}
.comp_prod, .comp_prod ul{ width:100%; float:left;}
.comp_prod ul li{ margin:0 10px 0 0; float:left;}

/*===Testimonial==================================================
==================================================*/
.testmonials{ background:#EDEDED; width:100%; padding:60px 0; margin:30px 0 80px; float:left;}
#slider{ width:90% !important; height:auto !important; margin:0 auto; padding:40px 5% 0; background:url(../images/testi_top.png) center top no-repeat; overflow:hidden;}
#slider ul{ width:100% !important; margin:0 !important; float:left;}
#slider ul, #slider li{ margin:0; padding:0; list-style:none;}
#slider li{ width:100%; height:auto; margin:0!important; padding:0 0 25px; border-bottom:1px solid #ddd; text-align:center; overflow:hidden;}
#slider li p{ width:100%; margin:10px 0; font:16px/25px 'helvetica_lt_std_lightregular', Sans-Serif; color:#333; float:left;}
#slider li h2{ width:100%; margin:0; font:17px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#4EBCE1; float:left;}
#slider li span{ width:100%; margin:0; font:14px/25px Verdana, Geneva, sans-serif; color:#333; float:left;}
#controls{ display:none;}

/*===Management==================================================
==================================================*/
.Management_wrapper{ width:90%; margin:0 5% 50px; float:left;}
.management_item{ width:50%; margin:30px 0; text-align:center; float:left;}
.management_item h2{ font:16px 'helvetica_lt_std_lightregular',Sans-Serif; color:#0099FF; width:100%; text-align:center; margin:10px 0 3px; float:left;}
.management_item span{ font:16px 'helvetica_lt_std_lightregular',Sans-Serif; color:#000; width:100%; text-align:center; margin:0 0 10px; float:left;}
.management_item span.top{ background:url(../images/designation_bottom.jpg) center bottom no-repeat; padding:0 0 40px;}
.management_item p{ width:90%; font:14px/22px Verdana, Geneva, sans-serif; color:#666; text-align:center; margin:0 5%; float:left;}
.Management_wrapper .team{ width:33%;}
.Management_wrapper .team img{ width:90%;}

/*===Career==================================================
==================================================*/
.career_wrapper{ width:90%; margin:10px 5% 80px; float:left;}
.career_wrapper h2{ font:17px Verdana, Geneva, sans-serif; color:#333; width:100%; margin:50px 0 0; padding:0 0 10px; border-bottom:1px solid #e1e1e1; float:left;}
.career_wrapper span{ width:70%; float:left;}
.career_wrapper span a, .career_wrapper p{ font:14px 'helvetica_lt_std_lightregular', sans-serif; color:#666; text-decoration:none; width:100%; margin:10px 0; padding:0; float:left;}
.career_wrapper span a:hover{ text-decoration:underline;}
.career_wrapper p{ width:30%; text-align:right;}

/*===Contact page==================================================
==================================================*/
.contact_banner{ width:100%; margin:0 0 80px; float:left;}
.contact_info{ width:50%; height:450px; margin:0; padding:0; text-align:center; float:left;}
.contact_info img:hover{ opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
.contact_info h2{font:bold 17px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#333; width:100%; margin:20px 0 0; float:left;}
.contact_info p{font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:20px 0 15px; width:100%; float:left;}
.contact_info h2.last, .contact_info p.last{}
.contact_form button{ background:url(../images/prod_button_shadow.png) bottom right no-repeat; width:auto; padding:0 0 11px; cursor:pointer; float:left;}
.contact_form button span.send{ font:14px 'Conv_Gotham-Light',Sans-Serif; text-transform:uppercase; color:#fff; background:#8452DE; margin:20px 0 0; padding:10px 20px; border-radius:5px; behavior: url(PIE.htc); float:left; cursor:pointer; z-index:9999; width:auto;}
.contact_form button span.send:hover{ background:#000;}
p#required{ width:auto; margin:30px 0 0 60px; font:14px Verdana, Geneva, sans-serif; color:#F00; float:left;}
.message{ width:100%; padding:10px 0; font:14px Verdana, Geneva, sans-serif; color:#900; background:#FF0; text-align:center;}
/*===Support==================================================
==================================================*/
.support_panel{ width:100%; padding:0; margin:0 0 100px; background:#fcfcfc; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; text-align:center; float:left;}
.support_panel_inner{ width:100%; margin:0; padding:100px 0; float:left;}
.support_panel_inner h1{font:30px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:0 0 25px; width:100%; text-align:center;}
.support_panel_inner p{font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; margin:0; width:100%; text-align:center;}
/*===Contact form==================================================
==================================================*/
.contact_form{ width:90%; margin:0 5% 100px; float:left;}
.contact_form form{ width:100%; float:left;}
.contact_form form span{ font:bold 17px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#333; width:100%; margin:20px 0 5px; float:left;}
.contact_form form input, .contact_form form textarea{ border:1px solid #f4f4f4; padding:10px 2%; width:96%; font:16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#686868; float:left;}
.contact_form form textarea{ height:250px;}
.contact_form form a{ background:#A41AA4; padding:8px 25px; font:bold 16px/1.4em 'helvetica_lt_std_lightregular',Sans-Serif; color:#fff; margin:20px 0; float:left;}
.contact_form form a:hover{ color:#CCC;}
.map{ display:none;}

}