@charset "utf-8";
* { padding: 0; margin: 0 }
body { padding: 0; margin: 0; font-size: 14px; line-height: 20px; color: #000; font-family: 'PT Sans', sans-serif; background: #f9f9f9 }
h1, h2, h3, h4, h5, h6, a, li, ol, ul, p, img, u { padding: 0; margin: 0 }
div, em a { text-decoration: underline }
div, a { color: black; -moz-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; text-decoration: none }
.clear { visibility: hidden; clear: both }
.top_wrpper { width: 100%; height: 107px; background: url(../images/top_rpt.jpg) top center repeat-x }
.top_container { width: 1000px; height: 107px; margin: auto }
.logo {  float: left; margin-top: 25px }
.top_contact_container { height: 22px; float: right; margin-top: 13px }
.top_contact1 { width: 300px; font-family: 'PT Sans', sans-serif; float: left }
.top_contact1_pic { margin-left: 15px; float: left }
.top_contact1_pic2 { float: left }
.top_contact1_text { float: left; margin-left: 10px; font-size: 14px }
.top_contact2 { font-family: 'PT Sans', sans-serif; float: right }
.top_social_container { width: 390px; float: right; margin-top: 10px; font-family: 'PT Sans', sans-serif; font-size: 14px }
.top_home { float: left; margin-top: 3px; font-family: 'PT Sans', sans-serif; font-size: 14px; color: #666; margin-left: 10px }
.top_home a { font-family: 'PT Sans', sans-serif; font-size: 14px; color: #666; text-decoration: none }
.top_home a:hover { font-family: 'PT Sans', sans-serif; font-size: 14px; color: #666; text-decoration: none }
.fb { width: 32px; height: 32px; float: left; margin-left: 15px }
.fb a { width: 32px; height: 32px; float: left; background: url(../images/facebook_ico.jpg) top center no-repeat }
.fb a:hover { width: 32px; height: 32px; float: left; background: url(../images/facebook_ico.jpg) bottom center no-repeat }
.twitter { width: 32px; height: 32px; float: left; margin-left: 15px }
.twitter a { width: 32px; height: 32px; float: left; background: url(../images/tweet_ico.jpg) top center no-repeat }
.twitter a:hover { width: 32px; height: 32px; float: left; background: url(../images/tweet_ico.jpg) bottom center no-repeat }
.support { width: 29px; height: 29px; float: left; margin-left: 25px }
.top_support { float: right; margin: 3px 0 0 5px; font-family: 'PT Sans', sans-serif; font-size: 14px; color: #666 }
.top_support a { font-family: 'PT Sans', sans-serif; font-size: 14px; color: #666; text-decoration: none }
.top_support a:hover { font-family: 'PT Sans', sans-serif; font-size: 14px; color: #666; text-decoration: none }
.container { width: 1000px; max-width: 1000px; margin: 0 auto; font-family: 'PT Sans', sans-serif; font-size: 14px }
.toggleMenu { display: none; background: #666; padding: 10px 15px; color: #fff; font-family: 'PT Sans', sans-serif; font-size: 14px }
.nav { list-style: none; *zoom:1
}
.nav:before, .nav:after { content: " "; display: table }
.nav:after { clear: both }
.nav ul { list-style: none; width: 9em }
.nav a { padding: 10px 23px; color: #6f6f6f; text-transform: uppercase; font-size: 13px }
.nav li { position: relative }
.nav>li { float: left }
.nav>li>.parent { background-image: url(../images/downArrow.png); background-repeat: no-repeat; background-position: right }
.nav>li>a { display: block }
.nav li ul { position: absolute; left: -9999px }
.nav>li.hover>ul { left: 0 }
.nav li li.hover ul { left: 100%; top: 0 }
.nav li li a { display: block; background: #000; position: relative; z-index: 100; border-top: 1px solid #666; color: #fff; width: 235px }
.nav li li a:hover { background: #f55a08 }
.nav li li li a { background: #fff; z-index: 200; border-top: 1px solid #fff }
.banner_wrapper { margin: 0 auto; width: 100%; height: 456px; background: url(../images/banner_bg.jpg) top center no-repeat }
.banner_container { width: 1000px; height: auto; margin: 0 auto }
.black_wrapper { width: 100%; height: 113px; background: url(../images/text_center_bg.jpg) top center repeat-x }
.black_wrapper_container { width: 1000px; margin: 0 auto; height: 113px }
.black_wrapper_slider { width: 75%; height: auto; float: left; padding-top: 40px }
.text_innner_in { padding-top: 30px }
.text_innner_in h1 { margin: 0 0 10px 15px; font-weight: normal; color: #fff; font-family: "Kozuka Gothic Pro L"; font-size: 40px }
.text_innner_in p { margin: 0; color: #fff; margin-left: 20px; font-family: 'PT Sans', sans-serif }
.black_wrapper_button { width: 20%; float: right; margin-top: 25px }
.button_home_text { width: 163px; height: 48px; float: right; background: url(../images/text_butt.png); display: block; background-position: bottom }
.button_home_text a { width: 163px; height: 48px; float: right; background: url(../images/text_butt.png); display: block; background-position: top }
.content_wrapper { width: 100%; height: auto; background: url(../images/inner_page_bg.jpg) top center repeat-x #fff }
.colerd_wrp { background: #fff }
.colerd_line { background: url(../images/software_slice_29.jpg) no-repeat bottom center; height: 168px }
.content_continer { width: 1000px; height: auto; margin: auto; padding-top: 50px; overflow-x: hidden; overflow-y: auto }
.number_container { width: 1000px; height: 155px; float: left; background: url(../images/step_bottom.png) bottom center no-repeat }
.top_box_container { width: 1000px; float: left }
.top_1_box { width: 325px; height: 125px; float: left; text-align: center; padding-top: 30px }
.numbers { font-size: 70px; font-weight: normal; margin: 0; color: #5d5d5d; font-family: "Kozuka Gothic Pro L" }
.top_1_box p { margin: 50px 0 0 0; font-size: 16px; font-weight: bold; color: #949494 }
.top_2_box { width: 325px; height: 125px; float: left; text-align: center; margin-left: 13px; padding-top: 30px }
.top_2_box h1 { font-size: 70px; font-weight: normal; margin: 0; color: #5d5d5d; font-family: "Kozuka Gothic Pro L" }
.top_2_box p { margin: 50px 0 0 0; font-size: 16px; font-weight: bold; color: #949494 }
.top_3_box { width: 325px; height: 125px; float: right; text-align: center; padding-top: 30px }
.top_3_box h1 { font-size: 70px; font-weight: normal; margin: 0; color: #5d5d5d; font-family: "Kozuka Gothic Pro L" }
.top_3_box p { margin: 50px 0 0 0; font-size: 16px; font-weight: bold; color: #949494 }
.step1_top { width: 1000px; padding-top: 10px; float: left; text-align: center; padding-bottom: 25px }
.step1_top h1 { font-size: 44px; font-weight: normal; margin: 55px 0 0 0; color: #5d5d5d; font-family: "Kozuka Gothic Pro EL" }
.step1_top p { margin: 20px 0 0 0; font-size: 16px; line-height: 28px; font-weight: normal; color: #464646; font-family: 'PT Sans', sans-serif; text-align: justify; -moz-text-align-last: center; text-align-last: center }
.step1_top p a { font-size: 16px; line-height: 28px; font-weight: normal; color: #595858 }
.step1_top p a:hover, .inbound:hover { color: #f90 }
.wrapper { width: 100%; float: left; margin: 0 }
.inner { width: 96%; max-width: 1000px; float: none; margin: 0 auto }
.wrapper h2 { font-family: 'PT Sans', sans-serif; color: #464646; font-size: 40px; font-weight: normal; text-align: center; line-height: normal }
.wrapper p.sub-head { font-family: 'PT Sans', sans-serif; color: #464646; font-size: 16px; line-height: 24px; font-weight: normal; text-align: center; margin: 4px auto 0 auto; width: 100%; max-width: 760px }
.wrapper .underline { width: 140px; height: 1px; background: #f88137; border: 0; margin: 14px auto }
.services-main { background: #f5f5f5; padding: 45px 0 }
.services-main .slider { margin-top: 30px }
.services-main .slider img { margin: 0 auto 20px }
.services-main .slider h3 { font-size: 20px; color: #464646; text-align: center; font-family: "Times New Roman"; margin-top: 0; margin-bottom: 10px }
.services-main .slider p { font-size: 16px; color: #464646; line-height: 22px; text-align: justify; float: left }
.ser_para { max-height: 135px; display: block; overflow: hidden; transition: height .5s; to transition:max-height .5s
}
.ser_para:hover { max-height: none; transition: height .5s; to transition:max-height .5s
}
.advantage_wrp { background: #fff; padding: 50px 0 }
#horizontalTab { margin-top: 45px }
.r-tabs .r-tabs-tab { display: table-cell!important; width: 1%; text-align: center; border-right: 1px solid #d5d5d5 }
.r-tabs .r-tabs-tab:last-child { border: 0 }
.r-tabs .r-tabs-tab img { display: block; margin: auto; -webkit-filter: contrast(4) grayscale(100%); filter: contrast(4) grayscale(100%) }
.r-tabs .r-tabs-tab a:hover img { -webkit-filter: none; filter: none }
.r-tabs .r-tabs-tab span { font-family: 'PT Sans', sans-serif; font-size: 14px; color: #464646; display: inline-block; padding-top: 10px }
.r-tabs .r-tabs-tab a:hover span { color: #f96204 }
.step1_bottom_box { width: 1000px; height: auto; float: left; margin-top: 25px; font-family: 'PT Sans', sans-serif }
.step1_bottom_box .box { width: 450px; text-align: center; height: 310px; float: left; margin: 10px 35px 0 0 }
.step1_bottom_box .box a { text-decoration: none }
.js-dynamic-height { float: left }
.dynamic-height-wrap { float: left; overflow: hidden; position: relative; -webkit-transition: max-height .25s ease-in-out; -moz-transition: max-height .25s ease-in-out; -o-transition: max-height .25s ease-in-out; transition: max-height .25s ease-in-out; width: 100% }
.dynamic-height-active .dynamic-show-more { display: inline-block }
.dynamic-show-more { display: none }
.btn-view-more { background: #f96204; color: white; margin: 0 auto; padding: 5px 15px; text-decoration: none; outline: 0; border: 0; cursor: pointer; font-size: 14px; line-height: 20px; font-family: 'PT Sans', sans-serif; margin-top: 12px }
.btn-view-more:hover { background: #333 }
.box img { text-align: center }
.box h2 { margin: 20px 0 20px 0; color: #464646; text-decoration: none; text-align: center; font-family: "Kozuka Gothic Pro L"; font-size: 18px; font-weight: bold }
.box p { margin: 0; text-align: justify; color: #464646; font-size: 14px; line-height: 24px }
.box p a { margin: 0; text-align: right; float: right; text-decoration: none; color: #ffa800; font-size: 14px; line-height: 24px }
.step1_bottom_box .box1 { width: 450px; text-align: center; height: 310px; float: right; margin: 10px 35px 0 0; font-family: 'PT Sans', sans-serif }
.step1_bottom_box .box1 a { text-decoration: none }
.box1 img { text-align: center }
.box1 h2 { margin: 20px 0 20px 0; color: #464646; text-decoration: none; text-align: center; font-family: "Kozuka Gothic Pro L"; font-size: 18px; font-weight: bold }
.box1 p { margin: 0; text-align: justify; color: #464646; font-size: 14px; line-height: 24px; font-family: 'PT Sans', sans-serif }
.box1 p a { margin: 0; text-align: right; float: right; text-decoration: none; color: #ffa800; font-size: 14px; line-height: 24px; font-family: 'PT Sans', sans-serif }
.home_more { margin: 0; color: #464646; font-size: 14px; line-height: 24px; font-family: 'PT Sans', sans-serif; text-align: center }
.wrapper2 { width: 100%; background: #f9f9f9 }
.step2_top { width: 1000px; height: 371px; margin: 0 auto }
.step2_top_left { width: 280px; height: 371px; float: left }
.step2_top_right { width: 710px; height: 371px; float: right; font-family: 'PT Sans', sans-serif }
.step2_top h1 { font-size: 60px; font-weight: normal; margin: 40px 0 0 0; color: #5d5d5d; font-family: "Kozuka Gothic Pro EL" }
.step2_top p { margin: 15px 0 0 0; font-size: 20px; line-height: 28px; font-weight: normal; color: #464646 }
.step2_apps { width: 1000px; height: 180px; margin: 0 auto; font-family: 'PT Sans', sans-serif }
.apps_box { width: 314px; height: 165px; float: left; margin: 0 }
.apps_box img { margin: 0 18px 0 0 }
.apps_box h3 { margin: 0; font-size: 16px }
.apps_box p { margin: 0 0 5px 0; font-size: 14px }
.apps_box a { color: #000; text-decoration: none }
.apps_box1 { width: 314px; height: 165px; float: left; margin: 0 0 0 30px }
.apps_box1 img { margin: 0 18px 0 0 }
.apps_box1 h3 { margin: 0; font-size: 16px }
.apps_box1 p { margin: 0 0 5px 0; font-size: 14px }
.apps_box1 a { color: #000; text-decoration: none }
.apps_box2 { width: 314px; height: 165px; float: right; margin: 0 }
.apps_box2 img { margin: 0 18px 0 0 }
.apps_box2 h3 { margin: 0; font-size: 16px }
.apps_box2 p { margin: 0 0 5px 0; font-size: 14px }
.apps_box2 a { color: #000; text-decoration: none }
.step2_bottom { width: 1000px; height: 730px; margin: 0 auto }
.step2_bottom_left { width: 500px; height: 475px; float: left }
.step2_bottom_left h2 { margin: 20px 0 20px 0; color: #000; text-align: left; font-family: "Kozuka Gothic Pro L"; font-size: 24px; font-weight: normal }
.step2_bottom_left p { margin: 0; padding-right: 100px; text-align: justify; color: #000; font-size: 14px; line-height: 24px; font-family: 'PT Sans', sans-serif }
.step2_bottom_left li { list-style: none; margin: 5px 0; font-family: 'PT Sans', sans-serif; font-size: 14px }
.rquest_butt { margin-top: 20px; width: 234px; height: 48px; float: left; background: url(../images/request_but.png); display: block; background-position: top }
.rquest_butt:hover { width: 234px; height: 48px; float: left; background: url(../images/request_but.png); display: block; background-position: bottom; cursor: pointer; -webkit-transition: all .6s linear 0s; -moz-transition: all .6s linear 0s; -o-transition: all .6s linear 0s; transition: all .2s linear 0s }
.step2_bottom_right { width: 450px; height: 550px; float: right }
.pc_pic { margin-left: 30px; text-align: right }
.step2_bottom_right h3 { margin: 45px 0 0 0; float: left; color: #000; font-size: 13px; font-family: 'PT Sans', sans-serif }
.contact_butt { margin: 30px 0 0 18px; width: 131px; height: 48px; float: left; background: url(../images/contacu_butt.png); display: block; background-position: top }
.contact_butt:hover { width: 131px; height: 48px; float: left; background: url(../images/contacu_butt.png); display: block; background-position: bottom; cursor: pointer; -webkit-transition: all .6s linear 0s; -moz-transition: all .6s linear 0s; -o-transition: all .6s linear 0s; transition: all .2s linear 0s }
.check { width: 208px; height: 48px; float: left; background: url(../images/check_butt.png); display: block; background-position: top }
.check:hover { width: 208px; height: 48px; float: left; background: url(../images/check_butt.png); display: block; background-position: bottom; cursor: pointer; -webkit-transition: all .6s linear 0s; -moz-transition: all .6s linear 0s; -o-transition: all .6s linear 0s; transition: all .2s linear 0s }
.step2_bottom_apps { width: 1000px; height: 170px; float: left }
.step2_bottom_apps h2 { margin: 10px 0 10px 0; color: #000; text-align: left; font-family: "Kozuka Gothic Pro L"; font-size: 24px; font-weight: normal }
.step2_bottom_apps img { margin: 20px 20px 0 20px }
.step5_m { width: 100%; height: auto; background: #fff }
.step_5_text { width: 100%; height: auto; background: url(../images/step_5_text_bg.jpg) center; padding-bottom: 25px; float: left }
.step5_inner { width: 1000px; height: auto; margin: 0 auto; text-align: center; padding-top: 10px }
.step5_inner h2 { font-size: 44px; font-weight: normal; margin-top: 40px; color: #fff; font-family: "Kozuka Gothic Pro EL"; line-height: normal }
.step5_inner p { margin: 10px 0 0 0; font-size: 18px; line-height: 26px; font-weight: normal; color: #dedede; font-family: 'PT Sans', sans-serif }
#content_step_4 { width: 100%; height: auto; background: url(../images/step_4_bg_1.jpg) }
.step4_inner { width: 1000px; height: 600px; margin: 0 auto }
.step5_1_inner { width: 1000px; height: 240px; margin: 0 auto; text-align: center; padding-top: 10px }
.step5_1_inner h2 { font-size: 44px; font-weight: normal; margin: 40px 0 0 0; color: #000; font-family: "Kozuka Gothic Pro EL"; line-height: normal }
.step5_1_inner h2.head2 { font-size: 16px; font-weight: normal; margin: 3px 0 0 0; color: #000; font-family: "Kozuka Gothic Pro EL"; line-height: normal }
.step5_1_inner p { margin: 14px 0 0 0; font-size: 16px; line-height: 26px; font-weight: normal; color: #070707; font-family: 'PT Sans', sans-serif }
.step5_1_inner p a { color: #1b1a1a }
.step5_1_inner p a:hover { color: #f90 }
.step6_top { width: 1000px; height: 246px; margin: 0 auto; background: url(../images/step6_top_ng.jpg); font-family: 'PT Sans', sans-serif }
.step6_box { width: 290px; height: 195px; float: left; margin: 30px 0 0 20px }
.step6_box h4 { margin: 0; font-size: 24px; font-family: "Kozuka Gothic Pro EL" }
.step6_box p { line-height: 24px }
.step6_box a { color: #ffa800 }
.step6_box1 { width: 290px; height: 195px; float: left; margin: 30px 0 0 15px }
.step6_box1 h4 { margin: 0; font-size: 24px; font-family: "Kozuka Gothic Pro EL" }
.step6_box1 p { line-height: 24px }
.step6_box1 a { color: #ffa800 }
.step6_box2 { width: 290px; height: 195px; float: left; margin: 30px 0 0 50px }
.step6_box2 h4 { margin: 0; font-size: 24px; font-family: "Kozuka Gothic Pro EL" }
.step6_box2 p { line-height: 24px }
.step6_box2 p strong { color: #f60 }
.step6_box2 a { color: #ffa800 }
.step6_box2 li { list-style: none; color: #000; padding: 5px 0; margin-bottom: 10px }
.step6_box2 li a { list-style: none; color: #000; padding: 5px 0; margin-bottom: 10px }
.step6_box2 li a:hover { list-style: none; color: #ffa800; padding: 5px 0; margin-bottom: 10px }
.step6_box2 a { color: #ffa800 }
.step6_bottom { width: 1000px; height: 600px; border-radius: 10px 10px 0 0; padding-top: 10px; margin: 0 auto; background: #f7f7f7; border: 1px solid #dedede; font-family: 'PT Sans', sans-serif }
.step6_bottom h2 { font-size: 50px; text-align: center; font-weight: normal; margin: 50px 0 0 0; color: #000; font-family: "Kozuka Gothic Pro L" }
.step6_bottom p { margin: 20px 0 0 0; padding: 0 40px; font-size: 20px; text-align: center; line-height: 28px; font-weight: normal; color: #464646 }
.step6_buttons { height: 50px; padding: 40px 0 0 300px }
.man_details { height: 215px; float: none; text-align: center; color: #656565; margin: 20px 0 10px 20px }
.social_box { width: 307px; height: 165px; float: left; margin: 20px 0 0 20px }
.social_box1 { width: 307px; height: 165px; float: left; margin: 20px 0 0 20px }
.bottom_butt { margin: 0; width: 234px; height: 48px; float: left; background: url(../images/request_but.png); display: block; background-position: bottom }
.bottom_butt a { width: 234px; height: 48px; float: left; background: url(../images/request_but.png); display: block; background-position: top }
.bottom_contact_butt { margin: 0 0 0 30px; width: 131px; height: 48px; float: left; background: url(../images/contacu_butt.png); display: block; background-position: bottom }
.bottom_contact_butt a { width: 131px; height: 48px; float: left; background: url(../images/contacu_butt.png); display: block; background-position: top }
.footer_top { width: 100%; height: 120px; background: url(../images/footer_top.png) top center #fff }
.footer_midl { width: 100%; height: 442px; background: url(../images/footer_m_bg.jpg) center; font-family: 'PT Sans', sans-serif }
.footer_midl_inner { width: 1000px; height: 442px; margin: 0 auto }
.footer_midl_inner p { margin: 0; color: #fff; font-size: 18px; font-family: 'PT Sans', sans-serif }
.footer_box { padding: 20px 0 0 0; color: #9d9d9d; float: left; margin: 10px 0 0 12px }
.footer_box p { color: #9d9d9d }
.footer_box a { color: #9d9d9d; text-decoration: none }
.footer_box a:hover { color: #fff }
.footer_box li { list-style: url(../images/bullet_footer.png); margin: 17px 0 }
.footer_box li ul { margin: 10px 0; margin-left: 20px }
.footer_box1 { padding: 20px 0 0 0; color: #9d9d9d; float: left; margin: 10px 0 0 130px }
.footer_box1 p { color: #9d9d9d; font-family: 'PT Sans', sans-serif }
.footer_box1 a { color: #9d9d9d; text-decoration: none }
.footer_box1 a:hover { color: #fff }
.footer_box1 li { list-style: url(../images/bullet_footer.png); margin: 17px 0 }
.footer_box1 li ul { margin: 10px 0; margin-left: 20px }
.footer_box2 { padding: 20px 0 0 0; color: #9d9d9d; float: right; margin: 10px 0 0 12px }
.footer_box2 p { color: #9d9d9d; font-family: 'PT Sans', sans-serif }
.footer_box2 a { color: #9d9d9d; text-decoration: none }
.footer_box2 a:hover { color: #fff }
.footer_box2 li { list-style: url(../images/bullet_footer.png); margin: 17px 0 }
.footer_box2 li ul { margin: 10px 0; margin-left: 20px }
.footer_bottom { width: 100%; height: 90px; border-top: 1px #000 solid; background: #1f1e1e; font-family: 'PT Sans', sans-serif }
.footer_bottom_inner { width: 1000px; margin: 0 auto; color: #fff; height: 60px; padding-top: 30px }
#ente { font-family: 'PT Sans', sans-serif }
.inner_wraper { padding-top: 0 }
.inner_left { width: 690px; float: left; padding: 28px 25px 0 0; overflow: auto }
.inner_left h3 { margin: 0; font-size: 28px; font-family: "Kozuka Gothic Pro L"; font-weight: normal; line-height: 35px }
.inner_left p { font-family: 'PT Sans', sans-serif; font-size: 14px; line-height: 20px; margin-top: 10px }
.contact_butt { margin-left: 15px; margin-top: 20px }
.inner_left li { padding-left: 25px; margin: 8px 0; background: url(../images/tick.png) no-repeat left center; list-style: none }
.inner_page_right { width: 281px; padding-top: 15px; float: left; border-left: 1px solid #dedede; border-right: 1px solid #dcdcdc; background: url(../images/inner_right_bg.jpg) }
.inner_page_right a { text-decoration: none }
.inner_page_right_box { width: 281px; height: 170px; float: right; padding: 15px 0 0 0; float: left; border-bottom: 1px solid #dedede; text-align: center }
.inner_page_right span { margin: 0; height: 18px; width: 280px; float: right; background: url(../images/inner_right_box_end.png) }
.inner_page_right_box h2 { font-size: 70px; font-weight: normal; margin: 50px 0 0 0; color: #5d5d5d; font-family: "Kozuka Gothic Pro L" }
.inner_page_right_box a { color: #5d5d5d }
.inner_page_right_box p { margin: 40px 0 0 0; font-size: 16px; font-weight: bold; color: #949494 }
.accordian iframe { width: 100%; height: auto; min-height: 219px; max-height: 500px; margin-top: 15px; margin-bottom: 10px }
.tabs_left { width: 230px; float: left; background: #f8f8f8; border: 1px solid #e9e9e9; padding: 10px 10px 10px 0 }
.content_right { width: 430px; float: right; padding-right: 5px; -moz-transition: all .0s ease 0s; -o-transition: all .0s ease 0s; -webkit-transition: all .0s ease 0s; transition: all .0s ease 0s; text-decoration: none }
.content_right a { -moz-transition: all .0s ease 0s; -o-transition: all .0s ease 0s; -webkit-transition: all .0s ease 0s; transition: all .0s ease 0s; text-decoration: none }
.content_right div, a { color: black; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; -webkit-transition: all 0s ease 0s; transition: all 0s ease 0s; text-decoration: none }
.ct_list { width: 271px; height: 28px; font-size: 12px; padding-left: 10px; padding-top: 10px; color: #000; text-decoration: none; cursor: pointer; font-family: "Kozuka Gothic Pro L" }
.ct_list:hover { width: 271px; height: 28px; font-size: 12px; padding-left: 10px; padding-top: 10px; color: #fff; text-decoration: none; cursor: pointer; font-family: "Kozuka Gothic Pro L"; background-image: url(../images/ct_list.jpg) }
.news_box { float: left; width: 323px; list-style: none; padding-right: 30px }
.news_box h2 { margin: 15px 0 }
.news_box li { list-style: none!important; padding: 0; margin-bottom: 20px; background: none!important }
.news_box li a { text-decoration: none; color: #000 }
.news_box li a:hover { color: #f60 }
.news_box p { margin: 0 }
.news_box p strong { color: #f60 }
.team_box { float: left; width: 335px }
.team_box h2 { margin: 10px 0 }
.clint_thumb { width: 220px; height: 131px; float: left; background: #fff; border: 1px solid #dedede; margin: 0 8px 10px 0 }
.client_feed { margin: 20px 0; padding: 10px 10px; border-bottom: 1px solid #dedede; list-style: none; background: #f7f7f7!important }
.contact_top { width: 1004px; height: auto; float: left; padding: 7px 0 40px 0; background: url(../images/step_bottom.png) bottom no-repeat }
.contact_to_box { width: auto; height: 205px; line-height: 20px; float: left; margin-right: 0; background: url(../images/contact_top_bg.png) repeat-y right #fff; padding: 20px 15px 0 15px; overflow: hidden }
.contact_to_box h2 { margin: 0; color: #000; font-family: "Kozuka Gothic Pro L" }
.contact_to_box a { color: #f60 }
.contact_form_area { width: 1004px; height: auto; margin: 20px 0 0 0; float: left }
.form_left { width: 700px; height: auto; float: left }
.form_left input { width: 253px; height: 51px; border: 1px solid #dedede; border-radius: 5px 5px; color: #3c3c3e; padding: 0 0 0 20px; margin: 0 0 10px 0 }
.form_left textarea { width: 575px; height: 150px; border: 1px solid #dedede; border-radius: 5px 5px; overflow: auto; resize: none; padding: 17px; font-family: "Arial"; margin-bottom: 10px;}
.form_left select { width: 253px; height: 51px; border: 1px solid #dedede; border-radius: 5px 5px; color: #3c3c3e; padding: 0 0 0 20px; margin: 0px 0px 10px 0px;}
.input_select ul { list-style: none; margin: 0; margin-left: 0; padding: 0 }
.input_select input { width: 20px; height: 30px; padding: 0; margin: 0; text-align: center }
.input_select li { margin-left: 0; width: 200px; height: 40px }
.input_select label { margin: -10px 0 0 0; height: 20px }
.form_right { width: 234px; height: 436px; float: right; background: url(../images/contact_top_bg.png) right repeat-y; border: 1px solid #dedede }
.form_right_butt { height: auto; padding: 10px 0; margin-bottom: 15px; float: left }
.form_right_butt h2 { margin: 0 }
.form_right_butt a { color: #6a6a6a; text-decoration: none }
.form_right_butt a:hover { color: #fff; text-decoration: none }
.ct_list { width: 223px; height: 28px; font-size: 12px; padding-left: 10px; padding-top: 10px; color: #000; text-decoration: none; cursor: pointer; font-family: "Kozuka Gothic Pro L"; background-position: right }
.ct_list:hover { width: 223px; height: 28px; font-size: 12px; padding-left: 10px; padding-top: 10px; color: #fff; text-decoration: none; cursor: pointer; font-family: "Kozuka Gothic Pro L"; background-image: url(../images/ct_list.jpg); background-position: right }
.form_right_pics { width: 100%; height: 197px; float: left }
.man_details2 { width: auto }
.form_right_social { padding-left: 13px; float: left; width: 271px; margin-top: 15px }
.form_right_social img { margin: 8px }
#on { width: 223px; height: 28px; font-size: 12px; padding-left: 10px; padding-top: 10px; color: #fff; text-decoration: none; cursor: pointer; font-family: "Kozuka Gothic Pro L"; background-image: url(../images/ct_list.jpg); background-position: right }
.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity: .3; position: fixed; bottom: 50px; right: 100px; display: none; background: url('../images/icon_top.png') no-repeat }
.ecom_boxes { width: 100%; height: auto; float: left; padding: 10px 0 }
.ecom_box { width: 300px; height: auto; padding: 0; float: left; margin: 5px; border: 1px solid #dedede }
a .ecom_head { width: 300px; height: 73px; float: left; text-decoration: none; background: #f7f7f7; color: #000 }
.ecom_head:hover { background: #fff }
.ecom_head img { margin-right: 10px; vertical-align: middle }
.ecom_head h2 { margin: 10px 10px 0 0; font-size: 12px; padding-left: 10px; text-transform: uppercase; font-weight: 400px }
.ecom_boxes .content { padding: 85px 15px 15px 15px; text-align: justify }
.mbl_app { width: 100%; float: left; margin-top: 50px }
.mbl_app_1 { width: 175px; height: 315px; float: left; padding: 61px 17px 89px 20px; background: url(../images/mbl_app_bg.jpg) no-repeat }
.app_details { width: auto; max-width: 440px; height: auto; float: left; margin-right: 15px; padding: 10px }
.app_details_head { width: 100%; float: left; padding: 5px 0; border-bottom: 1px solid #c3c3c3 }
.app_head_l { width: 200px; height: auto; float: left }
.app_head_R { width: 130px; float: right; text-align: right }
.app_details p { float: left; padding-top: 10px; width: 90%; padding-bottom: 10px }
.app_V { float: left; width: 308px; height: 175px; padding: 16px 64px 51px 65px; background: url(../images/app_v_bg.jpg) no-repeat }
.app_features { width: 100%; float: left }
.mbl_app_thumbs { width: 100%; float: left }
.da-thumbs { list-style: none; width: 690px; height: auto; position: relative; margin: 20px auto; padding: 0 }
.da-thumbs li { float: left; margin: 3px; background: #fff; padding: 4px; position: relative; box-shadow: 0 1px 3px rgba(0,0,0,0.1) }
.da-thumbs li a, .da-thumbs li a img { display: block; position: relative }
.da-thumbs li a { overflow: hidden }
.da-thumbs li a div { position: absolute; background: #000; background: rgba(0,0,0,0.7); width: 100%; height: 100% }
.da-thumbs li a div span { display: block; padding: 10px 0; margin: 40px 20px 20px 20px; text-transform: uppercase; font-weight: normal; color: rgba(255,255,255,0.9); text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.5); box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3) }
.da-thumbs li a div { top: 0; left: -100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.da-thumbs li a:hover div { left: 0 }
.back_btn { background: url(../images/back_butt.png) no-repeat; text-align: center; padding: 10px; width: 103px }
.back_btn a { color: #fff; text-transform: uppercase }
.step_4_btn { padding-bottom: 90px; padding-left: 50px; width: 1000px; margin: 0 auto }
body, html { overflow-x: hidden }
.fb_ico { width: 30px; height: 30px; background-position: top; float: left; background-image: url(../images/fb_ico.png); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-right: 10px }
.fb_ico:hover { background-position: bottom }
.tit_ico { width: 30px; height: 30px; background-position: top; float: left; background-image: url(../images/tit_ico.png); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-right: 10px }
.tit_ico:hover { background-position: bottom }
.gpluse_ico { width: 30px; height: 30px; background-position: top; float: left; background-image: url(../images/gpluse_ico.png); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-right: 10px }
.gpluse_ico:hover { background-position: bottom }
.tube_ico { width: 30px; height: 30px; background-position: top; float: left; background-image: url(../images/tube_ico.png); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-right: 10px }
.tube_ico:hover { background-position: bottom }
.in_ico { width: 30px; height: 30px; background-position: top; float: left; background-image: url(../images/in_ico.png); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-right: 10px }
.in_ico:hover { background-position: bottom }
.blog_ico { width: 30px; height: 30px; background-position: top; float: left; background-image: url(../images/blog_ico.png); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.blog_ico:hover { background-position: bottom }
.footer_boxs { padding: 20px 0 0 0; color: #9d9d9d; float: left; margin: 10px 0 0 12px; font-size: 13px; width: 23% }
.footer_boxs p { color: #9d9d9d }
.footer_boxs a { color: #9d9d9d; text-decoration: none }
.footer_boxs a:hover { color: #fff }
.footer_boxs li { list-style: url(../images/bullet_footer.png); margin: 17px 0 }
.footer_boxs li ul { margin: 10px 0; margin-left: 20px }
.footer_boxs1 { padding: 20px 0 0 0; color: #9d9d9d; float: left; margin: 10px 0 0 30px; font-size: 13px; width: 18% }
.footer_boxs1 p { color: #9d9d9d; font-family: 'PT Sans', sans-serif }
.footer_boxs1 a { color: #9d9d9d; text-decoration: none }
.footer_boxs1 a:hover { color: #fff }
.footer_boxs1 li { list-style: url(../images/bullet_footer.png); margin: 17px 0 }
.footer_boxs1 li ul { margin: 10px 0; margin-left: 20px }
.footer_boxs2 { padding: 20px 0 0 0; color: #9d9d9d; float: left; margin: 10px 0 0 50px; font-size: 13px; width: 18% }
.footer_boxs2 p { color: #9d9d9d; font-family: 'PT Sans', sans-serif }
.footer_boxs2 a { color: #9d9d9d; text-decoration: none }
.footer_boxs2 a:hover { color: #fff }
.footer_boxs2 li { list-style: url(../images/bullet_footer.png); margin: 17px 0 }
.footer_boxs2 li ul { margin: 10px 0; margin-left: 20px }
.footer_boxs3 { padding: 20px 0 0 0; color: #9d9d9d; float: left; margin: 10px 0 0 50px; font-size: 13px; width: 25% }
.footer_boxs3 p { color: #9d9d9d; font-family: 'PT Sans', sans-serif }
.footer_boxs3 a { color: #9d9d9d; text-decoration: none }
.footer_boxs3 a:hover { color: #fff }
.footer_boxs3 li { margin: 17px 0; color: white }
.footer_boxs3 li ul { margin: 10px 0; margin-left: 20px }
.panel-footer { display: none }
.panel-heading { margin-top: -48px; color: #fff; font-family: 'PT Sans', sans-serif; font-size: 18px; padding-bottom: 24px }
.ftr_link { color: #9d9d9d; text-decoration: none }
.ftr_link:hover { color: #fff }
.swipe { overflow: hidden; visibility: hidden; position: relative }
.swipe-wrap { overflow: hidden; position: relative }
.swipe-wrap>div { float: left; width: 100%; position: relative }
.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity: .3; position: fixed; bottom: 50px; right: 100px; display: none; background: url('images/icon_top.png') no-repeat }
</style><style>.videoWrapper {
position:relative;
padding-bottom:56.25%;
padding-top:25px;
height:0
}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#mask { position: absolute; left: 0; top: 0; z-index: 9000; background-color: #000; display: none }
#boxes .window { position: fixed; left: 20%; right: 20%; top: 0; width: 100%; height: 80%; display: none; z-index: 9999; padding: 20px; text-align: center }
#boxes #dialog { width: 50%; border: 2px solid #f96204; height: auto; padding: 10px; background-color: #fff; font-size: 12pt; margin: 10% auto; text-align: left }
.maintext { text-align: center; font-family: "Segoe UI", sans-serif; text-decoration: none }
body { background: url('bg.jpg') }
#lorem { padding-top: 15px }
#popupfoot a { text-decoration: none; position: absolute; top: 5px; right: 10px; width: 20%; text-align: right }
.popupoption:hover { color: green }
.popupoption2:hover { color: red }
@media screen and (min-width:768px) {
.swipe-wrap img { height: 400px }
}