@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');


@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.woff') format('woff'),
url('../fonts/opensans-regular-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sansbold';src:url('../fonts/opensans-bold_0-webfont.eot');src:url('../fonts/opensans-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-bold_0-webfont.woff') format('woff'),
url('../fonts/opensans-bold_0-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'alte_haas_grotesk';src:url('../fonts/altehaasgroteskbold-webfont.eot');src:url('../fonts/altehaasgroteskbold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/altehaasgroteskbold-webfont.woff') format('woff'),
url('../fonts/altehaasgroteskbold-webfont.ttf') format('truetype');font-weight:bold;font-style:normal;}
@font-face{font-family:'alte_haas_grotesk';src:url('../fonts/altehaasgroteskregular-webfont.eot');src:url('../fonts/altehaasgroteskregular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/altehaasgroteskregular-webfont.woff') format('woff'),
url('../fonts/altehaasgroteskregular-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'OpenSansLight';src:url('../fonts/OpenSans-Light-webfont.eot');src:url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'OpenSansCondensedLight';src:url('../fonts/OpenSans-CondLight-webfont.eot');src:url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'),
url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'OpenSansCondensedLightItalic';src:url('../fonts/OpenSans-CondLightItalic-webfont.eot');src:url('../fonts/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-CondLightItalic-webfont.woff') format('woff'),
url('../fonts/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'OpenSansCondensedBold';src:url('../fonts/OpenSans-CondBold-webfont.eot');src:url('../fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-CondBold-webfont.woff') format('woff'),
url('../fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');font-weight:normal;font-style:normal;}
@font-face {
	font-family: 'museo_sans100';
	src: url('../fonts/museosans-100-webfont.eot');
	src: url('../fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/museosans-100-webfont.woff') format('woff'),
		 url('../fonts/museosans-100-webfont.ttf') format('truetype'),
		 url('../fonts/museosans-100-webfont.svg#museo_sans100') format('svg');font-weight: normal;font-style: normal;}
@font-face {
	font-family: 'pf_dindisplay_probold';
	src: url('../fonts/pfdindisplaypro-bold-webfont-webfont.eot');
	src: url('../fonts/pfdindisplaypro-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/pfdindisplaypro-bold-webfont-webfont.woff') format('woff'),
		 url('../fonts/pfdindisplaypro-bold-webfont-webfont.ttf') format('truetype'),
		 url('../fonts/pfdindisplaypro-bold-webfont-webfont.svg#pf_dindisplay_probold') format('svg');font-weight: bold;font-style: normal;}
@font-face {
	font-family: 'museo_sans500';
	src: url('../fonts/museosans_500-webfont-webfont.eot');
	src: url('../fonts/museosans_500-webfont-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/museosans_500-webfont-webfont.woff') format('woff'),
		 url('../fonts/museosans_500-webfont-webfont.ttf') format('truetype'),
		 url('../fonts/museosans_500-webfont-webfont.svg#museo_sans500') format('svg');font-weight: normal;font-style: normal;}
@font-face {
  font-family: 'Gotham-Book';
  src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Gotham-Book.otf')  format('opentype'),
	   url('../fonts/Gotham-Book.woff') format('woff'),
	   url('../fonts/Gotham-Book.ttf')  format('truetype'),
	   url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Bold';
  src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Gotham-Bold.otf')  format('opentype'),
	   url('../fonts/Gotham-Bold.woff') format('woff'),
	   url('../fonts/Gotham-Bold.ttf')  format('truetype'),
	   url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Medium';
  src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Gotham-Medium.otf')  format('opentype'),
	   url('../fonts/Gotham-Medium.woff') format('woff'),
	   url('../fonts/Gotham-Medium.ttf')  format('truetype'),
	   url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Light';
  src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/Gotham-Light.otf')  format('opentype'),
	   url('../fonts/Gotham-Light.woff') format('woff'),
	   url('../fonts/Gotham-Light.ttf')  format('truetype'),
	   url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
.f_left_section .clearfix{ display: none;}

html{margin:0px !important;padding:0px !important;text-size-adjust:100%;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	-webkit-font-smoothing: antialiased; /* Prevent flicker and font alias */
	font-smoothing: antialiased;}
body{padding:0;margin:0;font:16px/27px Gotham-Book;color:#5d5d5d;background-color:#fff;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
input,a{outline:none;}
a{text-decoration:none;color:#f15b29;}
a:hover{text-decoration:none; color: #5d5d5d}
img{border:0;outline:none; max-width: 100%; height: auto;}
p{margin:0;padding:0 0 10px 0;font:13px/21px Gotham-Book, Helvetica, sans-serif;color:#666666;}
table{border-spacing:0;border-collapse:collapse;}
table tr td{text-align:center;vertical-align:middle;}
.header_bag_btm{background:url(../images/header_bag_btm.png) repeat-x;width:100%;height:7px;position:absolute;bottom:0px;margin-top:5px;}
header{width:100%;position:relative;background:#fff;display:block;}
.header_wrapper{width:100%; margin:0 auto;position:relative;height:auto; border-bottom: 1px solid #e5e5e5;}
.k2b_logo{float:left;margin:5px 0px 5px 30px;}
.k2b_logo img{display: block;}
.wide_cont_wrp{width:650px;}
.wide_contact{margin:0;padding:5px 0px;background:url(../images/word_ser_bg.png) repeat-y 14px top;background-size:100% 100%;}
.wide_contact li:last-child{background:none;padding-right:0px;}
.last_child_none{background:none !important;padding-right:5px !important;}
.wide_contact li{float:left;font:12px Gotham-Book;color:#525252;background:url(../images/wide_contact_spliter.png) center right no-repeat;display:inline-block;list-style:none;padding:0px 20px 0px 20px;}
.wide_contact li a{font:12px Gotham-Book;color:#525252;-webkit-transition:color ease-in-out 200ms;transition:color ease-in-out 200ms;}
.wide_contact li a:hover{color:#F15B29;text-decoration:none;}
.wide_contact li span{font-weight:bold;margin-right:1px;}
.wide_contact li.k2b_chat_list span{font-weight:normal;margin-right:0px;}
.wide_contact li i{float:left;position:relative;margin-right:5px;width:18px;height:18px;margin-top:-1px;}
.world_icon{background:url(../images/sprite.png) no-repeat -8px -6px;}
.us_flag_icon{background:url(../images/sprite.png) no-repeat -33px -6px;}
.india_flag_icon{background:url(../images/sprite.png) no-repeat -56px -6px;}
.wide_contact li .online i.chat_k2b{width:24px;height:20px;background:url(../images/sprite.png) no-repeat -100px 0px;}
.wide_contact li .offline i.chat_k2b{width:17px;height:17px;background:url(../images/sprite.png) no-repeat -147px 0px;}
ul.menu{padding:0;margin:32px 0px 0px 0px;}
.menu li{float:left;display:inline-block;position:relative;margin:0px 10px;}
.menu li a{color:#333;padding:0px 0px 9px 0px;font:15px Gotham-Bold;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;  font-weight: normal;}
.menu > li > a{text-transform: uppercase;}
.menu li.menu_splt{background:url(../images/sprite.png) -273px -165px;width:7px;height:15px;top:3px;}
.menu li:last-child{margin-right:0px;}
.menu li a:hover, .menu li a:active{color:#f15b29;text-decoration:none;}
.menu li.active > a{color:#f15b29;}
.menu li:hover .dropdown-wrapper{display:block !important;}
.dropdown-wrapper{width:500px;height:200px;background:url(../images/sub_menu_bg.png) repeat;position:absolute;display:none;right:0;z-index:9999;top:16px;}
.dropdown_menu_list{margin:20px 30px 20px 20px;padding:0;float:left;}
.dropdown_menu_list h3{font-size:13px;color:#f15b29 !important;margin:5px 0px;}
.dropdown_menu_list li{list-style:none;display:block !important;float:none !important;margin-bottom:4px;}
.dropdown_menu_list li a{color:#fff !important;font-size:12px;padding-left:0px;}
.dropdown_menu_list li a:hover{color:#f15b29 !important;}
section{position:relative;display:block;width:100%;}
.banner_wrp{text-align:center;width:auto;}
.slider_wrp{background:#0d2639;position:relative;display:block;}
.banner_body_btm{width:100%;position:absolute;background:url(../images/banner_body_btm.png) repeat-x;bottom:0;height:6px;display:block;left:0;}
.ptr_pagination{height:29px;position:absolute;bottom:6px;left:42%;z-index:999;}
.ptr_pagination .left{background:url(../images/sprite.png) no-repeat -257px -229px;width:43px;height:100%;float:left;}
.ptr_pagination .center{background:url(../images/banner_inti_center_bg.png) repeat-x;height:100%;float:left;}
.ptr_pagination .bx-pager-item{float:left;}
.ptr_pagination .right{background:url(../images/sprite.png) no-repeat -261px -200px;width:39px;height:100%;float:left;}
.slider_wrp .slider-cont{position:relative;height:auto;}
.slider_wrp .bx-pager{z-index:999999;}
.ptr_pagination .center a{color:transparent;width:16px;height:16px;float:left;background:url(../images/sprite.png) no-repeat -245px -180px;margin-right:5px;font-size:0px;margin-top:8px;}
.ptr_pagination .center a.bx-pager-link.active{background-position:-245px -164px;}
.free_consulation{position:fixed;left:-3px;top:25%;width:48px;height:267px;background:url(../images/free_consulation.png) no-repeat;z-index:9999;-webkit-transition:left 0.2s linear;-moz-transition:left 0.2s linear;-ms-transition:left 0.2s linear;-o-transition:left 0.2s linear;transition:left 0.2s linear;}
.free_consulation:hover{left:0px;}
.slider_cnt h2{font-size:29px;font-family:Gotham-Bold, Arial, Helvetica, sans-serif;color:#fff;padding:0;margin:5px;font-weight:normal;}
.slider_cnt h3{font-size:40px;font-family:Gotham-Bold, Arial, Helvetica, sans-serif;color:#fff;padding:0;margin:5px;}
.slider_cnt h3 span{color:#ef5c28;}
.b_t1{color:#1577c0;font:30px 'open_sansbold';margin:10px;text-transform:uppercase;}
.b_t2{color:#555555;font:16px 'Gotham-Bold';margin:0px 5px 20px;}
.no2, .no4, .no5{font-size:80% !important;}
.no5{font:font-size:80% !important;}
.services_section{width:100%;min-height:285px;position:relative; background: #f4f4f4;}
.sad_bg_top{position:absolute;width:100%;height:10px;background:url(../images/sad_bd_top.png) left repeat-x;top:0;}
.services_sec_in{width:1000px;position:relative;margin:0 auto;padding-top:35px;overflow:auto;}
.s_gd{width:480px;margin-bottom:20px;float:left;margin-left:20px;min-height:150px;}
.s_gd .m_none{margin-right:0px;}
.development_llst{width:100px;height:100px;margin-bottom:40px;margin-right:15px;float:left;background:url(../images/sprite.png) no-repeat -155px -339px;}
.list_1, .list_2, .list_3, .list_4{display:inline-block;}
.list_1{margin:18px 0px 0px 32px;position:relative;top:0;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;width:39px;height:67px;background:url(../images/sprite.png) no-repeat 0px -339px;}
.list_1:hover{position:relative;top:-5px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.list_2, .list_3, .list_4{-webkit-transition-duration:0.9s;-moz-transition-duration:0.9s;-ms-transition-duration:0.9s;-o-transition-duration:0.9s;transition-duration:0.9s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-ms-transition-property:-ms-transform;-o-transition-property:-o-transform;transition-property:transform;}
.list_4{margin:20px 0px 0px 20px;width:63px;height:62px;background:url(../images/sprite.png) no-repeat 0px -411px;}
.list_4:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.list_2{margin:30px 0px 0px 16px;width:72px;height:64px;background:url(../images/sprite.png) no-repeat -39px -339px;}
.list_2:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.list_3{margin:18px 0px 0px 30px;width:42px;height:67px;background:url(../images/sprite.png) no-repeat -112px -339px;}
.list_3:hover{-webkit-animation-name:spaceboots;-webkit-animation-duration:0.8s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spaceboots;-moz-animation-duration:0.8s;-moz-transform-origin:50% 50%;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;}
@-webkit-keyframes spaceboots{0%{-webkit-transform:rotate(0deg);}
20%{-webkit-transform:rotate(5deg);}
40%{-webkit-transform:rotate(-5deg);}
60%{-webkit-transform:rotate(0deg);}
80%{-webkit-transform:rotate(5deg);}
100%{-webkit-transform:rotate(-5deg);}
}
@-moz-keyframes spaceboots{0%{-moz-transform:rotate(0deg);}
20%{-moz-transform:rotate(4deg);}
40%{-moz-transform:rotate(-4deg);}
60%{-moz-transform:rotate(0deg);}
80%{-moz-transform:rotate(4deg);}
100%{-moz-transform:rotate(-4deg);}
}
.s_gd h3{color:#1577c0;font:16px open_sansbold;margin:0px 0px 8px 0px;display:inline-block;}
.s_gd h3 span{color:#f25a2a;}
.s_gd h3 img{position:relative;margin-right:5px;top:10px;display:none;}
.s_gd p{display:block;padding-bottom:5px;}
.s_gd .readmore,.readmore{color:#1577c0;font:13px Gotham-Book;}
.s_gd .readmore:hover,.readmore:hover{color:#f25a2a;text-decoration:none;}
.readmore.read1{margin-bottom:15px;display:inline-block;}
.section_2{width:100%;;min-height:240px;background:#f9f9f9 url(../images/section_2_bg.png) bottom repeat-x;border-bottom:1px solid #fff;position:relative;border-top:2px solid #f0f0f0;}
.section_2_in{width:1000px;position:relative;margin:0 auto;overflow:auto;padding-top:20px;}
.left_sec_2{width:650px;padding-right:20px;padding-left:20px;}
.left_sec_2 .sec{}
.animated{-webkit-transition:width 2s;-webkit-transition-timing-function:linear;}
h3.header{font:18px Gotham-Bold;color:#444444;margin:0px 0px 10px;padding:0;display:inline-block;font-weight:normal;}
h3.header p, h3.header .k2b_title{font-size:24px;color:#1577c0;font-weight:bold;display:inline-block; font-family: Gotham-Book, Helvetica, sans-serif;}
h3.header p span, h3.header .k2b_title span{color:#f25a2a;font-size:18px;}
.left_sec_2 p{text-align:justify;}
.readmore.clr{color:#f25a2a;margin-bottom:15px;display:inline-block;}
.right_sec_2{width:280px;float:right;position:relative;margin-bottom:20px;display:inline-block;}
.right_sec_2 img{float:right;}
.document_download_btn{width:212px;height:38px;background:url(../images/sprite.png) no-repeat -2px -27px;float:left;position:absolute;bottom:20px;left:14%}
.document_download_btn:hover{background-position:-2px -68px;}
.section_wrapper{width:100%;position:relative;border-top:2px solid #f0f0f0;min-height:300px;}
.sec_inner{width:1000px;margin:0 auto;position:relative;padding-top:20px;overflow:auto;}
.left_sec_inner{width:617px;min-height:500px;background:url(../images/sec_right_shw.png) right center no-repeat;padding-left:20px;}
.k2b{font:24px Gotham-Bold;color:#444444;margin:0px 0px 15px;}
.k2b p, .k2b .k2b_title{color:#1577c0;font:24px open_sansbold;display:inline-block;}
.k2b .small{color:#f25a2a;font-size:18px !important;}
.k2b .normal{font-family:'Gotham-Bold';}
.grid2{width:auto;margin-bottom:10px;padding-right:50px;float:left;}
.grid2 img{float:left;margin-right:15px;}
.grid2 h4{font:16px Gotham-Bold;color:#1577c0;margin:0px 0px 3px;font-weight:500;}
.grid2{color:#555;font:18px Gotham-Book;text-align:justify;}
.right_section_in{width:325px;padding-left:20px;position:relative;}
.blg_tit{font:24px Gotham-Bold;color:#044444;margin:0px 0px 20px;}
.blg_tit span{font-family:'open_sansbold';color:#1577c0;}
.r_bg_g{width:320px;float:left;border-bottom:1px dotted #666666;margin-bottom:20px;}
.r_bg_g .blog_link{margin:0px 0px 5px 0px;display:block;font:16px Gotham-Bold;color:#1577c0;font-weight:400;}
.r_bg_g .blog_link:hover{text-decoration:none;}
.r_bg_g h5{color:#f25a2a;font:13px Gotham-Book;margin:0px 0px 10px;}
.r_bg_g p{text-align:justify;}
.big_link_view{font:16px Gotham-Book;display:block;margin:5px 0px;color:#f25a2a;display:inline-block;}
.share_blog{width:215px;float:left;margin-top:5px;clear:both;margin-bottom:4px;}
.share_blog a{width:24px;height:24px;float:left;margin-right:10px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.share_icon{background:url(../images/sprite.png) no-repeat -2px -136px;}
.share_icon:hover{background-position:-2px -111px}
.mail_icon{background:url(../images/sprite.png) no-repeat -30px -136px;}
.mail_icon:hover{background-position:-30px -111px}
.fb_icon{background:url(../images/sprite.png) no-repeat -58px -136px;}
.fb_icon:hover{background-position:-58px -111px}
.tw_icon{background:url(../images/sprite.png) no-repeat -86px -136px;}
.tw_icon:hover{background-position:-86px -111px}
.d_icon{background:url(../images/sprite.png) no-repeat -114px -136px;}
.d_icon:hover{background-position:-114px -111px}
.yahoo_icon{background:url(../images/sprite.png) no-repeat -142px -136px;}
.yahoo_icon:hover{background-position:-142px -111px}
.s_online{width:100%;position:relative;background:#1577c0 url(../images/s_online_bg.png) left top repeat-x;min-height:100px;overflow:auto;}
.s_online_in{width:1000px;margin:0 auto;position:relative;}
.big_text{margin-top:33px;}
.big_request_btn{width:235px;height:52px;background:url(../images/sprite.png) no-repeat 0px -162px;margin-top:25px;margin-bottom:25px;}
.big_request_btn:hover{background-position:0px -215px;}
.clicker_here{margin-right:0px !important;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.quit_design_text{width:132px;height:48px;background:url(../images/sprite.png) no-repeat -169px -112px;margin-top:25px;margin-right:25px;float:right;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
footer{background:#ebeff2;position:relative;overflow:auto;display:block;}
.ft_service_bg{width:auto;margin:0 auto;height:36px;position:absolute;top:0;left:0;right:0;background:url(../images/f_services_top_bg.png) center no-repeat;z-index:999;}
.ft_servics_content{width:100%;padding:0;position:relative;border-bottom:1px solid #fff;background:#ebeff2;}
.ft_servics_content_in{margin:0 auto;width:1000px;min-height:200px;}
.f_left_section{width:750px;float:left;padding-top:20px;}
.service_link1{margin:0;padding:0;float:left;}
.mr_none{margin-right:0px;}
.service_link1 ul{ margin: 0; padding: 0;}
.service_link1 h4{color:#1577c0;font:14px 'open_sansbold';margin:20px 0px;}
.service_link1 li{display:block;margin-bottom:15px;list-style:none;background:url(../images/right_arrow.png) no-repeat left 0px;}
.service_link1 li a{font:12px Gotham-Book;color:#686868;margin-left:10px;display:block;transition:padding-left 250ms ease-out;-webkit-transition:padding-left 250ms ease-out;-moz-transition:padding-left 250ms ease-out;-ms-transition:padding-left 250ms ease-out;-o-transition:padding-left 250ms ease-out;}
.service_link1 li a:hover, .service_link1 li a:active{padding-left:4px;color:#686868;text-decoration:none;}
.service_link1 li.active a{color:#686868;text-decoration:none;}
.product_list{text-align:left;width:auto;margin:24px 0 0 10px;}
.product_list ul{margin:0;padding:0;}
.product_list ul li{display:inline-block;list-style:none;margin:0px 3px;}
.product_list ul li a{display:block;}
.product_list.responsive{display:none;}
.f_right_service{width:220px;background:#ebeff2 url(../images/r_service_bg.png) left top no-repeat;float:right;z-index:1;padding-left:15px;}
.f_right_service h3{font:20px open_sansbold;color:#1577c0;display:inline-block;line-height:50px;margin-bottom:10px;margin-top:20px;}
.clr_letr_icon{float:left;width:46px;height:44px;background:url(../images/sprite.png) no-repeat -216px -24px;margin-right:10px;}
.f_right_service p{color:#686868;font:12px/18px Gotham-Book, Helvetica, sans-serif;-webkit-text-size-adjust:none;}
.input_bg{width:191px;height:35px;background:url(../images/sprite.png) no-repeat 0px -303px;float:left;}
.invite_input{margin-top:7px;margin-left:8px;width:168px;border:0px;background:none;color:#686868;}
.sum_btn{width:92px;height:32px;background:url(../images/sprite.png) no-repeat 0px -267px;float:left;margin-top:10px;}
.sum_btn:hover{background-position:-93px -267px;}
.r_share_btns{float:right;width:100%;height:34px;margin-top:30px;margin-bottom:15px;}
.r_share_btns ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display:block;}
.r_share_btns ul li{display:block;list-style:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;float:left;margin-right:10px;}
.r_share_btns a{width:17px;height:17px;float:left;position:relative;cursor:pointer;margin:0px;padding:0px;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-ms-transition:-ms-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.r_share_btns a:hover, .r_share_btns a:active{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.commen_footer{width:100%;margin:0px;padding:0px;position:relative;display:block;border-top:2px solid #e2e7ea;background:#ebeff2;}
.commen_footer_in{width:1000px;margin:0 auto;overflow:auto;min-height:100px;text-align:center;padding-top:15px;}
.commen_footer_in a{color:#1577c0;font:12px/18px Gotham-Book, Helvetica, sans-serif;position:relative;}
.commen_footer_in a:hover, .commen_footer_in a:active, .commen_footer_in li.active a{color:#333333;text-decoration:none;}

.footer_menu{padding:0;margin:0;display:block;margin-bottom:10px;}
.footer_menu li{display:inline-block;list-style:none;margin-left:5px;margin-right:5px;color:#1577c0;}
.commen_footer_in p{display:block;padding-bottom:5px;color:#686868;}
.ex_link{margin:10px 20px;padding:0;display:block;color:#1777BF;}
.ex_link li{display:inline-block;list-style:none;}
.ex_link li a{display:block;margin-right:5px;font-size:11px;}
.ex_link li.active a{color:#f15b29;}
.ex_link li span{font-size:11px;color:#1577c0;}
#scroll_top{font-size:0px;width:50px;height:50px;background:url(../images/scroll_top.png) no-repeat;position:absolute;right:18px;}
.dropdown_menu{display:none;width:32px;height:32px;background:url(../images/dropdown.png) no-repeat;text-indent:-999px;font-size:0px;}
.print_menu{padding:0;display:none;padding:0px 0px 0px 10px;}
.f_left_section.collapse{margin:25px 0px;display:none;}
.f_left_section.collapse h3{color:#fff;font:16px open_sansbold;padding:11px 35px;cursor:pointer;margin:1px 0px 0px 0px;text-shadow:0px -1px -1px #575757;background:rgb(29,140,223);}
.f_left_section.collapse ul{margin-left:35px;}
.f_left_section.collapse > div{margin-bottom:5px;border-bottom-left-radius:7px;border-bottom-right-radius:7px;padding-top:10px;overflow:auto;border:solid 1px #91d0ff;position:relative;top:-1px;background:#f0f9ff;}
.ui-accordion-header.ui-helper-reset.ui-state-default.ui-accordion-header-active.ui-state-active.ui-corner-top.ui-accordion-icons{border-top-left-radius:7px;border-top-right-radius:7px;}
.ui-accordion-header.ui-helper-reset.ui-state-default.ui-accordion-icons.ui-corner-all{border-radius:7px;}
#eemail_msg{color:#F00;}
#eemail_msg_sucess{color:#0C3;}
.social_shdw ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display:inline-block;}
.social_shdw ul li{margin:0px 10px 0px 0px;padding:3px 1px 0px 1px;list-style:none;float:left;}
.social_shdw i{width:30px;height:20px;float:left;margin:0;padding:0px;background:url(../images/social_shad.png) no-repeat;}
.blog_link:hover{color:#f25a2a;}
.social_shdw{margin:0px 0px 0px 0px;display:block;}
.social_shdw i.fb{background-position:0px 0px;}
.social_shdw i.tw{background-position:-30px 0px;}
.social_shdw i.in{background-position:-60px 0px;}
.social_shdw i.gp{background-position:-90px 0px;}
.social_shdw i.pin{background-position:-120px 0px;}
.social_shdw i.yt{background-position:-150px 0px;}
.social_shdw i.vi{background-position:-180px 0px;}
.breadcrumbs{font:bold 12px/15px Gotham-Book, Helvetica, sans-serif;padding:0px 0px 10px 0px;}

/******************************/
.top_share_btns li
{
	float: left;
}
.top_share_btns li a
{
	height: 17px;
	width: 17px;
	display: block;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.wide_contact li .top_share_btns li
{
	padding: 0;
	background: none;
	margin-left: 5px;
}
.wide_contact li .top_share_btns li:first-child
{
	margin-left: 0;
}
.top_share_btns ul
{
	float:left;
	padding-left: 0;
}

.sidebar_feed{background:#ea6e0e; display: block;text-align: center;border-radius: 5px; transition: 0.3s linear all; -webkit- transition: 0.3s linear all}
.sidebar_feed:hover{ background: #1777BF}
.commen_footer_in a.footer_feed{  display: block;margin: 0px 0px 10px 0px;}
.commen_footer_in a.footer_feed:hover{ opacity: 0.8}


/****************************** New Site Styles *******************************/
.clearfix:after, .clearfix:before{display: block; clear: both; content: '';}
.menu-trigger{height: 86px; width: 88px; background: #f15b29; position: relative; z-index: 1;}
.lineset{position: absolute; width:30px; height: 23px; left: 0; right: 0; bottom: 0; top: 0; margin: auto;}
.lineset span{display:block; width: 30px; height: 3px; background: #ffffff; margin-top: 7px;}
.lineset span:first-child{margin-top: 0;}
.menu-container{position: relative; overflow: hidden;}
.menu-container.opened{overflow: inherit;}
.menu-container .lineset{transition: all 0.15s ease-out 0s; -webkit-transition: all 0.15s ease-out 0s;}
.menu-container.opened .lineset{transform: rotate(270deg); -webkit-transform: rotate(270deg)}
.contact_menu{padding: 0; margin: 33px 35px 0 25px;}

.contact_menu li{float: left; list-style: none; margin-left: 27px;}
.contact_menu li:first-child{margin-left: 0;}
.contact_menu li a{ background: url(../images/sprite-new.png) no-repeat 0 0;}

.contact_menu li a.h-phone{display: block; height: 19px; width: 19px; background-position: 0 -44px;   position: relative; top: 1px}
.contact_menu li a.h-share{display: block; height: 21px; width: 21px; background-position: -26px -44px;}
.contact_menu li a.h-phone.active{background: url('../images/header_phone_orange.png') no-repeat;}
.contact_menu li a.h-share.active{background: url('../images/header_share_orange.png') no-repeat;}
.menu-container .movable-menu{transition: all 0.3s cubic-bezier(.71,.34,.5,.82) 0s; -webkit-transition: all 0.3s cubic-bezier(.71,.34,.5,.82) 0s; position: absolute;  right: -100%;}
.menu-container.opened .movable-menu{right: 0;}

.contact-dropdown, .share-dropdown {background: #f15b29; padding: 15px 20px; position: absolute; right: 0; top: 100%;transition: all 0.3s cubic-bezier(.71,.34,.5,.82) 0s; -webkit-transition: all 0.3s cubic-bezier(.71,.34,.5,.82) 0s; transform: translateX(100%); -webkit-transform: translateX(100%); z-index: 999;}
.contact-dropdown.opened, .share-dropdown.opened{transform: translateX(0%); -webkit-transform: translateX(0%)}
.wide_contact{background: none; padding: 0; margin: 0;}
.wide_contact li{background: none; color:#ffffff; padding:0; font-family: 'Gotham-Book'; font-size: 13px; font-weight: normal; text-transform: uppercase;}

.wide_contact li:hover, .wide_contact li:focus, .wide_contact li:active,
.wide_contact li span:hover, .wide_contact li span:focus,.wide_contact li span:active,
.wide_contact li a:hover, .wide_contact li a:focus,.wide_contact li a:active,
.wide_contact li span{color:#fff;}

.wide_contact li a{color:#ffffff;}
.wide_contact li:first-child{margin-right: 12px;}
.wide_contact li span{font-family: 'Gotham-Bold'; font-size: 13px; font-weight: normal; position: relative; top: -1px}
.top_share_btns ul{margin: 0;}
.top_share_btns ul li{list-style: none; margin-left: 18px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; position: relative; top: 0;}
.top_share_btns ul li:hover{top:-3px}
.top_share_btns ul li:first-child{margin-left: 0;}
.fb_share_icon{background:url(../images/header_social.png) no-repeat 0 0; width: 9px}
.tw_share_icon{background:url(../images/header_social.png) no-repeat  -22px 0; width: 15px;}
.in_share_icon{background:url(../images/header_social.png) no-repeat  -48px 0; width: 15px;}
.gp_share_icon{background:url(../images/header_social.png) no-repeat  -74px 0; width: 15px;}
.pin_share_icon{background:url(../images/header_social.png) no-repeat  -99px 0; width: 12px;}
.slider-cont{background-size: cover !important; -webkit-background-size: cover !important; background-position: center bottom !important; -webkit-background-position: center bottom !important;}
.slider_cnt{background: none; text-align: center;text-indent:inherit; width: 96%; margin: auto; position: absolute; max-width: 1280px; left: 0; right: 0; bottom: 21%;}
.slider_cnt, .slider_cnt p{ color:#ffffff;font-family: 'Gotham-Book'; font-size: 16px; font-weight: normal; line-height: 33px; margin-bottom: 0; padding-bottom: 0}
.slider_cnt h2{color:#ffffff; font-family: 'Gotham-Bold'; font-size: 30px; font-weight: normal; line-height: 33px; letter-spacing: -1px; margin-top: 20px;}
.section_3{background:#f5f5f5; padding: 10px 0 50px;}
.section_3_inner{max-width: 1280px; margin: 0 auto;text-align:center;}
.precendation_cnt h2{margin-top: 0; margin-bottom: 5px; color: #333333; font-family: 'Gotham-Book'; font-size: 27px; font-weight: normal; line-height: 33px}
.precendation_cnt p{color: #666666; font-family: 'Gotham-Book'; font-size: 16px; font-weight: normal; line-height: 33px; margin-bottom: 25px;}
.pre_btn{font-size: 0;}
.pre_btn a{font-family: 'Gotham-Bold'; font-size: 16px; font-weight: normal; line-height: normal; text-transform: uppercase; width: 160px; padding: 8px 0; display: inline-block; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; margin-right: 28px;transition: all 0.3s cubic-bezier(.71,.34,.5,.82) 0s; -webkit-transition: all 0.3s cubic-bezier(.71,.34,.5,.82) 0s; position: relative; overflow: hidden}

.pre_btn a.pdf_view{ border:2px solid #1777bf; color: #1777bf;}
.pre_btn a.html_view{border: 2px solid #de4723; color: #de4723; }
.pre_btn a.pdf_view:hover{background: #1777bf; color: #ffffff}
.pre_btn a.html_view:hover{color: #ffffff; background: #de4723}
.services_sec_in{max-width: 1280px; padding: 50px 0; width: auto}
.services_sec_in *{box-sizing: border-box; box-sizing: -webkit-border-box}
.s_gd{width: 50%; margin: 0 0 0 0;}
.s_gd.p_left{padding-left: 40px; margin-bottom: 70px}
.s_gd.p_right{padding-right: 40px; margin-bottom: 70px}
.s_gd.p_left.last{margin-bottom: 0px}
.s_gd.p_right.last{margin-bottom: 0px}
.development_list{width: 112px;    margin-top: 4px;}
.web_app_development{height: 62px; width: 82px;
background:url(../images/sprite-new.png) no-repeat -70px 0;
}


.responsive_web_design{height: 78px; width: 78px; background:url(../images/sprite-new.png) no-repeat -80px -71px; }
.mobile_web_development{height: 76px; background: url('../images/mobile-web-development.png') no-repeat 0 0;}
.mobile_application_development{height: 76px; width: 73px;
background:url(../images/sprite-new.png) no-repeat 0 -71px; }
.digital_marketing_icon{height: 76px; width: 75px;
background:url(../images/sprite-new.png) no-repeat 0 -156px;}
.development_desc h3, .development_desc h3 span{color: #333333; font-family: 'Gotham-Medium'; font-size: 20px; font-weight: normal; line-height: 21px; margin-bottom: 20px;}
.development_desc h3 a{color: #333333; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s}
.development_desc h3 a:hover{color: #f15b29}

.development_desc p{ color: #666666;font-family: 'Gotham-Book'; font-size: 16px; font-weight: normal; line-height: 27px; padding-bottom: 0; margin-bottom: 20px;}
.s_gd .readmore, .readmore{color: #f25a2a; font-family: 'Gotham-Book'; font-size: 16px; font-weight: normal; line-height: 27px;transition: all 0.3s cubic-bezier(.71,.34,.5,.82) 0s; -webkit-transition: all 0.3s cubic-bezier(.71,.34,.5,.82) 0s;}
.s_gd .readmore:hover, .readmore:hover{color: #333333}
.development_desc {padding-left: 112px; text-align: left;}
.newtechnology_section{min-height: 300px; position: relative; background-image: url(../images/Flutter-banner-design-k2b-5.jpg);/*background-image: url(../images/Amp-banner-design.jpg);*/  background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 20px 0;}
.technoloty_content{text-align: center; padding: 0 30px;}
.technoloty_content h2{font-family: "Open Sans",sans-serif; font-size: 35px; font-weight: 700; line-height: normal; color: #ffffff; margin-bottom: 20px; margin-top: 0;}
.technoloty_content p{font-family: 'Gotham-Book'; font-size: 16px; font-weight: normal; line-height: normal; color: #ffffff; padding: 0; margin-bottom: 20px;}
.button{font-family: 'Gotham-Bold'; font-size: 16px; font-weight: normal; line-height: normal; text-transform: uppercase; padding: 8px 25px; display: inline-block; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; text-decoration: none;}
.button.outline.white{border: 2px solid #ffffff; color: #ffffff;}
.button.outline.white:hover{background: #ffffff; color: #333333; text-decoration: none;}
.technoloty_content{max-width: 1280px;}
/*.v_center{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;} */

.v_center {
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: translateY(-50%);
    height: auto !important;
}

.home_contact_section{background: #f4f4f4; padding: 80px 0}
.h_contact_wrapper *{box-sizing: border-box; -webkit-box-sizing: border-box;}
.h_contact_wrapper{max-width: 1280px; margin: auto;}
.h_contact_left, .h_contact_right{ width: 50%; padding: 0 40px; text-align: center;}

.h_contact_left h2, .h_contact_right h2{font-family: 'Gotham-Book'; font-size: 27px; font-weight: normal; line-height: 33px; color: #333333; margin-bottom: 5px;}
.h_contact_left p, .h_contact_right p{color: #666666; font-family: 'Gotham-Book'; font-size: 16px; font-weight: normal; line-height: 33px; margin-bottom: 25px}
.button.outline.orange{border: 2px solid #de4723; color: #de4723;}
.button.outline.orange:hover{background: #de4723; color: #ffffff; text-decoration: none;}
.button.fill.orange{border: 2px solid #de4723; background: #de4723; color: #ffffff;}
.button.fill.orange:hover{border: 2px solid #de4723; background: none; color: #de4723; text-decoration: none;}
footer *{box-sizing: border-box; -webkit-box-sizing: border-box;}
footer, .ft_servics_content, .commen_footer{background: #ffffff;}
.ft_servics_content{border-bottom: 0 none;}
.ft_servics_content_in{max-width: 1280px; width: auto; border-bottom: 1px solid #e5e5e5}
.f_left_section{float: none; width: 93%; padding:70px 0 30px 0; margin: auto}
.commen_footer{border-top: 0 none;}
.service_link1 h4{color: #333333; font-family: 'Gotham-Bold'; font-size: 18px; font-weight: normal; line-height: 22px; margin-bottom: 20px; margin-top: 0;}
.service_link1 li{background: none; margin-bottom: 5px;}
.service_link1 li a{margin-left: 0; color: #666666; font-family: 'Gotham-Book'; font-size: 16px; font-weight: normal; line-height: 25px;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; display: inline-block; position: relative;}
.service_link1 li a:after{    opacity: 0;    content: ""; position: absolute; bottom: 0px;    left: 50%; display: block; width: 0; border-bottom: 1px solid #666666; -webkit-transition: 0.3s ease-in-out;  transition: 0.3s ease-in-out;}

/* 3d line aimation start */
/* ---- reset ---- */ 
 
canvas {
    display: block;
    vertical-align: bottom;
}
/* ---- particles.js container ---- */

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
/* ---- stats.js ---- */

.count-particles {
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13E8E9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.js-count-particles {
    font-size: 1.1em;
}
#stats,
.count-particles {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}
#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}
.count-particles {
    border-radius: 0 0 3px 3px;
}
/* 3d line aimation End */



@media(min-width:1025px)
{
.service_link1 li a:hover:after{left: 0; width: 100%; opacity: 1;}
}

.service_link1 li a:hover, .service_link1 li a:active{padding-left: 0;}
.commen_footer_in{width: auto; max-width: 1280px;}
.f_share ul{padding: 0;  margin: 0 0 25px 0}
.f_share ul li{list-style: none; display: inline-block; vertical-align: middle; margin-left: 18px;}
.f_share ul li:first-child{margin-left: 0;}
.f_share ul li a{display: inline-block; transition: none !important; -webkit-transition: none !important; position: relative;}
.f_share .fb_share_icon{background:url(../images/footer_social.png) no-repeat 0 0; height: 23px;  width: 12px}
.f_share .tw_share_icon{background:url(../images/footer_social.png) no-repeat  -32px 0; height: 23px; width: 21px;}
.f_share .in_share_icon{background:url(../images/footer_social.png) no-repeat  -71px 0; height: 23px; width: 22px;}
.f_share .gp_share_icon{background:url(../images/footer_social.png) no-repeat  -110px 0; height: 23px; width: 24px;}
.f_share .pin_share_icon{background:url(../images/footer_social.png) no-repeat  -150px 0; height: 23px; width: 18px;}

.f_share .fb_share_icon:hover{background:url(../images/footer_social.png) no-repeat 0 -23px; height: 23px;  width: 12px}
.f_share .tw_share_icon:hover{background:url(../images/footer_social.png) no-repeat  -32px -23px; height: 23px; width: 21px;}
.f_share .in_share_icon:hover{background:url(../images/footer_social.png) no-repeat  -71px -23px; height: 23px; width: 22px;}
.f_share .gp_share_icon:hover{background:url(../images/footer_social.png) no-repeat  -110px -23px; height: 23px; width: 24px;}
.f_share .pin_share_icon:hover{background:url(../images/footer_social.png) no-repeat  -150px -23px; height: 23px; width: 18px;}

.commen_footer_in{padding:40px 0 60px 0;}
.commen_footer_in a{color: #333333; font-family: 'Gotham-Book'; font-size: 16px; font-weight: normal; line-height: 36px;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; position: relative;}
.footer_menu a{position: relative}
.footer_menu a:after{border-bottom: 1px solid #333; content: ''; display: block; width: 0%; bottom: -3px; margin: auto; position: absolute; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; opacity: 0; left: 0; right: 0}
.footer_menu a:hover:after, .footer_menu li.active a:after{width: 100%; opacity: 1}
.footer_menu li{margin-left: 5px; margin-right: 5px; vertical-align: middle; color: #333333}
.commen_footer_in p{color: #999999; font-family: 'Gotham-Book'; font-size: 16px; font-weight: normal; line-height: 36px;}
.commen_footer_in p a{color: #999999;}
.commen_footer_in p a:hover{color: #333333;}
.mobile_menu, .mobile_overlay_menu{display: none;}
.service_link1.mobile_apps+.clearfix{display: none;}
.service_link1.web_development+.clearfix{display: none !important;}
.service_link1.web_design_trends a{font-family: 'Gotham-Bold';}
@media (min-width:999px)
{
	.mobile_menu, .mobile_overlay_menu{display: none !important;}
}
.mobile_menu_container{height: 400px}
/*****************************************/
.mobile_menu, .mobile_menu *{box-sizing: border-box; -webkit-box-sizing: border-box;}
.hamburglar {
  -webkit-transform: scale(1);
		  transform: scale(1);
  margin: 0px auto;
  position: relative;
  display: block;
  width: 68px;
  height: 68px;
  background: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
	cursor: pointer;
	transition: all 0.4s ease 0;
	-webkit-transition: all 0.4s ease 0;
	top: 10px;
}

.path-burger {
  position: absolute;
  top: 0;
  left: 0;
  height: 68px;
  width: 68px;
  -webkit-mask: url(#mask);
		  mask: url(#mask);
  -webkit-mask-box-image: url(https://raygun.io/upload/mask.svg);
}

.animate-path {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.path-rotation {
  height: 34px;
  width: 34px;
  margin: 34px 34px 0 0;
  -webkit-transform: rotate(0deg);
		  transform: rotate(0deg);
  -webkit-transform-origin: 100% 0;
		  transform-origin: 100% 0;
}
.path-rotation:before {
  content: '';
  display: block;
  width: 30px;
  height: 34px;
  margin: 0 4px 0 0;
  background: #777777;
}

@-webkit-keyframes rotate-out {
  0% {
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
  40% {
	-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
  }
  100% {
	-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
  }
}

@keyframes rotate-out {
  0% {
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
  40% {
	-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
  }
  100% {
	-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-in {
  0% {
	-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
  }
  40% {
	-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
  }
  100% {
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
}
@keyframes rotate-in {
  0% {
	-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
  }
  40% {
	-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
  }
  100% {
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
}
.hamburglar.is-open .path {
  -webkit-animation: dash-in 0.6s linear normal;
		  animation: dash-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
}
.hamburglar.is-open .animate-path {
  -webkit-animation: rotate-in 0.6s linear normal;
		  animation: rotate-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
}

.hamburglar.is-closed .path {
  -webkit-animation: dash-out 0.6s linear normal;
		  animation: dash-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
}
.hamburglar.is-closed .animate-path {
  -webkit-animation: rotate-out 0.6s linear normal;
		  animation: rotate-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
}

.path {
  stroke-dasharray: 240;
  stroke-dashoffset: 240;
  stroke-linejoin: round;
}

@-webkit-keyframes dash-in {
  0% {
	stroke-dashoffset: 240;
  }
  40% {
	stroke-dashoffset: 240;
  }
  100% {
	stroke-dashoffset: 0;
  }
}

@keyframes dash-in {
  0% {
	stroke-dashoffset: 240;
  }
  40% {
	stroke-dashoffset: 240;
  }
  100% {
	stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-out {
  0% {
	stroke-dashoffset: 0;
  }
  40% {
	stroke-dashoffset: 240;
  }
  100% {
	stroke-dashoffset: 240;
  }
}
@keyframes dash-out {
  0% {
	stroke-dashoffset: 0;
  }
  40% {
	stroke-dashoffset: 240;
  }
  100% {
	stroke-dashoffset: 240;
  }
}
.burger-icon {
  position: absolute;
  padding: 20px 16px;
  height: 68px;
  width: 68px;
}

.burger-container {
  position: relative;
  height: 28px;
  width: 36px;
}

.burger-bun-top,
.burger-bun-bot,
.burger-filling {
  position: absolute;
  display: block;
  height: 4px;
  width: 36px;
  border-radius: 2px;
  background: #777777;
	transition: background 0.3s ease 0s;
	-webkit-transition: background 0.3s ease 0s;
}

.burger-bun-top {
  top: 0;
  -webkit-transform-origin: 34px 2px;
		  transform-origin: 34px 2px;
}

.burger-bun-bot {
  bottom: 0;
  -webkit-transform-origin: 34px 2px;
		  transform-origin: 34px 2px;
}

.burger-filling {
  top: 12px;
}

.burger-ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.svg-ring {
  width: 68px;
  height: 68px;
}

.hamburglar.is-open .burger-bun-top {
  -webkit-animation: bun-top-out 0.6s linear normal;
		  animation: bun-top-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
}
.hamburglar.is-open .burger-bun-bot {
  -webkit-animation: bun-bot-out 0.6s linear normal;
		  animation: bun-bot-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
}

.hamburglar.is-closed .burger-bun-top {
  -webkit-animation: bun-top-in 0.6s linear normal;
		  animation: bun-top-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
}
.hamburglar.is-closed .burger-bun-bot {
  -webkit-animation: bun-bot-in 0.6s linear normal;
		  animation: bun-bot-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
}

@-webkit-keyframes bun-top-out {
  0% {
	left: 0;
	top: 0;
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
  20% {
	left: 0;
	top: 0;
	-webkit-transform: rotate(15deg);
			transform: rotate(15deg);
  }
  80% {
	left: -5px;
	top: 0;
	-webkit-transform: rotate(-60deg);
			transform: rotate(-60deg);
  }
  100% {
	left: -5px;
	top: 1px;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
  }
}

@keyframes bun-top-out {
  0% {
	left: 0;
	top: 0;
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
  20% {
	left: 0;
	top: 0;
	-webkit-transform: rotate(15deg);
			transform: rotate(15deg);
  }
  80% {
	left: -5px;
	top: 0;
	-webkit-transform: rotate(-60deg);
			transform: rotate(-60deg);
  }
  100% {
	left: -5px;
	top: 1px;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
  }
}
@-webkit-keyframes bun-bot-out {
  0% {
	left: 0;
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
  20% {
	left: 0;
	-webkit-transform: rotate(-15deg);
			transform: rotate(-15deg);
  }
  80% {
	left: -5px;
	-webkit-transform: rotate(60deg);
			transform: rotate(60deg);
  }
  100% {
	left: -5px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
  }
}
@keyframes bun-bot-out {
  0% {
	left: 0;
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
  20% {
	left: 0;
	-webkit-transform: rotate(-15deg);
			transform: rotate(-15deg);
  }
  80% {
	left: -5px;
	-webkit-transform: rotate(60deg);
			transform: rotate(60deg);
  }
  100% {
	left: -5px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
  }
}
@-webkit-keyframes bun-top-in {
  0% {
	left: -5px;
	bot: 0;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
  }
  20% {
	left: -5px;
	bot: 0;
	-webkit-transform: rotate(-60deg);
			transform: rotate(-60deg);
  }
  80% {
	left: 0;
	bot: 0;
	-webkit-transform: rotate(15deg);
			transform: rotate(15deg);
  }
  100% {
	left: 0;
	bot: 1px;
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
}
@keyframes bun-top-in {
  0% {
	left: -5px;
	bot: 0;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
  }
  20% {
	left: -5px;
	bot: 0;
	-webkit-transform: rotate(-60deg);
			transform: rotate(-60deg);
  }
  80% {
	left: 0;
	bot: 0;
	-webkit-transform: rotate(15deg);
			transform: rotate(15deg);
  }
  100% {
	left: 0;
	bot: 1px;
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
}
@-webkit-keyframes bun-bot-in {
  0% {
	left: -5px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
  }
  20% {
	left: -5px;
	bot: 0;
	-webkit-transform: rotate(60deg);
			transform: rotate(60deg);
  }
  80% {
	left: 0;
	bot: 0;
	-webkit-transform: rotate(-15deg);
			transform: rotate(-15deg);
  }
  100% {
	left: 0;
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
}
@keyframes bun-bot-in {
  0% {
	left: -5px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
  }
  20% {
	left: -5px;
	bot: 0;
	-webkit-transform: rotate(60deg);
			transform: rotate(60deg);
  }
  80% {
	left: 0;
	bot: 0;
	-webkit-transform: rotate(-15deg);
			transform: rotate(-15deg);
  }
  100% {
	left: 0;
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
  }
}
.hamburglar.is-open .burger-filling {
  -webkit-animation: burger-fill-out 0.6s linear normal;
		  animation: burger-fill-out 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
}

.hamburglar.is-closed .burger-filling {
  -webkit-animation: burger-fill-in 0.6s linear normal;
		  animation: burger-fill-in 0.6s linear normal;
  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
}

@-webkit-keyframes burger-fill-in {
  0% {
	width: 0;
	left: 36px;
  }
  40% {
	width: 0;
	left: 40px;
  }
  80% {
	width: 36px;
	left: -6px;
  }
  100% {
	width: 36px;
	left: 0px;
  }
}

@keyframes burger-fill-in {
  0% {
	width: 0;
	left: 36px;
  }
  40% {
	width: 0;
	left: 40px;
  }
  80% {
	width: 36px;
	left: -6px;
  }
  100% {
	width: 36px;
	left: 0px;
  }
}
@-webkit-keyframes burger-fill-out {
  0% {
	width: 36px;
	left: 0px;
  }
  20% {
	width: 42px;
	left: -6px;
  }
  40% {
	width: 0;
	left: 40px;
  }
  100% {
	width: 0;
	left: 36px;
  }
}
@keyframes burger-fill-out {
  0% {
	width: 36px;
	left: 0px;
  }
  20% {
	width: 42px;
	left: -6px;
  }
  40% {
	width: 0;
	left: 40px;
  }
  100% {
	width: 0;
	left: 36px;
  }
}
.hamburglar.is-open .burger-bun-top, .hamburglar.is-open .burger-bun-bot, .hamburglar.is-open .burger-filling{background: #ffffff;}
.hamburglar.is-open{margin: 0; position: fixed; top: 10px; right: 0; z-index: 9999999}
.hamburglar.is-open+.contact_menu{margin-right: 83px;}
.input_bg{float: none; display: inline-block; vertical-align: middle;}
.sum_btn{float: none; display: inline-block; vertical-align: middle;}
body .SnapABug_Button{top: 0 !important; bottom: 0 !important; margin-bottom: auto !important; margin-top: auto !important; height: 264px !important;}
.bx-controls{ position: absolute;bottom: 40px; width: 100%; z-index: 1}
body .bx-wrapper .bx-controls-direction a{position: relative; display: inline-block; top: 0; margin-top: 0px; left: auto; right: auto; width: 20px; height: 34px; margin: 0 22px}

body .bx-wrapper .bx-controls-direction a{ background: url(../images/sprite-new.png) no-repeat 0 0;  }
body .bx-wrapper .bx-controls-direction a:hover{ opacity: 0.8;}
body .bx-wrapper .bx-controls-direction  .bx-next{ background-position: -45px 0; }
body .bx-wrapper .bx-controls-direction .bx-prev{background-position: 0 0; }

body .bx-wrapper img{max-width: 93%; width: auto; margin: auto auto auto auto;}
body .bx-wrapper img:last-child{margin-top: 20px}
.top-row > .inner_nav:after{clear: both; display: block; content: '';}
.parent_submenu{width: 25%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 15px 0px 0}
/*.parent_submenu:nth-child(2){width: 20%;}*/
.top-row .inner_nav{float: left; width: 18%; margin-right: 1%;}
.top-row .inner_nav:nth-child(2){width: 20%;}
.top-row .inner_nav:first-child{width: 70%; float: left; margin-right: 0; margin-bottom: 20px; box-sizing: border-box; -webkit-box-sizing: border-box}
.top-row .inner_nav:last-child{margin-right: 0;}
#dropdown-wrapper{
	opacity: 0;
	-webkit-animation: fadeout ease 0.5s 0s;
	animation: fadeout ease 0.5s 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#dropdown-wrapper.active
{
	-webkit-animation: fadein ease 0.5s 0s;
	animation: fadein ease 0.5s 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1
}

@-webkit-keyframes fadein{
	0%		{opacity: 0}
	100%	{opacity: 1}
}
@keyframes fadein{
	0%		{opacity: 0}
	100%	{opacity: 1}
}
@-webkit-keyframes fadeout{
	0%		{opacity: 1}
	100%	{opacity: 0}
}
@keyframes fadeout{
	0%		{opacity: 1}
	100%	{opacity: 0}
}
.service_link1{width: 25%; padding-left: 2%;}
.service_link1:first-child{padding-left: 0;}
.service_link1.mobile_apps{width: 26%;}
.service_link1.web_development{width: 24%}
.scrolltop {   background-color: #f15b29;   background-image: url("../images/uparrow.png");
	background-position: center center;    background-repeat: no-repeat;    bottom: 10px;
	color: #2a7377;    cursor: pointer;    display: none;    font-family: "museo_sans500";    font-size: 10px;    font-weight: bold;
	height: 38px;    line-height: 105px;    opacity: 0.6;    position: fixed;    right: 10px;
	text-indent: -999999px;    width: 40px;    z-index: 999;}
.scrolltop:hover{ opacity: 1;}

body .aligncenter { float:none !important; margin: 20px auto 20px auto !important; display: block;}
body .alignlef, body img.alignnone { float:left !important; margin: 20px 20px 20px auto !important; }
body .alignright { float:right !important; margin: 20px auto 20px 20px !important;}
/****************************** Modal Styles *****************************/
.modal_window, .modal_window *{box-sizing: border-box; -webkit-box-sizing: border-box;}
.modal_window{position: fixed; background: #1777bf; transition: all 0.9s cubic-bezier(.5,.21,.59,.87) 0s; -webkit-transition: all 0.9s cubic-bezier(.5,.21,.59,.87) 0s; top: 0; right: 0; bottom: 0; left: 0; transform: translateY(-1000%); -webkit-transform: translateY(-1000%); max-width: 1000px; margin: auto auto; height: 300px; width: 96%;}
.modal_window.opened{transform: translateY(0%); -webkit-transform: translateY(0%);}
.modal{background: #1777bf; position: relative; height: 100%; width: 100%; padding: 70px 30px; text-align: center;}
#subscribe_modal h2{margin:0 0 25px 0; color: #ffffff; font-family: 'Gotham-Book'; font-size: 27px; font-weight: normal; line-height: 33px;}
#subscribe_modal p{margin:0 0 25px 0; color: #ffffff; font-family: 'Gotham-Book'; font-size: 21px; font-weight: normal; line-height: 30px; padding: 0;}
.input_row{font-size: 0;}
.input_row .subscribe_input{display: inline-block; vertical-align: middle; width: 250px; padding: 12px 19px; border: 0 none; color:#808080; font-family: 'Gotham-Book'; font-size: 16px; font-weight: normal; line-height: normal; margin: 0 10px; border-radius: 5px; -webkit-border-radius: 5px; }
.submit_btn{display: block; width:200px; margin: 20px auto auto auto; color: #ffffff; font-family: 'Gotham-Bold'; font-size: 16px; font-weight: normal; line-height: normal; padding:12px 0; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; background: #de4723; border: 2px solid #de4723;border-radius: 5px; -webkit-border-radius: 5px; text-transform: uppercase;}
.submit_btn:hover{background: none; text-decoration: none; border: 2px solid #ffffff; color: #ffffff;}
a.modal_close {position: absolute; right: 15px; top: 15px; color: #fff; font-family: 'Gotham-Light'; font-size: 25px;}
a.modal_close:hover{text-decoration: none;}
/*************************************************************************/
.mobile_only img{ display: none !important;}


.contact_menu li a{background:none; position:relative;}
.contact_menu li a.h-phone:after{
	position:absolute;
	left:0;
	top:0;
	font-family: FontAwesome;
	color:#777777;
	display:block;
	content:'\f095';
	font-size:25px;
	transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s
}
.contact_menu li a.h-share:after{
	position:absolute;
	left:0;
	top:0;
	font-family: FontAwesome;
	color:#777777;
	display:block;
	content:'\f1e0';
	font-size:25px;
	transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s
}
.contact_menu li a:hover:after{
	color:#f15b29;
}

.or_view li span { width: 44px; height: 44px; display: block; background: url(../images/technologies.png) no-repeat 0 0; }
 
.banner_wrp{ }
.home_banner{ padding: 140px 45px;  max-width: 1280px; position: relative; margin: 0 auto; text-align: left;}
.home_banner h1{ font-family: 'Open Sans', sans-serif; color: #2c2c2c; font-size: 70px; font-weight: 800; line-height: 1.2; margin: 0 0 25px 0; }
.home_banner h3{ font-family: 'Open Sans', sans-serif; color: #000000; font-size: 50px; font-weight: 300; line-height: 1.2; margin: 0 0 60px 0; display: inline-block; vertical-align: top;}
.home_banner h3.boldertext{ font-weight: 700; }
body .banner_btn{ text-transform: uppercase; color: #000000 !important; border-radius: 0px; -webkite-border-radius: 0px; -o-border-radius: 0px; padding: 15px 40px; font-size: 20px; font-weight: 600; font-family: 'Open Sans', sans-serif;  }
body .banner_btn:hover{ text-transform: uppercase; color: #fff !important; }
body .newbtnner{ text-transform: uppercase; color: #fff !important; border-radius: 0px; -webkite-border-radius: 0px; -o-border-radius: 0px; padding: 10px 40px; font-size: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif;  }

.commen_footer_two:after, .text_animation:after{ display: block; content: ''; clear: both;}
.commen_footer_twoleft{ float: left; width: 70%; text-align: left;}
.commen_footer_tworight{ float: left; width: 30%; padding-left: 15px; text-align: left;}
.footer_bottomer{ padding: 10px 0 0 0; margin: 0; font-size: 0px;}
.footer_bottomer li{ display: inline-block; vertical-align: bottom; margin-left: 8px;}
.footer_bottomer li:first-child{ margin-left: 0;}
.commen_footer_two{ max-width: 93%; margin: 0 auto;}
.commen_footer_tworight h4{ margin: 0; font-size: 18px; font-family: "Gotham-Bold"; font-weight: normal; color: #333333;}
.our_clientlogos{ background: #fff; position: relative;}
.our_clientlogos ul{ padding: 0; margin: 0; }
.t_content_wrapper{ max-width: 920px; margin: 0 auto; margin-top: 70px;}
.our_clientlogos_wrap{ padding: 50px 15px; text-align: center; max-width: 870px; margin: 0 auto;}
.our_clientlogos li{ list-style: none; vertical-align: top; display: inline-block; padding: 0 10px; margin-bottom: 5px; }
.our_clientlogos li:first-child{ margin-left: 0;}
.our_clientlogos li.small_logos{ padding: 0;}
.our_clientlogos li.alignerleft{/*margin-left: -155px; */ margin-left: 10px;}
.common_analy{ background-image: url(../images/footer_analy-sprite.png); background-repeat: no-repeat;}
.animate_icon{ background-image: url(../images/animat_sprite.png); background-repeat: no-repeat;}
.client_sprite{ background-image: url(../images/client_sprite.png); background-repeat: no-repeat; width: 150px; height: 69px; display: inline-block;}
.analy_con{ background-position: 0 -57px; width: 70px; height: 69px; display: inline-block;}
.bing_con{ background-position: -2px 0; width: 126px; height: 43px; display: inline-block;}
.magento_con{ background-position: -151px 0; width: 52px; height: 87px; display: inline-block;}
.adwords_con{ background-position: -78px -57px; width: 70px; height: 69px; display: inline-block;}
.contact_deals_icon{ background-position: 0 0; width: 129px; height: 121px; display: inline-block;}
.contact_newsletter_icon{ background-position: 0 -124px; width: 129px; height: 82px; display: inline-block; margin: 23px 0 15px 0;}
.our_clientlogos h4, .services_sec_in h2{ text-align: center; font-size: 30px; margin-top: 0px; font-family: "Gotham-Book"; font-weight: normal; color: #333333; position: relative; padding-bottom: 16px;}
.services_sec_in h2{ margin-bottom: 50px; }
.services_sec_in h2:after, .our_clientlogos h4:after{ content: ''; display: block; width: 50px; height: 2px; position: absolute; bottom: 0;  background: #f25a2a; margin: 0 auto; left: 0; right: 0;}
.lt_icon{background-position: 0 0;}
.american_icon{background-position: -155px 0;}
.american_icon{background-position: -155px 0;}
.easternbook_icon{background-position: -311px 0;}
.avanz_icon{background-position: -465px 0;}
.devji_icon{background-position: 0 -69px;}
.h20_icon{background-position: -155px -69px;}
.breakup_icon{background-position: -310px -69px;}
.aramex_icon{background-position: -465px -69px;}
.boganvila_icon{background-position: 0 -138px;}
.vanguard_icon{background-position: -155px -138px;}

/*** Quick  Enquiry - 19-10-17 ***/
.bd_over{}
.QukEnqPop{ position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; overflow-y: auto; overflow-x: hidden; z-index: -9999; opacity: 0; animation-duration: 0.6s; /*transform: scale(0); -webkit-transform: scale(0);*/ -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.QukEnqPop.open{ z-index: 99999; opacity: 1; /*transform: scale(1); -webkit-transform: scale(1);*/ }
.close-animatedModal{ position: absolute; right: 15px; top: 12px; z-index: 9; cursor: pointer; }
.close-animatedModal span{ display: inline-block; vertical-align: middle;}
.close-animatedModal i.close_icon{ display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(../images/delete-button.svg);margin-left: 10px; transform: rotate(0deg); transition: all 0.6s ease;}
.close-animatedModal:hover i.close_icon{transform: rotate(-360deg);}

a.qukEnq{ font: 14px Gotham-Bold;    padding: 12px 12px 12px; background: #f15b29 !important; border-radius: 5px; color: #FFF; text-transform: uppercase; cursor: pointer; }
.modal-content .qukEnq_lt{width: 66.65%; left: 100%; height:100%; float:left; position:absolute; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition:all 0.6s ease; -webkit-transition-delay: 0.22s; transition-delay: 0.22s; z-index: 2; background: url(../images/enq_lt_sec_bg.jpg) center no-repeat; background-size: cover; }
.modal-content .qukEnq_rt{width: 33.33%; height: 100%; float: right; background: #FFF; position: absolute; right: -50%; text-align: center; padding: 10px 0 0; box-sizing: border-box; color: #333333; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transition-delay: 0.06s; transition-delay: 0.06s; z-index: 3; box-shadow: -2px 0px 34px 0px rgba(0,0,0,0.2); }
.modal-content .qukEnq_rt h2{margin: 0px 0 15px; font-size: 30px; color: #333333; line-height: 36px;}
.modal-content .qukEnq_rt p{color: #333333;    padding: 0 15px;margin-bottom: 10px;}
.qukEnq_rt .enq_Form{ display: inline-block; width: 80%; max-width: 400px; margin: 10px 0 0;}
.QukENq_rt_cont{ top: 50%; position: relative; transform: translateY(-50%); }
.qukEnq_rt .enq_Form input[type="text"], .qukEnq_rt .enq_Form input[type="email"], .qukEnq_rt .enq_Form select, .qukEnq_rt .enq_Form textarea{ width: 100%; height: 36px; background: #ffffff; border: 1px solid #b5b5b5; margin: 0 0 10px; border-radius: 0px; color: #565656; padding: 5px 15px; font: 13px/21px Gotham-Book, Helvetica, sans-serif;box-sizing: border-box;}
.qukEnq_rt .enq_Form textarea{ height: 90px; font: 13px/21px Gotham-Book, Helvetica, sans-serif; outline: none; resize: none; }
.qukEnq_rt .enq_Form input[type="submit"], .qukEnq_rt .enq_Form .quk_enq_btn{ width: 75%; height: 44px; border-radius: 5px; text-align: center; color: #FFF; background: #f05b2a; font-size: 17px; border: none; cursor: pointer;}
.quk_lt_inblk{ bottom: 5%; position: absolute; }

.quk_lt_inblk .statLst{ list-style: none; width: 96%; display: block; padding: 0; margin: 0 auto; }
.quk_lt_inblk .statLst li{ display: inline-block; width: 24.44%; box-sizing: border-box; color: #FFF; text-align: center; padding: 0 28px; }
.quk_lt_inblk .statLst li span.count{ font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 22px; display: inline-block; vertical-align: middle; }
.quk_lt_inblk .statLst li span.icon{ display: inline-block; vertical-align: middle; margin-left: 8px; }
.quk_lt_inblk .statLst li p{ font-size: 15px; font-weight: 100; color: #FFF; font-family: 'Open Sans', sans-serif; }
.quk_lt_bot_sec{ text-align: center; }
.quk_lt_bot_sec .infoLst{ list-style: none; display: inline-block; margin: 100px 0 0; padding: 0; }
.quk_lt_bot_sec .infoLst li{ display: inline-block; margin:  0 5px; font-family: 'arial', sans-serif; font-size: 16px; color: rgba(255,255,255,0.6);}
.quk_lt_bot_sec .infoLst li a{ color: rgba(255,255,255,0.6); transition: all 0.4s ease; }
.quk_lt_bot_sec .infoLst li a:hover{ color: rgba(255,255,255,0.9);}
.quk_lt_bot_sec .infoLst li span.icon{ display: inline-block; vertical-align: middle; margin-right: 5px; }
label.error {
    color: red;
}
label.error {
    font-size: 13px;
    position: absolute;
    background: #f3f3f3;
    border: 1px solid #ddd;
    padding: 5px;
    top: -23px;
    z-index: 9;
    left: 0;
    line-height: 7px;
}
label.error:before , label.error:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
label.error:before {
    border-color: rgba(221, 221, 221, 0);
    border-top-color: #ddd;
    border-width: 6px;
    margin-left: -6px;
}
label.error:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 4px;
    margin-left: -4px;
}

.success {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    display: block;
    font-size: 13px;
    margin-top: 20px;
    line-height: 20px;
}

.form-group {
    margin-bottom: 15px;
    position: relative;
}

.assure_pgh{margin: 15px 0; padding: 0;    font-size: 15px;font-weight: 600;}



/**** Landing Page Start ****/
.main_section{ width: 100%; margin: 0 -1px; }
.ld_banner{ position: relative; width: 100%; margin-bottom: -8px; overflow: hidden; }
.ld_banner > img{ width: 100%; }
.text_left{ text-align: left; }
.text_right{ text-align: right;}
.text_center{ text-align: center;}
.font_sm_sz{ font-size: 14px; }
.font_sm_md{ font-size: 18px; }
.font_sm_lg{ font-size: 20px; }
.font_sm_xl{ font-size: 22px; }
.ln_cont_form input::placeholder{ color: #aaaaaa; opacity: 1 !important ; }
.ln_cont_form textarea::placeholder{ color: #aaaaaa; opacity: 1 !important ; }
.ln_cont_form ::-moz-placeholder{ color: #aaaaaa; opacity: 1 !important ; }
.ln_cont_form textarea::-moz-placeholder{ color: #aaaaaa; opacity: 1 !important ; }


.clr_orange{ color: #f1531f !important; }
.h2_title{ font-size: 40px; letter-spacing: 0.04em; margin: 0 0 40px; line-height: 42px; font-family: 'Gotham-Bold'; }
.btn{ min-width: 200px; padding: 8px 20px 10px; font-size: 18px; cursor: pointer; font-family: 'Gotham-Medium'; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; display: inline-block; border: none; text-align: center; }
.btn_arrow{ width: 27px; height: 9px; display: inline-block; margin: 0px 15px; position: relative; transition: all .4s ease; }
a.btn i.arrow_lft{ transition: all .8s ease; -webkit-transition: all .8s ease; left: 0; }
a.btn i.arrow_rit{ transition: all .8s ease; -webkit-transition: all .8s ease; right: 0; }
a.btn:hover i.arrow_lft{ left: -20px; }
a.btn:hover i.arrow_rit{ right: -20px; }
/* a.btn:hover i.arrow_rit{ -webkit-animation-name: arrow_rit; animation-name: arrow_rit; -webkit-animation: arrow_rit 1.2s; animation: arrow_rit 1.2s ; animation-iteration-count: 1; -webkit-animation-iteration-count: 1;}*/
.btn_arrow_dark{ background: url(../images/arrow_dark.png); }
.btn_arrow_light{ background: url(../images/arrow_light.png); }
.btn_arrow_orange{ background: url(../images/arrow_orange.png); }
.ln_banner_content{ position: absolute; top: 50%; padding: 20px 160px; box-sizing: border-box; transform: translateY(-50%); z-index: 9; display:inline-block; }
.ln_banner_content h2{ color: #FFF; font-size: 32px; line-height: 44px; letter-spacing: 0.06em; }
.ln_banner_content h2 span{ font-size: 44px; line-height: 50px; display: block; font-family: 'Gotham-Bold'; }
.ln_banner_content p{ color: #FFF; font-size: 16px; font-family: 'Gotham-Light'; letter-spacing: 0.03em; margin: 10px 0 20px; }
.ln_ban_app{ display: block; margin: 0 0 20px; }
.ln_ban_app a{ display: inline-block; margin: 0 20px 0 0; }
.ln_banner_content a.btn{ height: 42px; line-height: 40px; }
.ln_banner_content a.btn:hover{ color:#FFF; }
.right_hf{ width: 55%; right: 0; padding: 20px 10px; }
.blk_btn{ background: #25252f; color: #FFF; }
.white_btn{ background: #FFF; color: #25252f; }
.orange_btn{ background: #f1531f; color: #FFF; }
.ln_abt_sec{ width: 100%; background: #FFF; }
/**** Slide Section ****/
.slide_sec{ width: 100%; display: block; overflow: hidden; }
.slide_item{ padding: 20px 30px 0; outline: none;}
.slide_item .slide_img{ display: inline-block;  width: 48%; margin-right: 2%; vertical-align: middle; }
.slide_item .slide_content{ display: inline-block; width: 47%; margin-left: 2%; color: #FFF; vertical-align: middle; box-sizing: border-box; padding: 0 30px 0 0; }
.slide_item .slide_content h3{ font-size: 42px; letter-spacing: 0.06em; }
.slide_item .slide_content h3 span{ font-family: 'Gotham-Light'; font-weight: 100; }
.slide_item .slide_content p{ font-size: 18px; line-height: 30px; letter-spacing: 0.03em; font-family: 'Gotham-Light'; color: #FFF; }
.slide_item .slide_content .more_btn{ color: #f1531f; margin: 25px 0 30px; }
.sem_bg{ background: #dd6035 url(../images/ln_ban_sem_bg.jpg) scroll center no-repeat; background-size: cover;}
.seo_bg{ background: #212020 url(../images/ln_ban_seo_bg.jpg) scroll center no-repeat; background-size: cover;}
.smo_bg{ background: #5a96b8 url(../images/ln_ban_smo_bg.jpg) scroll center no-repeat; background-size: cover;}
.ecomm1_bg{ background: url(../images/ln_ban_ecomm1_bg.jpg) scroll center no-repeat; background-size: cover;}
.ecomm2_bg{ background: url(../images/ln_ban_ecomm2_bg.jpg) scroll center no-repeat; background-size: cover;}
.mobile1_bg{ background: url(../images/ln_ban_mobile1_bg.jpg) scroll center no-repeat; background-size: cover;}
.mobile2_bg{ background: url(../images/ln_ban_mobile2_bg.jpg) scroll center no-repeat; background-size: cover;}
.mobile3_bg{ background: url(../images/ln_ban_mobile3_bg.jpg) scroll center no-repeat; background-size: cover;}
.web_bg{ background: #febc8d; background: -moz-linear-gradient(-45deg, #febc8d 0%, #fa7926 100%); background: -webkit-linear-gradient(-45deg, #febc8d 0%,#fa7926 100%); background: linear-gradient(135deg, #febc8d 0%,#fa7926 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febc8d', endColorstr='#fa7926',GradientType=1 );}
.slide_outer{ overflow: hidden; padding-bottom: 80px; background: #FFF; }
.slide_outer .slide_sec, .slide_outer .slick-list{ overflow: visible; }
.web_bg .slide_img{ margin: 90px 0 -100px; position: relative; z-index: 999; }
.slide_outer + .ln_client_sec{ padding: 20px 15px 0; }
.slide_outer .ecomm1_bg .slide_img{ margin: 70px 0 -90px; }
.slide_outer .mobile3_bg .slide_img{ margin: 76px 2% -76px 0; }
.slide_item.seo_bg .slide_img{ margin: 66px 2% -66px 0; }
.slide_outer .ecomm2_bg.slide_item .slide_content{ padding-bottom: 21px; margin-left: 0; }
/*.mobile_slide .slick-list{ overflow: hidden; }*/

.ln_abt_sec h2 span{ display: block; }
.ln_abt_sec p{ font-size: 18px; line-height: 30px; letter-spacing: 0.04em; font-family: 'Gotham-Light'; }
.ln_abt_lft{ width: 49.94%; margin: 0 -1px; box-sizing: border-box; display: inline-block; background: #25252f; color: #FFF; padding: 100px 30px 60px 100px; vertical-align: top; }
.ln_abt_lft p{ color: #FFF; margin: 30px 0 40px; }
.ln_abt_rit{ width: 49.94%; margin: 0 -1px; box-sizing: border-box; display: inline-block; background: #FFF; color: #25252f; padding: 100px 100px 60px 30px; vertical-align: top; }
.ln_abt_rit p{ color: #25252f; margin: 30px 0 40px; }
.ln_client_sec{ /* width: 100%; */ background: #FFF; padding: 100px 0; }
.ln_container{ width: 1160px; margin: 0 auto; }
.ln_client_title{ width: 350px; display: inline-block;}
.ln_client_title h2{ line-height: 68px; color: #25252f; }
.ln_client_Lst{ width: calc(100% - 355px); display: inline-block; }
.ln_client_Lst .ln_clients{ list-style: none; padding-left: 10px; margin: 0; }
.ln_client_Lst .ln_clients li{ display: inline-block; padding: 5px 10px; border-bottom: 1px solid #f1531f; margin: 5px 20px 10px 0; }
.ln_client_Lst .ln_clients li:last-child{ margin: 5px 0px 10px 0; }
.ln_stat_sec{ width: 100%; background: #25252f10; padding: 100px 20px; text-align: center; box-sizing: border-box; }
.ln_stat_sec h2{ color: #FFF; line-height: 48px; }
.ln_stat_sec h2 span{ display: block; }
.ln_stat_sec .quk_lt_inblk{ position: relative; margin: 60px 0 0;}
.ln_stat_sec .quk_lt_inblk .statLst li{ vertical-align: top; }
.ln_stat_sec .quk_lt_inblk .statLst li span.count{ font-size: 34px; }
.ln_stat_sec .quk_lt_inblk .statLst li p{ font-size: 18px; font-family: 'Gotham-Light', sans-serif; line-height: 28px; text-align: left; }
.ln_contact_sec{ width: 100%; padding: 100px 0; background: url(../images/ln_contact_bg.jpg) scroll center no-repeat; background-size: cover; text-align: center; }
.ln_contact_sec h2{ color: #25252f; }
.ln_cont_inner{ width: 900px; margin: 0 auto; box-sizing: border-box; padding: 20px;}
.ln_cont_inner p{ padding: 0 100px; font-size: 18px; color: #25252f; line-height: 28px; font-family: 'Gotham-Light', sans-serif; }
.ln_cont_form{ width: 100%; margin: 30px 0 0; text-align: left; }
.ln_cont_form .form_left_sec{ width: 48%; display: inline-block; vertical-align: top; margin-right: 1%; }
.ln_cont_form .form_right_sec{ width: 48%; display: inline-block; vertical-align: top; margin-left: 2%; }
.ln_cont_form .ln_form_sec input[type="text"], .ln_cont_form .ln_form_sec input[type="email"], .ln_cont_form .ln_form_sec input[type="password"], .ln_cont_form .ln_form_sec input[type="tel"], .ln_cont_form .ln_form_sec select, .ln_cont_form .ln_form_sec textarea{ width: 100%; margin: 0 0 28px; height: 52px; padding: 15px 20px; box-sizing: border-box; border: none; background: #FFF; color: #aaaaaa; font-size: 18px; font-family: 'Gotham-Book', sans-serif; transition: all .4s ease; -webkit-transition: all .4s ease; -webkit-box-shadow: 0px 0px 0px 0px rgba(103, 128, 183, 0); box-shadow: 1px 1px 14px 0px rgba(103, 128, 183, 0);  }
.ln_cont_form .ln_form_sec input[type="text"]:hover, .ln_cont_form .ln_form_sec input[type="email"]:hover, .ln_cont_form .ln_form_sec input[type="password"]:hover, .ln_cont_form .ln_form_sec input[type="tel"]:hover, .ln_cont_form .ln_form_sec textarea:hover, .ln_cont_form .ln_form_sec input[type="text"]:focus, .ln_cont_form .ln_form_sec input[type="email"]:focus, .ln_cont_form .ln_form_sec input[type="password"]:focus, .ln_cont_form .ln_form_sec input[type="tel"]:focus, .ln_cont_form .ln_form_sec textarea:focus{ -webkit-box-shadow: 1px 1px 14px 0px rgba(103, 128, 183, 0.3); box-shadow: 1px 1px 14px 0px rgba(103, 128, 183, 0.3);}

.ln_cont_form .ln_form_sec textarea{ height: 212px; resize: none; outline: none; }
.form_btn_sec{ text-align: center; margin: 30px 0 0; }
.form_btn_sec input[type="button"]{ height: 42px; text-transform: uppercase; font-size: 18px; min-width: 260px; }
.form_btn_sec input[type="button"]:hover{ text-transform: uppercase; padding: 6px 20px; background: #25252f; }

@keyframes arrow_lft {
	0% {
		left: 0px;
		opacity: 1;
	}
	100% {
		left: -20px;
		opacity: .9;
	}
}
@keyframes arrow_rit {
	0% {
		right: 0px;
		opacity: 1;
	}
	100% {
		right: -20px;
		opacity: .9;
	}
}
/*** Partical ***/
.ln_abt_sec canvas{ display: block; vertical-align: bottom; }
/* ---- particles.js container ---- */
.ln_abt_sec #particles-js{ position:absolute; width: 100%; height: 100%; background-color: #25252f; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; z-index: -1; top: 0;}
/* ---- stats.js ---- */
.count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }
/*** Partical End ***/

/**** Landing Page End ****/