article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
 /*audio[controls], canvas, video { display: inline-block; * display:inline; } */
html { font-size: 100%; overflow-y:scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; min-width:1000px; }
body { margin: 0; font-size: 14px; line-height:1.5em; background:#ffffff; overflow:hidden; }
button, input, select, textarea { font-family:Arial, Helvetica, sans-serif; color:#4c4c4c;}
/*-moz-selection {background: #ff6c00; color: #ffffff;}
::selection {background: #ff6c00; color: #ffffff; }*/


/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

.clear { clear:both; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 0px; }
dd { margin: 0 0 0 0px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) {
    overflow: hidden;
}

figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0;  /* margin-left: -7px;*/ padding: 0; }
label { cursor:pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; /* vertical-align: middle; */ }
button, input { line-height: normal; /* overflow: visible; */ }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}

/* button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } */

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow:auto; vertical-align:top; }

/* Colors for form validity 
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color:#f0dddd; }
*/


body, button, input, select, textarea {
    color:#4C4C4C;
    font-family: 'ProximaNovaRgRegular';
}

h2{  font-family: 'ProximaNovaRgBold';
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;}

.container{ width:1119px; margin:0 auto;}
#header_wrapper_main{ width:100%; position:fixed; background:url(../images/header_bg.png) left bottom repeat-x; height:85px;/* z-index:9999;*/  z-index:9; }
#header_wrapper{ width:100%; position:fixed; background:url(../images/header_bg2.png) left bottom repeat-x;  z-index:9999; }
header{ width:100%; float:left; height:85px; }
.logo_main { width:20px; height:146px; float:left; margin-top:15px; padding:0px; position:relative; }
.logo { width:155px; height:85px; margin:0px 0 0 0; position:absolute; left:0px; top:0px; z-index:10;}
/*.logo { width:176px; height:146px; margin:0px 0 0 0; position:absolute; left:-2px; top:0px; z-index:10;}*/


