/*@import url(https://fonts.googleapis.com/css?family=Raleway:480,600,700,800,300);
@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700);*/
@import url(../fonts2/fonts.css);
@import url(../font-face/fonts.css);
/*@import url(https://fonts.googleapis.com/css?family=Crete+Round:480,480italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:480,300,700,600);
@import url(https://fonts.googleapis.com/css?family=Gloria+Hallelujah);*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'rubikregular', sans-serif;
}

*, .form_box { box-sizing: border-box; -webkit-box-sizing: border-box }
a, img, input:focus, textarea:focus { outline: 0 }
#back-to-top, .aligncenter, .wp-caption img, article, aside, details, figcaption, figure, footer, header, hgroup, img, menu, nav, section { display: block }
#content-part p a:hover, [href^=tel]:hover, a { text-decoration: none }
* { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none }
body, html { width: 100%; font-size: 14px; height: auto!important; color: #000; font-family: 'Proxima Nova Rg', sans-serif; background: #fff }
body.home, html { height: 100%!important }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; vertical-align: baseline }
.centering, .wrapper { position: relative; margin: auto }
.centering { max-width: 1480px }
.wrapper { padding: 0 15px; max-width: 1170px }
.float_right { float: right }
::-webkit-input-placeholder {
opacity:1
}
::-moz-placeholder {
opacity:1
}
:-ms-input-placeholder {
opacity:1
}
[href^=tel] {
cursor:default;
color:#000!important
}
.center { text-align: center!important; display: block!important }
.rounded { border-radius: 6px; -webkit-border-radius: 6px }
.circle { border-radius: 50%; -webkit-border-radius: 50% }
.left_text h2, .left_text h3 { text-align: left!important }
.nobottompadding { padding-bottom: 0!important }
a { transition: all .3s; -webkit-transition: all .3s }
ul { list-style: none; margin: 0 }
.clear { clear: both; overflow: hidden }
img { border: 0; max-width: 100% }
p { line-height: 25px; color: #545765; font-size: 17px }
h1, h2, h3, h4, h5, h6 { font-weight: 400;    font-family: 'rubikregular', sans-serif; }
.h1, h1 { font-size: 36px; line-height: 48px; font-weight: 700 ;    font-family: 'rubikbold', sans-serif; }
.h2, .h3, h2, h3 { /*font-weight: 600*/ }

.top_row {
    width: 100%;
    background: #f06f5d;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 5px 15px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 300;
    letter-spacing: 1px;
}


.top_row a {
    color: #fff;
    text-decoration: none;
}

.top_row strong {
    font-weight: 700;
    font-style: normal;
}

