@charset "utf-8";
blockquote, body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0 }
a img, fieldset, img { border: 0 }
#welcome_contant h1, .Parterns_menu, .btm_graphic, .loyal_partn h5, .owl-theme .owl-controls { text-align: center }
.quote_text text, body { font-family: Poppins, sans-serif }
.Parterns_menu, .loyal_partn, .right_sid { overflow: hidden }
ol, ul, ul.QLinks { list-style: none }
.clear, .clearfix:after, .msg { clear: both }
@font-face { font-family: poppinsbold; src: url(../woff2/poppins-bold_0.woff2) format('woff2'), url(../woff/poppins-bold_0.woff) format('woff'); font-weight: 400; font-style: normal }
@font-face { font-family: poppinslight; src: url(../woff2/poppins-light_0.woff2) format('woff2'), url(../woff/poppins-light_0.woff) format('woff'); font-weight: 400; font-style: normal }
@font-face { font-family: poppinsmedium; src: url(../woff2/poppins-medium_0.woff2) format('woff2'), url(../woff/poppins-medium_0.woff) format('woff'); font-weight: 400; font-style: normal }
@font-face { font-family: poppinsregular; src: url(../woff2/poppins-regular_0.woff2) format('woff2'), url(../woff/poppins-regular_0.woff) format('woff'); font-weight: 400; font-style: normal }
@font-face { font-family: poppinssemibold; src: url(../woff2/poppins-semibold_0.woff2) format('woff2'), url(../woff/poppins-semibold_0.woff) format('woff'); font-weight: 400; font-style: normal }
html { font-size: 100% }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block }
body { background: #fff; font-weight: 400; font-style: normal; font-size: 14px; line-height: 1.42857; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: poppinsregular }
img { max-width: 100% }
table { border-collapse: collapse; border-spacing: 0 }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
a img { display: inline-block }
:focus, a:active, a:focus, input, input[type=button]:focus, input[type=image], select:focus { outline: 0 }
.clearfix { clear: both }
.clearfix:after, .clearfix:before { display: block; content: ""; line-height: 0 }
 .get_quote_dv_home::-webkit-input-placeholder {
 color: #fff;
 opacity: 1
}
 .get_quote_dv_home::-webkit-placeholder {
 color: #fff;
 opacity: 1
}
 .get_quote_dv_home:-moz-placeholder {
 color: #fff;
 opacity: 1
}
 .get_quote_dv_home::-moz-placeholder {
 color: #fff;
 opacity: 1
}
 .get_quote_dv_home:-ms-input-placeholder {
 color: #fff;
 opacity: 1
}
.owl-carousel .item img { display: block; width: 100%; height: auto }
.owl-carousel .owl-item { float: left }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% }
.owl-controls .owl-buttons div, .owl-controls .owl-page { cursor: pointer }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1 }
.owl-theme .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 5px 3px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #cacaca }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #e64125 }
.social_icons ul li { color: #6c7175; display: inline-block }
.social_icons ul li.phone_no { margin-right: 31px }
.social_icons { float: right }
.top_bat_cont { background-color: #f6f6f8; border-bottom: 1px solid #d9d7d7; height: 42px; padding: 8px 0; display: none }
.usa_mrg { margin-left: 33px }
header.header.home_header .logo_sec { position: fixed; width: 100%; top: 0; z-index: 99999; background-color: transparent }
.main_div .header .logo_sec { background-color: #000 }
.logo { float: left; padding: 15px 0 0 }
.logo_sec nav { float: right }
.logo_sec nav ul li { float: left }
.logo_sec nav ul li>a:before { background-color: #333; content: ""; height: 0; left: 0; position: absolute; right: 0; top: 0; transition: all .2s ease 0s; z-index: -1 }
.logo_sec nav ul li>a { color: #fff; display: block; font-size: 16px; padding: 38px 12px 15px; position: relative; z-index: 1; text-transform: uppercase }
.btm_graphic, .maga_menu { position: absolute; width: 100% }
li.qut.quote_text a { padding: 0; background: #404040 }
.logo_sec nav ul li:hover a { color: #222 }
.logo_sec nav ul li:hover a::before { height: 95px }
.logo_sec nav ul li.com a::before { background-color: #fff }
.logo_sec nav ul li.ser a::before { background-color: #fff }
.logo_sec nav ul li.hir a::before { background-color: #fff }
.logo_sec nav ul li.blk a::before { background-color: #fff }
.logo_sec nav ul li.por a::before { background-color: #fff }
.logo_sec nav ul li.rea a::before { background-color: #fff }
.logo_sec nav ul li.qut a::before { background-color: #fff }
.quote_text svg { margin-top: 27px }
.quote_text text { font-size: 18px; font-weight: 700 }
.logo_sec nav ul li li { line-height: 18px }
.maga_menu { background: url(../jpg/submenu_bg-2.jpg) no-repeat center top/cover!important; border-top: 2px solid #fff; height: 640px; left: 0; min-height: 640px; opacity: 0; padding: 20px 0 40px; pointer-events: none; top: 190px; transition: all .2s ease 0s; z-index: 999 }
.blue_col .container, .left_side, .orng_part .container, .purpl .container { height: 100% }
.btm_graphic { bottom: -10px }
.left_side.company_sb { width: 70% }
.blue_col .left_side, .orng_part .left_side, .purpl .left_side { width: 100% }
.blue_col .left_side .nav-submenu-item { width: 49% }
.blue_col .left_side.nav-submenu-item .nav-submenu-item { width: 50% }
.left_side { float: left; position: relative; width: 70% }
.product_imgs_menu { width: 100%; height: 150px; position: absolute; top: 0; z-index: -2 }
.product_imgs_menu svg { width: 100% }
.product_imgs_menu svg path { -webkit-animation: 4s main-phone-animation forwards; animation: 4s main-phone-animation forwards; stroke: #fff; fill: none; stroke-linecap: butt; stroke-dasharray: 1020, 5 }
.nav-submenu-item .nav-submenu-item { width: 100%; border: 0; position: relative }
.nav-submenu-item .nav-submenu-item a::before { display: none }
.nav-submenu-item { width: 35%; border: none!important }
.nav-submenu-item .nav-submenu-item a { color: #252626!important; font-size: 14px; padding: 12px 0 13px 34px!important; text-transform: inherit; font-weight: 400; background: url(../png/sprint_01-2.png) 6px 14px no-repeat }
.loyal_partn { display: table; float: left; padding: 0; position: relative; margin-top: 31px; width: 100%; height: 68px }
.loyal_partn h5 { background: #fff; border-radius: 10px 10px 0 0; color: #006b00; display: block; font-family: Lato; font-size: 24px; font-weight: 700; margin: 0 auto; padding: 10px 0 10px 10px; text-transform: uppercase; width: 250px }
.nav-submenu-item.km_wd { float: right; width: 25% }
.Custom_nav_pills { border-bottom: 1px solid #ebebeb; float: left; width: 100% }
.Custom_nav_pills div.active::after { border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid rgba(221, 221, 221, .5); bottom: -12px; content: ""; height: 0; left: 0; margin: auto; position: absolute; right: 0; width: 0 }
.Custom_nav_pills div.active { background: #ccc }
.Custom_nav_pills div.left { cursor: pointer; float: left; text-align: center; width: 190px; border-right: 1px solid #ddd; text-align: center }
.Custom_nav_pills div a { display: block; font-size: 17px; padding: 16px 0 13px; text-align: center }
.Custom_nav_pills div a i.fa-mobile { font-size: 33px; margin-bottom: 0 }
.ser .list_tab_pane ul li a, h3.moheding { font-size: 14px; text-transform: capitalize }
h3.moheding { color: #fff; font-weight: 700; margin-bottom: 10px; margin-top: 20px; padding-left: 0; text-transform: uppercase }
.list_tab_pane .left_2 { float: left; margin-top: 0 }
.list_tab_pane ul li { clear: both; line-height: 35px!important; width: 280px!important }
.list_tab_pane ul li a { background: url(../png/sml_arrow.png) left center no-repeat rgba(0, 0, 0, 0); padding-bottom: 2px; padding-left: 30px; padding-top: 2px; background-size: 14px }
.maga_menu.orng_part { background-color: #fff; border-color: #fff!important }
.tab-content>.active { display: block }
.Custom_nav_pills div a i { display: block; font-size: 22px; margin-bottom: 11px }
.list_tab_pane .left_2 h3 { color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 10px; margin-top: 20px; padding-left: 0; text-transform: uppercase }
.Custom_nav_pills div.active { background-color: rgba(221, 221, 221, .5); position: relative }
.Custom_nav_pills div a, .Custom_nav_pills div i, .Custom_nav_pills div.active a, .Custom_nav_pills div.active i { color: #fff }
.tab-content .tab_content_holder a { color: #fff; padding: 0 0 0 30px!important }
.tab_content_holder li { border: 0!important }
.tab_content_holder li a:before { display: none!important }
.left_1 { float: left }
.Parterns_menu { background: #fff; display: table-row; width: 100%; position: relative }
.Parterns_menu span { display: table-cell; vertical-align: middle }
.Parterns_menu span:last-child { margin-right: 0 }
.products_bg { padding: 40px 0 0 }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-1::before { background-position: -688px -2px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-2::before { background-position: -610px -2px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-3::before { background-position: -482px -2px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-4::before { background-position: -482px -2px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-5::before { background-position: -403px -2px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-6::before { background-position: -373px -3px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-7::before { background-position: -294px -2px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-8::before { background-position: -243px 0; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-9::before { background-position: -164px 0; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-10::before { background-position: -134px -2px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-11::before { background-position: -85px -1px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-12::before { background-position: -55px -8px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-13::before { background-position: -1191px 0; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-14::before { background-position: -717px 0; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-15::before { background-position: -798px -1px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-16::before { background-position: -876px -1px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-17::before { background-position: -1003px -3px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-18::before { background-position: -1033px -1px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-19::before { background-position: -1271px -7px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-20::before { background-position: -1111px -2px; width: 16px; height: 27px }
.nav-submenu-item .nav-submenu-item.blue_mnu.s-21::before, .nav-submenu-item .nav-submenu-item.blue_mnu.s-22::before { background-position: -600px -2px; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-1::before { background-position: -588px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-2::before { background-position: -552px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-3::before { background-position: -473px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-4::before { background-position: -552px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-5::before { background-position: -402px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-6::before { background-position: -346px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-7::before { background-position: -293px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-8::before { background-position: -239px -1px; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-9::before { background-position: -189px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-10::before { background-position: -139px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-11::before { background-position: -83px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-12::before { background-position: -42px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-13::before { background-position: 0 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-14::before { background-position: -712px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-15::before { background-position: -679px -2px; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-16::before { background-position: -636px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-17::before { background-position: -797px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-18::before { background-position: -1000px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-19::before { background-position: -1223px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-20::before { background-position: -747px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-21::before { background-position: -943px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-22::before { background-position: -1164px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-23::before { background-position: -843px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-24::before { background-position: -1052px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-25::before { background-position: -1276px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-26::before { background-position: -893px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-27::before { background-position: -1110px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-38::before { background-position: -1938px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-39::before { background-position: -1995px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-40::before { background-position: -2239px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-41::before { background-position: -1887px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-42::before { background-position: -2174px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-43::before { background-position: -1835px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-44::before { background-position: -2114px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-45::before { background-position: -2054px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-46::before { background-position: -2302px 0; width: 37px; height: 36px }
.nav-submenu-item .nav-submenu-item.blue_mnu.sa-47::before { background-position: -2367px 0; width: 37px; height: 36px }
.blk_col .about_projct_panel { margin-top: 5px!important }
.lates_blog h3, .quick_links_section h3, .sf_mega_menu_sub_item h5 { margin-top: 20px; text-transform: uppercase }
.maga_menu.blk_col ul.menu_center { padding-top: 0!important }
.sf_mega_menu_sub_item h5 { color: #242424; font-size: 14px; font-weight: 700; margin-bottom: 10px; padding-left: 0 }
.nav-submenu-item .nav-submenu-item a:hover { opacity: .5 }
.maga_menu.purpl { background-color: #2d217b; background-image: url(../png/bg-menu.png); background-repeat: repeat-x; background-position: center bottom }
.purple_icon .nav-submenu-item.sf_mega_menu_sub_item { float: left; width: 25% }
.purpl .right_sid { overflow: visible; padding: 50px 0 0 }
.logo_sec nav ul li:hover .maga_menu { opacity: 1; top: 95px; pointer-events: auto }
#welcome_contant { padding: 70px 0 100px; width: 100%; background: #fff }
#welcome_contant h1 { color: #2e2e2e; font-size: 28px; font-weight: 600; line-height: 45px; margin-bottom: 15px }
#welcome_contant p { color: #555; font-size: 17px; line-height: 35px; text-align: center; margin-top: 20px }
#welcome_contant p strong { color: #d82e2b; font-weight: 200 }
#welcome_contant h1 svg text { font-family: lato; font-size: 40px; font-weight: 700 }
.resp-tab-content { display: none; padding: 0 30px 15px }
h2.resp-accordion { cursor: pointer; display: none; padding: 5px }
.footer_background { background: url(../png/ftr_bg.png) #0b0b0b!important; min-height: 311px }
.footer_fist { float: left; overflow: hidden; height: 330px; width: 60% }
.ftr_padding_top { padding-top: 15px }
.lates_blog h3 { color: #fff; font-size: 20px; margin-bottom: 10px }
.lates_blog ul { padding-top: 11px }
.lates_blog ul li { border-bottom: 1px dashed #606060; font-size: 14px; line-height: 16px; margin-bottom: 8px }
.lates_blog ul li a i { color: #606060; font-size: 22px; position: absolute; right: 0; top: 3px }
.footer_cont { float: left; width: 40% }
.quick_links_section { padding-left: 23px }
.quick_links_section h3 { color: #fff; font-size: 20px; margin-bottom: 25px }
.quick_links_section ul { margin-top: 17px }
.quick_links_section ul li { display: block; float: left; font-size: 15px; line-height: 24px; margin-bottom: 16px; padding-bottom: 4px; width: 100% }
.quick_links_section ul li a { color: #fff; display: block }
.api_menu .sprite, .social, .social a { display: inline-block }
.quick_links_section ul li a i { width: 25px; margin-right: 8px; float: left }
 @keyframes hvr-wobble-horizontal {  16.65% {
 -webkit-transform: translateX(8px);
 transform: translateX(8px)
}
 33.3% {
 -webkit-transform: translateX(-6px);
 transform: translateX(-6px)
}
 49.95% {
 -webkit-transform: translateX(4px);
 transform: translateX(4px)
}
 66.6% {
 -webkit-transform: translateX(-2px);
 transform: translateX(-2px)
}
 83.25% {
 -webkit-transform: translateX(1px);
 transform: translateX(1px)
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0)
}
}
.hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale }
.hvr-wobble-horizontal:active, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:hover { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 }
.footer_last { float: right; width: 41% }
.address_container .bg_2, .full_soci { float: left }
.full_soci { width: 59% }
.address_container { background: #262626; min-height: 420px; position: relative; z-index: 1 }
.address_container .left_prt { left: -21px; position: absolute; top: 32px; width: 22px }
.address_container .logo_row { padding-top: 25px; text-align: center; padding-bottom: 3px }
.address_container ul { list-style: none; padding: 0 26px }
.address_container ul li:first-of-type { border-top: 0 none }
.address_container ul li { border-bottom: 1px solid #1b1b1b; border-top: 1px solid #373737; color: #dfdfdf; font-size: 14px; line-height: 25px; padding: 16px 0 }
.address_container ul li span.span_1 { color: #ff8501 }
.address_container ul li span { text-transform: uppercase }
.lst_ftr_bg { background: #0e0805; float: left; position: relative; top: 0; width: 100%; padding: 0 0 10px }
.dna_lofoo { margin-top: 10px; width: 100%!important }
.copy_right { float: right; padding-top: 14px }
.address_container .right_prt { position: absolute; right: -21px; top: 32px; width: 22px }
.address_container ul li span.span_2 { color: #f23a1d }
.address_container ul li span.span_3 { color: #0bb8f0 }
.address_container ul li span.span_4 { color: #a4c008 }
.conta_sock>b { color: #fff; float: left; font-size: 20px; font-weight: 400; padding: 10px 10px 0 16px; text-transform: uppercase }
.conta_sock { margin-top: 15px }
.social a { background-color: #363535; border: 1px solid #494b4b; border-radius: 50%; box-shadow: 0 2px 15px #0b0b0b; color: #a5a5a5; font-size: 18px; height: 40px; line-height: 38px; margin: 0 0 0 10px; text-align: center; transition: all 2s ease 0s; vertical-align: top; width: 40px }
.social a:hover { background-color: #fff }
.social a.co1:hover { background-color: #3b5998 }
.social a.co2:hover { background-color: #cb2028 }
.social a.co3:hover { background-color: #7dc6f9 }
.social a.co4:hover { background-color: #ee1c1b }
.social a.co5:hover { background-color: #007bb6 }
.social a.co6:hover { background-color: #e33e2b }
.social a:active, .social a:focus, .social a:hover { background: #fff; color: #fff; border: 1px solid #0b0b0b; box-shadow: 0 2px 15px #fff }
.social a.co1:hover { box-shadow: 0 2px 15px #3b5998 }
.social a.co2:hover { box-shadow: 0 2px 15px #cb2028 }
.social a.co3:hover { box-shadow: 0 2px 15px #7dc6f9 }
.social a.co4:hover { box-shadow: 0 2px 15px #ee1c1b }
.social a.co5:hover { box-shadow: 0 2px 15px #007bb6 }
.social a.co6:hover { box-shadow: 0 2px 15px #e33e2b }
.api_menu { position: relative; z-index: 999 }
.sprite { background: url(../png/sprite_icon.png) top left no-repeat; width: 50px; height: 52px; margin: 0 auto }
.sprite.augmented { background-position: 0 -66px; width: 48px; height: 46px }
.sprite.blackbary { background-position: 0 -132px; width: 53px; height: 46px }
.sprite.ibecom { background-position: 0 -198px; width: 47px; height: 47px }
.sprite.iwatch { background-position: 0 -397px; width: 33px; height: 46px }
.sprite.amazon { background-position: 0 -513px; width: 89px; height: 50px }
.sprite.authorized { background-position: 2px -582px; width: 67px; height: 51px }
.sprite.clickatell { background-position: 0 -638px; width: 142px; height: 50px; margin-left: -2px }
.sprite.dhl { background-position: 3px -688px; width: 98px; height: 50px }
.sprite.ebay { background-position: 0 -736px; width: 90px; height: 50px }
.sprite.facebook { background-position: 0 -804px; width: 45px; height: 48px }
.sprite.feedx { background-position: 0 -861px; width: 75px; height: 50px }
.sprite.paypal { background-position: 0 -908px; width: 109px; height: 50px }
.sprite.twitter { background-position: 0 -974px; width: 51px; height: 50px }
.sprite.yahoo { background-position: 8px -1028px; width: 123px; height: 45px; margin-left: -12px }
.sprite.c { background-position: 0 -1096px; width: 30px; height: 42px }
.sprite.cplus { background-position: 0 -1158px; width: 82px; height: 39px }
.sprite.freescale { background-position: 0 -1217px; width: 117px; height: 36px }
.sprite.keil { background-position: 0 -1273px; width: 103px; height: 28px }
.sprite.linux { background-position: 0 -1321px; width: 40px; height: 51px }
.sprite.qnx { background-position: 0 -1392px; width: 82px; height: 28px }
.sprite.qt { background-position: 0 -1440px; width: 40px; height: 44px }
.sprite.vxworks { background-position: 0 -1504px; width: 107px; height: 29px }
.sprite.adobe { background-position: 0 -1553px; width: 55px; height: 50px }
.sprite.adobe_air { background-position: 0 -1623px; width: 52px; height: 50px }
.sprite.cocoss2d { background-position: 0 -1763px; width: 43px; height: 50px }
.sprite.coreldraw { background-position: 0 -1833px; width: 42px; height: 50px }
.sprite.flash { background-position: 0 -1903px; width: 53px; height: 50px }
.sprite.ipad { background-position: 0 -1973px; width: 41px; height: 50px }
.sprite.opne_gl { background-position: 0 -2113px; width: 78px; height: 50px }
.sprite.unity { background-position: 0 -2183px; width: 90px; height: 50px }
.sprite.windows { background-position: 0 -2253px; width: 61px; height: 50px }
.sprite.android { background-position: 0 -2323px; width: 49px; height: 57px }
.sprite.dotnet { background-position: 0 -2400px; width: 56px; height: 54px }
.sprite.graphic_designer { background-position: 0 -2474px; width: 51px; height: 51px }
.sprite.iphone { background-position: 0 -2545px; width: 38px; height: 46px }
.sprite.onsite { background-position: 0 -2611px; width: 46px }
.sprite.phone_gap { background-position: 0 -2683px; width: 51px; height: 56px }
.sprite.cakephp { background-position: -78px -2748px; width: 61px; height: 54px }
.sprite.ruby_on_rail { background-position: 0 -2811px; height: 49px }
.sprite.saleforce { background-position: 0 -2880px; width: 79px; height: 57px }
.sprite.sencha { background-position: 0 -2957px; width: 38px; height: 54px }
.sprite.enterprise_it_architecture { background-position: 0 -3031px; width: 43px }
.sprite.it_management-_support { background-position: 0 -3103px; width: 62px }
.sprite.it_metric_deshboard { background-position: 0 -3175px; width: 44px }
.sprite.it_strategic_planning { background-position: 0 -3247px; width: 38px }
.sprite.privatecloud_virtualization { background-position: 0 -3319px; width: 72px }
.sprite.security_risk_management { background-position: 0 -3391px; width: 43px; height: 50px }
.sprite.accquia { background-position: 0 -3461px; width: 71px }
.sprite.angular_js { background-position: 0 -3533px }
.sprite.dotnet_nuke { background-position: 0 -3605px }
.sprite.drupal { background-position: 0 -3677px; width: 46px }
.sprite.joomla { background-position: 0 -3749px; width: 54px }
.sprite.magento { background-position: 0 -3821px; width: 48px }
.sprite.node_js { background-position: 0 -3893px; width: 46px }
.sprite.opencart { background-position: 0 -3965px; width: 52px }
.sprite.prestashop { background-position: 0 -4037px; width: 37px }
.sprite.wordpress { background-position: 0 -4109px; width: 47px }
.sprite.xcart { background-position: 0 -4181px; width: 45px }
.sprite.CodeIgniter { background-position: 0 -4253px; width: 38px; height: 43px }
.sprite.hadoop { background-position: 0 -4316px; width: 59px; height: 46px }
.sprite.hbase { background-position: 0 -4382px; width: 97px; height: 27px }
.sprite.html5 { background-position: 0 -4429px; width: 37px; height: 41px }
.sprite.kentico { background-position: 0 -4490px; height: 50px }
.sprite.laravel { background-position: 0 -4560px; width: 72px; height: 44px }
.sprite.mysql { background-position: 0 -4624px; width: 89px; height: 48px }
.sprite.php { background-position: 0 -4692px; width: 61px; height: 32px }
.sprite.ror { background-position: 0 -4744px; height: 49px }
.sprite.sharepoint { background-position: 0 -4813px; width: 51px; height: 49px }
.sprite.yii { background-position: 0 -4882px; width: 41px; height: 42px }
.sprite.zend { background-position: 0 -4944px; width: 75px; height: 37px }
.sprite.PHP_nuke { background-position: 0 -5020px; width: 100px; height: 52px }
.sprite.xpress_engine { background-position: 0 -5100px; width: 60px; height: 52px }
.sprite.radiant_cms { background-position: 0 -5189px; width: 65px; height: 50px }
.sprite.refinery_cms { background-position: 0 -5269px; width: 140px; height: 52px }
.api_menu .sprite { background: url(../png/api_icons.png) top left no-repeat; width: 98px; height: 47px; margin: 25px 15px }
.api_menu .sprite.amazon { background-position: 0 0; width: 89px; height: 34px }
.api_menu .sprite.apns { background-position: 0 -54px; width: 68px; height: 33px }
.api_menu .sprite.authorized { background-position: 0 -107px; width: 67px; height: 51px }
.api_menu .sprite.bitcoin { background-position: 0 -178px; width: 104px; height: 33px }
.api_menu .sprite.braintree { background-position: 0 -231px; width: 95px; height: 30px }
.api_menu .sprite.clickatell { background-position: 0 -281px; width: 142px; height: 30px }
.api_menu .sprite.dhl { background-position: 0 -331px; height: 23px }
.api_menu .sprite.ebay { background-position: 0 -374px; width: 90px; height: 38px }
.api_menu .sprite.facebook { background-position: 0 -432px; width: 50px }
.api_menu .sprite.feedx { background-position: 0 -499px; width: 75px; height: 28px }
.api_menu .sprite.flipcart { background-position: 0 -547px; height: 33px }
.api_menu .sprite.gcm { background-position: 0 -600px; width: 57px; height: 26px }
.api_menu .sprite.googleplus { background-position: 0 -646px; width: 48px }
.api_menu .sprite.in { background-position: 0 -713px; width: 46px }
.api_menu .sprite.moneybookers { background-position: 0 -780px; width: 100px; height: 49px }
.api_menu .sprite.mongodb { background-position: 0 -849px; width: 91px; height: 32px }
.api_menu .sprite.mssql { background-position: 0 -901px; width: 46px; height: 44px }
.api_menu .sprite.oracle { background-position: 0 -965px; width: 125px; height: 25px }
.api_menu .sprite.parse { background-position: 0 -1010px; width: 100px; height: 41px }
.api_menu .sprite.paypal { background-position: 0 -1071px; width: 109px; height: 34px }
.api_menu .sprite.postgresol { background-position: 0 -1125px; width: 106px; height: 37px }
.api_menu .sprite.pubnub { background-position: 0 -1182px; width: 82px; height: 27px }
.api_menu .sprite.pusher { background-position: 0 -1229px; width: 104px; height: 36px }
.api_menu .sprite.quickblox { background-position: 0 -1285px; width: 72px; height: 49px }
.api_menu .sprite.sagepay { background-position: 0 -1354px; width: 86px; height: 33px }
.api_menu .sprite.skype { background-position: 0 -1407px; width: 43px; height: 38px }
.api_menu .sprite.snapdeal { background-position: 0 -1465px; width: 90px; height: 26px }
.api_menu .sprite.stripe { background-position: 0 -1511px; width: 80px; height: 34px }
.api_menu .sprite.tokbox { background-position: 0 -1565px; width: 70px; height: 49px }
.api_menu .sprite.twilio { background-position: 0 -1634px; width: 99px; height: 32px }
.api_menu .sprite.twitter { background-position: 0 -1686px; width: 47px }
.api_menu .sprite.vk { background-position: 0 -1753px; width: 45px }
.api_menu .sprite.vonage { background-position: 0 -1820px; height: 26px }
.api_menu .sprite.yahoo { background-position: 0 -1866px; width: 123px; height: 32px }
.logo_sec nav ul#myTabs li { border-top: 0; background: url(../png/small_sep.png) 100% 29px no-repeat rgba(0, 0, 0, 0); cursor: pointer; float: left; width: 191px }
.logo_sec nav ul#myTabs li.active { background-color: #b41211; position: relative }
.logo_sec nav ul#myTabs li a { display: block; font-size: 17px; border: 0; padding: 16px 0 13px; text-align: center; border-radius: 0 }
.logo_sec nav ul#myTabs li a i { display: block; font-size: 22px; margin-bottom: 11px }
.logo_sec nav ul#myTabs li a:after, .logo_sec nav ul#myTabs li a:before { background: 0 0 }
#enquire_box1, .mobile_banner, .mobile_menu { background-repeat: no-repeat }
.logo_sec nav ul#myTabs li.active::after { border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #b41211; bottom: -12px; content: ""; height: 0; left: 0; margin: auto; position: absolute; right: 0; width: 0 }
.logo_sec nav ul#myTabs li.active a, .logo_sec nav ul#myTabs li:hover a { background-color: #b41211; color: #fff }
#enquire_box1 { background-image: url(../jpg/enuire_box.jpg)!important; background-position: left center; background-size: cover; float: left; padding: 20px 0; width: 100% }
.enquire_box_left h2 { color: #fff; font-size: 22px; font-weight: 300; margin: 0 0 10px; text-transform: uppercase }
.enquire_box_left p { color: #fff; font-size: 18px; font-weight: 300; padding-bottom: 10px; line-height: 25px }
.enquire_box_left p strong { font-size: 20px }
.enquire_box_left span { color: #fff; font-size: 17px; font-weight: 300; margin-right: 15px }
.enquire_box_right { float: right; text-align: center }
.enquire_box_right a { background: rgba(164, 78, 130, .5); font-size: 20px; font-weight: 300; padding: 10px 45px; text-align: center; text-transform: uppercase }
.enquire_box_new { background: #fcfcfc; display: inline-block; padding: 15px 0; width: 100%; text-align: center }
.enquire_box_new li { display: inline-block; margin: 0 15px!important }
.wsmenucontainer { display: inline-block; float: right }
.wsmenu-click { display: none }
.wsmenu-submenu { z-index: 1000; opacity: 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transition: -o-transform .3s, opacity .3s; -ms-transition: -ms-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s }
li.com .mobile-sub .wsmenu-submenu { background-color: #006b00 }
li.ser .mobile-sub .wsmenu-submenu { background-color: #b41211 }
li.hir .mobile-sub .wsmenu-submenu { background-color: #013242 }
li.por .mobile-sub .wsmenu-submenu { background-color: #e43f1f }
li.rea .mobile-sub .wsmenu-submenu { background-color: #5d4da5 }
li.qut .mobile-sub .wsmenu-submenu { background-color: #a5c10d }
.logo_sec .col-md-12 { position: inherit }
.side-menu .navbar-default .navbar-toggle .icon-bar { background-color: #c487b7 }
.side-menu .navbar-default { background: 0 0 }
.body-slide-in { -moz-animation: bodyslidein .3s forwards; -o-animation: bodyslidein .3s forwards; -webkit-animation: bodyslidein .3s forwards; animation: bodyslidein .3s forwards; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; margin-left: 0 }
.main_div { position: relative; -moz-animation: bodyslideout .3s forwards; -o-animation: bodyslideout .3s forwards; -webkit-animation: bodyslideout .3s forwards; animation: bodyslideout .3s forwards; background-color: #fff; width: 100% }
.main_div.home_main { margin-top: 0 }
.side-menu { position: fixed; width: 250px; height: 100%; z-index: 999999; top: 0 }
.side-menu #dropdown .panel-body .navbar-nav, .side-menu .navbar-header { width: 100% }
.side-menu .navbar { border: none }
.side-menu .navbar-nav .active a { background-color: transparent; margin-right: -1px; border-right: 5px solid #e7e7e7 }
.side-menu .navbar-nav li { display: block; width: 100%; border-bottom: 1px solid #7b5477 }
.side-menu .navbar-nav li a { padding: 15px; color: #000; font-size: 16px }
.side-menu .navbar-nav li a:hover { background-color: #603a5e; color: #d8b4d1 }
.side-menu .navbar-nav li a .glyphicon { padding-right: 10px }
.side-menu #dropdown { border: 0; margin-bottom: 0; border-radius: 0; background-color: transparent; box-shadow: none }
.side-menu #dropdown .caret { float: right; margin: 9px 5px 0 }
.side-menu #dropdown .indicator { float: right }
.side-menu #dropdown>a { border-bottom: 1px solid #7b5477 }
.side-menu #dropdown .panel-body { padding: 0; background: rgba(0, 0, 0, .3) }
.side-menu #dropdown .panel-body .navbar-nav li { border-bottom: 1px solid #e7e7e7 }
.side-menu #dropdown .panel-body .navbar-nav li:last-child { border-bottom: none }
.side-menu #dropdown .panel-body .panel>a { margin-left: -20px; padding-left: 35px }
.side-menu #dropdown .panel-body .panel-body { margin-left: -15px }
.side-menu #dropdown .panel-body .panel-body li { padding-left: 30px }
.side-menu #dropdown .panel-body .panel-body li:last-child { border-bottom: 1px solid #e7e7e7 }
.side-menu #search-trigger { background-color: #f3f3f3; border: 0; border-radius: 0; position: absolute; top: 0; right: 0; padding: 15px 18px }
.side-menu .brand-name-wrapper { min-height: 50px }
.side-menu .brand-name-wrapper .navbar-brand { display: block }
.navbar-default .navbar-nav>li .sub_menu>a { color: #915e86 }
.side-menu #dropdown .panel-body .navbar-nav.sub_menu li { border-bottom: 1px solid #392736 }
.side-menu #dropdown .panel-body .navbar-nav.sub_menu li a { color: #b28baa; font-size: 13px }
.side-menu #dropdown .panel-body .navbar-nav.sub_menu li a:hover { background: #2c1e2a; color: #bf98b7 }
.mobile_banner, .mobile_menu { background-position: center top; background-size: cover }
.side-body { margin-left: 310px }
 @media (max-width:768px) {
.side-menu { width: 100%; height: 0; border-right: 0 }
.side-menu .brand-name-wrapper .navbar-brand { display: inline-block }
 @-moz-keyframes slidein {  0% {
 right: -300px
}
 100% {
 right: 10px
}
}
 @-webkit-keyframes slidein {  0% {
 right: -300px
}
 100% {
 right: 10px
}
}
 @keyframes slidein {  0% {
 left: -300px
}
 100% {
 right: 10px
}
}
 @-moz-keyframes slideout {  0% {
 right: 0
}
 100% {
 right: -300px
}
}
 @-webkit-keyframes slideout {  0% {
 left: 0
}
 100% {
 right: -300px
}
}
 @keyframes slideout {  0% {
 left: 0
}
 100% {
 right: -300px
}
}
.side-menu-container>.navbar-nav.slide-in { -moz-animation: slidein .3s forwards; -o-animation: slidein .3s forwards; -webkit-animation: slidein .3s forwards; animation: slidein .3s forwards; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; left: 15px }
.side-menu-container>.navbar-nav { position: fixed; left: -300px; width: 260px; overflow-x: hidden; overflow-y: auto; top: 42px; height: 100%; background-color: #f8f8f8; -moz-animation: slideout .3s forwards; -o-animation: slideout .3s forwards; -webkit-animation: slideout .3s forwards; animation: slideout .3s forwards; -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
 @-moz-keyframes bodyslidein {  0% {
 left: 0
}
 100% {
 left: 250px
}
}
 @-webkit-keyframes bodyslidein {  0% {
 left: 0
}
 100% {
 left: 250px
}
}
 @keyframes bodyslidein {  0% {
 left: 0
}
 100% {
 left: 250px
}
}
 @-moz-keyframes bodyslideout {  0% {
 left: 300px
}
 100% {
 left: 0
}
}
 @-webkit-keyframes bodyslideout {  0% {
 left: 300px
}
 100% {
 left: 0
}
}
 @keyframes bodyslideout {  0% {
 left: 300px
}
 100% {
 left: 0
}
}
.side-body { margin-left: 5px; margin-top: 70px; position: relative; -moz-animation: bodyslideout .3s forwards; -o-animation: bodyslideout .3s forwards; -webkit-animation: bodyslideout .3s forwards; animation: bodyslideout .3s forwards; -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
#dropdown .panel-body .navbar-nav,  #search .panel-body .navbar-form .form-group { margin: 0 }
.body-slide-in { -moz-animation: bodyslidein .3s forwards; -o-animation: bodyslidein .3s forwards; -webkit-animation: bodyslidein .3s forwards; animation: bodyslidein .3s forwards; -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.navbar-toggle { border: 0; float: left; padding: 18px; margin: 0; border-radius: 0; background-color: #603a5e }
#search .panel-body .navbar-form { border-bottom: 0 }
.navbar-header { position: fixed; z-index: 3; background-color: #f8f8f8; top: 0 }
}
.side-menu .navbar-default .navbar-toggle:focus, .side-menu .navbar-default .navbar-toggle:hover { background-color: #654463 }
.side-menu #dropdown .caret { color: #643d60; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px dashed }
.overlay_bg { background-color: rgba(0, 0, 0, .9); bottom: 0; display: none; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 99999 }
.overlay_bg.act1 { display: block }
.mobile_banner, .mobile_txt { display: none; text-align: center }
.mobile_menu { background-image: url(../jpg/588-copy5.jpg) }
.side-menu .navbar-brand img { width: 140px; position: absolute; top: 3px }
.mobile_banner { background-image: url(../jpg/big.jpg); padding: 20px 0 }
.mobile_txt { width: 100% }
.enquire_box_right a { text-decoration: none; -webkit-tap-highlight-color: transparent; border: 1px solid #fff; color: #fff; cursor: pointer; float: left; left: 21%; outline: 0; position: relative; transition: all .8s ease 0s }
.enquire_box_right a:after, .enquire_box_right a:before { content: ""; position: absolute; height: 0; width: 0; border: 0 solid tomato }
.enquire_box_right a:before { top: 0; right: 0 }
.enquire_box_right a:after { bottom: 0; left: 0 }
.enquire_box_right a:hover:after, .enquire_box_right a:hover:before { width: 100%; height: 100%; border: 2px solid #fff }
.enquire_box_right a:hover:before { border-bottom-color: transparent; border-right-color: transparent; transition: width .4s 0s, height .4s .4s }
.enquire_box_right a:hover:after { border-top-color: transparent; border-left-color: transparent; transition: width .4s .8s, height .4s 1.2s, border 0s .8s }
.enquire_box_right a:hover { background: 0 0 }
.call_btn1 { position: absolute; right: 1px; top: 1px; z-index: 99; width: 36px }
.top_bat_cont { display: block }
.msg { color: #000; margin: 10px 0; position: relative; top: 5px; padding: 10px }
.first_hd_up h1 { font-weight: 400!important }
.main_page_holder .first_hd_up h1 span { color: #bd3b01; font-size: 54px }
.We_offer h2 { color: #000!important; font-size: 40px!important; margin-bottom: 30px; text-align: center }
.We_offer p { color: #333; font-family: Lato, sans-serif; font-size: 15px }
.We_offer h3 { font-size: 16px; font-weight: 700; padding: 25px 0 }
.price_box { background: #fff; border: 1px solid; font-size: 22px; font-weight: 700; line-height: 40px; text-align: center }
.price_box.orange { color: #ff6e1c }
.price_box.green { color: #0898a1 }
.price_box.red { color: #b41b15 }
.price_box.purple { color: #ac00c6 }
.price_box.green span, .price_box.orange span, .price_box.purple span, .price_box.red span { background: #eee; display: block; font-size: 18px; font-weight: 400; width: 100% }
.We_offer span.bold { color: #ba4000; font-weight: 700 }
.fte_rate_box { background: #fff; border: 2px solid #7ca942; font-size: 16px; line-height: 45px; padding-left: 15px; position: relative; font-weight: 700; color: #7ca942; margin-bottom: 20px }
.fte_rate_box span { background: #7ca942; color: #fff; display: inline-block; font-weight: 700; line-height: 46px; margin-left: 55px; padding: 0 15px; position: absolute; width: 60%; font-size: 20px; right: 0; text-align: center }
#comptnet_page .We_offer h2 { border-bottom: 1px solid #eee; color: #fff; font-family: robotolight; font-size: 25px!important; font-weight: 700; line-height: 60px; margin: 0 15px }
.testimonial_box { border: 1px solid #7ca942; margin-bottom: 25px; text-align: center }
.testimonial_box h2 { color: #7ca942!important }
.cash_study_box { border: 1px solid #21c7fb; text-align: center }
.cash_study_box h2 { color: #00a9fe!important }
.get_quote_box { border: 1px solid #ffae02; text-align: center }
.get_quote_box h2 { color: #fdaa02!important }
.in_box { font-size: 18px; margin: 15px; min-height: 70px }
.in_box p { font-size: 16px }
.in_box strong { color: #fcaf01 }
.cash_study_box a, .get_quote_box a, .testimonial_box a { border: 2px solid; color: #7ca942; display: inline-block; font-weight: 700; padding: 8px 10px; text-transform: uppercase; margin-top: 15px; margin-bottom: 30px; font-size: 19px }
.testimonial_box .in_box p { color: #7ca942 }
.cash_study_box .in_box p { color: #00a5ff }
.get_quote_box .in_box p { color: #ffaa0f }
.cash_study_box a { border: 2px solid; color: #03a7fe }
.get_quote_box a { border: 2px solid; color: #ffae02 }
.pricing_part { background: url(../map_img.html) no-repeat; background-size: 100%; padding: 40px 0 }
.pricing_orange { background: url(../png/01.png) no-repeat; background-size: 100% }
.pricing_blue { background: url(../png/02.png) no-repeat; background-size: 100% }
.pricing_red { background: url(../png/03.png) no-repeat; background-size: 100% }
.pricing_purple { background: url(../png/04.png) no-repeat; background-size: 100% }
.round_detail { font-weight: 700; margin-bottom: 100px }
.round_detail i { display: block; margin-bottom: 5px; padding-top: 30px }
.round_detail span { font-size: 12px; font-weight: 700; text-transform: uppercase; font-family: robotolight; width: 100px; white-space: pre-wrap; display: block; margin: auto; height: 40px }
.pricing_orange span { color: #fb751c; padding-top: 10px }
.pricing_blue span { color: #049ba6 }
.pricing_red span { color: #b21b12; padding-top: 10px }
.pricing_purple span { color: #af00ca }
.detail_text { color: #666; display: inline-block; font-family: robotolight; font-size: 14px; font-weight: 600; margin-top: 25px; line-height: 20px }
.detail_text span { font-size: 18px; line-height: 31px }
.enquire_box_left a { color: #fff }
.logo_sec nav ul li.qut a::before { background: 0 0 }
.enquire_box_left p { display: inline-block; padding-right: 15px; vertical-align: top }
.enquire_box_right { margin-top: 24px!important }
.check_btn { padding-bottom: 50px; text-align: center }
a.download-icon { background: url(../png/check_btn.png) no-repeat rgba(0, 0, 0, 0); color: #333; font-size: 1.3rem; font-weight: 700; height: 108px; text-decoration: none; width: 350px; display: inline-block; position: relative }
a.download-icon:hover { background: url(../png/check_btn_hover.png) no-repeat rgba(0, 0, 0, 0); transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all }
.download-icon span { cursor: pointer; display: block; left: 30px; margin: auto; position: absolute; top: 27px; width: 61px; height: 53px; background: url(../png/w_arrow.png) no-repeat; animation: bounce .5s infinite alternate; -webkit-animation: bounce .5s infinite alternate }
 @keyframes bounce {  from {
 transform: translateX(-20px)
}
to { transform: translateX(10) }
}
 @-webkit-keyframes bounce {  from {
 -webkit-transform: translateX(-20px)
}
to { -webkit-transform: translateX(10px) }
}
.heading .text_cli p { color: #666; font-family: "Titillium Web", sans-serif!important; font-size: 16px; font-style: initial; line-height: 28px }
.lates_blog ul li a { color: #dbdbdb; display: block; padding: 5px 10px 12px 0; position: relative }
.bg_2 li a { color: #fff }
.pokimon_banner { width: 100%; height: 780px; position: relative; background: url(../jpg/pokeman__banner2.jpg) no-repeat }
#background-wrap { bottom: 0; left: 0; padding-top: 50px; position: absolute; right: 0; top: 0; z-index: 1; overflow: hidden }
 @-webkit-keyframes animateCloud {  0% {
 margin-left: -1000px
}
 100% {
 margin-left: 100%
}
}
 @-moz-keyframes animateCloud {  0% {
 margin-left: -1000px
}
 100% {
 margin-left: 100%
}
}
 @keyframes animateCloud {  0% {
 margin-left: -1000px
}
 100% {
 margin-left: 100%
}
}
.x1 { -webkit-animation: animateCloud 35s linear infinite; -moz-animation: animateCloud 35s linear infinite; animation: animateCloud 35s linear infinite; -webkit-transform: scale(.65); -moz-transform: scale(.65); transform: scale(.65) }
.x2 { -webkit-animation: animateCloud 20s linear infinite; -moz-animation: animateCloud 20s linear infinite; animation: animateCloud 20s linear infinite; -webkit-transform: scale(.3); -moz-transform: scale(.3); transform: scale(.3) }
.x3 { -webkit-animation: animateCloud 30s linear infinite; -moz-animation: animateCloud 30s linear infinite; animation: animateCloud 30s linear infinite; -webkit-transform: scale(.5); -moz-transform: scale(.5); transform: scale(.5) }
.x4 { -webkit-animation: animateCloud 18s linear infinite; -moz-animation: animateCloud 18s linear infinite; animation: animateCloud 18s linear infinite; -webkit-transform: scale(.4); -moz-transform: scale(.4); transform: scale(.4) }
.x5 { -webkit-animation: animateCloud 25s linear infinite; -moz-animation: animateCloud 25s linear infinite; animation: animateCloud 25s linear infinite; -webkit-transform: scale(.55); -moz-transform: scale(.55); transform: scale(.55) }
.cloud { background: #fff; background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fff), color-stop(100%, #f1f1f1)); background: -webkit-linear-gradient(top, #fff 5%, #f1f1f1 100%); background: -o-linear-gradient(top, #fff 5%, #f1f1f1 100%); background: -ms-linear-gradient(top, #fff 5%, #f1f1f1 100%); background: linear-gradient(top, #fff 5%, #f1f1f1 100%); -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, .1); box-shadow: 0 8px 5px rgba(0, 0, 0, .1); height: 120px; position: relative; width: 350px }
.bk, .boll_im, .pokemone_man, .road, .road_way { position: absolute }
.cloud:after, .cloud:before { background: #fff; content: ''; position: absolute; z-indeX: -1 }
.cloud:after { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: 100px; left: 50px; top: -50px; width: 100px }
.cloud:before { -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; width: 180px; height: 180px; right: 50px; top: -90px }
 @-webkit-keyframes animateRoad {  0% {
 margin-left: -1000px
}
 100% {
 margin-left: 100%
}
}
 @-moz-keyframes animateRoad {  0% {
 margin-left: -1000px
}
 100% {
 margin-left: 100%
}
}
 @keyframes animateRoad {  0% {
 margin-left: -1000px
}
 100% {
 margin-left: 100%
}
}
.pokemone_man { bottom: 5px; right: 10%; z-index: 99 }
.road { -webkit-animation: animateRoad 45s linear infinite; -moz-animation: animateRoad 45s linear infinite; animation: animateRoad 45s linear infinite; -webkit-transform: scale(.85); -moz-transform: scale(0)); transform: scale(0)); background: url(../road_bg.html); z-index: 15; width: 100%; height: 105px }
.road_way { height: 106px; width: 100% }
#path1 { stroke-dasharray: 170; -webkit-animation: animate1 5s infinite linear; animation: animate1 5s infinite linear }
 @keyframes animate1 {  to {
 stroke-dashoffset: 1000
}
}
 @-moz-keyframes animate1 {  to {
 stroke-dashoffset: 1000
}
}
 @-webkit-keyframes animate1 {  to {
 stroke-dashoffset: 1000
}
}
.area, .bk, .fore, .mid { width: 100%; height: 780; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000 }
.figure { background: url(../svg/pokemon.svg) no-repeat; width: 220px; height: 266px; -webkit-transform: translate3D(250px, 0, 0); transform: translate3D(250px, 0, 0); -webkit-animation: walk 2.5s steps(9) infinite; animation: walk 2.5s steps(9) infinite; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000 }
.fore, .mid { -webkit-transform: translateZ(0) }
.no-svg .figure { background: url(../png/pokemon.png) }
.fore { background: url(../svg/foreground.svg); transform: translateZ(0); -webkit-animation: bk 100s -10s linear infinite; animation: bk 100s -10s linear infinite }
.no-svg .fore { background: url(../png/foreground.png) }
.mid { background: url(../svg/midground.svg); -webkit-animation: bk 100s -10s linear infinite; animation: bk 100s -10s linear infinite; transform: translateZ(0) }
.no-svg .mid { background: url(../png/midground.png) }
.bk { bottom: 0; background: url(../svg/background.svg); -webkit-animation: bk 500s -10s linear infinite; animation: bk 500s -10s linear infinite; -webkit-transform: translateZ(0); transform: translateZ(0) }
.no-svg .bk { background: url(../png/background.png) }
 @-webkit-keyframes walk {  100% {
 background-position: 0 -2400px
}
}
 @keyframes walk {  100% {
 background-position: 0 -2400px
}
}
 @-webkit-keyframes bk {  100% {
 background-position: 800% 0
}
}
 @keyframes bk {  100% {
 background-position: 800% 0
}
}
 @media screen and (max-width:600px) {
.figure { -webkit-transform: translate3D(40%, 50px, 0); transform: translate3D(40%, 50px, 0) }
}
.pokemone_man path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 5s linear alternate infinite }
.pokemone_man svg path { -webkit-animation: 4s main-phone-animation forwards; animation: 4s main-phone-animation forwards; stroke: #000; fill: none; stroke-linecap: butt; stroke-width: 1; stroke-dasharray: 500, 10 }
 @keyframes dash {  from {
 stroke-dashoffset: 500
}
to { stroke-dashoffset: 0 }
}
.boll_im { right: 20%; bottom: -30px; z-index: 99; width: 260px }
.boll_im #main { width: 400px; height: 250px; position: relative }
#ground, #sky, .boll_im svg { position: absolute; left: 0; width: 100% }
#sky { background: #49cfef; background: linear-gradient(to bottom, #49cfef, #a7f3f2); top: 0; height: 70%; z-index: 0 }
#ground { background: #666; background: linear-gradient(to bottom, #666, #999); bottom: 0; height: 30%; z-index: 0 }
.boll_im svg { top: 0; height: 100%; z-index: 2 }
#mc_ball, #mc_shadow { left: 300px; position: absolute }
#mc_shadow { top: 324px }
#mc_shadow #shadow_path { fill-opacity: 1 }
#mc_ball { top: 279px }
#mc_ball_base { position: absolute; top: 0 }
.pok { position: absolute; left: 10px; top: 125px; z-index: 99; right: 0; width: 450px; margin: 0 auto }
#ClientTestimonial .carousel-inner { box-shadow: 0 0 10px #dcdcdc; width: 865px; min-height: 290px; margin: auto }
#ClientTestimonial .adjust1 { min-height: 290px }
.carousel-indicators .active { background: #31708f }
.content { margin-top: 20px }
.adjust1 { float: left; width: 100%; margin-bottom: 0 }
.carousel-indicators li { border: 1px solid #ccc }
.carousel-control { color: #31708f; width: 5% }
.carousel-control:focus, .carousel-control:hover { color: #31708f }
.carousel-control.left, .carousel-control.right { background-image: none }
 @media screen and (max-width:768px) {
.media-object { margin-top: 0 }
}
#ClientTestimonial .carousel-control .glyphicon-chevron-left, #ClientTestimonial .carousel-control .glyphicon-chevron-right, #ClientTestimonial .carousel-control .icon-next, #ClientTestimonial .carousel-control .icon-prev { display: inline-block; margin-top: -10px; position: absolute; top: 50px; z-index: 5 }
body a { transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all }
#ClientTestimonial { background-image: url(../png/client-test-bg.png); background-position: center top; background-repeat: no-repeat; background-size: cover; min-height: 410px; width: 100%; overflow: hidden }
#ClientTestimonial .img-rounded { border: 5px solid rgba(0, 0, 0, .2); border-radius: 50%; width: 140px; height: 140px }
#ClientTestimonial .thumbnail { background-color: transparent; border: 0; border-radius: 0; display: block; line-height: 1.42857; margin-bottom: 0; padding: 4px; transition: border .2s ease-in-out 0s }
#ClientTestimonial .slider.single-item { margin: auto; width: 865px }
#ClientTestimonial .thumbnail .caption { background-color: #fff; box-shadow: 0 -1px 6px #ccc; color: #333; min-height: 300px; padding: 80px 40px 20px; text-align: center; margin-bottom: -10px }
#ClientTestimonial .slick-arrow { border: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; background-color: transparent; z-index: 9; text-indent: -9999px }
.slick-next.slick-arrow, .slick-prev.slick-arrow { top: 120px!important; background-repeat: no-repeat; width: 18px; height: 32px }
.slick-prev.slick-arrow { left: -200px!important; background-image: url(../test-left-arrow.html) }
.slick-next.slick-arrow { right: -200px!important; background-image: url(../test-right-arrow.html) }
.content { width: 865px; margin: auto }
#EnquirePart, #RankPart { background-position: center top; background-repeat: no-repeat; background-size: cover; overflow: hidden; width: 100% }
#ClientTestimonial .caption p { padding-top: 15px; font-size: 15px; color: #666 }
#ClientTestimonial .adjust2 p { margin: 0; color: #d07a25; font-size: 20px }
#ClientTestimonial blockquote { border: 0 }
.media-object { margin: auto auto -70px; position: relative; z-index: 9 }
.test-heading.text-center h5 { padding: 30px 0; font-size: 37px }
.test-heading.text-center span { font-weight: 700; color: #bc563c }
#RankPart { background-image: url(../jpg/rank-bg.jpg); padding: 35px 0 25px }
.rank-box .rank-text, .rank-box i { display: inline-block; vertical-align: top }
.rank-box i { margin-right: 5px }
.rank-text h4 { color: #fff; font-size: 26px; margin-bottom: 0; margin-top: 0 }
.rank-text p { color: #f8f1b8; font-size: 16px }
.EnquireCol h3 { color: #981008; font-size: 20px; position: relative; text-align: center; margin-bottom: 50px }
.EnquireCol h3::before, .left_bottom::after { content: ""; position: absolute }
.EnquireCol h3 span { display: block; font-size: 30px; margin-bottom: 15px; padding-top: 10px }
.enq-cnt, .enq-id-text { font-size: 16px }
.EnquireCol h3::before { background: #d2c7c7; border-radius: 20px; bottom: -20px; height: 5px; left: 0; margin: auto; right: 0; width: 140px }
.banner_caption>a, a.enq-btn { line-height: 65px; width: 210px; text-align: center; text-decoration: none }
.enq-cnt { margin-bottom: 15px; margin-top: 7px }
.enq-cnt span { color: #e52e2f; font-weight: 700 }
.bdt, .phon-con>li b, a.enq-btn { font-weight: 400 }
.banner_caption>a, .footer-col h3, a.enq-btn { font-size: 18px; text-transform: uppercase }
a.enq-btn { background: #e52e2f; border: 4px solid; color: #fff; display: block }
.banner_caption>a:hover { color: #fff; background: #333 }
.banner_caption>a, .left_bottom::after { background: #e52e2f; transition: .5s all }
.banner_caption>a { color: #fff; display: inline-block; font-weight: 400; height: 65px; margin-top: 5px; position: relative; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all }
.left_bottom::after { bottom: -7px; height: 25px; left: -8px; width: 3px; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all }
.left_bottom::before, .top_right::after { transition: .5s all; background: #e52e2f; position: absolute; content: "" }
.left_bottom::before { bottom: -9px; height: 3px; left: -8px; width: 25px; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all }
.top_right::after { top: -7px; height: 25px; right: -8px; width: 3px; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all }
.top_right::before { background: #e52e2f; top: -9px; content: ""; height: 3px; right: -8px; position: absolute; width: 25px; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all }
.FooterLogo::before, .date-icon, .sm-icon { background-repeat: no-repeat }
.banner_caption>a:hover .left_bottom::before, .banner_caption>a:hover .top_right::before { width: 220px }
.banner_caption>a:hover .left_bottom::after, .banner_caption>a:hover .top_right::after { height: 73px }
#FooterPart { background-color: #1d1d29; padding: 50px 0; margin: 0 }
.footer-col h3 { color: #fff; margin-top: 0 }
.FooterLogo { position: relative; text-align: center }
.FooterLogo::before { background-image: url(../png/fadlogo-footer.png); background-position: left top; background-size: 100% auto; content: ""; height: 370px; left: -60px; position: absolute; top: -30px; width: 230px }
.f-logo { padding-top: 40px }
.f-logo a { display: block }
.blogFtext, .date-icon, .sm-icon { display: inline-block; vertical-align: top }
.FooterLogo p { color: #979797; font-size: 12px; line-height: 22px; margin-top: 10px }
.FooterLogo p span { color: #c5c5c5 }
.ContactWithUs { border-left: 2px dashed #4c4646; min-height: 280px; padding-left: 20px }
.address-row { font-size: 12px; margin-bottom: 10px }
.address-row span { color: #fd9b10; margin-bottom: 5px }
.blog-row, .sm-icon { margin-bottom: 15px }
.address-row p { color: #fff }
.date-icon { background-image: url(../png/date-bg.png); background-position: center top; background-size: 100% auto; height: 47px; text-align: center; width: 50px }
.bdt { color: #fff; font-size: 21px }
.bdm { font-size: 11px; text-transform: uppercase }
.blogFtext { font-size: 12px; line-height: 21px; padding-left: 10px; width: 79% }
.blogFtext a { color: #fff; text-decoration: none }
.blogFtext a:hover { color: #42b5fe }
.social-icons { position: relative; margin-bottom: 20px }
.sm-icon { background-image: url(../png/sm-icon-img-2.png); height: 31px; margin-right: 10px; margin-top: 4px; width: 31px }
.nubm-cont ul, .phon-con>li.soc- { display: inline-block; vertical-align: middle }
.sm-icon.sm1 { background-position: 0 0 }
.sm-icon.sm1:hover { background-position: -31px 0 }
.sm-icon.sm2 { background-position: 0 -31px }
.sm-icon.sm2:hover { background-position: -31px -31px }
.sm-icon.sm3 { background-position: 0 -62px }
.sm-icon.sm3:hover { background-position: -31px -62px }
.sm-icon.sm4 { background-position: 0 -93px }
.sm-icon.sm4:hover { background-position: -31px -93px }
.sm-icon.sm5 { background-position: 0 -123px }
.sm-icon.sm5:hover { background-position: -31px -123px }
.sm-icon.sm6 { background-position: 0 -155px }
.sm-icon.sm6:hover { background-position: -31px -155px }
.sm-icon.sm7 { background-position: 0 -186px }
.sm-icon.sm7:hover { background-position: -31px -186px }
.sm-icon.sm8 { background-position: 0 -217px }
.sm-icon.sm8:hover { background-position: -31px -217px }
ul.QLinks { padding: 0 }
.QLinks li a { color: #fff; font-size: 13px; line-height: 34px; text-decoration: none }
.QLinks li a i { font-size: 15px; margin-right: 5px }
.QLinks li a:hover { color: #2ab0fd; padding-left: 10px; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all }
.footer-col h3 { margin-bottom: 20px!important }
.nubm-cont ul { padding: 0 10px }
.nubm-cont ul.phon-con { border-left: 1px solid #a7a7a7; min-height: 70px }
.phon-con>li b { color: #727272 }
.phon-con>li i { color: #2d9e37; font-style: normal; margin: 0 5px 0 0; text-transform: uppercase }
.phon-con>li { padding: 0 0 7px; text-align: left }
.phon-con>li:last-child { padding-bottom: 0 }
.phon-con>li.soc- { padding: 0 }
.phon-con.red-us i { color: #e52e2f }
.phon-con.grn-us { margin: 0 10px 0 0 }
.googleSearch_panel { background: rgba(0, 0, 0, .6); box-shadow: 0 -1px 15px 5px #d7d7d7; display: none; height: 100%; padding: 50px 0; position: fixed; top: 0; width: 100%; z-index: 99999999 }
.googleSearch_panel.active { display: block }
.gcsc-branding, .googleSearch_panel .gsc-modal-background-image, .gsc-clear-button, .gsc-orderby { display: none }
.googleSearch_panel .gsc-control-cse-en { position: relative }
.googleSearch { border-left: 1px solid #ccc; height: 42px; line-height: 25px; padding: 5px 15px; position: absolute; right: 10px; top: 0 }
.googleSearch_panel .cse .gsc-control-cse, .googleSearch_panel .gsc-control-cse { background: 0 0; border: 0 solid #f9f5ff }
.googleSearch_panel .gsc-results-wrapper-overlay { background: #fff; border: none; border-collapse: separate; border-radius: 1px; box-shadow: 0 3px 10px rgba(34, 25, 25, .4); height: 350px!important; left: 0!important; margin: auto; opacity: 0; overflow: auto; padding: 30px; position: relative!important; top: auto!important; transition: all .25s linear 0s; visibility: hidden; width: 100%!important; z-index: 100002 }
.googleSearch_panel a:active, .googleSearch_panel a:focus, .googleSearch_panel a:hover, .googleSearch_panel input, .googleSearch_panel input[type=button]:focus, .googleSearch_panel input[type=image], .googleSearch_panel select:focus, :focus { outline: 0; text-decoration: none; transition: all 0s ease 0s }
.gssb_c { z-index: 99999999!important }
.cse .gsc-webResult.gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column, .gsc-webResult.gsc-result { border: 1px solid #fff!important; margin-bottom: 2px; padding: 6px 0 }
.gsc-webResult .gsc-result { border-bottom: 1px solid #fff!important; margin: 0; padding: .5em 0 }
.cse .gsc-webResult.gsc-result:hover, .gsc-results .gsc-imageResult-classic:hover, .gsc-results .gsc-imageResult-column:hover, .gsc-webResult.gsc-result.gsc-promotion:hover, .gsc-webResult.gsc-result:hover { background-color: #fff!important; border: 1px solid #fff!important; border-radius: 4px; box-shadow: 0 2px 2px #fff!important }
.gsc-results-close-btn { z-index: 999999999999!important }
.googleSearch_panel .cse input.gsc-search-button, .googleSearch_panel input.gsc-search-button { font-family: inherit; font-size: 11px; font-weight: 700; color: #fff; padding: 0 14px; height: 35px; min-width: 54px; border: 1px solid #3079ed; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #4d90fe; background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#4787ed)); background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed); background-image: -moz-linear-gradient(top, #4d90fe, #4787ed); background-image: -ms-linear-gradient(top, #4d90fe, #4787ed); background-image: -o-linear-gradient(top, #4d90fe, #4787ed); background-image: linear-gradient(top, #4d90fe, #4787ed) }
.cse input.gsc-input, input.gsc-input { border: 1px solid #ccc!important; border-radius: 2px; font-family: inherit; padding: 6px!important }
.cse .gsc-cursor-box, .gsc-cursor-box { border-color: #ccc!important; border-top: 1px dotted #ccc!important; padding-top: 1.5em; text-align: center }
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page { background-color: red!important; color: #fff!important; text-shadow: 0 1px 2px #fff!important }
.cse .gsc-cursor-page, .gsc-cursor-page { background-color: #f9f5ff!important; border: 1px solid #ccc!important; border-radius: 4px; padding: .2em .5em; text-decoration: none!important }
.gsc-results .gsc-cursor-box .gsc-cursor-page { color: #000; cursor: pointer; display: inline; margin-right: 8px; text-decoration: none }
.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input { padding-right: 0!important }
.gsc-overflow-hidden { overflow: scroll!important }
.new-game-part { background-image: url(../jpg/banner-game-part.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; height: 845px; display: none }
.click-img { position: absolute; right: 137px }
.video-new { margin: 200px 145px; height: 440px }
.home-baner-video { height: 843px }
.newgamepart_heading { background: #2e2c2c; color: #bfbc62; padding: 30px 0; text-align: center; display: none }
.newgamepart_heading h2 { font-size: 40px }
.com .about_projct_panel { margin-top: -20px }
.orng_part .Custom_nav_pills span { display: block; width: 100%; padding-top: 12px }
.orng_part .btm_graphic img { display: none }
.orng_part h3, .orng_part h3 a { color: #313131!important; font-size: 16px!important; font-weight: 600!important }
li.qut.quote_text a { color: #fff; line-height: 34px; padding: 0 15px; margin-top: 30px; display: block; border-radius: 5px; font-size: 15px; font-weight: 400; background: #ef323a }
li.qut.quote_text:hover a { background: #4d3c9a; color: #fff }
li.qut.quote_text a:hover { color: #fff }
.first_in .txt { width: 180px }
.txt.plu { width: 55px }
.menuslide { cursor: pointer }
.right_menuarea { background: rgba(0, 0, 0, .75); position: fixed; right: 0; top: 0; bottom: 0; width: 300px; height: 100vh; z-index: 999; -webkit-transform: translateX(100%); transform: translateX(100%); transition: all .4s ease-in-out 0s; padding: 50px 0 }
body.addclsright .right_menuarea { -webkit-transform: translateX(0); transform: translateX(0); transition: all .4s ease-in-out 0s }
body.addclsright::before { background: rgba(0, 0, 0, .5); content: ""; height: 100vh; left: 0; position: absolute; top: 0; width: 100%; z-index: 9 }
body.addclsright { position: relative }
.right_menuareainner { height: 93vh; overflow: auto }
.topclose_btn { color: #fff; cursor: pointer; font-size: 22px; padding: 5px 10px; position: absolute; right: 20px; top: 10px }
.rightprofile_area { color: #fff; margin-bottom: 10px; text-align: center }
.rightprofileimg { border-radius: 3px; display: inline-block; height: 96px; margin-bottom: 5px; overflow: hidden; width: 96px }
.rightnavigation ul li { color: #d4d4d4; display: block; font-size: 15px; padding: 15px 0 15px; margin: 0 5% 20px; text-align: center; width: 90%; border-bottom: 1px dashed rgba(255, 255, 255, .19) }
.rightnavigation .home-icon { margin-bottom: 15px }
.rightnavigation .home-icon a { margin: 0 5px }
.sldie_img .carousel .item { position: relative }
#particles-js { z-index: 99 }
#particles-js canvas { position: absolute; top: 0; left: 0; z-index: 1 }
/* Home Menu Css */

.fixed-header { position: fixed; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .7)!important; z-index: 9999 }
.fixed-header .wsmenucontainer { margin: 7px 0 }
.fixed-header .navbar-brand { height: auto; padding: 8px 15px; width: 80px }
.fixed-header .logo { float: left; padding: 10px 0 0; width: 150px }
.fixed-header.logo_sec nav ul li>a { padding: 25px 12px }
.fixed-header li.qut.quote_text a { line-height: 36px; padding: 0 12px; margin-top: 19px }
.fixed-header li.qut.quote_text:hover a { background: #4d3c9a; color: #fff }
.fixed-header.logo_sec nav ul li:hover .maga_menu { opacity: 1; top: 70px }
.fixed-header.logo_sec nav ul li:hover a::before { height: 72px }
.site-banner { background-color: rgba(25, 28, 28, .63); display: block; height: 100vh; max-width: 100%; overflow: hidden; position: relative; width: 100vw; z-index: 2 }
.overlay { background-color: #1d1d29; height: 100vh; opacity: .8; position: absolute; width: 100%; z-index: 9 }
.site-banner video { height: auto; left: 50%; margin: auto; opacity: 1; position: absolute; top: 50%; transform: translate(-50%, -50%); visibility: visible; width: 100%; z-index: -1 }
.banner-txt { display: block; height: 100%; position: absolute; width: 100%; z-index: 999; padding-top: 300px }
.banner-txt .intro { font-size: 3.2rem; line-height: 9.375rem; font-weight: 200; color: #fff; text-align: center }
.banner-txt .services-txt { text-align: center; color: #fff; text-transform: uppercase; font-weight: 200 }
.banner-txt .services-txt span { font-size: 1.3rem; margin: 0 7px }
.testimonial_bg { background: url(../jpg/testimonial_bg.jpg) center top no-repeat; background-repeat: no-repeat; background-size: cover; text-align: center; padding: 150px 0; background-attachment: fixed; transition-property: background-position }
.testimonial_toparea h2 { font-size: 34px; padding-bottom: 25px }
.testimonial_toparea h2 span { font-weight: 200 }
.testimonial_toptext { display: inline-block; font-size: 16px; font-weight: 300; line-height: 35px }
.testimonial_area { display: inline-block; margin-top: 100px; max-width: 800px; text-align: left }
.clientimg { border-radius: 50%; display: inline-block; height: 160px; overflow: hidden; position: relative; vertical-align: top; width: 160px }
.client_content { float: right; vertical-align: top; width: calc(100% - 220px); position: relative }
.client_content::before { color: #dbdbdb; content: "“"; font-size: 185px; left: 0; position: absolute; top: -103px }
.client_content h3 { color: #000; font-size: 22px; padding-bottom: 10px }
.client_content p { font-size: 14px; font-weight: 300; line-height: 26px; margin-bottom: 25px }
.client_content h4 { color: #000; font-size: 18px }
.client_content h4 span { display: block; font-size: 16px; font-weight: 300; padding-top: 8px }
.testimonial_area .carousel-control { color: #7e7e7e; opacity: 1; top: 57px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; bottom: auto; font-size: 40px; text-shadow: 0 0 0 }
.testimonial_area .carousel-control.left { transition: all .5s ease-in-out 0s; opacity: 0; left: -40px }
.testimonial_area .carousel-control.right { transition: all .5s ease-in-out 0s; opacity: 0; right: -40px }
.testimonial_area:hover .carousel-control.left { left: -125px; transition: all .5s ease-in-out 0s; opacity: 1 }
.testimonial_area:hover .carousel-control.right { right: -125px; transition: all .5s ease-in-out 0s; opacity: 1 }
.testimonial_area .carousel-control:hover { background: #333; color: #fff }
.countrywrap { width: 100%; background: url(../jpg/countrybg.jpg) center top no-repeat; background-size: cover; padding: 70px 0 0; margin-bottom: 0px }
.countrywrap h2 { color: #636369; font-size: 18px; font-weight: 600; margin: 15px 0; text-transform: uppercase }
.countrywrap p { line-height: 22px; font-size: 14px; color: #585656; margin-bottom: 5px }
.countryb { text-align: center; padding-bottom: 60px }
.enquirywrap { width: 100%; background: #f1f1f7 }
.enquiry-txt { color: #202020; font-size: 16px; padding: 17px 0 0 }
.enquiry-btn a { color: #fff; background: #1d1d29; display: block; padding: 15px 0; text-transform: uppercase; font-size: 18px; font-weight: 500 }
.footerwrap { position: fixed; width: 100%; z-index: -1; min-height: 400px; bottom: 0; left: 0; right: 0; background: #1d1d29 }
.footernew { padding: 60px 0 25px; width: 100% }
.footernew h2 { font-size: 19px; color: #d5d5d7; margin-bottom: 15px }
.footernew li a { color: #7f7f82; font-size: 14px; line-height: 35px }
.footernew li a:hover { color: #fff }
.footerwrap .dna_lofoo { background: #111119; padding: 10px 0; text-align: center }
.footerwrap .dna_lofoo a { margin: 0 5px }
.submit-btn { border-radius: 2px; border: 0; background: #e52e2f; padding: 13px 20px; color: #fff; text-align: center; font-size: 16px }
.footerwrap .blogs_sec ul>li { padding-bottom: 20px; width: 100%; display: inline-block; margin-top: 10px }
.footerwrap .blogs_sec .icon_box { width: 63px; margin-right: 15px }
.footerwrap .blogs_sec .icon_box .top { background: #d5d5d7; color: #1d1d29; padding: 2px 20px; border-top-left-radius: 2px; border-top-right-radius: 2px; font-size: 17px; font-weight: 500 }
.footerwrap .blogs_sec .icon_box .bott { background: #e52e2f; color: #fff; padding: 1px 16px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-size: 15px }
.footerwrap .blogs_sec .right_text { width: calc(100% - 63px) }
.footerwrap .blogs_sec .right_text a { color: #c8c8c8; line-height: 22px; font-size: 13px; padding: 3px 0 0; display: block }
#search-popup .modal-dialog { width: 100%; max-width: 1000px; margin-top: 150px }
#search-popup .modal-content { background: 0 0; border-radius: 0; border: 0; box-shadow: none }
#search-popup .form-control { background: 0 0; border: 0; padding: 10px 15px 10px 0; height: 75px; line-height: 45px; box-shadow: none; border-bottom: 1px solid #eee; border-radius: 0; font-size: 22px; font-weight: 200; color: #fff!important }
#search-popup .search-btn { position: absolute; top: 35px; right: 16px; background: #ef323a; font-size: 18px; color: #fff; padding: 10px 15px; border: 0; text-transform: uppercase }
#services .partical-gradient-two { width: 100%; height: auto; max-height: 494px; position: absolute; left: 0; top: 0; z-index: -1 }
#services .count-particles { display: none }
.modal-backdrop.in { opacity: .85 }
.archivesSection { position: absolute; left: 0; width: 100%; bottom: 20px; right: 0; z-index: 99; opacity: .6 }
.archivesSection li { display: block; float: left; vertical-align: middle; width: 20%; text-align: center; padding: 20px 5px; border-right: 1px solid rgba(255, 255, 255, .1) }
.archivesSection li .iconsAcrchve { display: inline-block; vertical-align: top; width: 62px; height: 52px; background: url(../png/sprite1.png) no-repeat 0 0; margin-right: 7px }
.archivesSection li .iconsAcrchve.year { background-position: -22px -14px }
.archivesSection li .iconsAcrchve.projectsIcon { background-position: -108px -14px }
.archivesSection li .iconsAcrchve.clientsIcon { background-position: -195px -22px }
.archivesSection li .iconsAcrchve.employeesIcon { background-position: -294px -22px }
.archivesSection li .iconsAcrchve.officesIcon { background-position: -408px -14px }
.archivesSection .archivetext { display: inline-block; vertical-align: top; text-align: left }
.archivesSection .archivetext .headingBlue { color: #fff; font-size: 22px; line-height: 30px; font-weight: 400 }
.archivesSection .archivetext p { color: rgba(255, 255, 255, .67); font-size: 11px; text-transform: uppercase; letter-spacing: 1px; text-align: left }
.strongteamwrap { width: 100%; padding: 100px 0 120px; background: #fff }
.strongteamwrap h2 { color: #333; margin-bottom: 40px; text-transform: uppercase; text-align: center; font-weight: 800; font-size: 42px }
.service-icon { display: block; width: 100px; height: 115px; margin: 0 auto 16px }
.service-icon svg { width: 100px; height: auto }
.service-title { font-size: 16px; color: #52489c; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 3px; text-align: center }
.service-txt { font-size: 14; line-height: normal; text-align: center; line-height: 1.5 }
button.gsc-search-button.gsc-search-button-v2 { background: #ec1010!important; border-color: #ec1010!important }
.footer-call, .footer-logo2, .footer-logo3, .footer-mail, .footer-mail2, .footer-skyp, .whatsapp-icon1, span.Usaflag-icon, span.call-icon, span.indflag-icon, span.menu-icon1, span.menu-icon2, span.menu-icon3, span.menu-icon4, span.menu-icon5, span.menu-icon6, span.search-icon, span.skype-icon, span.whatsapp-icon, span.whatsapp-icon2 { width: 36px; height: 36px; background-image: url(../png/header-img-2.png); background-repeat: no-repeat; background-position: -40px -13px; display: inline-block }
span.call-icon { background-position: 0 -15px }
span.whatsapp-icon { background-position: -333px -10px; margin: 0 35px }
span.indflag-icon { background-position: -94px -11px; margin: 0 35px }
span.skype-icon { background-position: -154px -10px; margin: 0 50px }
span.whatsapp-icon2 { background-position: -333px -10px; margin: 0 10px }
span.Usaflag-icon { background-position: -213px -10px; margin: 0 10px }
span.Usaflag-icon { width: 36px; height: 36px; background-image: url(../png/header-img-2.png); background-repeat: no-repeat; background-position: -213px -10px; display: inline-block }
.office-icon.aus-office, .office-icon.can-office, .office-icon.delhi-office, .office-icon.hong-office, .office-icon.ind-office, .office-icon.philli-office, .office-icon.usa-office { width: 145px; height: 85px; background-image: url(../png/office-icon.png); background-repeat: no-repeat; background-position: 42px 0 }
.office-icon.ind-office { width: 145px; background-position: -82px 0 }
.office-icon.aus-office { width: 145px; background-position: -231px 0 }
.office-icon.can-office { width: 125px; background-position: -358px 0 }
.office-icon.hong-office { width: 125px; background-position: -470px 0 }
.office-icon.delhi-office { width: 125px; background-position: -590px 0 }
.office-icon.philli-office { width: 125px; background-position: -695px 0 }
span.menu-icon1 { width: 60px!important; height: 59px; background-position: 14px -55px; display: inline-block!important; margin: auto }
span.menu-icon2 { width: 60px!important; height: 59px; background-position: -44px -55px; display: inline-block!important; margin: auto }
span.menu-icon3 { width: 60px!important; height: 59px; background-position: -107px -55px; display: inline-block!important; margin: auto }
span.menu-icon4 { width: 60px!important; height: 59px; background-position: -172px -55px; display: inline-block!important; margin: auto }
span.menu-icon5 { width: 60px!important; height: 59px; background-position: -236px -55px; display: inline-block!important; margin: auto }
span.menu-icon6 { width: 90px!important; height: 59px; background-position: -295px -55px; display: inline-block!important; margin: auto }
span.menu-icon7 { width: 90px!important; height: 59px; background-position: -295px -55px; display: inline-block!important; margin: auto }
.footer-call, .footer-mail, .footer-mail2, .footer-skyp { vertical-align: middle }
.footer-call { width: 26px; height: 26px; background-position: 0 -13px }
.footer-skyp { width: 29px; height: 26px; background-position: -60px -114px }
.footer-mail { width: 36px; height: 26px; background-position: -396px -72px }
.footer-mail2 { width: 50px; height: 26px; background-position: 0 -113px }
.dna_lofoo a, .dna_lofoo span { display: inline-block; vertical-align: middle }
.footer-logo2 { width: 125px; height: 26px; background-position: -131px -113px; vertical-align: middle }
.footer-logo3 { width: 236px; height: 20px; background-position: -8px -143px; vertical-align: middle }
.whatsapp-icon1 { width: 22px; height: 30px; background-position: -101px -111px; vertical-align: middle }
.claerfix { clear: both }
.Custom_nav_pills div.left { cursor: pointer; float: left; width: 190px; border-right: 1px solid #ddd; text-align: center !important; display: block; }
.fs-stretcher { height: auto !important; }