* { margin: 0; padding: 0 }
div { box-sizing: border-box; }
a:active, a:focus, a:hover { outline: 0 }
a { text-decoration: none; outline: 0; color: #307bb3 }
a:hover { text-decoration: none }
img { border: none; }
hr { border: 0 solid #e3e7ef; border-top-width: 1px; clear: both; height: 0 }
h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #353535; font-weight: 300 }
h1 { font-size: 36px; font-weight: 100 }
h2 { font-size: 20px }
h3 { font-size: 18px }
h4 { font-size: 14px }
h5 { font-size: 12px }
h6 { font-size: 10px }
.side-nav li a, .widget-header { background-color: #307bb3 }
.btn-green { background: #00a63f; }
.m-l { margin-left: 15px; }
strong { font-weight: 600 }
.clearfix:after, .clearfix:before { content: " "; display: table }
.clearfix:after { clear: both }
.center-block { display: block; margin-left: auto; margin-right: auto }
.invisible { visibility: hidden }
.text-hide { color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.prim-header { font-size: 38px; font-weight: 400; line-height: 54px; padding: 0; }
.featured-content .prim-header { font-size: 34px; color: #353535 !important; }
.featured-content .sec-header::after { border-bottom: 2px solid #353535; }
.section-blue-img .prim-header, .section-blue-img .sec-header { color: #fff; font-weight: 400; }
.display-table { display: table; width: 100%; }
.table-cell { display: table-cell; float: none; vertical-align: middle; }
.page-load { background: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 5555 }
.spinner { height: 18px; left: 50%; margin: -30px 0 0 -35px; position: absolute; text-align: center; top: 50%; width: 70px }
.spinner>div { width: 18px; height: 18px; background-color: #307bb3; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.spinner .bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s }
.spinner .bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s }
@-webkit-keyframes bouncedelay {
0%, 100%, 80% {
-webkit-transform:scale(0)
}
40% {
-webkit-transform:scale(1)
}
}
@keyframes bouncedelay {
0%, 100%, 80% {
transform:scale(0);
-webkit-transform:scale(0)
}
40% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.m-r { margin-right: 15px !important; }
.m-r-10 { margin-right: 10px !important; }
.alert-warning { padding: 15px; margin: 10px 0; border: 1px solid transparent; border-radius: 4px; color: #8a6d3b; font-size: 18px; background-color: #fcf8e3; border-color: #faebcc; }
.sec-header:after { border-bottom: 2px solid #307bb3; bottom: 0; content: ""; left:50%; position: absolute; width: 126px; margin-left: -63px; }
.section-blue-img .sec-header:after { border-color: #fff; }
.sec-header { font-size: 18px; margin-bottom: 30px; font-weight: 100; padding-bottom: 12px; position: relative; }
.hints { color: #888; font-size: 11px; padding: 3px }
.clear { font-size: 1%; clear: both; height: 1%; overflow: hidden; line-height: 1px }
.left { float: left; display: inline }
.right { float: right; display: inline }
.hidden { display: none }
.ico { display: inline-block; padding: 0 5px; vertical-align: middle }
.btn { display: inline-block; color: #fff; box-sizing: border-box; border-radius: 2px; }
.btn-sm { font-size: 12px; font-weight: 400; text-transform: uppercase; display: inline-block; line-height: 30px; padding: 0 10px }
.btn-md { font-size: 20px; font-weight: 300; padding: 10px 30px; display: inline-block; height: 40px; line-height: 20px; }
.btn-rg { font-size: 20px; font-weight: 300; padding: 10px 30px; display: inline-block; line-height: 20px; }
.btn-lg { font-size: 19px; font-weight: 300; padding: 16px 29px; display: inline-block }
.btn-default { background: #307bb3; border-radius: 2px; color: #fff; position: relative; margin-bottom: 2px; }
.btn-sucesss { background: #00a63f; border-radius: 2px; color: #fff; position: relative; margin-bottom: 2px; }
.btn-danger { background: #fd4040; border-radius: 2px; color: #fff; position: relative; margin-bottom: 2px; }
.btn-b { position: relative }
.btn-block { display: block; width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center }
/*.btn-b:after,.btn-danger:after,.btn-default:after,.btn-sucesss:after,.sbtn:after{content:"";position:absolute;height:100%;top:0;background:rgba(255,255,255,.2);width:0;left:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.btn-b:hover:after,.btn-danger:hover:after,.btn-default:hover:after,.btn-sucesss:hover:after,.sbtn:hover:after{width:100%;left:0}*/
.btn-white-border { border: 2px solid #fff; color: #fff; padding: 0 10px }
.btn-white-border:hover { color: #0081c4; background: #fff }
.gbtn, .gbtn span { background: url(images/buttons/gbtn.gif) no-repeat; font-weight: 100 }
.gbtn { background-position: left 0; display: inline-block; padding-left: 35px; cursor: pointer }
.gbtn span { background-position: right 0; height: 42px; line-height: 42px; display: block; text-align: center; color: #FFF; font-size: 18px; padding-right: 35px; margin-right: -1px }
.sbtn { border-radius: 3px; color: #00a63f; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 400; line-height: 28px; padding: 3px 13px; border: 1px solid #00a63f; position: relative }
.sbtn:hover { color: #fff; background: #00a63f; }
.dbtn { background: #00a63f; color: #fff; }
.logo img { display: block; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; }
.rbtn, .rbtn span { background: url(images/buttons/rbtn.png) no-repeat; font-weight: 100 }
.rbtn { background-position: left 0; display: inline-block; padding-left: 25px; cursor: pointer }
.rbtn span { background-position: right 0; height: 29px; line-height: 29px; display: block; text-align: center; color: #FFF; font-size: 13px; font-weight: 700; padding-right: 27px; margin-right: -2px }
.rounded-arrow { background: url(images/rounded-arrow.png) no-repeat left; padding-left: 25px; font-size: 15px; line-height: 19px; display: block; font-weight: 100 }
body { color: #555; font-size: 14px; font-family: Lato, sans-serif; background: #fff; font-weight: 400; line-height: 1.6; background: #ededed; }
.patua { font-family: Lato, sans-serif }
.quick-invoicing { background: url("images/background_grey.jpg") repeat scroll 0 0 #e3e3e3; bottom: 0; padding: 10px 0 20px; text-align: center; width: 100%; z-index: 50; }
.quick-invoicing h2 { font-size: 30px; font-weight: 300; line-height: 28px; }
.quick-invoicing p { color: #4c4c4c; font-size: 16px; margin-top: 10px; font-weight: 400; }
.btn-success { background: none repeat scroll 0 0 #00a63f; border-radius: 2px; color: #fff; display: inline-block; font-weight: 400; }
.close-ico { background: none repeat scroll 0 0 #888; color: #fff; display: block; font-size: 35px; font-weight: 100; height: 40px; line-height: 29px; position: absolute; right: 0px; top: 0; width: 40px; z-index: 100; }
.quick-invoicing .or-text { line-height: 50px; }
.cancel-choice { display: inline-block; font-size: 19px; padding-top: 10px }
.cancel-choice a { color: #4c4c4c; text-decoration: underline; padding: 0 7px }
.quick-invoice-bar { background: #ddeaf1; padding: 15px 0 }
.quick-invoice-bar .wrap { width: 580px }
.header { padding: 0 0; background: #fff; box-shadow: 0 1px 15px rgba(0, 0, 0, .15); position: relative;}
.fixed-header { padding-top: 82px }
.fixed-header .header { position: fixed; background: #fff; top: 0; width: 100%; left: 0; box-shadow: 0 1px 15px rgba(0, 0, 0, .15); transition: all .4s ease 0s; z-index: 999; transition: all .2s ease 0s; }
.normal-header .header { position: static; box-shadow: none }
.fixed-head .logo { padding: 10px 0; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; }
.fixed-head .logo img { max-width: 160px; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; }
.fixed-head .bt-menu { margin: 7px 0; }
.fixed-head .main-nav li a { padding-top: 12px; padding-bottom: 12px; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; }
.fixed-head .login-btn { margin-top: 8px; }
.fixed-head .sbtn { display: none; }
.fixed-head .dbtn { display: block; margin: 0; }
.login-btn { padding-left: 20px; padding-right: 2px; margin-top: 21px; }
.main-nav ul { list-style: none }
.main-nav li { display: inline; float: left; padding: 0 12px; position: relative; }
.main-nav li a { font-family: arial; color: #222; display: block; font-size: 14px; font-weight: 600; padding: 27px 0; text-transform: uppercase; }
.main-nav li a:hover { color: #307bb3 }
.main-nav li a span { display: block; line-height: 28px }
.main-nav li a span.home { background: url(images/home-ico.png) 1px 5px no-repeat; padding: 0 0 0 24px }
.main-nav li a.active span.home { /*background-position: 6px -18px*/ }
.main-nav li a.active { border-bottom: 2px solid #307bb3; color: #307bb3 !important; }
.submenu { position: absolute; top: 100%; border-top: 1px solid #eee; background: #fff; width: 220px; z-index: 99999; display: none; box-shadow: 0 1px 5px rgba(0, 0, 0, .15); transition: all .2s ease 0s; }
.submenu-w2 { width: 370px; }
.submenu:before { width: 0; height: 0; content: ''; position: absolute; top: -20px; left: 15px; border: 10px solid transparent; border-bottom: 10px solid #eee; }
.submenu:after { width: 0; height: 0; content: ''; position: absolute; top: -16px; left: 17px; border: 8px solid transparent; border-bottom: 8px solid #fff; }
.submenu li { display: block; float: none; margin: 0; padding: 0; border-bottom: 1px solid #eee; }
.submenu li a { padding: 10px 15px !important; font-family: arial; text-transform: none; }
.submenu li a:hover { background: #307bb3; color: #fff; }
.main-nav li:hover > ul { display: block; }
.submenu li:last-child { border-bottom: none; }
.bt-menu { border: 2px solid #333; border-radius: 5px; float: right; margin: 21px 0; padding: 5px; position: relative; display: none }
.bt-menu-trigger { cursor: pointer; display: block; height: 25px; position: relative; width: 25px }
.bt-menu-trigger span { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 3px; margin-top: -2px; background-color: #333; font-size: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color .3s; transition: background-color .3s }
.bt-menu-open .bt-menu-trigger span { background-color: transparent }
.bt-menu-trigger span:after, .bt-menu-trigger span:before { position: absolute; left: 0; width: 100%; height: 100%; background: #333; content: ''; -webkit-transition: -webkit-transform .3s; transition: transform .3s }
.bt-menu-trigger span:before { -webkit-transform: translateY(-250%); transform: translateY(-250%) }
.bt-menu-trigger span:after { -webkit-transform: translateY(250%); transform: translateY(250%) }
.bt-menu-open .bt-menu-trigger span:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg) }
.bt-menu-open .bt-menu-trigger span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg) }
.menu-padding { padding-top: 0; }
.banners { height: 400px; border-bottom: 1px solid #fff }
.banners-items { height: 400px; position: relative; z-index: 10 }
.banners-container { height: 400px; overflow: hidden; width: 960px; position: absolute }
.banners-items .shots { display: none; position: relative; height: 400px }
.flex-control-paging { bottom: 25px; left: 0; list-style: none none; position: absolute; z-index: 20 }
.flex-control-paging li { display: inline; float: left; padding: 3px }
.flex-control-paging a { background: #fff; border-radius: 50%; opacity: .5; cursor: pointer; display: block; height: 15px; text-indent: -9999em; width: 15px }
.flex-control-paging a.flex-active { opacity: 1 }
.banners-wrap { background: #307bb3; border-bottom: 1px solid #fff }
.pages-header { background: url(images/bg/7.jpg) center center/cover #444; padding: 65px 0 50px; width: 100% }
.Payments, .Upgrade, .pricing-page { background: url(images/bg/5.jpg) center center/cover #444 }
.contacts { background: url(images/bg/1.jpg) center center/cover #444 }
.Signup { background: url(images/bg/6.jpg) center center/cover #444 }
.pages-header a { color: #fff }
.pages-header h1, .pages-header h3 { color: #888; color: rgba(255, 255, 255, .6); font-weight: 100 }
.pages-header p { color: #fff; }
.pages-header h1:before { background: #307bb3; content: ""; height: 2px; position: absolute; top: -15px; width: 7% }
.pages-header h1 { color: #fff; font-size: 36px; font-weight: 300; position: relative }
.slider-nav { position: absolute; left: -1px; top: 365px; z-index: 150 }
.slider-nav ul { list-style: none }
.slider-nav li { display: inline; float: left; padding: 0 3px }
.slider-nav li a { text-indent: -999999px; display: block }
.slider-nav .slider-dot { padding-top: 2px }
.slider-nav .slider-dot a { background: #fff; border-radius: 10px; height: 13px; opacity: .5; width: 13px }
.slider-nav .slider-dot a.active, .slider-nav .slider-dot a:hover { background: #fff; opacity: 1 }
.slider-nav .slide-left a { background: url(images/slider-left.gif) no-repeat; width: 13px; height: 17px }
.slider-nav .slide-left a.disabled, .slider-nav .slide-left a:hover { background-position: 0 -17px }
.slider-nav .slide-right a { background: url(images/slider-right.gif) no-repeat; width: 13px; height: 17px }
.slider-nav .slide-right a.disabled, .slider-nav .slide-right a:hover { background-position: 0 -17px }
.additional-features img { padding-top: 82px }
.shot-details { position: relative; padding-top: 43px }
.slide-wrapper .shot-details { padding-top: 25px; }
.shot-details h1 { font-size: 40px; color: #fff; font-weight: 400; line-height: 44px; }
.shot-title h1 { font-size: 46px; color: #fff; font-weight: 400; line-height: 60px; }
.col-md-12 .main-title h1 { font-size: 29px; color: #fff; font-weight: 400; line-height: 38px !important; }
.paralax-background h1 { text-align: center; }
.shot-details h3 { font-size: 16px; color: #fff }
.shot-details p { font-size: 19px; line-height: 28px }
.shot-btns { padding: 30px 0 20px; overflow: hidden }
.shot-btns a { margin-bottom: 5px }
.shot-btns a.btn-a { background: none; border: 3px solid #fff; color: #fff; display: block; font-size: 17px; font-weight: 400; height: 47px; line-height: 47px; text-align: center; text-transform: uppercase; width: 168px }
.shot-btns a.btn-b { background: #00a63f; border: 3px solid #00a63f; color: #fff; display: block; font-size: 20px; font-weight: 400; height: 47px; line-height: 47px; text-align: center; padding: 0 15px; position: relative }
.shot-btns a.btn-c { background: none; border: 2px solid #fff; margin: 0; color: #fff; display: block; font-weight: 300; height: 85px; text-align: center; width: 270px }
.landing-btns { text-align: center; padding-bottom: 0; }
.landing-btns a { display: inline-block !important; margin: 0 10px 0 0; float: none !important; }
a.btn-c span.title-a { display: block; font-size: 24px; font-weight: 400; padding-bottom: 0; padding-top: 9px }
a.btn-c span.title-b { display: block; font-size: 17px }
.features-shots .shot-btns { padding: 25px 0 10px }
.shot-btns a { margin-right: 15px; float: left }
.shot-desc { color: #fff; font-size: 12px; padding: 10px 0 }
.shot-desc ul { list-style: none }
.shot-desc ul li { display: block; padding: 3px 0 }
.shot-desc ul li span { display: block; background: url(images/tick.png) 0 5px no-repeat; padding-left: 15px }
.shot-img { margin-top: 0; display: block; margin-left: auto; margin-right: auto; }
.flex-direction-nav { margin-top: -9px; position: absolute; list-style: none; width: 100%; top: 50%; z-index: 10 }
.flex-prev { display: block; cursor: pointer; position: absolute; left: 20px; text-indent: -90000px; top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); width: 20px; height: 20px; z-index: 2000; border: 4px solid #fff; border-right: none; border-top: none; -webkit-font-smoothing: subpixel-antialiased; margin-top: -15px }
.flex-prev:after { content: " "; border-color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg) }
.flex-next { display: block; cursor: pointer; position: absolute; right: 20px; text-indent: -90000px; top: 50%; transform: rotate(220deg); -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); width: 20px; height: 20px; z-index: 2000; border: 4px solid #fff; border-right: none; border-top: none; -webkit-font-smoothing: subpixel-antialiased; margin-top: -15px }
.flex-next:after { content: " "; border-color: #fff; transform: rotate(220deg); -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg) }
.content h1 { font-size: 35px; font-weight: 300; padding-bottom: 20px }
.quick-features { width: 846px; height: 200px; padding: 30px 30px 0 25px; background: url(images/main_features.gif) no-repeat; margin-left: 3px; overflow: hidden }
.home-page { padding: 5px 0; width: 902px; margin: 0 auto }
.main-features { overflow: hidden }
.main-features h1 { font-size: 35px; font-weight: 300; padding-bottom: 5px }
.main-features p { font-size: 16px; line-height: 20px }
.main-features .featured-context { width: 410px }
.feature-item .m-b-0 img { max-width: 180px; height: auto; }
/* simple */
.flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; }
.flip-container:hover .back, .flip-container.hover .back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
.flip-container:hover .front, .flip-container.hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
/* END: Accommodating for IE */

.flip-container, .front, .back { width: 100%; height: 220px; }
.flipper { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; }
.front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position: absolute; top: 0; left: 0; }
.front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; }
.back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); border: 1px solid #eee; border-radius: 5px; padding: 20px; height: auto; display: block; box-sizing: border-box; background: #eee; }
.back p { font-size: 15px; color: #444; font-weight: 400; }
.features-list { padding: 0 0 10px; overflow: hidden }
.features-list h2.why-us { background: url(images/question-mark.gif) right center no-repeat; float: left; font-size: 26px; font-weight: 100; height: 38px; line-height: 37px; margin: 10px 0 15px; padding-right: 50px }
.feature-item { margin: 25px 0; position: relative; padding: 0; text-align: center; }
.feature-item > .cir { display: block; margin: 0 auto 20px auto; text-align: center; width: 100px; height: 100px; }
.feature-item > .cir img { width: 100%; height: auto; }
.feature-details { overflow: hidden; }
.feature-item h3 { font-size: 17px; font-weight: 400; padding-bottom: 10px }
.feature-item h3 a { color: #0588CC; }
.feature-item p { font-size: 14px; font-weight: 300 }
.video-container { background: #f7f7f8; border: 1px solid #e4e4e4; padding: 15px 22px 10px; width: 230px; text-align: center; margin: 0 auto 7px; display: none }
.video-owner { text-align: left; padding: 9px 0 }
.video-owner h4 { font-size: 12px; padding-bottom: 0 }
.section { overflow: hidden; padding: 60px 0; border-bottom: 1px solid #e0e0e0; }
.extra-padding { padding: 150px 0; }
.content-page .section { vertical-align: middle; }
.section-inverse { background: url(images/background_grey.jpg) #f9f9f9; }
.section-blue-img { background: url(images/blue-battern.jpg) #307bb3; border: none; background-size: cover; padding-bottom: 0; }
.abs-img { position: relative; bottom: -8px; right: 0; max-width: 100%; }
.pos-relative { position: relative; }
.featured-content p { font-size: 26px; line-height: 40px; margin-bottom: 30px; }
.content-page ul { margin: 15px }
.content-page ul li { padding: 3px 0 }
.content-page p { color: #555 }
.featured-content { background: url(images/background_grey.jpg) #f9f9f9; font-size: 18px; overflow: hidden; padding: 110px 0 }
.featured-context { overflow: hidden; padding: 0 0 40px }
.featured-context>h2 { font-size: 50px; font-weight: 300; line-height: 59px; margin-bottom: 10px }
.section-desc { font-size: 19px; }
.section-desc h3 { color: #307bb3; font-size: 25px; font-weight: 400 }
.content-page .section-desc { padding-left: 30px; display: table-cell; vertical-align: middle; }
.content-page .section-img { display: table-cell; vertical-align: middle; }
.content-page .section-img > img { float: left; }
.li-items { list-style-type: none; padding: 0; margin: 0; font-size: 19px; display: inline-block; text-align: left; }
.li-items li { padding-left: 30px; line-height: 25px; margin-bottom: 10px; position: relative; }
.li-items li i { color: #00a63f; position: absolute; left: 0; }
.home-bar { position: relative; margin: 25px 0 }
.home-bar img { position: absolute; left: 20px; bottom: 0 }
.home-bar p { color: #307bb3; font-size: 14px; font-weight: 700; line-height: 16px }
.home-bar .featured-context { padding-left: 165px }
.home-bar .gbtn { margin-top: 7px }
.left-thumb { padding-right: 15px }
.right-thumb { padding-left: 15px }
.welcome-section { background: #fff; color: #333; margin: 0; padding: 30px 0 }
.benefits { list-style: none none; padding: 15px 0 }
.benefits li { background: url(images/bullet-yes.png) 0 5px/23px auto no-repeat; color: #fff; font-size: 16px; font-weight: 400; margin: 0 0 1.5em; padding-left: 34px }
.sidebar { }
.sidebar ul { list-style: none }
.sidebar li { display: block; padding-bottom: 10px }
.sidebar li a { border: 1px solid #ddd; color: #000; display: block; font-size: 16px; padding: 16px 20px; position: relative; font-weight: 400 }
.sidebar li.active a { background: #307bb3; border: 1px solid #307bb3; border-radius: 0; color: #fff }
.rightbar .sidebar { background: 0 0 }
.features-slider { height: 400px }
.features-container { position: relative; height: 400px }
.features-slider .slider-nav { top: 305px }
.slider-nav .count-of { color: #FFF; font-size: 20px; line-height: 12px }
.features-shots { position: relative; overflow: hidden; margin: 0 auto; height: 400px }
.shots-container { position: absolute; left: 0; top: 0; height: 400px; overflow: hidden }
.shots-container .shots { float: left; height: 400px; width: 960px; position: relative }
.featur-actions { padding: 20px 0 }
.shots .featur-actions a { color: #fff; text-decoration: underline }
.customize-system .shot-img { padding-top: 20px }
.invoices-creation .shot-details { padding-top: 55px }
.invoices-creation .shot-details ul { padding-top: 7px }
.recurring-invoices .shot-details { }
.receive-payments .shot-details { padding-top: 33px }
.receive-payments .shot-desc { padding: 0; }
.receive-payments .features-shots .shot-btns { padding: 15px 0 10px; }
.receive-payments .shot-img { margin-top: 18px; }
.security-safety .shot-details { padding-top: 32px; }
.statements-reports .shot-img { margin-top: 22px; }
.forms { padding-bottom: 20px }
.form-wrap { background: #FAFAFA; border: 1px solid #E7E7E7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px; box-shadow: 0 0 6px rgba(0, 0, 0, .1) }
.warning { background-color: #F2DEDE; border: 1px solid #EED3D7; font-size: 18px; padding: 20px; line-height: 26px }
.warning p { margin-bottom: 15px }
.center { text-align: center; padding: 10px 0 }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
button { overflow: visible; background: 0 0; border: none; cursor: pointer; font-family: Lato, sans-serif }
.forget-password-link { font-size: 12px; line-height: 40px }
.login-header h1 { color: #72a731 }
.login-header h2 { color: #307bb3; font-size: 18px; font-weight: 100 }
input { }
.input { display: block; padding: 8px 0 0; position: relative; overflow: hidden }
.input label { color: #333; display: block; font-size: 15px; font-weight: 400; padding: 5px 0 }
.survey-form .input label { font-size: 18px; }
.form-txt { font-size: 14px; padding: 0 10px 0 0 }
.input select, .text input, .text textarea, textarea {height: 38px; background: #fff; border: 1px solid #999; border-radius: 2px; color: #555; display: block; font-size: 14px; padding: 0 10px; resize: none; width: 100%; margin-bottom: 8px }
.text input:focus { background-color: #fefefe; border-color: #307bb3 }
.input label span { font-weight: 700; color: red; padding: 0 2px }
.sub-domain strong { padding: 0 5px 0 0 }
.submit { border-bottom: medium none; padding-top: 10px; background: 0 0 }
.error-message { background: #e2574c; clear: both; color: #fff; display: inline-block; font-size: 11px; padding: 4px 13px; }
.login-form .forms { padding: 25px }
.pre-input { background: #eee; border: 1px solid #999; font-size: 12px; height: 36px; line-height: 36px; padding: 0 8px; position: absolute; text-align: center; width: 45px }
.input .has-error, .input .has-error:focus { border-color: #AA0000; color: #AA0000; }
.input .icon-cancel, .input .icon-ok { position: absolute; top: 8px; right: 23px; }
.input .has-success, .input .has-success:focus { border-color: #008500; color: #008500; }
.input .icon-ok { color: #008500; }
.input .icon-cancel { color: #AA0000; }
.text .sub-domain { padding-left: 65px }
input.error-message, select.error-message, textarea.error-message { background: #ffedec }
.Errormessage, .Notemessage, .Sucmessage { font-size: 16px; font-weight: 400; margin: 30px auto 0; padding: 22px; width: 70% }
.Sucmessage { color: #06939f; background: url(images/bg_succes_msg.gif) right bottom no-repeat #edf9fb }
.Errormessage, .Notemessage { color: #c8271d; background: url(images/bg_error_msg.gif) right bottom no-repeat #ffeceb }
.subdomain-input .field-wrap { margin: 0 5px }
.subdomain { font-size: 18px; font-weight: 100; color: #333; line-height: 45px; margin-left: -20px }
.form-text { clear: both; color: #555; font-size: 11px; line-height: 16px; padding: 5px }
.side-hints { padding: 10px 0 30px }
.side-hints h3 { font-weight: 400 }
.side-hints p { line-height: 18px }
.pricing-table { padding: 50px 0 }
.package-box { background: #fff; border: 1px solid #ccc; margin-top: 50px }
.package-box:hover { border: 1px solid #aaa; background: #f9f9f9; }
.package-heade { color: #fff; padding: 15px }
.package-heade>h3 { color: #fff; font-size: 30px; text-transform: uppercase; font-weight: bold; }
.package-heade>h4 { color: #fff; font-size: 25px; font-weight: bold; }
.package-heade>h5 { color: #fff; font-weight: bold; }
.package-list { list-style: none none }
.package-list>li { border-bottom: 1px solid #ddd; font-size: 15px; min-height: 22px; padding: 15px 0; font-weight: 400 }
.package-list>li .note { color: #888; font-size: 11px }
.package-list select { border: 1px solid #ddd; display: block; margin: 0 auto; padding: 5px 2%; width: 90% }
.package-box .btn { margin: 30px 0 }
.package-a .package-heade { background: #00a63f }
.package-b .package-heade { background: #d5aa55; }
.package-b .package-heade > h3, .package-b .package-heade > h4, .package-b .package-heade > h5 { color: #684500; text-shadow: 0 1px #ffe8b1; }
.package-c .package-heade { background: #cecece }
.package-c .package-heade > h3, .package-c .package-heade > h4, .package-c .package-heade > h5 { color: #655C5C; text-shadow: 0 1px #f1f1f1; }
.package-d .package-heade { background: #b7afa4 }
.package-d .package-heade > h3, .package-d .package-heade > h4, .package-d .package-heade > h5 { color: #44413D; text-shadow: 0 1px #d2c8bb; }
.plans-snippets { font-size: 12px; padding: 40px 0; font-weight: 400 }
.login-page { padding: 20px; margin: 0 auto; width: 780px }
.login-page h1 { font-size: 30px; font-weight: 100; margin-bottom: 0; text-align: center }
.login-finder label span { padding: 2px 5px; font-size: 12px; color: #888 }
.login-finder input { padding: 10px 7px; font-size: 18px; color: #333; border: 1px solid #ccc; margin: 8px 10px 0 0; width: 505px }
.login-finder button { padding-top: 7px }
.account-url { text-align: center }
.account-url a { font-size: 18px; color: #307bb3; font-weight: 700 }
.from-blog { display: block }
.from-blog .btn-sm { margin: 10px 0 }
.from-blog ul { list-style: none }
.from-blog li { display: block; padding-bottom: 15px }
.from-blog li h3 { font-size: 16px; font-weight: 600 }
.from-blog li h3 a { color: #fff }
.from-blog .comments-total { color: #fff; font-size: 11px; padding: 4px 0 }
.loading { background: url(images/loading.gif) center 100px no-repeat; min-height: 400px }
.footer { margin-top: 30px; background: url(images/bg/1.jpg) center bottom no-repeat fixed #333; color: #fff; padding: 30px 0 }
.footer h2:after { border-bottom: 2px solid #fff; bottom: 0; content: ""; display: block; left: 0; position: absolute; width: 60px }
.footer h2 { color: #fff; font-size: 26px; font-weight: 300; margin-bottom: 15px; padding-bottom: 10px; position: relative }
.links { list-style: none }
.links li { padding: 0 }
.links a { color: #fff; font-size: 16px }
.copyrights { background: #333; color: #fff; display: block; font-size: 13px; padding: 20px 0 }
.copyrights a { color: #fff }
.table { width: 100%; font-size: 12px }
.listing { margin-bottom: 15px }
.listing th { background: #e7e7e7 }
.listing { border: 1px solid #ddd; border-collapse: collapse }
.listing td, .listing th { text-align: left; border: 1px solid #ddd; border-collapse: collapse; border-left: 0; border-right: 0; font-weight: 400 }
.listing th { border-bottom: 1px solid #ddd; border-top: 1px solid #FFF; padding: 5px 10px }
.listing td { padding: 7px 10px; background: #fff }
.listing .odd td { background: #fff }
.listing .active td, .listing tr:hover td { background: #f2ffe5 }
.listing-actions { background: #e6eaed; border: 1px solid #d4d4d4; padding: 7px 10px; border-top: none; font-size: 11px; border-radius: 0 0 5px 5px }
.listing-actions select { width: 150px; border: 1px solid #BBB; padding: 2px }
.listing-actions .btn { border: 1px solid #fdfdfd }
.listing-actions label { font-size: 11px; display: inline; font-weight: 100 }
.listing-meta { color: #333 }
.site-block { background: #e3e3e3; margin-bottom: 20px; overflow: hidden; padding: 10px 10px 25px; position: relative }
.site-meta { background: #fff; padding: 10px 15px; overflow: hidden; margin-bottom: 15px }
.site-meta h2 { font-size: 24px; font-weight: 400 }
.site-meta .gbtn { margin-top: 10px }
.site-meta .meta { color: #777; display: block; font-size: 13px; padding: 5px 0 }
.site-block .actions { background: #edf1f4; padding-top: 10px }
.widget { margin-bottom: 30px }
.widget-header { font-size: 18px; font-weight: 400; color: #FFF; padding: 10px 15px; text-align: left }
.widget-content { border: 1px solid #d4d4d4; border-top: 0; padding: 15px }
.quick-nav { background: #eee; border: 1px solid #ddd; margin-bottom: 20px }
.quick-nav h4 { color: #2c1c00; font-size: 20px; padding: 10px 18px }
.quick-nav h4 span { display: block; color: #8c8c8c }
.quick-nav ul { list-style: none }
.quick-nav ul li { background: none; border-top: 1px solid #ddd; padding: 0 }
.quick-nav ul li a { display: block; font-size: 14px; font-weight: 400; padding: 15px 10px; right: 0; width: auto; color: #333 }
.quick-nav ul li a.active, .quick-nav ul li a:hover { background: #307bb3; color: #fff }
ul.subnav li { background: 0 0 }
ul.subnav li a { background: none; font-size: 15px; padding: 8px 35px }
.renew-personal { margin-bottom: 20px }
ul.actions { list-style: none; margin: 0 }
.actions li { float: left }
.actions li a { color: #333; display: block; float: left; font-weight: 400; line-height: 16px; margin-right: 10px; padding-left: 22px; text-transform: capitalize }
.edit { background: url(images/ico/edit.png) no-repeat left }
.delete { background: url(images/ico/delete.gif) no-repeat left }
.view { background: url(images/ico/view.gif) left center no-repeat }
.reviews { background: url(images/ico/review.png) left center no-repeat }
.receipt { background: url(images/ico/invoice.png) left center no-repeat }
.login-to { background: url(images/ico/key.png) left center no-repeat }
.formbox { background: #f7f7f7; border: 1px solid #ddd; padding: 15px; margin-bottom: 15px }
.formbox h3 { background: #e8e8e8; border-bottom: 1px solid #ddd; font-weight: 700; font-size: 16px; margin: -15px -15px 10px; padding: 20px 15px; position: relative }
.token-list { width: 100% }
.token-list td { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #ddd; font-size: 16px; padding: 6px 10px; }
.rapid-ssl { float: right; position: relative }
.btn, .btn-default, .btn-white-border, .package-box, .sbtn, .scroll-up, .shot-btns a { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear }
.social { margin-top: 20px }
.social>a { display: inline-block; opacity: .9; padding: 0 5px }
.social>a:hover { opacity: 1 }
.social img { width: 34px }
.quick-contact-box { margin-bottom: 10px }
.quick-contact-box input, .quick-contact-box textarea { background: #fff; border: 2px solid #fff; border-radius: 1px; color: #333; display: block; font-size: 15px; padding: 5px; width: 100%; font-family: Arial, Helvetica, sans-serif }
.quick-contact-box textarea { height: 100px }
.pages-view { padding-top: 40px; padding-bottom: 40px; }
.login-section { background: #e3e3e3; padding: 40px 0 }
.login-form { background: #fff; float: none!important; margin: 0 auto }
.call-to-action { background: #eee; padding: 25px 0 }
.call-to-action h2 { color: #333; font-size: 24px; line-height: 45px }
.scroll-up { background: #000; border-radius: 4px; bottom: 15px; color: #fff; display: none; font-size: 20px; height: 40px; line-height: 38px; opacity: .4; position: fixed; right: 20px; text-align: center; width: 40px; z-index: 100 }
.scroll-up:hover { opacity: 1; background: #307bb3 }
.cc-ico { display: block; padding: 5px; }
.cc-ico > img { display: inline-block; vertical-align: middle; }
#Stage { overflow: visible!important }
/*invoice animation*/
.invoice-frame { height: 330px; overflow: hidden; position: relative; width: 500px; }
.invoice-frame img { display: block }
.left-icos { bottom: 85px; left: 2px; position: absolute; }
.right-icos { bottom: 72px; position: absolute; right: 30px; }
.invoice { bottom: 0; left: 84px; position: absolute; z-index: 30; }
.shadow { bottom: 62px; left: 85px; position: absolute; z-index: 20; }
.invoice-frame .mail { bottom: 0; left: 85px; position: absolute; z-index: 30; }
.invoice img { -webkit-animation-name: Floatingx; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; }
.featured-content img { display: block; }
.list-payments { text-align: center; }
.list-payments ul li { display: inline-block; text-align: center; padding: 0 15px; list-style-type: none; }
.list-payments ul li img { display: block; }
 @-webkit-keyframes Floatingx {
from {
-webkit-transform:translate(0, 0px);
}
 65% {
-webkit-transform:translate(0, 15px);
}
to {
-webkit-transform: translate(0, -0px);
}
}
 @-moz-keyframes Floating {
from {
-moz-transform:translate(0, 0px);
}
 65% {
-moz-transform:translate(0, 15px);
}
to {
-moz-transform: translate(0, -0px);
}
}
.left-icos img { -webkit-animation-name: scalex; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: scale; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; }
.right-icos img { -webkit-animation-name: scalex; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: scale; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; }
 @-webkit-keyframes scalex {
from {
-webkit-transform: scale(0.9);
}
 65% {
-webkit-transform: scale(1.0);
}
to {
-webkit-transform: scale(0.9);
}
}
 @-moz-keyframes scale {
from {
-moz-transform: scale(0.9);
}
 65% {
-moz-transform: scale(1.0);
}
to {
-moz-transform: scale(0.9);
}
}
.terms { font-family: arial; }
.terms h3 { font-size: 24px; font-weight: bold; color: #307bb3; }
.terms h4 { font-weight: bold; color: #333; font-size: 16px; }
.terms li { font-size: 16px; margin-bottom: 5px; }
.main-header { background: #307bb3; padding: 40px 0; margin-bottom: 30px; }
.form-search .form-control { width: 100%; padding: 11px; background: #fff; border: none; font-size: 15px; border-radius: 2px; color: #888; }
.form-search .btn { background: none repeat scroll 0 0 #00a63f; border-radius: 2px; color: #fff; display: inline-block; font-size: 18px; font-weight: 400; padding: 10px 15px; border: none; width: 100%; margin: 0; }
.content-page .blog-wrap { background: none !important; }
.content-page .blog, .content-page .postBox { padding: 0; }
.content-page .postBox h1 { padding-top: 0; }
.search-button:before { content: "\f002"; font-family: "FontAwesome"; color: #fff; font-size: 18px; margin-right: 4px; position: relative; }
.servey-header { background-image: none; background: #307bb3; padding: 50px 0; width: 100%; }
.servey-header h1 { color: #fff; }
.servey-header h1 img { width: 90px; height: auto; position: relative; float: left; margin-right: 30px; margin-top: -23px; }
.max-form { max-width: 640px; margin: 0 auto; }
.contact-intro span { font-size: 18px; margin-bottom: 15px; color: #307bb3; display: block; }
.contact-intro h2 { font-size: 30px; margin-bottom: 0; }
.contact-intro h3 { color: #307bb3; font-size: 22px; font-weight: 300; }
.contact-intro p { color: #353535; font-size: 16px; }
.form-container { background: #eee; padding: 15px 30px; }
.form-container .input { padding: 0; }
.captcha img { padding: 4.5px; background: #fff; float: left; margin: 0 15px 15px 0; border: 1px solid #eee; }
.clearform label { display: none; }
.clearform input { width: auto; }
.Address-hints { margin-bottom: 30px; }
.Address-hints h3 { color: #307bb3; font-size: 22px; margin: 0; padding-bottom: 10px; }
.Address-hints p { color: #333; font-size: 26px; margin: 0; line-height: 30px; }
.Address-hints p span { font-size: 12px; margin-top: 5px; display: block; }
.content-text { margin-bottom: 0; font-family: arial; }
.content-text h2 { color: #307bb3; font-size: 28px; margin-bottom: 15px; }
.content-text h3, .content-text h4, .content-text h5, .content-text h6 { color: #111; font-size: 18px; font-weight: bold; padding: 0; margin-bottom: 12px; }
.content-text h5 { font-size: 17px; }
.content-text h6 { font-size: 15px; }
.content-text p { margin-bottom: 22px; line-height: 22px; font-size: 14px; color: #000; }
.content-text ul, .content-text ol { list-style-type: none; margin-left: 17px; }
.content-text ol { }
.content-text ol ol li > h5 { text-decoration: underline; font-weight: normal; font-size: 20px; }
.content-text > ol { list-style-type: none; }
.content-text ul li, .content-text ol li { font-size: 14px; line-height: 22px; color: #111; margin-bottom: 0; }
.content-text ul li ul, .content-text ol li ol { padding-left: 15px; }
.content-text ol li ol ol { list-style-type: lower-roman; margin-bottom: 15px; }
.content-text ul li ul li, .content-text ol li ol li { font-size: 13px; color: #333; margin: 10px 0 0 0; }
.aboutlist ul { list-style-type: none; margin-bottom: 0; margin-left: 0; }
.aboutlist ul li { float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #307bb3; font-size: 16px; }
.aboutlist ul li:last-child { border-right: none; }
.p2 { font-size: 16px; }
.list-small { margin-left: 0; padding-left: 0; }
.list-small li { margin: 0 !important; }
.fmenu { padding-top: 0; }
.color-black { color: #000; }
.form-servey .input { margin-bottom: 10px; }
.slide-wrapper { background: #000; position: relative; padding: 90px 0 0 0 }
.slide-background { background: url(images/person-apple-laptop-notebook.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; position: absolute; opacity: .2; top: 0; left: 0; bottom: 0; right: 0; }
.cars-background { background: url(images/landing/car-servicing1.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.clinic-background { background: url(images/landing/clinic.png) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.education-background { background: url(images/landing/education.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.kinder-background { background: url(images/landing/kinder-small.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.stores-background { background: url(images/landing/stores.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.gym-background { background: url(images/landing/gym.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.realestate-background { background: url(images/landing/realestate.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.travel-background { background: url(images/landing/travil.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.law-background { background: url(images/landing/law.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.translation-background { background: url(images/landing/translation.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.cleaning-background { background: url(images/landing/cleaning.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.printing-background { background: url(images/landing/printing.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.marketing-background { background: url(images/landing/marketing.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.accounting-background { background: url(images/landing/accounting.png) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.coiffeur-background { background: url(images/landing/coiffeur.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.conditioning-background { background: url(images/landing/conditioning.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.transporting-background { background: url(images/landing/transporting.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.landscape-background { background: url(images/landing/landscape.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.jewelry-background { background: url(images/landing/jewelry.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.maintenance-background { background: url(images/landing/maintenance.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.sales-background { background: url(images/landing/sales.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.stock-background { background: url(images/landing/stock.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.accounting2-background { background: url(images/landing/accounting.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.customers-background { background: url(images/landing/customers.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.schools-background { background: url(images/landing/schools.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.plumbing-background { background: url(images/landing/plumber.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; }
.img-responsive { max-width: 100%; margin-right: auto; margin-left: auto; }
.slide-wrapper-cars { background: #b33030; padding: 90px 0; }
.slide-wrapper-clinic { background: #00A1AD; }
.slide-wrapper-marketing { background: #BD9406; }
.slide-wrapper-landscape { background: #618754; }
.slide-wrapper-sales { background: #006628; }
.slide-wrapper-jewelry { background: #776700; }
.padding90 { padding: 90px 0; }
.center-description .sec-header:after { left: 50%; margin-left: -63px; }
.center-description .btn-b { display: inline-block !important; float: none; margin: 0 10px; }
.text-center.sec-header:after { left: 50%; margin-left: -63px; }
.section-green { background: #307bb3; color: #fff; border: none; }
.section-green .prim-header { color: #fff; }
.section-green .sec-header:after { border-bottom: 2px solid #fff; }
.section-green .section-desc { font-size: 19px; }
.paralax-wrapper { background: #222; position: relative; padding: 80px 0 100px; }
.paralax-wrapper p { font-size: 20px; color: #fff; margin-top: 20px; line-height: 26px; }
.paralax-background { background: url(images/staff.jpg) no-repeat; background-attachment : fixed; background-position : center center; background-size : cover; position: absolute; opacity: .2; top: 0; right: 0; bottom: 0; left: 0; }
.feature-iconed img { max-width: 100%; height: auto; margin: 0 auto; }
.feature-iconed { margin-bottom: 15px; line-height: 67px; }
.feature-iconed i { display: inline-block; width: 60px; float: left; height: 49px; padding-top: 11px; text-align: center; border: 1px solid #000; line-height: 39px; color: #00A63F; border-radius: 50%; font-size: 29px; margin-right: 10px; transition: all .2s ease 0s; }
.center-description { max-width: 877px; margin: 0 auto; margin-top: 23px; }
.feature-iconed:hover i { }
.paralax-background2 { background: url(images/supplierrelationships.jpg) no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; }
.pa-background2 h1 { line-height: 48px !important; }
.icon-barcode { line-height: 44px; }
.feature-iconed h3 { display: inline-block; font-size: 15px; font-weight: 500; color: #555; }
.feature-iconed:hover h3 { }
.m-t-30 { margin-top: 30px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-10 { margin-bottom: 10px; }
.logo { float: left; padding: 18px 0; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; }
.section-green-img { background: #2ABB9C; border: none; background-size: cover; }
.section-green-img p { font-size: 19px; }
.section-green-img .sec-header::after { border-bottom: 2px solid #fff; bottom: 0; content: ""; left: 50%; margin-left: -63px; position: absolute; width: 126px; }
.checkbox, .radio { position: relative; display: block; margin-top: 4px; margin-bottom: 0; }
.checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; line-height: 20px; }
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: absolute; margin-top: 4px; width: auto !important; margin-left: -20px; }
.companies-list { padding: 0; margin: 0; list-style-type: none; }
.companies-list li { background: #eee; padding: 10px; margin-bottom: 10px; }
.companies-list li a { color: #307bb3; text-decoration: underline; }
.pagination { display: inline-block; padding-left: 0; margin: 20px 0 30px 0px; border-radius: 4px; }
.pagination > li { display: inline; position: relative; float: left; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li > a, .pagination > li > .disabled, .pagination > li.current { display: block; padding: 6px 12px; }
.pagination > li > a:hover { background: #eee; }
.pagination > li > .disabled { color: #888; }
.pagination > li.current { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }
.supplier-view p { font-size: 16px; }
.supplier-view h1 { font-weight: 600; }
.supplier-view h3 { color: #307bb3; }

@media only screen and (max-width: 1199px) {
.slide-wrapper { padding: 110px 0 0 0; }
.shot-title h1 { font-size: 44px; }
.abs-img { max-width: 540px; }
.feature-iconed h3 { font-size: 13px; }
}

@media only screen and (max-width: 991px) {
.shot-title h1 { line-height: 60px; }
.shot-details { padding-top: 5px; }
.shot-btns { padding: 30px 0 30px; }
.slide-wrapper { padding: 40px 0 0 0; }
}

@media only screen and (max-device-width :991px) {
.menu-padding { position: static; }
.bt-menu { display: block }
.main-nav { background: #fff; display: none; position: relative; width: 100%; z-index: 50 }
.main-nav li { display: block; float: none; padding: 0 }
.main-nav li a { border-radius: 0; color: #333; display: block; font-size: 18px; font-weight: 400; padding: 12px 15px; border-top: 1px solid #eee; }
.submenu { position: relative; width: 100%; box-shadow: none; background: #f5f5f5; }
.submenu:before, .submenu:after { display: none; }
.btn-green.m-l { margin-left: 0; }
.main-nav li a.btn-success { color: #fff; }
.main-nav li a span { line-height: 20px }
.login-btn { padding: 0 }
.login-btn .sbtn { display: block; text-align: center }
.banners, .banners-items, .banners-items .shots, .features-container, .features-shots, .features-slider { height: auto }
.sidebar { min-height: auto }
.quick-invoice-bar, .rapid-ssl, .shot-img { display: none }
.quick-invoicing h2 { font-size: 20px }
.cancel-choice, .quick-invoicing .btn-success, .quick-invoicing p { font-size: 12px }
.listing td, .listing tr { display: block; overflow: hidden }
.listing th { display: none }
.listing tr:nth-child(odd) td { background: #f1f1f1; border-color: #fff }
.flex-control-paging { right: 0; left: auto }
.subdomain-input .subdomain { margin-left: 0 }
.table-cell {
	display:block;
	text-align:left;
}
}

@media only screen and (max-width: 480px) {
.logo { text-align: center; }
.paralax-wrapper {padding: 40px 0 50px;}
.col-md-12 .main-title h1 {
    font-size: 23px;
}
.btn-lg { padding-left: 27px; padding-right: 27px; }
.shot-title h1 { font-size: 32px; line-height: 40px; }
.slide-wrapper .shot-details { padding-top: 0; }
.shot-btns a { margin: 0 0 15px; float: left; }
.shot-btns { padding: 30px 0 10px; }
.section img { max-width: 100%; }
.prim-header { font-size: 32px; line-height: 34px; }
.sec-header { font-size: 18px; margin-bottom: 20px; margin-top: 0; }
.shot-btns a.btn-b { margin: 0 0 15px 0; }
.table-cell { display: table; }
.table-cell img { margin: 30px 0; }
.section { padding: 30px 0; }
.featured-context > h2 { font-size: 40px; line-height: 42px; }
.featured-content p { font-size: 21px; line-height: 30px; margin-bottom: 30px; }
.abs-img { bottom: -38px; }
.feature-iconed i { width: 50px; height: 46px; padding-top: 4px; line-height: 40px; margin-right: 3px; }
.feature-iconed { line-height: 47px; }
.btn-md { margin: 15px 0 0 0 !important; padding: 10px 20px; }
.row.m-t-30.m-b-30 { margin-bottom: 0; }
.list-payments ul li { margin: 15px 0; }
.center-description { padding: 0 15px; }
.row > .text-center { padding: 0 15px; }
.featured-context { padding-bottom: 0; }
.featured-content p { }
}