.head_right { width:934px; height:36px; float:right;}
.topmenu_main { padding-right:0px; height:36px; float:left; }
.top_menu { height:36px; padding-left:26px; float:left; }
.top_menu ul {list-style:none; margin:0px; padding:0px 0 0px 0px; float:left; }
.top_menu ul li { float:left; margin:0px; padding:0px 40px 0px 40px; line-height:36px; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.top_menu ul li:first-child { background:none; padding:0 8px 0 0px; }
.top_menu ul li a {color:#aea8a8; text-decoration:none;}
.top_menu ul li a:hover {color:#fff; text-decoration:none;}

.phone_top { height:36px; line-height:36px; margin-right:30px; padding:0px 0 0 30px; float:right; background:url(../images/icon_phone.png) left 9px no-repeat; font-family: 'ProximaNovaRgRegular'; font-size:14px; color:#aea8a8;  }

.search_top { width:208px; height:25px; margin:6px 2px 0 0; float:right; /*background:url(../images/search_bg.png) left top no-repeat;*/ }
.search_top .serch_input { width:140px; height:19px; padding:3px 0 3px 8px; float:left; background:none; border:none; outline:none; color:#999; font-family:Arial;  }
.search_btn { width:20px; height:20px; margin:2px 6px 0 0; padding:0px 0px; float:right; background:url(../images/search_btn.png) left top no-repeat; border:none; display:block; font-size:0px; }
.search_btn:hover { background-position:0px -20px; cursor:pointer; } 


nav{ width:955px; float:right; margin:0px 2px 0px 0px; padding:0px; top:0px;}
ul#topnav{ /*width:986px;*/ float:right; margin:0px; padding:0px;}
ul#topnav li{ float:left; margin:25px 11px;}
ul#topnav li:last-child { margin:25px 0px 17px 11px; }
ul#topnav li a{ width:auto; padding:10px 15px; display:block; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#3b3b3b; /*letter-spacing:0.9px;*/ text-decoration:none; text-transform:uppercase;}
ul#topnav li a:hover, ul#topnav li a.act{ background:#feb614; color:#fbfbfb;}
ul#topnav :hover > a { background:#333333; color:#fbfbfb;}
ul#topnav .act > a { background:#333; color:#fbfbfb;}
ul#topnav li .sub_navi{ width:auto; position:absolute; visibility:hidden;}

ul#topnav li:hover .sub_navi{ position:absolute; visibility:visible; background:#333333; height:auto; width:310px; border:1px solid #434c64; z-index:9999; height:auto;}
ul#topnav li:hover .sub_navi ul{ width:300px; margin-left:5px;}
ul#topnav li:hover .sub_navi ul li{ width:100%; float:left; background:url(../images/sub_navi_vdr.jpg) bottom left repeat-x; line-height:8px; margin:0px; padding:0px 0px 0px 0px;}
ul#topnav li:hover .sub_navi ul li a{ font-size:11px; font-family:"Helvetica Neue", Arial, Tahoma; color:#FFF; text-decoration:none; position:relative; float:left;}
ul#topnav li:hover .sub_navi ul li a:hover{ color:#E55A01; background:none;}
ul#topnav li:hover .sub_navi ul li.no_bg{ background:none;}

ul#topnav li:hover .sub_navi ul li a .left_part{ width:30px; float:left; margin-right:10px;}
ul#topnav li:hover .sub_navi ul li a .php_inline { margin:5px 5px 0 -9px;}
ul#topnav li:hover .sub_navi ul li a .wordpress_inline { margin:0 7px 0 -10px;}
ul#topnav li:hover .sub_navi ul li a .magento_inline { margin:0 7px 0 -10px;}
ul#topnav li:hover .sub_navi ul li a .joomla_inline { margin:0 7px 0 -10px;}
ul#topnav li:hover .sub_navi ul li a .mobile_inline { margin:0 7px 0 -12px;}
ul#topnav li:hover .sub_navi ul li a .net_inline { margin:2px 23px 0 -13px; }

ul#topnav li:hover .sub_navi ul li a .right_part{ width:230px; float:left; line-height:26px;}

.request_btn{ width:42px; position:fixed; right:0px; top:40%; height:196px; overflow:hidden; z-index:100;}
.request_btn img{ float:right; /*-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;*/}
.request_btn:hover img{ float:right; margin-top:-196px;}

#wrapper{ width:100%; float:left; min-width:1000px; }
.wrapper{ width:100%; float:left; min-width:1000px; }
#footer_main{ width:100%; float:left; background:url(../images/footer_bg.jpg) repeat-x left top; height:50px; margin-top:0px;}
.ftr_link{ width:708px; float:left; font-size:13px; color:#fff; margin-top:12px;}
.ftr_link a{  font-family: 'ProximaNovaRgRegular'; font-size:13px; color:#fff; text-decoration:none; margin:0px 16px 0 16px; padding:0px;}
.ftr_link a:hover{  font-family: 'ProximaNovaRgRegular'; font-size:13px; color:#E55A01; text-decoration:none;}
.follow_sec{ float:right;}
.follow_title{ width:60px; float:left; font-family: 'ProximaNovaLtBold'; font-size:13px; color:#8f8f8f; margin-top:14px;}
.social{ width:auto; float:left; margin-top:8px;}

.twit_icon a { width:33px; height:33px; margin:0 0px 0 10px; padding:0px 0px; float:left; background:url(../images/twt_icon.png) left top no-repeat; border:none; display:block;  }
.twit_icon a:hover { background:url(../images/twt_icon_hover.png) left top no-repeat;  cursor:pointer; }
.face_icon a { width:33px; height:33px; margin:0 0px 0 10px; padding:0px 0px; float:left; background:url(../images/fb_icon.png) left top no-repeat; border:none; display:block;  }
.face_icon a:hover { background:url(../images/fb_icon_hover.png) left top no-repeat;  cursor:pointer; }
.in_icon a { width:33px; height:33px; margin:0 0px 0 10px; padding:0px 0px; float:left; background:url(../images/yt_icon.png) left top no-repeat; border:none; display:block;  }
.in_icon a:hover { background:url(../images/yt_icon_hover.png) left top no-repeat;  cursor:pointer; }

.social > div{float:left;}
.social img{ margin-left:9px;}

.footer{ width:100%; min-height:282px; float:left; background:url(../images/sakshi_thumb.png) no-repeat 110px bottom;}
.address_part{ width:340px; float:left; margin-top:25px;}
.address{ width:100%; float:left; font-family: 'proxima_nova_ltregular'; font-size:14px; color:#8f8f8f;}
/* CONTACT INFO
  ================================================== */

.contact-info ul { color:#8f8f8f; font-size:14px; font-family: 'proxima_nova_ltregular'; margin:0px; padding:0px; list-style:none; }   
.contact-info ul li { color:#8f8f8f; font-size:14px; font-family: 'proxima_nova_ltregular'; line-height:21px; margin:0px 0px 15px 0px; padding-left:45px;}
.contact-info ul li a{ color:#8f8f8f; font-size:14px; font-family: 'proxima_nova_ltregular'; line-height:21px;}
.contact-info ul li a:hover{ color:#E55A01; font-size:14px; font-family: 'proxima_nova_ltregular'; line-height:21px;}
.contact-info ul li.phone { background:url(../images/phone_icon.png) no-repeat 0px 4px; }
.contact-info ul li.mail { background:url(../images/mail_icon.png) no-repeat 0px 4px; }
.contact-info ul li.mark { background:url(../images/address_icon.png) no-repeat 0px 0px; }
.contact-info ul li a { color:#8f8f8f; font-size:14px; font-family: 'proxima_nova_ltregular'; line-height:20px; text-decoration:none; }

/* CONTACT INFO END
  ================================================== */

.service_part{ width:255px; float:left; margin-top:25px;}
.ftr_title{ width:100%; float:left; font-family: 'ProximaNovaLtBold'; font-size:14px; color:#fff;}
.site_service{ width:100%; float:left;}
.site_service ul{ width:100%; float:left; list-style:none; margin:0px; padding:0px;}
.site_service ul li{ width:100%; float:left; margin:0px; padding:0px;}
.site_service ul li a{ font-family: 'proxima_nova_ltregular'; font-size:13px; color:#bababa; text-decoration:none; margin:0px; padding:0px; line-height:28px;}
.site_service ul li a:hover{ font-family: 'proxima_nova_ltregular'; font-size:13px; color:#e55a01; text-decoration:none; margin:0px; padding:0px;}

.technologi_part{ width:195px; float:left; margin-top:25px;}
.technologi_link{ width:100%; float:left;}
.technologi_link ul{ width:100%; float:left; list-style:none; margin:0px; padding:0px;}
.technologi_link ul li{ width:100%; float:left; margin:0px; padding:0px; font-family: 'proxima_nova_ltregular'; font-size:13px; color:#bababa; line-height:28px;}
.technologi_link ul li a{ font-family: 'proxima_nova_ltregular'; font-size:13px; color:#bababa; text-decoration:none; margin:0px; padding:0px; line-height:28px;}
.technologi_link ul li a:hover{ font-family: 'proxima_nova_ltregular'; font-size:13px; color:#e55a01; text-decoration:none; margin:0px; padding:0px;}

.other_site{ width:140px; float:left;  margin-top:25px;}
.other_link{ width:118px; float:left;}
.other_link ul{ width:118px; float:left; list-style:none; margin:0px; padding:0px;}
.other_link ul li{ width:118px; float:left;  margin:0px; padding:0px;}
.other_link ul li a{ font-family: 'proxima_nova_ltregular'; font-size:13px; color:#bababa; text-decoration:none; margin:0px; padding:0px; line-height:28px;}
.other_link ul li a:hover{ font-family: 'proxima_nova_ltregular'; font-size:13px; color:#e55a01; text-decoration:none; margin:0px; padding:0px;}

.ftr_form { width:378px; float:right; margin-right:4px; margin-top:22px;}
.ftr_form .input_ftr1 { width:170px; margin:10px 0 0 0; padding:0px 5px; height:34px; line-height:34px; float:left; background:#1c1c1c; border:1px solid #2f2f2f; outline:none; font-family: 'proxima_nova_ltregular'; font-size:12px; color:#959595; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.ftr_form .input_ftr2 { width:170px; margin:11px 0 0 0; padding:0px 5px; height:34px; line-height:34px; float:right; background:#1c1c1c; border:1px solid #2f2f2f; outline:none; font-family: 'proxima_nova_ltregular'; font-size:12px; color:#959595; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

.ftr_form .input_ftr3 { width:368px; margin:11px 0 0 0; padding:0 5px; height:34px; line-height:34px; float:left; background:#1c1c1c; border:1px solid #2f2f2f; outline:none; font-family: 'proxima_nova_ltregular'; font-size:12px; color:#959595; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.ftr_form .capcha_ftr { width:130px; margin:11px 0 0 0; padding:0 5px; height:32px; line-height:32px; float:left; background:#1c1c1c; border:1px solid #2f2f2f; outline:none; font-family: 'proxima_nova_ltregular'; font-size:12px; color:#959595; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.ftr_form .texarea_ftr { width:370px; margin:11px 0 0 0; padding:0 5px; height:60px; line-height:20px; float:left; background:#1c1c1c; border:1px solid #2f2f2f; outline:none; font-family: 'proxima_nova_ltregular'; font-size:12px; color:#959595; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; resize:none; }
.capcha_code { width:88px; height:34px; float:left; margin:11px 0px 0 15px; padding:0px; }
.refresh_ftr { float:left; height:25px; margin:12px 0 0 15px; padding:0px; color:#CC0000; }

#divname { font-size:11px; float:left; line-height:14px; color:#CC0000; }
#divemail { font-size:11px; float:left; line-height:14px; color:#CC0000; }
#divcomment { font-size:11px; float:left; line-height:14px; width:100%; color:#CC0000; }
#divcaptcha { font-size:11px; float:left; line-height:14px; width:100%; color:#CC0000; }


.ftr_send { width:80px; font-family: Arial, Helvetica, sans-serif; margin:11px 0px 0 0px; padding:8px 0px; float:right; background:#a54b00; border:1px solid #8b3f00; display:block;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; color:#fff; }
.ftr_send:hover { background:#f18b37; cursor:pointer; border:1px solid #e9812b; }

.copyright{ width:100%; float:left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#696969; text-align:center; margin-top:15px;}


@media only screen and (max-width:1024px) {
nav{ width:900px; }
ul#topnav{ /*width:986px;*/ float:right; margin:0px; padding:0px;}
ul#topnav li{ float:left; margin:17px 0px;}
ul#topnav li:last-child { margin:17px 0px 17px 0px; }
.head_right { width:801px;}
	
.container { /*width:968px;*/ width:999px; }
.address_part { width:350px;}
.recent_part { width:232px;}
.technologi_part { width:250px;}
.other_site { width:100px;}
.service_part { width:250px;}

.inr_fl { width:630px;}

.address_part { width:305px;}
.service_part { width:225px;}

.ftr_form { width:320px;}
.ftr_form .input_ftr1 { width:140px;}
.ftr_form .input_ftr2 { width:140px;}
.ftr_form .input_ftr3 { width:308px;}
.ftr_form .texarea_ftr { width:308px;}
.ftr_form .capcha_ftr { width:75px; }
}


#back-top {
	position: fixed;
	bottom:20px;
	right:20px;
	z-index:99;
}
#back-top a {
	width: 38px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	outline:none;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background:url(../images/top-button.png) no-repeat center center;
	/* rounded corners */
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
}

/*google search css */

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus  { margin-left: 4px !important; margin-top: -2px !important; line-height:1em !important}

.gsc-input-box { height:21px !important;}
input.gsc-input { font-size:13px !important; }
button, input, select, textarea { vertical-align:middle !important;}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { padding:6px 9px !important; height:10px !important; margin-top:0 !important; } 
.gsc-search-box-tools .gsc-search-box .gsc-input { padding-right:0 !important;}
.gssb_c > tbody > tr, .gssb_c > tbody > tr > td, .gssb_d, .gssb_d > tbody > tr, .gssb_d > tbody > tr > td, .gssb_e, .gssb_e > tbody > tr, .gssb_e > tbody > tr > td  { z-index:99999 !important;}