.welcome-bar h3{    font-family: 'ralewaymedium',sans-serif,Arial; font-weight:600}
.h2, h2 { font-size: 30px; line-height: 45px }
.h3, h3 { font-size: 24px; line-height: 30px; color: #444 }
.h4, h4 { font-size: 18px }
.h5, h5 { font-size: 14px }
.h6, h6 { font-size: 12px }
.text-left { text-align: left }
.text-right { text-align: right }
#back-to-top, .text-center, .wp-caption p { text-align: center }
input, textarea { font-family: Arial; transition: all .3s; -webkit-transition: all .3s }
.alignleft, .alignnone { float: left; margin-right: 15px!important; margin-top: 5px }
.alignright { float: right; margin-left: 15px!important; margin-top: 5px }
.aligncenter { clear: both; margin: 10px auto }
.wp-caption { border: 1px solid #7b7b7b }
.wp-caption img { margin: 5px auto 0 }
.wp-caption p { padding: 3px 0!important; font-size: 14px; font-size: 14px!important; line-height: 18px!important; color: #000!important }
#back-to-top { position: fixed; bottom: 100px; right: 15px; color: #fff; line-height: 27px; font-size: 18px; z-index: -1; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; background: #c0392b; opacity: .8; border: 2px solid #fff }
.banner-bar #carousel li, .btn { transition: all .3s; cursor: pointer }
#back-to-top.show { opacity: .8; z-index: 9999 }
#back-to-top.show:hover { opacity: 1 }
.landing-page #back-to-top { opacity: 1; display: block }
.btn { display: inline-block; border: none; padding: 11px 25px 13px; border-radius: 3px;  text-transform: uppercase; -webkit-border-radius: 3px; color: #fff; font-size: 17px; font-weight: 700; line-height: 22px; background: #444; letter-spacing: .02em; box-shadow: inset 0 -3px rgba(0,0,0,.2); -webkit-transition: all .3s }
.landing_btn_box, .subprice { display: block; text-align: center; max-width: 280px }
.btn.red { background: #c0392b }
.btn:hover { box-shadow: inset 0 -50px rgba(0,0,0,.3) }
.btn.small { padding: 8px 22px; font-size: 15px }
.btn.border-btn { box-shadow: none; font-size: 16px; text-transform: none;  font-weight: 300; padding: 8px 20px; border: 2px solid #fff; background: 0 0 }
#header-part a.support_btn, .btn.border-btn.dark-btn, .features h2, .more_btn, .nav-bar li { text-transform: uppercase }
.btn.border-btn.dark-btn { border: 2px solid #c0392b; color: #c0392b; font-weight: 400 }
.btn.border-btn.dark-btn:hover { color: #fff; box-shadow: inset 0 -60px #c0392b }
.subprice { padding: 30px 0 10px; font-size: 16px; font-weight: 700; color: #333 }
.subprice { display: flex; width: 100%; margin: 0 }
.subprice .colp { width: 50%; padding: 0 10px; font-weight: 400; font-size: 16px; line-height: 20px }
.subprice .colp strong { display: block; font-size: 28px }
.subprice .colp strong small { font-size: 14px }
.altstng { font-size: 28px }
.altstng small { font-size: 14px }
.more_btn { display: inline-block; padding: 8px 22px; border: 2px solid #fff; border-radius: 3px;  -webkit-border-radius: 3px; color: #fff; font-size: 15px; font-weight: 700; line-height: 20px; letter-spacing: .02em }
.more_btn:hover { color: #333; box-shadow: inset 0 -50px #fff }
#header-part .top-bar ul li a, #header-part .top-bar ul li a:hover { box-shadow: inset 0 -50px rgba(0,0,0,.3) }
.sk-rotating-plane { width: 48px; height: 48px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; display: none; background-color: #333; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out }
#header-part, #wrapper, .line { position: relative }
.line { border-top: 1px solid #444; display: block; margin: 20px 0 48px; opacity: .9; width: 48px }
#wrapper { width: 100%; margin: auto; min-height: 100% }
body.home #wrapper { height: 100% }
a.close, a.mobilemenu { display: none }
#header-part { width: 100%; height: 61px; z-index: 999; background: #fff; border: 1px solid #e6e6e6 }
body.home #header-part { position: absolute }
#header-part .top-bar { background: #444; width: 100%; height: 48px }
#header-part .top-bar ul { list-style: none; overflow: hidden; padding: 0; margin: 0 }
#header-part .top-bar ul li { float: left; line-height: 48px; border-right: 1px solid rgba(255,255,255,.1) }
#header-part a.logo, .nav-bar { border-right: 1px solid #e6e6e6 }
#header-part .top-bar ul li a { padding: 0 20px; display: block; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase }
#header-part a.logo { padding: 12px 15px 8px; display: inline-block; max-width: 255px; float: left }
.mobl { display: none!important }
#header-part a.support_btn { margin: 12px 20px; font-weight: 700; padding: 9px 15px; font-size: 13px; line-height: 17px; color: #fff; background: #c0392b; float: right; box-shadow: 0 -3px rgba(0,0,0,.2) inset; border-radius: 3px; -webkit-border-radius: 3px }
.call_number, .call_number_landing { font-weight: 600; display: inline-block }
#header-part a.support_btn:hover { box-shadow: inset 0 -50px rgba(0,0,0,.2) }
.call_number { padding: 18px 0 0 20px; font-size: 18px }
.call_number_landing { padding: 0; font-size: 16px; line-height: 24px; float: right; position: absolute; top: 7px; right: 20px; color: #fff }
#header-part .top-bar ul li i { font-size: 18px; line-height: 22px; display: inline-block; padding-right: 5px }
.call_number_landing a { color: #fff!important }
.nav-bar { padding-right: 5px; float: right; position: relative }
.nav-bar ul { list-style: none }
.nav-bar li { padding: 0 17px; float: left; font-size: 13px; font-weight: 700; position: relative; line-height: 60px; letter-spacing: .04em }
.nav-bar li a { display: block; color: #313234 }
.nav-bar li a i { font-size: 15px }
.nav-bar li a.current, .nav-bar li a:hover, .nav-bar li.active a, .nav-bar li:hover a { color: #fd4344 }
.nav-bar li ul { padding: 20px; display: none; list-style: none; position: absolute; left: 0; top: 58px; background: #fff url(../images/mbg.png) center center repeat; width: 290px; border-radius: 0 0 3px 3px; box-shadow: 0 3px 2px rgba(0,0,0,.2); width: 557px; border-radius: 0 0 10px 10px; border: 10px solid #fff }
.nav-bar li ul img { display: inline-block; width: 35px; height: auto }
.nav-bar li li { width: 50%; float: left; font-weight: 400; padding: 2px 0; line-height: 16px; position: relative }
.nav-bar li li:before { content: '\f105'; display: inline-block; padding-right: 10px; position: absolute; left: 3px; top: 6px; font: normal normal normal 14px/1 FontAwesome }
.nav-bar li:hover li a { padding: 5px 17px; color: #313234 }
.nav-bar li:hover li a:hover { color: #fd4344 }
.nav-bar li:hover ul { display: block }
.cart-bar { padding: 20px 23px 0; height: 60px; border-left: 1px solid #e6e6e6; float: right; position: relative }
.cart-bar .cart_btn, .cart-bar .search_btn { margin: 0 6px; color: #313234; display: inline-block; font-size: 14px; position: relative }
.cart-bar .cart_btn:hover, .cart-bar .search_btn:hover { color: #fd4344 }
.cart-bar .cart_btn span { position: absolute; right: -15px; top: -10px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0, .5); line-height: 15px; height: 18px; width: 18px; border-radius: 50%; text-align: center; font-size: 10px; font-weight: 300; color: #fff; background: #fc3635 }
#content-part { padding-top: 29px; width: 100%; position: relative }
#content-part p a { color: #545765; text-decoration: underline }
.home #content-part { padding-top: 0 }
.home_banner { width: 100%; display: block; background: url(../images/home_bg.jpg) center center no-repeat; background-size: cover; color: #fff }
.home_banner .wrapper { padding: 105px 0 75px }
.home_banner h1 { font-size: 80px; line-height: 86px }
.home_banner p { font-size: 16px; line-height: 24px; padding: 25px 0 30px; color: #fff }
.home_banner figure { display: table-cell }
.home_banner .details { width: 50%; color: #fff; display: table-cell; vertical-align: middle }
.home_banner a.btn { background: #c0392b; display: inline-block; margin: 10px 0 0 }
#left-part { width: 25%; float: left }
.banner-bar, .banner-bar .mid { position: relative; width: 100% }
.banner-bar { display: table; height: 470px; background-size: cover!important; background: url(../images/home_bg.jpg) center center no-repeat; width: 100% }
.banner-bar .mid { padding: 50px 15px 60px; z-index: 9; text-align: center; vertical-align: middle; display: table-cell }
.banner-bar #carousel li, .home_banner_box li { text-align: center; opacity: .6; vertical-align: baseline }
.banner-bar h2 { color: #fff; margin: auto; max-width: 800px; padding: 0 0 20px; font-size: 64px; line-height: 70px; font-weight: 800 }
.banner-bar p { font-size: 24px; line-height: 36px; padding: 0; color: #fff;  font-weight: 300; margin: auto; max-width: 760px }
.banner-bar .bottom-arrow { text-align: center; position: absolute; left: 50%; z-index: 999; transition: none; -webkit-transition: none; margin-left: -48px; display: block; font-size: 48px; color: #fff; bottom: 5px; width: 48px; height: 60px }
.home .work-bar .heading-bar { padding: 42px 0 32px }
.home .heading-bar h2 { font-size: 30px; line-height: 38px; padding-bottom: 10px; font-weight: 700; text-transform: uppercase }
.heading-bar, .welcome-bar { position: relative; width: 100% }
.home .heading-bar .btn { float: right; margin: 10px 0 0; background: #ccc }
.home_banner_box { width: 100%; text-align: center; position: relative }
.home_banner_box li { display: inline-block; color: #fff; -webkit-transition: all .3s; font-size: 100px; padding: 20px }
.home_banner_box li i { display: block; transition: all .3s; -webkit-transition: all .3s; line-height: 160px; color: #fff }
.home_banner_box li h3 { color: #ded0c5; padding: 10px 0 50px; font-size: 54px;  line-height: 60px; font-weight: 300; position: absolute; width: 100% }
.home_banner_box li h3 span { color: #fff; text-shadow: 3px 3px 2px rgba(0,0,0,.3) }
.banner-bar .bottom-arrow:hover { background-position: center bottom }
.banner-bar #carousel { text-align: center; max-width: 950px; margin: auto }
.banner-bar #carousel ul { width: 100%; text-align: center; padding: 0; margin: 0 }
.banner-bar #carousel li { display: inline-block; color: #fff; -webkit-transition: all .3s; padding: 0; font-size: 100px }
.banner-bar #carousel li i { display: block; transition: all .3s; -webkit-transition: all .3s; line-height: 160px; color: #fff }
.banner-bar #carousel li a { color: #fff }
.banner-bar #carousel li:hover h3 { opacity: 1 }
.banner-bar #carousel li h3 { opacity: 0 }
.banner-bar #carousel li i.magento { width: 120px; margin: auto; height: 160px; background: url(../images/magento.png) center center no-repeat; background-size: 70px }
.banner-bar #carousel li i.angular { width: 120px; margin: auto; height: 160px; background: url(../images/angular.png) center center no-repeat; background-size: 90px }
.banner-bar #carousel li.flex-active-slide i.magento { background-size: 100px }
.banner-bar #carousel li.flex-active-slide i.angular { background-size: 120px }
.banner-bar #carousel li.flex-active-slide { opacity: 1; font-size: 130px }
.banner-bar #carousel li:first-child { font-size: 55px; text-align: right }
.banner-bar #carousel li:first-child i { padding-right: 15px }
.banner-bar #carousel li:last-child { font-size: 55px; text-align: left }
.banner-bar #carousel li:last-child i { padding-left: 15px }
.banner-bar #carousel li:first-child.flex-active-slide, .banner-bar #carousel li:last-child.flex-active-slide { color: #fff; font-size: 80px }
.banner-bar h3 { color: #ded0c5; padding: 10px 0 50px; font-size: 54px;  line-height: 60px; font-weight: 300 }
.banner-bar h3 span { color: #fff; text-shadow: 3px 3px 2px rgba(0,0,0,.3) }
.banner-bar .title { color: #ded0c5; padding: 10px 0 50px; font-size: 54px;  line-height: 60px; font-weight: 300 }
.banner-bar .title h1 { color: #fff; text-shadow: 3px 3px 2px rgba(0,0,0,.3); display: inline-block }
.banner-bar .btn { box-shadow: none; font-size: 16px; text-transform: none;  font-weight: 300; padding: 8px 20px; border: 2px solid #fff; background: 0 0 }
.bradcamp li, .contact-bar select, .heading-bar small {  }
.footer-bar .post li h6, .portfolio-bar span.desc, .testimonial-bar .name, .testimonial-bar p { font-family: 'ralewayregular', sans-serif, Arial }
.banner-bar .btn:hover { box-shadow: inset 0 -50px #fff; color: #000 }
.banner-bar .slider-for { width: 100%; height: 100%; overflow: hidden }
.banner-bar .flex-direction-nav { display: none }
.banner-bar.loading #carousel, .banner-bar.loading #slider { opacity: 0 }
.banner-bar.loading { height: 470px!important; display: block; overflow: hidden }
.banner-bar.loading:after { content: 'A California-Based Company Since 2004'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 40px; line-height: 44px; color: #fff; font-weight: 700; text-shadow: 0 2px 2px rgba(0,0,0,.4); text-align: center }
.welcome-bar { text-align: center; background: #fff; padding: 48px 0 0; margin-bottom: 15px }
.welcome-bar img { margin: 0 auto 25px; display: inline-block }
.welcome-bar h3 { padding: 20px 0; max-width: 900px; margin: auto }
.welcome-bar h2 span { color: #fb3a3b }
.welcome-bar .btn { margin: 5px 5px 25px }
.welcome-bar .wrapper { max-width: 1148px; height: 100%; padding: 20px 15px; display: table; border-bottom: 1px solid #eee }
.welcome-bar .mid { display: table-cell; vertical-align: middle }
.home .heading-bar { padding: 45px 0 32px; border-bottom: 1px solid #e5e5e5; background: #f5f5f5 }
.heading-bar { padding: 105px 0 32px; border-bottom: 1px solid #e5e5e5; background: #f5f5f5 }
.heading-bar span { display: block; width: 48px; background: #000; height: 2px; margin: 33px auto 0 }
.heading-bar small { padding-bottom: 20px; font-weight: 300; color: #7a7a7a; font-size: 18px; letter-spacing: .01em; line-height: 20px; display: block }
.heading-bar h1, .heading-bar h2 { padding-bottom: 10px; font-weight: 700; text-transform: uppercase }
.heading-bar h1 { font-size: 30px; line-height: 38px }
.bradcamp { position: absolute; display: none; right: 20px; top: 5px; margin-top: 0; list-style: none; padding: 0 }
.bradcamp li { line-height: 20px; font-size: 12px; float: left }
.bradcamp li a { color: #555 }
.bradcamp li cite { display: inline-block; font-style: normal; padding: 0 5px }
.bradcamp li a:hover { color: #fd4344 }
.offer-bar { padding: 0 0 20px; width: 100%; position: relative }
.offer-bar p {  color: #333; font-size: 17px;line-height: 28px;/*line-height: 26px;*/ padding-bottom: 20px }
.offer-bar h2 {/* font-size: 24px;*/ font-size: 30px; line-height: 34px; color: #444; padding-bottom: 16px }
.offer-bar ul { list-style: none; overflow: hidden; margin: 0 -15px }
.offer-bar li { width: 33.3%; float: left; padding: 10px 15px 9px }
.offer-bar li:nth-child(3n+1) { clear: left }
.offer-bar li p { min-height: 80px; color: #444; font-size: 14px; line-height: 24px }
.offer-bar li i { font-size: 28px; position: absolute; left: 0; top: 0; line-height: 32px; text-align: center; width: 35px; font-weight: 400; color: #fd4344 }
.offer-bar li h4 { padding: 5px 10px 10px 48px; text-transform: uppercase; font-weight: 700; position: relative; color: #333; font-size: 15px; line-height: 24px }
.offer-bar li.app h4 { padding-left: 50px }
.offer-bar li i.fa-android { font-size: 22px; width: 30px; left: -5px }
.offer-bar li i.fa-apple { font-size: 22px; width: 30px; left: 18px }
.offer-bar .heading-bar { text-align: center; border: none; background: 0 0 }
.offer-bar .heading-bar:before { width: 480px; border-bottom: 1px solid #eee; content: ''; overflow: hidden; position: absolute; left: 50%; margin-left: -200px; top: 0; display: none }
.offer-bar.services li:nth-child(3n+1) { clear: none }
.offer-bar.services li:nth-child(2n+1) { clear: left }
.configure-bar .offer-bar.services li p { min-height: inherit }
.offer-bar.services li { padding-bottom: 20px }
.offer-bar.services ul { padding-bottom: 10px }
.landing-page .offer-bar h4 { padding-left: 0; padding-top: 0 }
.landing-page .offer-bar li { padding: 15px 10px 15px 90px; position: relative }
.landing-page .offer-bar .icon { display: block; height: 64px; left: 10px; position: absolute; top: 15px; width: 64px }
.work-bar, .work-bar li img { width: 100% }
.landing-page .offer-bar ul { margin: 0 }
.red.bottom i, .work-bar .bottom i { margin-left: 10px }
.landing-page .offer-bar { padding-top: 0; overflow: hidden; background: #f9f9f9 }
.red.bottom, .work-bar .bottom { padding: 34px 20px; text-align: center; font-size: 27px; letter-spacing: .01em; overflow: hidden }
.landing-page .offer-bar.spacer .heading-bar:before { display: none }
.work-bar { overflow: hidden; text-align: left }
.work-bar .bottom { display: block; background: #f5f5f5; line-height: 33px; color: #000; font-weight: 300 }
.work-bar .bottom a { color: #000; font-weight: 700; text-decoration: underline; display: inline-block }
.work-bar .bottom a:hover { text-decoration: none }
.work-bar .bottom.red { background: #c0392b; color: #fff }
.red.bottom { display: block; background: #f5f5f5; line-height: 48px; color: #000; font-weight: 300 }
.red.bottom a { color: #000; font-weight: 700; text-decoration: underline; display: inline-block }
.blue_round_btn, .form_box .submit_btn, .form_box a, .red.bottom a:hover { text-decoration: none }
.red.bottom.red { background: #c0392b; color: #fff }
.red.bottom.red a { color: #fff }
.work-bar small { font-size: 20px; line-height: 22px }
.work-bar h2 { padding-bottom: 17px }
.work-bar .heading-bar { padding: 60px 0 48px; background: #f8f8f8; border: none }
.work-bar ul { list-style: none; padding: 35px 0 25px; overflow: hidden; margin: 0 auto; max-width: 70% }
.work-bar li { width: 23%; float: left; padding: 15px; margin: 0 .7% 20px; border: 1px solid #dcdcdc }
.work-bar li .caption { overflow: hidden; position: relative }
.work-bar li span.title { color: #43b9d3; font-weight: 700; font-size: 18px; line-height: 22px; display: block; text-align: left }
.work-bar li span.title a { color: #444 }
.work-bar li strong { color: #444; font-weight: 400; font-size: 12px; line-height: 16px; padding-top: 5px; display: block; text-align: left }
.work-bar li .caption-button { padding: 10px 15px 0; transition: all .6s; -webkit-transition: all .6s; position: static; width: 100%; bottom: -65px; text-align: center; left: 0; background: #fff }
.work-bar li figure { position: relative }
.work-bar li .caption:hover .caption-button { bottom: 0 }
.work-bar li .overlay { line-height: 100%; position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); display: block }
.work-bar li .overlay i { color: #fff; border: 2px solid #fff; width: 48px; height: 48px; line-height: 46px; vertical-align: middle; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; border-radius: 50%; -webkit-border-radius: 50%; text-align: center }
.our-bar, .our-bar .col-1, .our-bar h4, .our-bar p { position: relative }
.work-bar li .caption:hover .overlay { opacity: 1 }
.our-bar { width: 100%; overflow: hidden; margin-top: -1px }
.our-bar .row { overflow: hidden; width: 70%; margin: 0 auto; padding: 0 0 48px; display: flex }
.our-bar .col-1 { padding: 45px 60px 0; text-align: center; width: 33.3%; background: #1bbc9b; overflow: hidden }
.our-bar .col-1:nth-child(2) { background: #34495e }
.our-bar .col-1:nth-child(3) { background: #e84c3d }
.our-bar h4 { padding-bottom: 10px; min-height: 10px; color: #fff; font-size: 24px; line-height: 30px; font-weight: 700; text-transform: uppercase; z-index: 9 }
.our-bar p { min-height: 148px; color: #fff; font-size: 16px; line-height: 26px; z-index: 9; padding-bottom: 20px }
.our-bar .more_btn { position: relative; z-index: 9 }
.our-bar i { position: absolute; right: -30px; bottom: -10px; font-size: 220px; line-height: 200px; color: rgba(0,0,0,.1) }
.contact-bar, .contact-bar .row, .faq-bar, .faq-bar h6, .logo-bar { position: relative }
.pricing-bar.services { display: none }
.logo-bar img.cdesk, .logo-bar li { display: inline-block }
.logo-bar { padding: 48px 0; width: 100%; text-align: center }
.logo-bar ul { list-style: none; overflow: hidden; text-align: center }
.logo-bar li { vertical-align: middle; padding: 0 20px; width: 15% }
.logo-bar li img { display: block; margin: auto; opacity: 1; text-align: center; max-width: 85% }
.logo-bar .wrapper { max-width: 1600px }
.faq-bar { padding: 74px 0 48px; width: 100% }
.faq-bar .slide_contain { display: none; overflow: hidden; padding: 5px 5px 15px 35px }
.faq-bar hr { margin: 20px 0 }
.faq-bar p { color: #000; font-size: 14px; line-height: 25px }
.faq-bar li p { color: #000; line-height: 21px }
.faq-bar h3 { padding-bottom: 35px; color: #fd3635 }
hr { margin: 43px 0; border: none; border-bottom: 1px solid #eee }
.faq-bar h4 { color: #fd3635; font-size: 18px; line-height: 30px; font-weight: 700; padding: 5px 0 30px }
.faq-bar h4 span { font-size: 14px; font-weight: 400; color: #777 }
.faq-bar ul { border: 1px solid #ddd; border-radius: 4px; overflow: hidden; width: 99.8% }
.faq-bar li { border-top: 1px solid #ddd; width: 100%; float: left }
.faq-bar li:first-child { border: none }
.faq-bar h6 { color: #000; padding: 10px 10px 10px 35px; cursor: pointer; font-size: 14px; line-height: 20px; font-weight: 700 }
.faq-bar h6 i { display: none }
.faq-bar h6:after { display: block; content: ''; width: 20px; height: 20px; position: absolute; left: 7px; top: 10px; background: url(../images/faq_icon.png) center top no-repeat; background-size: 20px }
.faq-bar .active h6:after { background-position: center bottom }
#faq.faq-bar h4, .faq-bar .accordion h5 { color: #333; line-height: 24px }
.faq-bar h6 i { width: 24px; text-align: center }
.faq-bar .left { width: 48%; float: left }
.faq-bar .right { width: 48%; float: right }
.faq-bar .accordion { overflow: hidden; padding-bottom: 45px }
.faq-bar .accordion h5 { padding: 25px 0 15px; font-weight: 700 }
#faq.faq-bar { padding: 0 0 50px; overflow: hidden }
#faq.faq-bar .heading-bar:before { display: none }
#faq.faq-bar .col_half { width: 50%; float: left; padding: 0 15px }
#faq.faq-bar .row { overflow: hidden; margin: 0 -15px }
.contact-bar { padding: 74px 0 35px; width: 100% }
.contact-bar form { margin: auto }
.contact-bar .left { width: 73%; float: left }
.contact-bar h3 { padding-bottom: 25px; color: #fd3635 }
.contact-bar .right { padding-top: 10px; width: 24%; float: right }
.contact-bar .btn { margin-top: 15px }
.contact-bar .row { margin: 0 -15px; overflow: hidden; padding-bottom: 20px }
.contact-bar .g-recaptcha { max-width: 306px }
.contact-bar .captchaerror { border: 2px solid red }
.contact-bar .or-text { position: absolute; left: 50%; top: 24px; width: 30px; text-align: center; line-height: 48px; text-transform: uppercase; font-size: 13px; margin-left: -15px }
.contact-bar .col-4 { width: 33.3%; float: left; padding: 0 15px }
.contact-bar .col-6 { width: 50%; float: left; padding: 0 15px }
.contact-bar .text-center { text-align: center }
.contact-bar .col-8 { width: 66.6%; float: left; padding: 0 15px }
.contact-bar .col-12 { width: 100%; float: left; padding: 0 15px }
.contact-bar input[type=email], .contact-bar input[type=text] { padding: 7px 10px; font-size: 16px; border: 2px solid #ddd; height: 41px; width: 100%; -webkit-border-radius: 0 }
.contact-bar .error { border-color: red!important }
.contact-bar .input_web_url textarea { padding: 8px 10px; height: 41px }
.contact-bar #cerrormsg { padding: 15px 0 5px; color: red }
.contact-bar label.weburl { display: block }
.contact-bar #csuccmsg { padding: 20px 15px; text-align: center }
.contact-bar label.error { text-transform: capitalize; display: none!important }
.contact-bar input[type=file] { padding: 0; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; font-size: 16px; border: 2px solid #ddd; height: 41px; width: 100%; background: #fff; -webkit-border-radius: 0 }
.contact-bar textarea { padding: 10px; font-size: 16px; border: 2px solid #ddd; height: 170px; width: 100%; resize: none; overflow: auto; -webkit-border-radius: 0 }
.contact-bar select { padding: 7px 10px; cursor: pointer; appearance: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; font-size: 16px; border: 2px solid #ddd; min-height: 41px; width: 100%; background: url(../images/select_arrow_contact.jpg) right top no-repeat; background-size: auto 35px; -webkit-border-radius: 0 }
.blog_container .right_container .search-submit, .contact-bar #uploadButton, .form_box #uploadButton { -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none }
.contact-bar select option { padding: 3px 12px }
.contact-bar label { color: #555; font-size: 14px; text-transform: uppercase; display: block; padding: 0 0 5px; line-height: 20px; font-weight: 700 }
.contact-bar address { font-style: normal; font-size: 14px; line-height: 18px; padding-bottom: 15px }
.contact-bar address span, .contact-bar address strong { font-weight: 700 }
.contact-bar address strong { display: inline-block; padding: 0 0 10px; font-size: 16px }
.contact-bar address span { display: block; font-size: 18px; line-height: 22px }
.contact-bar address strong { cursor: help }
.contact-bar address a { color: #000 }
.contact-bar address a.email { display: inline-block; vertical-align: middle }
.contact-bar address a:hover { color: #fd4344 }
.contact-bar .social { list-style: none; padding: 0; margin: 0; overflow: hidden }
.contact-bar .social li { float: left; padding-right: 5px }
.contact-bar .social li a { font-size: 16px; height: 32px; line-height: 32px; width: 32px; background: #444; display: block; color: #fff; text-align: center; border-radius: 3px; -webkit-border-radius: 3px }
.contact-bar .social li a:hover { background: #ff4530 }
.contact-bar .bottom-block { overflow: hidden; padding: 48px 0 }
.contact-bar .bottom-block ul { text-align: center; list-style: none; width: 100%; padding: 0; margin: 0 }
.contact-bar .bottom-block li { position: relative; display: inline-block; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 5px; margin: 68px 2% 0; width: 29%; padding: 68px 30px 30px }
.contact-bar .bottom-block li a.phone, .contact-bar .bottom-block li a.skype, .contact-bar .bottom-block li a.twitter { padding: 0 20px; cursor: pointer; font-size: 76px; color: #c0392b!important; left: 50%; margin: 0 0 0 -58px; position: absolute; top: -48px; background: #fff }
.contact-bar .bottom-block li a.skype { color: #1eb7ec!important }
.contact-bar .bottom-block li a.twitter { color: #1da1f2!important }
.contact-bar .bottom-block li a.phone { font-size: 84px }
.contact-bar .bottom-block li a.phone:hover, .contact-bar .bottom-block li a.skype:hover, .contact-bar .bottom-block li a.twitter:hover { color: #ca2b29!important; text-shadow: 0 0 5px rgba(0,0,0,.3) }
.contact-bar .bottom-block li a.skype:hover { color: #1eb7ec!important }
.contact-bar .bottom-block li a.twitter:hover { color: #1da1f2!important }
.contact-bar .bottom-block li strong { color: #000; font-size: 16px; font-weight: 700; letter-spacing: 1px; display: block; text-transform: uppercase; margin-bottom: 0 }
.contact-bar .bottom-block li span, .contact-bar .bottom-block li strong+a { color: #000!important; font-weight: 300; margin-top: 10px; display: block; font-size: 16px; text-transform: none }
#contact.contact-bar .heading-bar::before, .contact-bar .form-error { display: none!important }
#contact.contact-bar, .landing-page .contact-bar { padding-top: 0 }
.contact-bar label.upload_btn { padding: 0; position: absolute; left: 0; top: 0; cursor: pointer; width: 89px; height: 41px; background: #c0392b; font-size: 13px; font-weight: 700; color: #fff; text-align: center; line-height: 42px; transition: all .3s; -webkit-transition: all .3s }
.jFiler { padding: 5px!important; font-size: 16px; border: 2px solid #ddd; min-height: 41px; width: 100%; float: left; -webkit-border-radius: 0 }
.jFiler-items.jFiler-row { float: left; width: 100%; padding-top: 7px }
.jFiler-input-choose-btn.blue { margin-bottom: 0!important }
.choose-bar { padding: 80px 0; width: auto; overflow: hidden }
.choose-bar .row { margin: 0 -20px; overflow: hidden }
.choose-bar .col3 { width: 33.33%; float: left; padding: 0 20px }
.choose-bar h4 { margin-bottom: 32px; font-size: 20px; letter-spacing: .04em; font-weight: 700; line-height: 24px; border-bottom: 2px solid #fd3635; padding-bottom: 10px; text-transform: uppercase }
.choose-bar h4 span { color: #fd3635 }
.choose-bar p { font-size: 15px; line-height: 27px; color: #555 }
.icon-bar { padding: 70px 0; color: #555; width: auto; overflow: hidden; background: #f9f9f9; text-align: center }
.icon-bar .row { margin: 0 -20px; overflow: hidden }
.icon-bar .col4 { width: 25%; float: left; padding: 0 20px }
.icon-bar .count, .icon-bar h5 { font-weight: 600; padding: 15px 0 0 }
.icon-bar i { font-size: 56px; height: 64px; line-height: 64px; width: 64px }
.icon-bar .count { color: #fd3635; font-size: 42px; display: block }
.icon-bar .row .col4:nth-child(1) .count { color: #3498db }
.icon-bar .row .col4:nth-child(3) .count { color: #16a085 }
.icon-bar .row .col4:nth-child(4) .count { color: #9b59b6 }
.icon-bar h5 { text-transform: uppercase; color: #545765; position: relative; letter-spacing: .06em }
.client-bar h4, .testimonial-bar h4 { font-weight: 700; text-transform: uppercase }
.icon-bar .spacer1 { width: 100%; border-bottom: 1px solid #eee; padding-bottom: 20px; display: list-item; list-style: none }
.icon-bar .spacer1:last-child { border: none }
.icon-bar.ex_home { padding: 0; background: #f8f8f8; border: 1px solid #eee; text-align: center; vertical-align: top; color: #fff; width: 200px; float: left; margin: 25px 0 35px }
.icon-bar.ex_home .col4 { padding: 0 0 28px }
.icon-bar.ex_home .count { padding-top: 22px }
.home_content { padding: 48px 80px 20px 50px; vertical-align: top; display: table-cell }
.client-bar { text-align: center; padding: 70px 0; color: #555; width: auto; overflow: hidden }
.client-bar h4 { margin-bottom: 53px; font-size: 20px; line-height: 28px; letter-spacing: .04em; color: #333 }
.client-bar h4:after { border-bottom: 2px solid #444; content: ""; display: block; margin: 32px auto 25px; opacity: .9; position: relative; width: 48px }
.client-bar li { padding: 15px 0; border-right: 1px dashed #ddd; border-bottom: 1px dashed #ddd; width: 16.66%; float: left }
.client-bar li img { display: block; width: 75%; margin: auto; opacity: .6; text-align: center }
.client-bar li a:hover { opacity: 1 }
.client-bar li:nth-of-type(6n) { border-right: 0 }
.client-bar ul { overflow: hidden; position: relative }
.client-bar ul:before { width: 100%; height: 2px; content: ''; position: absolute; left: 0; bottom: 0; background: #fff }
.testimonial-bar { padding: 60px 0 50px; width: auto; overflow: hidden; background: #f9f9f9; text-align: center }
.testimonial-bar #testimonial { max-width: 800px; margin: auto }
.testimonial-bar h4 { font-size: 18px; line-height: 24px; padding-bottom: 30px }
.testimonial-bar h4 span { color: #fd3635 }
.testimonial-bar a.pic, .testimonial-bar a.pic img { display: inline-block; vertical-align: top; width: 72px; height: 72px; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50% }
.testimonial-bar p { padding: 20px 0; letter-spacing: .04em; font-weight: 400; font-size: 22px; line-height: 34px }
.testimonial-bar p:after, .testimonial-bar p:before { content: '"' }
.testimonial-bar .name { font-size: 14px; line-height: 18px; color: #555; text-transform: uppercase; font-weight: 700 }
.testimonial-bar .name span { display: block; color: #999; text-transform: none; font-weight: 400; line-height: 25px }
.testimonial-bar .name:before { content: "–" }
.testimonial-bar .flex-control-paging { list-style: none; margin: 20px 0 0 }
.testimonial-bar .flex-control-paging li { display: inline-block; margin: 0 2px; vertical-align: top }
.testimonial-bar .flex-control-paging li a { width: 6px; cursor: pointer; display: block; font-size: 0; height: 6px; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; background: #333 }
.testimonial-bar .flex-control-paging li a.flex-active, .testimonial-bar .flex-control-paging li a:hover { background: #ba3d31 }
#testimonials.testimonial-bar { padding-top: 0 }
#testimonials.testimonial-bar .heading-bar::before { display: none!important }
.testimonial-bar.loading .flexslider { height: 250px; overflow: hidden }
.testimonial-bar.loading .flex-control-nav, .testimonial-bar.loading .flex-direction-nav, .testimonial-bar.loading .flex-viewport, .testimonial-bar.loading .flexslider .slides { opacity: 0 }
.testimonial-bar.loading .sk-rotating-plane { display: block }
.testimonial-bar .flexslider { position: relative }
.testimonial-bar .testimonial p { padding: 0 0 15px 85px; font-size: 14px; font-weight: 400; line-height: 25px }
.testimonial-bar .testimonial .name { padding-left: 85px; font-size: 13px }
.testimonial-bar .testimonial .name span { padding-left: 10px }
.testimonial-bar .testimonial li { padding: 20px; float: left; width: 33.3%; text-align: left; border-right: 1px dashed #ddd; border-top: 1px dashed #ddd }
.testimonial-bar .testimonial li a.pic { float: left }
.testimonial-bar .testimonial li:nth-child(1), .testimonial-bar .testimonial li:nth-child(2), .testimonial-bar .testimonial li:nth-child(3) { border-top: none }
.testimonial-bar .testimonial li:nth-child(3n) { border-right: none }
.specifications-bar .heading-bar::before { display: none!important }
.specifications-bar { overflow: hidden }
.specifications-bar .tabs { float: left; width: 30.63% }
.specifications-bar .contents { float: right; width: 65.33% }
.specifications-bar li { border: 1px solid #e5e5e5; transition: all .3s; line-height: 20px; -webkit-transition: all .3s; border-right: 2px solid #e5e5e5; font-size: 14px; color: #666; padding: 13px 5px 12px 10px; cursor: pointer; margin-bottom: -1px }
.specifications-bar li:first-child { border-radius: 3px 3px 0 0 }
.specifications-bar li:last-child { border-radius: 0 0 3px 3px; border-bottom: 2px solid #e5e5e5 }
.specifications-bar li i { width: 30px; text-align: center; display: inline-block }
.specifications-bar li i.fa-chevron-right { float: right; line-height: 21px; width: 20px; font-size: 12px; opacity: .4 }
.specifications-bar li:hover { color: #222; background: #f5f5f5 }
.specifications-bar li.current { color: #fff; border-color: #c0392b; background: #c0392b }
.specifications-bar li.current i.fa-chevron-right { opacity: 1 }
.specifications-bar #tabsholder { padding-bottom: 100px; overflow: hidden }
.specifications-bar #tabsholder h3 { padding-bottom: 30px }
.specifications-bar #tabsholder p { font-size: 14px; line-height: 22px }
.service-bar { padding: 45px 0 48px; width: auto; overflow: hidden }
.service-bar .wrapper { max-width: 1279px }
.service-bar ul { display: flex; width: 100%; overflow: visible; text-align: center }
.service-bar li { width: 25%; vertical-align: top; margin: 0 -2px; padding: 15px 15px 45px; transition: all ease .3s; cursor: pointer }
.service-bar li .learn { display: inline-block; padding: 7px 0 3px; border-bottom: 1px solid #444; color: #444; margin: 20px 0 10px }
.service-bar li:hover { background: #c0392b; box-shadow: 5px 5px 5px rgba(0,0,0,.6) }
.service-bar li:hover .learn { color: #fff; border-color: #fff }
.service-bar li:hover a, .service-bar li:hover h4, .service-bar li:hover p { color: #fff }
.service-bar .icon { font-size: 42px; line-height: 95px; position: relative; overflow: hidden; width: 95px; height: 95px; display: inline-block; color: #c0392b; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50% }
.service-bar li:hover .icon i { color: #fff }
.service-bar .icon i.magento { display: block; width: 50px; margin: 22px auto 0; height: 50px; background: url(../images/magento1.png) center center no-repeat; background-size: 40px }
.service-bar li.mag:hover i.magento { display: block; width: 50px; margin: 22px auto 0; height: 50px; background: url(../images/magento.png) center center no-repeat; background-size: 40px }
.service-bar h4 { padding: 0 0 17px; letter-spacing: .04em; font-size: 16px; line-height: 20px; color: #444; font-weight: 800; text-transform: uppercase }
.service-bar p { padding: 0; font-size: 16px; line-height: 28px; color: #333 }
.service-bar li .logo::after { box-shadow: 0 0 0 2px #333; left: -3px; opacity: 0; padding: 3px; top: -3px; transform: scale(.8); -webkit-transform: scale(.8); -ms-transform: scale(.8); transition: transform .3s ease 0s, opacity .3s ease 0; -webkit-transition: transform .3s ease 0s, opacity .3s ease 0; -ms-transition: transform .3s ease 0s, opacity .3s ease 0 }
.service-bar li .logo::before { box-shadow: 0 0 0 1px #c0392b; left: -2px; padding: 2px; top: -2px; transform: scale(1.01); -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transition: transform .3s ease 0s, opacity .3s ease 0; -webkit-transition: transform .3s ease 0s, opacity .3s ease 0; -ms-transition: transform .3s ease 0s, opacity .3s ease 0 }
.service-bar li:hover .logo:after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1) }
.service-bar li:hover .logo:before { opacity: 0 }
.service-bar li .logo { position: relative; width: 95px; height: 95px; margin: auto }
.service-bar li.app_icon i { font-size: 32px; padding: 0 3px }
.service-bar li.icon2 i { padding: 0 4px }
.configure-bar { padding: 60px 0 15px; width: auto; overflow: hidden; position: relative; background: #f5f5f5 }
.configure-bar .row { margin: 0 -15px }
.configure-bar .col4 { padding: 0 15px; width: 33.33%; float: left }
.configure-bar .col8 { padding: 35px 15px 0; width: 66.66%; float: right }
.configure-bar h2 { letter-spacing: .02em; font-weight: 700; color: #444; text-align: center; padding-bottom: 17px }
.configure-bar h3 { text-align: center; font-size: 22px; line-height: 26px; color: #666; font-weight: 300 }
.configure-bar h3:after { border-top: 1px solid #444; content: ""; display: block; margin: 48px auto 0; opacity: .9; position: relative; width: 48px }
.configure-bar .offer-bar li { width: 50% }
.configure-bar .offer-bar { padding: 25px 0 }
.configure-bar .offer-bar li p { min-height: 95px; padding-left: 10px }
.configure-bar.white { background: #fff }
.configure-bar .list-bar { overflow: hidden; padding: 0 }
.configure-bar .list-bar ul { list-style: none; padding: 0; margin: 0 0 20px; float: left; width: 50% }
.configure-bar .list-bar li { padding: 4px 0 4px 17px; font-size: 14px; line-height: 20px; color: #545765 }
.configure-bar .list-bar li i { color: #c0392b; font-size: 12px; display: inline-block; padding-right: 7px; margin-left: -17px }
.configure-bar .col4 img { width: 100% }
.configure-bar .col8.top_space_none { padding-top: 0 }
.configure-bar .col-12 { width: 100%; padding: 0 15px; position: relative }
.configure-bar { background-position: center top; background-repeat: no-repeat; background-size: cover; background-attachment: fixed }
.configure-bar.service .offer-bar li p, .configure-bar.service h2, .configure-bar.service h3, .configure-bar.service li h4 { color: #fff }
.configure-bar.service:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8) }
.configure-bar.service .wrapper { z-index: 9 }
.features .configure-bar { padding-bottom: 48px }
.features .configure-bar .col8 { padding-left: 65px }
.features .configure-bar p { padding-bottom: 35px }
.features .configure-bar h3::after { margin: 30px 0 }
.configure-bar.right .col4 { float: right }
.configure-bar.right .col8 { float: left; padding: 0 65px 0 15px }
.content-bar { width: 100%!important }
.content-bar, .pricing-bar { padding: 65px 0 50px; width: auto; overflow: hidden }
.content-bar h2, .pricing-bar h2 { letter-spacing: .02em; font-weight: 700; color: #444; text-align: center; padding-bottom: 37px; padding-top: 30px;font-family: 'rubikbold', sans-serif; }
.content-bar h3, .pricing-bar h3 { text-align: center; font-size: 22px; line-height: 26px; color: #aaa; font-weight: 300; margin-bottom: 37px; font-family: 'rubiklight', sans-serif; }
.content-bar h3:after, .pricing-bar h3:after { border-top: 1px solid #444; content: ""; display: block; margin: 48px auto 0; opacity: .9; position: relative; width: 48px }
.content-bar p { text-align: center; padding: 0 5% 15px }
.pricing-box { background-color: #f5f5f5; border: 1px solid rgba(0,0,0,.075); border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.1); position: relative; text-align: center; float: left; margin-top: 20px; width: 14.2% }
.services .pricing-box { width: 16.66% }
.pricing-title { background-color: #f9f9f9; border-bottom: 1px solid rgba(0,0,0,.05); border-radius: 3px 3px 0 0; padding: 12px 0; text-shadow: 1px 1px 1px #fff }
.pricing-title h4 { color: #555; font-size: 13px; font-weight: 700; letter-spacing: 1px; margin: 0; text-transform: uppercase }
.pricing-title span { color: #999; display: block; font-size: 14px; font-weight: 300; margin-top: 10px; text-transform: uppercase }
.pricing-price { background: #fff; color: #333; font-size: 48px; font-weight: 300; line-height: 1; padding: 20px 0; position: relative }
.pricing-price span { display: inline-block; font-size: 28px; font-weight: 400; margin: 7px 3px 0 0; vertical-align: top }
.pricing-price span.price-tenure { color: #333; font-size: 18px; font-weight: 600; margin: 0 0 0 3px; vertical-align: middle }
.pricing-action { border-top: 1px solid rgba(0,0,0,.07); padding: 12px }
.pricing-box.best-price { background-color: #fff; box-shadow: 0 0 8px rgba(0,0,0,.1); margin: 0 -1px; z-index: 10 }
.pricing-box.best-price .pricing-title { background-color: #fff; padding: 20px 0 }
.pricing-box.best-price .pricing-price { color: #1abc9c; font-size: 72px }
.pricing-box.best-price .pricing-title h4 { font-size: 20px }
.pricing-box .btn { font-size: 13px; font-weight: 400; display: block; padding: 6px 10px; text-transform: none; background: #c0392b }
.pricing-box.best-price .btn { background: #1abc9c }
.pricing-bar .pricing { width: 100% }
.clearfix:after { content: " "; visibility: hidden; display: block; height: 0; clear: both }
.pricing-bar .pricing .col-sm-4 { width: 32%; display: inline-block; vertical-align: top }
.pricing-bar .pricing .pricing-box { width: 100%; transition: all .3s; -webkit-transition: all .3s }
.pricing-bar .pricing .pricing-box:hover { background: #fff; box-shadow: 0 0 14px rgba(0,0,0,.3); position: relative; z-index: 99 }
.pricing-bar .pricing .pricing-box:hover .pricing-price { background: #f9f9f9 }
.pricing-bar .pricing .pricing-box:hover .pricing-title { background: #fff }
.pricing-bar .pricing .btn { padding: 12px 20px; font-size: 18px }
.pricing-bar .pricing .pricing-features li { font-size: 14px; padding: 13px 0; border-bottom: 1px solid rgba(0,0,0,.075); text-align: left }
.pricing-bar .pricing .pricing-features li:before { content: '\f105'; display: inline-block; padding-right: 10px; font: normal normal normal 14px/1 FontAwesome }
.landing-page .promo-bar h3, .promo-bar h3 { font-size: 24px; line-height: 30px; font-weight: 400; text-transform: none; text-align: left }
.pricing-bar .pricing .pricing-features li:last-child { border-bottom: none }
.pricing-bar .pricing .pricing-features li img { width: 20px; display: inline-block; vertical-align: top }
.pricing-bar .pricing .pricing-features { padding: 20px; min-height: 210px }
.pricing-bar .pricing h3:after { display: none }
.pricing-bar .pricing h3 { margin: 0 }
.pricing-bar .pricing .pricing-price { border-bottom: 1px solid rgba(0,0,0,.05) }
.pricing-bar .pricing.bottommargin { margin-bottom: 20px }
.pricing-bar.clearfix { overflow: visible }
.promo-bar { width: auto; color: #fff; overflow: hidden; background: #c0392b; padding: 27px 0 }
.landing-page .promo-bar h3 a, .promo-bar h3 a { display: inline-block; font-weight: 700 }
.promo-bar .left { float: left; max-width: 78% }
.promo-bar h3 { color: #fff; padding: 4px 0 8px }
.promo-bar h3 a { color: #fff!important; padding: 2px 5px; margin: 0 4px }
.promo-bar h3 a img { display: inline-block; vertical-align: middle; margin-bottom: 2px }
.landing-page .promo-bar h3 { color: #fff; padding: 4px 0 8px }
.landing-page .promo-bar h3 a { color: #fff!important; padding: 2px 5px; margin: 0 4px }
.landing-page .promo-bar h3 a img { display: inline-block; vertical-align: middle; margin-bottom: 2px }
.promo-bar .btn { padding: 15px 20px; min-width: 198px; font-size: 18px; letter-spacing: .1em; text-align: center; margin: 10px 0; background: 0 0; box-shadow: none; float: right; border: 2px solid #fff }
.promo-bar .btn:hover { box-shadow: 0 -55px rgba(255,255,255,1) inset; color: #333 }
.promo-bar span { font-size: 16px; line-height: 20px; font-weight: 300 }
.center_port { width: 100%; text-align: center }
.center_port li { display: inline-block; vertical-align: top; float: none!important; width: 30%!important; padding: 0 10px!important }
.center_port li h4 { padding-bottom: 0 }
.portfolio-bar { padding: 20px 0 60px; width: 100%; overflow: hidden }
.portfolio-bar ul { margin: 0; list-style: none; padding: 0; overflow: hidden }
.portfolio-bar li { width: 25%; float: left; padding: 12px }
.portfolio-bar li .caption { padding: 10px; border: 1px solid #ccc; background: #fff }
.portfolio-bar .grid li { min-height: 360px }
.portfolio-bar li img { width: 100%; border: 1px solid #eee }
.portfolio-bar .overlay { width: 100%; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.7) }
.portfolio-bar figure:hover .overlay { opacity: 1 }
.portfolio-bar figure { width: 100%; position: relative }
.portfolio-bar .links { transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; text-align: center; position: absolute; left: 0; top: 45%; width: 100%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%) }
.portfolio-bar .links span { width: 50px; line-height: 50px; padding: 0; text-transform: uppercase; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; display: inline-block; vertical-align: top; margin: 0 2px; background: 0 0; color: #fff; border: 1px solid #fff; font-size: 24px }
.portfolio-bar figure:hover .links { top: 50% }
.portfolio-bar .links a:hover { box-shadow: 0 -50px rgba(0,0,0,.2) inset }
.portfolio-bar h4 { font-size: 16px; line-height: 21px; font-weight: 700 }
.portfolio-bar h4 a { color: #333; text-transform: capitalize }
.portfolio-bar .caption-button { padding: 15px 0 0 5px; text-align: left }
.portfolio-bar span.desc { padding: 8px 0 0; display: block; font-size: 13px; line-height: 17px; color: #888 }
.portfolio-bar .flex-direction-nav, .portfolio-bar.slider.none .wrapper { display: none }
.portfolio-bar span.desc a { color: #888 }
.portfolio-bar h4 a:hover, .portfolio-bar span.desc a:hover { color: #fd4344 }
.portfolio-bar.slider h4 { padding: 0 }
.portfolio-bar.slider { padding-top: 0 }
.portfolio-bar.slider .flex-viewport li h4 { padding: 0 }
.portfolio-bar.slider .flex-viewport li { padding: 0; margin: 0 12px 0 0; width: 273px }
.portfolio-bar .flex-control-paging { list-style: none; margin: 20px 0 0; padding: 0; width: 100%; text-align: center }
.portfolio-bar .flex-control-paging li { display: inline-block; padding: 0; width: auto; margin: 0 4px; vertical-align: top; float: none }
.portfolio-bar .flex-control-paging li a { width: 8px; cursor: pointer; display: block; font-size: 0; height: 8px; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; background: #333 }
.portfolio-bar .flex-control-paging li a.flex-active, .portfolio-bar .flex-control-paging li a:hover { background: #ba3d31 }
.portfolio-bar.loading .flexslider { height: 300px; overflow: hidden }
.portfolio-bar.loading .flex-control-nav, .portfolio-bar.loading .flex-direction-nav, .portfolio-bar.loading .flex-viewport { opacity: 0 }
.portfolio-bar.loading .sk-rotating-plane { display: block }
#portfolio.portfolio-bar.slider { padding-bottom: 50px; background: #f9f9f9 }
#portfolio.portfolio-bar .flex-direction-nav { display: block; opacity: 0; transition: all .3s; -webkit-transition: all .3s }
#portfolio.portfolio-bar .flex-direction-nav li { padding: 0; width: auto; position: static }
#portfolio.portfolio-bar .flex-direction-nav li .flex-next, #portfolio.portfolio-bar .flex-direction-nav li .flex-prev { position: absolute; top: 35%; color: #fff; font-size: 22px; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; background: rgba(0,0,0,.6); text-align: center }
#portfolio.portfolio-bar .flex-direction-nav li .flex-prev { left: -15px; border-radius: 50%; -webkit-border-radius: 50% }
#portfolio.portfolio-bar .flex-direction-nav li .flex-next { right: -15px; border-radius: 50%; -webkit-border-radius: 50% }
#portfolio.portfolio-bar .flex-direction-nav li .flex-prev i { display: inline-block; margin-left: -3px }
#portfolio.portfolio-bar .flex-direction-nav li .flex-next i { display: inline-block; margin-right: -3px }
#portfolio.portfolio-bar .flex-direction-nav li .flex-next:hover, #portfolio.portfolio-bar .flex-direction-nav li .flex-prev:hover { background: rgba(0,0,0,.9) }
#portfolio.portfolio-bar .flexslider:hover .flex-direction-nav { opacity: 1 }
#portfolio.portfolio-bar .flexslider { position: relative }
.portfolio_detail-bar { width: auto; overflow: hidden; padding: 70px 0 20px }
.portfolio_detail-bar .row { margin: 0 -15px; overflow: hidden }
.portfolio_detail-bar .image { width: 66.66%; float: left; padding: 0 15px }
.portfolio_detail-bar .image img { max-width: 670px }
.portfolio_detail-bar .text { width: 33.33%; float: left; padding: 0 15px }
.portfolio_detail-bar h2 { font-size: 20px; line-height: 25px; font-weight: 600; color: #444; border-bottom: 2px solid #fd3635; padding-bottom: 14px }
.portfolio_detail-bar p { font-size: 14px; line-height: 25px; color: #555; padding-top: 30px }
.portfolio_detail-bar .portfolio-detail { margin-top: 15px; overflow: hidden }
.portfolio_detail-bar .portfolio-detail li { color: #555; width: 100%; margin-bottom: 15px }
.portfolio_detail-bar .portfolio-detail li span { width: 150px; font-weight: 600; float: left }
.portfolio_detail-bar hr { margin: 60px 0; display: block }
.portfolio_detail-bar .portfolio-detail li i { margin-right: 5px }
.portfolio_detail-bar .portfolio-detail li a { color: #1abc9c }
.portfolio_detail-bar .portfolio-detail li a:hover { color: #fd4344 }
.portfolio_detail-bar .social { width: 100%; overflow: hidden; border-top: 1px solid rgba(0,0,0,.05); margin: 35px 0 0; border-bottom: 1px solid rgba(0,0,0,.05) }
.portfolio_detail-bar .social span { padding: 0 5px; line-height: 48px; font-size: 13px; font-weight: 700; color: #555; float: left }
.portfolio_detail-bar .social ul { float: right }
.portfolio_detail-bar .social li { line-height: 48px; float: left }
.portfolio_detail-bar .social li a { width: 48px; height: 48px; display: block; font-size: 20px; text-align: center; line-height: 48px; color: #444 }
.landing-bar, .tab-bar ul { width: 100%; overflow: hidden }
.portfolio_detail-bar li.fb a:hover { background: #3b5998; color: #fff }
.portfolio_detail-bar li.twitter a:hover { background: #00acee; color: #fff }
.portfolio_detail-bar li.pinterest a:hover { background: #c8232c; color: #fff }
.portfolio_detail-bar li.gplus a:hover { background: #dd4b39; color: #fff }
.portfolio_detail-bar li.rss a:hover { background: #ee802f; color: #fff }
.portfolio_detail-bar li.mail a:hover { background: #6567a5; color: #fff }
.tab-bar { padding: 80px 0 10px; overflow: hidden }
.tab-bar ul { list-style: none; padding: 1px 0 0 1px; margin: 0; text-align: center }
.tab-bar ul li { float: none; display: inline-block; margin: 0 -3px }
.tab-bar ul li a { color: #666; min-width: 110px; text-align: center; border: 1px solid #ccc; margin: -1px 0 0 -1px; display: block; font-size: 13px; line-height: 20px; padding: 8px 15px; background: #fff }
.tab-bar ul li:first-child a { border-radius: 3px 0 0 3px }
.tab-bar ul li:last-child a { border-radius: 0 3px 3px 0 }
.tab-bar li a:hover { color: #ba3d31 }
.tab-bar ul li a.is-checked { box-shadow: inset 0 -48px #ba3d31; color: #fff; font-weight: 600 }
.landing-bar { padding: 90px 0 50px }
.landing-bar h1, .landing-page h3 { padding: 10px 0; text-align: center }
.landing-bar h1 { font-weight: 600; font-size: 34px; line-height: 48px }
.landing-page h3 { text-transform: uppercase; font-weight: 700; font-size: 24px; line-height: 30px }
.landing-page .contact-bar h3, .landing-page .faq-bar h3 { color: #444 }
.landing-bar .subline, .landing-bar h4 { text-align: center; font-weight: 300; color: #7a7a7a; font-size: 24px; line-height: 24px; padding: 10px 0 60px; display: block }
.landing-bar .right .btn { margin: 10px 0; font-size: 16px; position: relative; letter-spacing: 1px; padding: 12px 15px 13px 38px; line-height: 17px }
.landing-bar .right .btn.contact_us { padding-left: 48px; padding-right: 48px; width: 100%; text-align: center }
.landing-bar .right .btn i { margin-right: 5px; position: absolute; left: 15px; top: 50%; margin-top: -8px }
.landing-bar .right h2 { font-size: 24px; line-height: 30px; color: #444; font-weight: 600 }
.landing-bar .btn:hover { box-shadow: inset 0 -70px rgba(0,0,0,.3) }
.landing-bar .center { text-align: center }
.landing-bar .bottommargin { padding-bottom: 100px; letter-spacing: 2px }
.landing-bar .bottommargin .btn { font-size: 18px; color: #fff; text-decoration: none; letter-spacing: 2px; margin-bottom: 10px; padding-bottom: 15px; padding-top: 15px }
.landing-bar li, .landing-bar p { color: #555; font-size: 16px; line-height: 27px }
.landing-bar li { padding-left: 25px; position: relative }
.landing-bar p { padding-top: 25px }
.landing-bar li i { color: #fd3635; position: absolute; left: 0; top: 6px }
.landing-bar .left { padding-right: 15px; width: 68%; float: left }
.landing-bar .right { width: 31%; float: right }
.landing-bar.bottom { padding: 60px 0; background: #f9f9f9 }
.landing-bar.bottom .bottommargin { padding: 0 }
.landing-bar.bottom h4 { font-size: 22px; line-height: 22px }
.divider.divider-center.divider-short::before, .divider.divider-center::before, .divider::after { border-top: 1px solid #eee; content: ""; height: 0; left: 30px; position: absolute; top: 8px; width: 100% }
.landing-page .heading-bar:before, .signup-bar .col_full:after, .signup-bar .wrapper:after { content: ''; overflow: hidden }
.divider { color: #e5e5e5; margin: 35px 0; overflow: hidden; position: relative; width: 100% }
.landing-page .heading-bar { text-align: center; border: none; background: 0 0 }
.landing-page .heading-bar:before { width: 480px; border-bottom: 1px solid #eee; position: absolute; left: 50%; margin-left: -200px; top: 0 }
.pricing-block { padding: 0; width: 100%; position: relative }
.pricing-block .block { overflow: hidden; border: 1px solid rgba(0,0,0,.075); border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.1); position: relative }
.pricing-block .pricing-desc { float: left; padding: 25px; width: 75% }
.pricing-block .pricing-action-area { background-color: #f9f9f9; border-left: 1px solid rgba(0,0,0,.05); border-radius: 0 3px 3px 0; height: 100%; left: auto; padding: 30px; position: absolute; right: 0; text-align: center; top: 0; width: 25% }
.pricing-block .pricing-title { background: 0 0; padding-top: 0; text-align: left }
.pricing-block .pricing-title h4 { text-transform: uppercase; font-size: 20px; line-height: 24px }
.pricing-block li { float: left; font-size: 15px; padding: 7px 0; line-height: 22px; width: 50%; position: relative }
.pricing-block li i { margin-right: 2px; position: relative; top: 1px; width: 16px }
.pricing-block ul { overflow: hidden; padding-top: 20px }
.pricing-block .pricing-meta { color: #999; font-size: 14px; font-weight: 300; letter-spacing: 1px; padding-bottom: 10px; text-transform: uppercase }
.pricing-block .price-tenure { display: block; font-size: 14px; font-weight: 300!important; margin: 10px 0 0; text-transform: uppercase }
.pricing-block .pricing-price { background: 0 0; border: none; padding: 0 0 20px }
.pricing-box .landing_btn_box, .pricing-box .subprice { max-width: 100%; width: 100%; padding: 0 15px; margin: 0 }
.pricing-box .subprice { display: flex }
.pricing-block .pricing-action { border: none; padding: 15px 0 }
.signup-bar { padding: 0; width: 100%; position: relative }
.signup-bar .wrapper:after { display: block; clear: both; width: 100% }
.signup-bar .wrapper { padding-top: 30px }
.signup-bar form { padding: 20px; max-width: 350px; background-color: rgba(0,0,0,.6); border-radius: 3px 3px 0 0; margin-bottom: -154px; float: right; position: relative; z-index: 10 }
.signup-bar .heading { padding-top: 184px; float: left }
.signup-bar .heading h1 { color: #fff; font-size: 56px; line-height: 69px }
.signup-bar h2 { padding: 0; color: #fff; text-transform: uppercase; letter-spacing: .04em; line-height: 26px; font-size: 22px }
.signup-bar hr { margin: 15px 0 20px; border-color: rgba(255,255,255,.1) }
.signup-bar span { color: #eee; font-size: 22px; font-weight: 300; line-height: 24px; padding: 12px 0 0; display: block }
.signup-bar .form-control { height: 46px; border-radius: 3px; -webkit-border-radius: 3px; padding: 10px 16px; font-size: 18px; background: #fff; border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0,0,0,.075) inset; width: 100%; color: #555 }
.signup-bar .form-control.error { border-color: red }
.signup-bar label.error { display: none!important }
.signup-bar #cerrormsg { color: #fff; margin: 10px 0 -5px!important }
.signup-bar textarea.form-control { height: 80px }
.signup-bar .col_full { width: 100%; margin-bottom: 25px }
.signup-bar .col_full:after { display: block; clear: both; width: 100% }
.signup-bar .btn { width: 100%; margin: 0 }
.signup-bar .nobottommargin { margin-bottom: 0 }
.promo-dark .wrapper { padding: 46px 375px 48px 15px; min-height: 154px }
.promo-dark { background: #333; overflow: hidden }
.promo-dark h2, .promo-dark h3 { color: #fff; font-size: 26px; line-height: 30px; font-weight: 700 }
.promo-dark span { color: #ccc; margin-top: 12px; display: block; font-size: 17px; font-weight: 300 }
.thanks-bar h1 { font-size: 36px; line-height: 48px; padding-bottom: 15px; text-transform: capitalize }
.thanks-bar { padding: 150px 0; text-align: center }
.rating_box { text-align: center; background: #f9f9f9; padding: 15px 0; font-size: 14px; color: #444 }
.rating_box p, .rating_box span { color: #444 }
.rating_box i { color: #fac114 }
#footer-part { width: 100%; position: relative; background: #333; color: #fff }
.footer-bar { padding: 70px 0 85px; width: 100%; position: relative; overflow: hidden }
.footer-bar .col1 { width: 315px; float: left; padding: 0 60px 0 0; background: url(../images/map.png) -10px 160px no-repeat; background-size: 92% auto }
.footer-bar .col2 { width: 187px; float: left; padding: 15px 30px 0 0 }
.footer-bar .col3 { width: 295px; float: left; padding: 15px 30px 0 0 }
.footer-bar .col4 { width: 343px; float: left; padding: 15px 0 0 }
.footer-bar a { color: #fff }
.footer-bar h2 { font-size: 24px; line-height: 34px; font-weight: 600; padding: 9px 0 10px; text-transform: uppercase }
.footer-bar h5 { text-transform: uppercase; font-size: 15px; line-height: 20px; padding-bottom: 30px; font-weight: 600; letter-spacing: .14em }
.footer-bar p { padding-bottom: 18px; font-size: 14px; line-height: 23px; color: #ccc }
.footer-bar address { padding: 10px 0; font-style: normal; line-height: 21px }
.footer-bar address a.mail { display: inline-block; vertical-align: middle }
.footer-bar [href^=tel] { margin-top: 7px; color: #ccc!important; display: inline-block }
.footer-bar .list li { padding: 0 0 12px 12px; background: url(../images/footer-li-bg.png) left 4px no-repeat; text-transform: uppercase }
.footer-bar .list li a:hover, .footer-bar .post li h6 a:hover { color: #fff }
.footer-bar .post { margin-top: -4px }
.footer-bar .post li { width: 100%; float: left; border-top: 1px dashed #474747; padding: 20px 0 }
.footer-bar .post li:first-child { border-top: 0; padding-top: 0 }
.footer-bar .post li h6 { padding-bottom: 5px; font-size: 14px; line-height: 21px; font-weight: 600 }
.footer-bar .post li span.time { font-size: 13px; line-height: 17px; color: #888; font-style: italic; font-family: 'Crete Round', serif }
.footer-bar .counts+p, .footer-bar .downloads { font-family: 'ralewayregular', sans-serif, Arial }
.footer-bar .counts { overflow: hidden; margin: 0 -10px 45px }
.footer-bar .downloads { width: 50%; padding: 0 10px; float: left }
.footer-bar .downloads span { font-size: 13px; line-height: 21px; text-transform: uppercase; color: #949494; letter-spacing: .04em; padding: 14px 0; display: block }
.footer-bar .downloads span.num { font-size: 28px; line-height: 36px; font-weight: 700; padding: 0; color: #ccc; letter-spacing: normal }
.footer-bar .counts+p { line-height: 21px }
.footer-bar #mc_embed_signup .mc-field-group:before, .footer-bar .input:before { top: 0; content: '\f1d8'; font-family: FontAwesome; text-align: center; left: 0 }
.footer-bar .input { position: relative; padding: 0 100px 0 50px; width: 100%; background: #292929; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; overflow: hidden; border: 1px solid #111 }
.footer-bar .input:before { line-height: 32px; font-size: 12px; width: 48px; height: 100%; position: absolute; background: #212121; color: #999 }
.footer-bar input[type=text] { color: #777; width: 100%; height: 32px; border: 0; background: 0 0; font-size: 14px }
.footer-bar input[type=submit] { transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; color: #fff; font-size: 14px; font-weight: 700; margin-top: -1px; width: 85px; height: 34px; position: absolute; right: 0; top: 0; background: #5cb85c; border: 0; cursor: pointer; -webkit-appearance: none }
.footer-bar input[type=submit]:hover { background: #479647 }
.footer-bar .social li { width: 50%; float: left }
.footer-bar .social { margin: 12px 0 0; overflow: hidden }
.footer-bar .social li i { width: 48px; height: 48px; color: #fff; display: inline-block; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; line-height: 48px; text-align: center; font-size: 20px }
.footer-bar .fa-facebook-f { background: #3b5998 }
.footer-bar .fa-rss { background: #ee802f }

.footer-bar .social li span strong { display: block }
.footer-bar .social li span { font-size: 11px; line-height: 18px; padding: 0 7px; display: inline-block; vertical-align: middle }
.footer-bar .social a:hover { opacity: .8 }
.footer-bar #mc_embed_signup .mc-field-group { position: relative; padding: 0 100px 0 50px; min-height: 20px; width: 100%; background: #292929; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border: 1px solid #111 }
.footer-bar #mc_embed_signup .mc-field-group:before { line-height: 32px; font-size: 12px; width: 48px; height: 100%; position: absolute; background: #212121; color: #999 }
.footer-bar #mc_embed_signup .mc-field-group .email { color: #777; width: 100%; height: 32px; border: none!important; background: 0 0; font-size: 14px }
.footer-bar #mc_embed_signup .button { transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; color: #fff; font-size: 14px; font-weight: 700; margin: 0; padding: 0; text-align: center; width: 85px; height: 32px; position: absolute; right: 1px; top: 1px; background: #5cb85c; border: 0!important; border-radius: 0 5px 5px 0; cursor: pointer; -webkit-appearance: none }
.footer-bar #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { position: absolute; left: 0; top: 48px }
.footer-bar #mc_embed_signup .button:hover { background: #479647 }
.footer-bar #mc_embed_signup form { padding: 0; position: relative }
.footer-bar #mc_embed_signup #mce-success-response { margin: 0; padding: 5px 0; color: #fff }
.bottom-bar, .bottom-bar a { color: #545765 }
.footer-bar #mc_embed_signup { min-height: 74px }
.bottom-bar { padding: 45px 0 30px; font-size: 14px; line-height: 18px; width: 100%; position: relative; overflow: hidden; background: #262626 }
.bottom-bar .left { width: 48%; float: left }
.bottom-bar .right { width: 52%; float: right; text-align: right }
.bottom-bar li { float: left }
.bottom-bar ul { float: right }
.bottom-bar p { font-size: 14px; line-height: 18px }
.bottom-bar .left a { margin: 0 2px; border-bottom: 1px solid #545765; padding-bottom: 3px }
.bottom-bar .left p { padding-bottom: 5px }
.bottom-bar .social li { margin: 0 0 0 25px; font-size: 17px }
.bottom-bar .contact li a { color: #545765!important }
.bottom-bar .contact li a img { float: left; margin: 2px 0 0 }
.bottom-bar .social { padding-bottom: 15px; overflow: hidden }
.bottom-bar .contact li i { margin: 0 3px 0 0 }
.bottom-bar .contact li { padding: 0 10px; background: url(../images/sep.png) right 8px no-repeat }
.bottom-bar .contact li:last-child { padding-right: 0; background: 0 0 }
.bottom-bar .contact li a:hover, .bottom-bar a:hover { color: #fff!important }
.platform_icons { text-align: center; padding: 20px 0 0 }
.platform_icons li { list-style: none; display: inline-block; padding: 0 10px; margin: 0 6px; width: 55px; height: 55px; text-align: center; line-height: 64px; background: #a6ca37; border-radius: 50% }
.platform_icons li i { font-size: 30px; color: #fff }
.platform_icons li:nth-child(2) { background: #ccc }
.platform_icons li:nth-child(3) { background: #09f }
#formbox { padding: 30px 0; display: none }
.form_box { padding: 55px; position: relative; width: 100%; max-width: 960px; box-shadow: 0 0 10px rgba(0,0,0,.5); background: #fff; overflow: hidden }
.form_box.quotepage { padding: 55px 15px; width: 100%; max-width: 960px; margin: 0 auto; box-shadow: 0 0 0 transparent; background: 0 0 }
.form_box .half { width: 50%; float: left }
.form_box .half .left, .form_box .half .right { width: 50% }
.form_box .col, .form_box .half .right span { float: left; width: 100% }
.form_box .half+.half .right { width: 100% }
.form_box .half+.half .left { width: 100%; padding-bottom: 10px }
.form_box h1, .form_box h2, .form_box h3, .form_box h4, .form_box h5, .form_box h6 { font-weight: 400 }
.form_box * { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box }
.form_box h3 { font-size: 14px; line-height: 20px; font-weight: 600; padding-bottom: 5px }
.form_box small { display: block; color: #9f9d9c; font-size: 13px; line-height: 18px }
.form_box .row { width: 100%; float: left }
.form_box .progress { display: none!important }
.form_box .left { float: left; width: 25%; padding-bottom: 20px }
.form_box .right { float: right; width: 71% }
.form_box .field { padding: 5px 10px; color: #333; width: 100%; height: 36px; font-size: 13px; border: 2px solid #ddd; background: #fff; float: left }
.form_box #uploadButtonpop.field { padding: 0 5px }
.form_box .error { border-color: red!important }
.form_box .field:focus { box-shadow: 0 0 3px rgba(0,0,0,.2); border-color: #1b73bd }
.form_box .w100 { display: block; width: 100px }
.form_box .w200 { display: block; width: 200px }
.form_box .w300 { display: block; width: 300px }
.form_box .w480 { display: block; width: 480px }
.form_box hr { margin: 25px 0; float: left; width: 100%; height: 1px; border: none; background: #e8e8e8 }
.form_box .radio-icon img { max-width: 100%; padding: 0 30px; transition: all .4s }
.form_box .radio-icon input[type=radio], .form_box input[type=checkbox] { display: none }
.form_box input[type=checkbox]+label:before { cursor: pointer; content: ""; display: block; margin-right: 10px; width: 20px; height: 20px; background: url(../images/checked1.png) left top no-repeat; float: left; background-size: 20px }
.form_box input[type=checkbox]:checked+label:before { background-position: left bottom }
.form_box .radio-icon input[type=radio]+label:before { cursor: pointer; content: ""; display: block; width: 20px; height: 20px; position: absolute; left: 15px; margin-left: -10px; top: 1px; background: url(../images/radio1.png) center top no-repeat; background-size: 20px }
.form_box .radio-icon input[type=radio]:checked+label:before { background-position: left bottom }
.form_box .radio-icon label { cursor: pointer; position: relative; padding-left: 48px; display: block; text-align: left; color: #444; text-transform: capitalize; padding-top: 3px }
.form_box .radio-icon label img { opacity: .5 }
.form_box .radio-icon label:hover img { opacity: .7 }
.form_box .radio-icon input[type=radio]:checked+label img { opacity: 1 }
.form_box .radio-icon small { padding-bottom: 10px }
.form_box .radio-icon strong { display: block; font-size: 14px; font-weight: 600; padding: 5px 0 0 }
.form_box .radio-icon { padding-bottom: 10px }
.form_box textarea.field { resize: none; overflow: auto; height: 100px!important }
.form_box span.form-notice { display: block; width: 100%; float: left; padding: 15px 0 5px; color: #fa9d00; font-size: 13px }
.form_box .popup { position: relative; display: inline-block }
.form_box a { color: #c0392b; font-size: 13px; line-height: 18px }
.form_box p#uploadSuccess { color: green; font-size: 13px; line-height: 20px; padding: 8px 0 0 }
.form_box a:hover { color: #2a8191 }
.form_box a i { font-size: 10px }
.form_box .popup span { position: absolute; right: -205px; top: 50%; margin-top: -45px; display: none; width: 190px; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 5px; padding: 10px; font-size: 13px; font-weight: 300; line-height: 18px; background: #e8e8e8; border: 1px solid #e8e8e8 }
.form_box .checkbox-icon label, .form_box .estimate_radio label { font-size: 14px; font-weight: 300; line-height: 20px; display: block; cursor: pointer; float: left }
.form_box .popup:hover span { display: block }
.form_box .popup span:after, .form_box .popup span:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none }
.form_box .popup span:after { border-color: rgba(136,183,213,0); border-right-color: #e8e8e8; border-width: 10px; margin-top: -10px }
.form_box .popup span:before { border-color: rgba(194,225,245,0); border-right-color: #e8e8e8; border-width: 11px; margin-top: -11px }
.form_box .estimate_radio input[type=radio] { float: left; margin: 4px 5px 0 0 }
.form_box .estimate_radio .number_tag, .form_box .estimate_radio input[type=number] { float: left; border: 1px solid #ccc; padding: 3px 0 3px 5px; height: 22px; margin: -5px 0 0 10px; width: 80px }
.form_box .estimate_radio { padding-bottom: 15px; overflow: hidden }
.form_box .estimate_radio+span { font-size: 14px; color: #878483; font-weight: 300 }
.form_box .checkbox-icon { overflow: hidden; padding: 20px 0 0 }
.form_box .col-1 { width: 33.3%; float: left; padding: 0 5px; position: relative }
.form_box .col-2 { width: 50%; float: left; padding: 0 5px; margin-top: 10px }
.form_box #uploadButton { position: absolute; left: 0; top: 0; height: 36px; width: 100%; font-size: 13px; color: #333; padding-left: 6px }
.form_box .mid { margin: 0 -5px }
.form_box .mid label { color: #555; font-size: 14px; line-height: 18px; font-weight: 600; padding-bottom: 5px; display: block }
.form_box label.error { display: none!important }
.form_box .submit_btn { background: #1b73bd; border: 3px solid #5da5e3; border-radius: 10px; color: #fff; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 10px 0; padding: 8px 15px; text-shadow: 1px 1px 1px #0c5999; display: inline-block }
.form_box .submit_btn:hover { background: #5da5e3; border: 3px solid #1b73bd }
.form_box .blue_round_btn { margin: -15px 3px; padding: 13px 25px 14px }
.form_box h2 { font-size: 32px; line-height: 36px; margin: -10px 0 25px; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px; font-weight: 700 }
.form_box h2 span { font-size: 14px; color: #878483; font-weight: 300; padding-top: 5px; display: block; line-height: 16px }
.form_box .bottom-txt { text-align: right; vertical-align: middle }
.form_box .bottom-txt span { display: inline-block; padding-right: 10px; font-size: 13px; line-height: 20px; color: #878483; font-weight: 300 }
.form_box .formbox_close, .form_box .formbox_close i { font-size: 30px; line-height: 48px }
.blue_round_btn, .form_box .mid label.upload_btn { background: #c0392b; color: #fff; cursor: pointer; font-weight: 700 }
.form_box .formbox_close { position: absolute; right: 15px; top: 5px }
.form_box input, .form_box textarea {  transition: all .3s; -webkit-transition: all .3s }
.form_box .mid label.upload_btn { padding: 0; position: absolute; left: 0; top: 0; width: 83px; height: 36px; font-size: 13px; text-align: center; line-height: 36px; transition: all .3s; -webkit-transition: all .3s }
.blue_round_btn { vertical-align: top; border: none; border-radius: 3px; margin: 10px 3px; box-shadow: 0 -3px rgba(0,0,0,.2) inset; display: inline-block; font-size: 17px; letter-spacing: .02em; line-height: 22px; padding: 13px 25px 14px; text-transform: uppercase; transition: all .3s ease 0 }
.notfound-bar ul, .policy-bar ul, .sitemap-bar ul { margin: 0; list-style: none }
.blue_round_btn:hover { box-shadow: 0 -50px rgba(0,0,0,.2) inset }
.sitemap-bar { padding: 50px 0; overflow: hidden }
.sitemap-bar li img { display: inline-block; width: 35px; height: auto }
.sitemap-bar .col-4 { padding: 0 20px; float: left; width: 100% }
.sitemap-bar ul { padding: 0; float: left; width: 100% }
.sitemap-bar li { font-size: 14px; line-height: 20px; width: 33.33%; text-transform: capitalize; float: left }
.sitemap-bar li li { width: 100% }
.sitemap-bar li ul { padding-left: 10px }
.sitemap-bar li a { padding: 5px 3px; color: #545765; display: inline-block }
.sitemap-bar li a:hover { color: #fd4344 }
.sitemap-bar li i { color: #c0392b; display: inline-block }
.sitemap-bar li ul { padding: 0 0 10px 10px }
.sitemap-bar h2 { font-size: 24px; line-height: 30px; padding: 0 0 10px }
.notfound-bar { padding: 50px 0 100px; overflow: hidden }
.notfound-bar h2 { padding: 30px 0 20px; font-size: 200px; color: #ccc; line-height: 180px; float: left; width: 53%; text-align: center }
.notfound-bar h3 { padding-bottom: 15px }
.notfound-bar p { padding-bottom: 25px }
.notfound-bar ul { padding: 0; overflow: hidden; width: 100% }
.notfound-bar li { font-size: 14px; line-height: 20px; display: inline-block; min-width: 150px; text-transform: uppercase }
.notfound-bar li a { padding: 5px 3px; color: #545765; display: inline-block }
.notfound-bar li i { color: #c0392b; display: inline-block }
.notfound-bar .right { padding: 50px 0 0; overflow: hidden }
.policy-bar { padding: 50px 0; overflow: hidden }
.policy-bar h2 { padding: 0 0 30px; text-align: center; font-size: 24px; line-height: 32px }
.policy-bar h3 { padding-bottom: 5px; font-size: 20px; line-height: 24px }
.policy-bar p, .policy-bar ul { padding: 0 0 20px }
.policy-bar li { line-height: 22px; color: #545765; font-size: 17px }
.policy-bar ul { overflow: hidden }
.policy-bar li i { font-size: 6px; margin: 8px 10px 0 0; float: left }
.policy-bar li span { display: block; overflow: hidden }
.captchaerror { border: 2px solid red; display: inline-block }
.differ input[type=email] { position: relative; float: left; width: 100%; border: 1px solid #ddd; background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; padding: 10px; height: 47px }
#mce-error-response, #mce-success-response { padding: 5px!important; width: 100%!important; font-weight: 400!important; font-size: 13px }
#getaquote .field { height: 44px }
#mce-responses { margin: 0!important; width: 100%!important }
#mce-error-response { border: 1px solid red!important }
#mce-success-response { border: 1px solid #090!important; margin: 5px 0!important }
#portfolio.portfolio-bar .portfolio_slider .slick-next, #portfolio.portfolio-bar .portfolio_slider .slick-prev { position: absolute; top: 35%; color: #fff; font-size: 22px; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; background: rgba(0,0,0,.6); z-index: 9; text-align: center; cursor: pointer }
#portfolio.portfolio-bar .portfolio_slider .slick-prev { left: 1px; border-radius: 50%; -webkit-border-radius: 50%; border: none }
#portfolio.portfolio-bar .portfolio_slider .slick-next { right: 1px; border-radius: 50%; -webkit-border-radius: 50%; border: none }
#portfolio.portfolio-bar .portfolio_slider .slick-next.slick-disabled, #portfolio.portfolio-bar .portfolio_slider .slick-prev.slick-disabled { opacity: 0 }
#portfolio.portfolio-bar .portfolio_slider .slick-prev i { display: block; margin-left: -3px }
#portfolio.portfolio-bar .portfolio_slider .slick-next i { display: block; margin-right: -3px }
#portfolio.portfolio-bar .portfolio_slider .slick-next:hover, #portfolio.portfolio-bar .portfolio_slider .slick-prev:hover { background: rgba(0,0,0,.9) }
#portfolio.portfolio-bar .portfolio_slider .slick-dots { list-style: none; margin: 20px 0 0; padding: 0; width: 100%; text-align: center }
#portfolio.portfolio-bar .portfolio_slider .slick-dots li { display: inline-block; padding: 0; width: auto; margin: 0 4px; vertical-align: top; float: none }
#portfolio.portfolio-bar .portfolio_slider .slick-dots li button { border: none; width: 8px; cursor: pointer; display: block; font-size: 0; height: 8px; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; background: #333 }
#portfolio.portfolio-bar .portfolio_slider .slick-dots li button:hover, #portfolio.portfolio-bar .portfolio_slider .slick-dots li.slick-active button { background: #ba3d31 }
.testimonial-bar #testimonial-block .sk-rotating-plane { display: none }
.testimonial-bar #testimonial-block { margin: auto; position: relative; max-width: 800px }
.testimonial-bar .slick-dots { list-style: none; margin: 20px 0 0 }
.testimonial-bar .slick-dots li { display: inline-block; margin: 0 2px; vertical-align: top }
.testimonial-bar .slick-dots li button { width: 6px; border: none; cursor: pointer; display: block; font-size: 0; height: 6px; content: ''; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; background: #333 }
.testimonial-bar .slick-dots li button:hover, .testimonial-bar .slick-dots li.slick-active button { background: #ba3d31 }
#header-part.stickyhead { z-index: 999 }
.slick-slide { cursor: grab }
.icons { display: block; padding: 6px 0 }
.icons img { display: inline-block; margin: 0 5px 0 0 }
.icons .iso { margin: 2px 0 -6px }
input.pass { border: none!important; margin: 0!important; width: 1px!important; height: 1px!important }
.blog_container .right_container .search-submit { display: block }
.landing-bar.automation_banner { overflow: hidden; width: 100%; position: relative; background: url(../images/automation_banner.jpg) center center no-repeat; padding: 95px 0 60px; color: #fff; background-size: cover }
.landing-bar.automation_banner:after { content: ''; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.6); width: 100%; height: 100% }
.landing-bar.automation_banner .wrapper { position: relative; z-index: 9; max-width: 880px }
.landing-bar.automation_banner .subline { display: block; padding: 0 0 25px; font-size: 24px; line-height: 30px; color: #fff; opacity: 1 }
.landing-bar.automation_banner p { display: block; padding: 0; font-size: 18px; line-height: 24px; text-align: center; color: #fff }
.landing-bar.automation_banner h1 { font-size: 50px; line-height: 56px }
.automation-sec { padding: 50px 0; overflow: hidden; width: 100% }
.automation-sec .row { overflow: hidden; margin: 0 -15px }
.automation-sec .full { overflow: hidden; width: 100% }
.automation-sec .col-1 { width: 50%; float: left; padding: 0 15px 15px }
.automation-sec p { line-height: 26px; color: #545765; font-size: 17px; padding-bottom: 20px }
.automation-sec li { padding: 4px 0 4px 17px; font-size: 14px; line-height: 20px; color: #545765; width: 100%; float: left }
.automation-sec h2 { font-size: 24px; line-height: 30px; color: #444; padding: 0 0 5px }
.automation-sec ul { list-style: none; overflow: hidden; padding: 0 0 5px }
.automation-sec li i { color: #c0392b; font-size: 12px; display: inline-block; padding-right: 7px; margin-left: -17px }
.automation-sec .logo li { width: auto; float: left }
.automation-sec .logo li img { height: 50px; -webkit-filter: grayscale(100%); filter: grayscale(100%) }
.hire-dedicated-developers { padding-bottom: 0; background: #f9f9f9 }
.counting { background: #0d5050; padding: 30px 0 20px }
.counting .downloads span.num { font-size: 28px; line-height: 36px; font-weight: 700; padding: 0; color: #fff; letter-spacing: normal }
.counting .downloads { float: left; width: 25% }
.counting .downloads span { font-size: 13px; line-height: 21px; text-transform: uppercase; color: #fff; letter-spacing: .04em; padding: 14px 0; display: block }
.html5-banners .midles .left img, .logos_section .cdesk, .web_technologies img { display: inline-block }
.counting .downloads .icon_io { float: left; padding: 7px 20px 10px 0 }
.counting .downloads .rights { float: left; padding: 0 }
.web_technologies { background: #e1f0fd; text-align: center; padding: 50px 0 }
.logos_section { border-bottom: 1px solid #ddd; text-align: center }
.html5-banners { background: url(../images/html5-background.jpg) #04b3ec }
.html5-banners h1 { color: #fff }
.html5-banners h1 span { font-weight: 300 }
.html5-banners .subline { color: #fff; padding-bottom: 30px }
.html5-banners .midles { margin: 0 auto; max-width: 890px }
.html5-banners .midles .left { width: 55%; text-align: center }
.html5-banners .midles .right { width: 45% }
.html5-banners .midles .right ul li { color: #fff; background: url(../images/easy_communication.png) left no-repeat; padding: 5px 0 5px 60px; margin-top: 18px }
.starty, .web_technologies h2 { padding-bottom: 25px }
.html5-banners .midles .right ul li:nth-child(2) { background: url(../images/flexible.png) left no-repeat }
.html5-banners .midles .right ul li:nth-child(3) { background: url(../images/billings.png) left no-repeat }
.html5-banners .midles .right ul li:nth-child(4) { background: url(../images/industry.png) left no-repeat }
.html5-banners .midles .right ul li:nth-child(5) { background: url(../images/money_guarantee.png) left no-repeat }
.html5-banners .centers { width: 100%; clear: both; text-align: center }
.html5-banners .centers p { color: #fff; padding-bottom: 25px; padding-top: 0 }
.html5-banners .centers .btn.red { background: #e44d26 }
.html5-banners .centers .btn.red:hover { box-shadow: inset 0 -70px rgba(0,0,0,.05) }
.starty { font-weight: 600; font-size: 34px; line-height: 48px; color: #fff }
.starty span { font-weight: 400 }
#faq.faq-bar.space_top { padding-top: 80px }
.landing-bar .left { padding-top: 50px }
.portfolio-page #content-part { background: #f9f9f9 }
.banner_row { float: left; width: 100%; padding: 95px 0 0; display: flex }
.banner_row .left_ban, .banner_row .right_ban { padding: 30px; box-sizing: border-box; vertical-align: middle; overflow: hidden }
.banner_row .left_ban { width: 55%; position: relative; background: url(../images/blue_bg.jpg); text-align: right; font-size: 28px; line-height: 32px; color: #fff; z-index: 99 }
.banner_row .left_ban:after, .banner_row .right_ban:before { content: ''; line-height: 0; font-size: 0; width: 0; height: 0; position: absolute }
.banner_row .left_ban:after { border-top: 50px solid transparent; border-bottom: 150px solid #fff; border-left: 10px solid transparent; border-right: 0 solid #fff; top: -50px; right: 0 }
.banner_row .right_ban:before { border-top: 150px solid #fff; border-bottom: 50px solid transparent; border-left: 0 solid transparent; border-right: 10px solid transparent; top: 0; left: 0 }
.banner_row span { color: #ffe825 }
.banner_row .right_ban { width: 45%; position: relative; background: url(../images/gray_bg.jpg); text-align: left; font-size: 28px; line-height: 32px; color: #fff; z-index: 9 }
.banner_row .left_ban a, .banner_row .right_ban a { font-size: 18px; line-height: 22px; text-transform: uppercase; text-decoration: none; padding: 5px 10px; margin-left: 10px; font-weight: 700; display: inline-block }
.banner_row .left_ban a { background: #e44d26; color: #fff }
.banner_row .right_ban a { background: #ffe825; color: #333 }
.banner_row .left_ban img { display: inline-block; text-align: right }
.banner_row .right_ban img { display: inline-block; text-align: left }
.cmob { display: none }
@media (max-width:1600px) {
.banner_row .left_ban, .banner_row .right_ban { font-size: 24px; line-height: 28px }
}
@media (max-width:1370px) {
.banner_row .left_ban, .banner_row .right_ban { font-size: 21px; line-height: 25px }
.banner_row .left_ban a, .banner_row .right_ban a { font-size: 16px; font-weight: 700 }
}
@media (max-width:1148px) {
.banner_row .left_ban, .banner_row .right_ban { font-size: 18px; line-height: 22px }
.banner_row .left_ban a, .banner_row .right_ban a { font-size: 14px; font-weight: 700 }
}
@media (max-width:1023px) {
.banner_row .left_ban, .banner_row .right_ban { font-size: 18px; line-height: 22px; text-align: center }
.banner_row .left_ban a, .banner_row .right_ban a { font-size: 14px; font-weight: 700; margin: 7px 0 0 }
}
@media (max-width:767px) {
.banner_row { padding: 0 }
}
@media (max-width:648px) {
.banner_row { display: block }
.banner_row .left_ban, .banner_row .right_ban { float: left; width: 100% }
.banner_row .left_ban:after, .banner_row .right_ban:before { display: none }
.cmob { display: inline-block }
.cdesk { display: none!important }
}
@media (max-width:1199px) {
.nav-bar li { padding: 0 13px }
.diwali-banner { display: none }
#header-part, body.home #header-part { padding-right: 0 }
}
@media (max-width:1079px) {
#header-part a.support_btn { margin-right: 20px }
}