@charset "utf-8";
@import url(../../https@fonts.googleapis.com/css@family=Raleway_3A400,700);
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; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 25px; font-family: 'Open Sans',sans-serif; }

.floatR { float: right; }

.floatL { float: left; }

ol, ul { list-style: none; }

a { color: #7B9920; font-size: 13px; }

blockquote, q { quotes: none; }

blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.clear { clear: both; }
.row { margin: 0px -15px; }
.top-header { background-color: #333; color: #eee; font-size: 13px; padding: 3px; display: none; z-index: 1000; }
.top-header a { color: inherit; text-decoration: none; }
.top-header .call1 { padding-left: 10px; }
.top-header .email1 { padding-right: 10px; }
.header { background: url(../images/header.png) repeat-x; height: 108px; position: fixed; width: 100%; z-index: 999; top: 0; left: 0px; }

.wrapper { width: 990px; height: auto; margin: 0 auto; position: relative; }

.login { position: absolute; right: 0; cursor: pointer; margin-top: -11px; }

#content { display: none; width: 250px; height: auto; float: right; padding: 10px; background: #FF5D00; border-radius: 0 0 0 7px; margin-top: -10px; }

#content li { font-size: 14px; color: #fff; padding: 5px 0; }

.logo { float: left; width: 160px; padding: 7px 0 0; }

#nav { float: right; padding: 12px 0; margin-right: 85px; }

#nav li { display: block; float: left; padding: 0 15px; }

#nav li a { display: block; text-decoration: none; }

#nav a span:before { background-image: url(../images/sprite.png); background-repeat: no-repeat; content: ""; display: block; float: none; height: 43px !important; margin: 0 auto 5px; width: 42px !important; }

#nav li#home a span:before { background-position: 0 -50px; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; }

#nav li#home.active span:before { background-position: 0 -150px; }

#nav li#home a:hover span:before { background-position: 0 -150px; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

#nav li#about a span:before { background-position: -150px -50px; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

#nav li#about.active span:before { background-position: -150px -150px; }

#nav li#about a:hover span:before { background-position: -150px -150px; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

#nav li#services a span:before { background-position: -100px -50px; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

#nav li#services.active span:before { background-position: -100px -150px; }

#nav li#services a:hover span:before { background-position: -100px -150px; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

#nav li#portfolio a span:before { background-position: -50px -50px; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

#nav li#portfolio.active span:before { background-position: -50px -150px; }

#nav li#portfolio a:hover span:before { background-position: -50px -150px; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

#nav li#clients a span:before { background-position: -200px -50px; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

#nav li#clients.active span:before { background-position: -200px -150px; }

#nav li#clients a:hover span:before { background-position: -200px -150px; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

#nav li#contact a span:before { background-position: -250px -50px; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

#nav li#contact a:hover span:before, #nav li#contact.active span:before { background-position: -250px -150px; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }
.rm-container { display: none; }
.sub_menu { position: absolute; background-color: #fff; width: 250px; margin-top: -3px; left: 390px; display: none; border-bottom: 4px solid #ff6501; }

.sub_menu ul li { border-bottom-style: solid; border-width: thin; border-color: #eee; width: 220px; }

.sub_menu ul li a:hover { color: #ff6501; }

.sub_menu ul li a { height: inherit; color: #333; text-decoration: none; padding: 3px 5px; }

.sub_menu1 { position: absolute; background-color: #fff; width: 250px; top: 96px; left: 250px; display: none; border-bottom: 4px solid #ff6501; }

.sub_menu1 ul li { border-bottom-style: solid; border-width: thin; border-color: #eee; width: 220px; }

.sub_menu1 ul li a:hover { color: #ff6501; }

.sub_menu1 ul li a { height: inherit; color: #333; text-decoration: none; padding: 3px 5px; }

.sub_menu2 { position: absolute; background-color: #fff; width: 250px; top: 128px; left: 250px; display: none; border-bottom: 4px solid #ff6501; }

.sub_menu2 ul li { border-bottom-style: solid; border-width: thin; border-color: #eee; width: 220px; }

.sub_menu2 ul li a:hover { color: #ff6501; }

.sub_menu2 ul li a { height: inherit; color: #333; text-decoration: none; padding: 3px 5px; }

.sub_items ul li a:hover { background-color: #777; }

.orange { color: #ff6501; }

.main { position: relative; }

.monitor { position: absolute; bottom: -50px; z-index: 999; float: right !important; }

.monitor1 { position: absolute; bottom: -70px; z-index: 999; float: right !important; }

.slide1_txt { padding: 70px 0 0; }

.main_about { background: url(../images/about.jpg); padding: 60px 0 0; }

.main_about .wrapper { position: relative; }

.main_about h2 { color: #ff6200; font-size: 20px; }

.main_about h3 { color: #7b9920; font-size: 22px; text-align: center; }
.main_about h1 { color: #7b9920; font-size: 22px; text-align: center; }

.line { border: 0; height: 1px; background-color: #c1c1c1; margin: 0; padding: 0; position: absolute; right: 0; top: 40px; width: 820px; }

.main_about p { font-size: 14px; line-height: 24px; color: #555; margin: 0 auto; padding: 20px 0 30px; text-align: center; }

.main_about a { color: Gray; text-decoration: none; }

.services_main { padding: 0 0 40px; /*background-color:#ccc;*/ background: url(../images/bg-home.jpg); background-size: 100%; background-repeat: no-repeat; background-attachment: fixed; background-position: center; text-align: center; }

.services_main h1 { color: #fff; font-size: 25px; padding: 20px 0 10px; }

.services_main h1 a { color: inherit; text-decoration: none; font-size: inherit; }

.services_main h1 a:hover { color: #dd5802; }

.services_main a { color: Gray; text-decoration: none; }

.services_main a:hover { color: #fe751a; }

.services_main p { color: #fff; font-size: 13px; line-height: 18px; }

.server { width: 315px; float: left; text-align: center; margin: 0 auto; padding: 30px 0 0; }
.server .bg_img { background-position: center; background-image: url('../images/Tizzy-sever.png'); background-repeat: no-repeat; width: 150px; height: 150px; margin-top: -200px; margin-left: 90px; position: absolute; }
.services_main img { transition: all 1s ease 0s; position: relative; width: 230px; }

.services_main img:hover { transform: rotate(76deg); transition: all 0.9s ease 0s; }
.services_main .bg_img:hover > img { transform: rotate(76deg); transition: all 0.9s ease 0s; }

.server_icon { background: url(../images/server.png) no-repeat; width: 90px; height: 84px; display: block; margin: 0 auto; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

.server_icon:hover { background-position: 0 -84px; -moz-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; }

.app_dev { width: 315px; float: left; text-align: center; margin: 0 auto; padding: 30px 20px 0; }

/*.app_dev img {
  padding: 13px 0 0;
}*/

.erp { width: 315px; float: left; text-align: center; margin: 0 auto; padding: 30px 0 0; }
/*
.erp img {
  padding: 22px 0 0;
}*/

.app_icon { background: url(../images/application_dev.png) no-repeat; width: 90px; height: 72px; display: block; margin: 0 auto 12px; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; }

.app_icon:hover { background-position: 0 -72px; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .4s ease-out 0s; }

.erp_icon { background: url(../images/erp_icon.png) no-repeat; width: 90px; height: 62px; display: block; margin: 0 auto 22px; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

.erp_icon:hover { background-position: 0 -62px; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

.servicedetails { display: none; }
.footer { background: #333; padding: 15px 0; }

.footer a { color: #888; text-decoration: none; }

.footer a:hover { color: #7b9920; text-decoration: none; }

.services_foot { width: 870px; float: left; margin-top: -5px; }

.footer h4 { font-size: 16px; color: #ff5d00; border-bottom: 1px solid #272727; padding: 10px 0; }

.footer ul { display: block; float: left; padding: 12px 0 0 0px; width: 290px; }

.footer li { padding: 2px 0; color: #ccc; }

.footer li a { color: #ccc; font-size: 13px; text-decoration: none; }
.footer-bottom { background-color: #222; color: #fff; font-size: 13px; padding: 10px; }
.footer-bottom a { color: #fff; text-decoration: none; }
.footer-bottom a:hover { color: #add04a; }

.follow_us { float: right; line-height: 20px; width: 120px; }
.follow_us ul { width: 120px !important; }

.fb { background: url(../images/social_icon.png) 0 5px no-repeat; padding: 7px 0 7px 30px !important; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

.fb:hover { background-position: 0 -88px; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

.tweet { background: url(../images/social_icon.png) 0 -25px no-repeat; padding: 7px 0 7px 30px !important; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

.tweet:hover { background-position: 0 -118px; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

.google { background: url(../images/social_icon.png) 0 -55px no-repeat; padding: 7px 0 7px 30px !important; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

.google:hover { background-position: 0 -148px; -o-transition: all .4s ease-out 0s; -webkit-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

.footer p { text-align: right; font-size: 12px; color: #FFF; }

.about { background: url(../images/about.jpg); padding: 10px 0 0; }

.about h2 { color: #fc6f17; font-size: 20px; }

.about h3 { color: #7B9920; font-size: 24px; font-weight: 700; }

.about p { color: #797878; font-size: 14px; line-height: 24px; margin: 0 auto; padding: 10px 10px 10px 2px; text-align: justify; }

.about p strong { font-weight: 700; }

.about img { padding: 20px 0 0; }

.about ul { margin: 0px; padding: 0px; }

.about li { list-style: square inside; padding: 7px 0 7px 5px; font-size: 14px; color: #797878; }

.PR { position: relative; top: 0; left: 0; }

.left_tab { width: 240px; background: url(../images/right_sep.png) top right no-repeat; min-height: 590px; margin: 20px 0 0; float: left; }

.left_tab li { list-style: none; padding: 0; }

.left_tab li a:hover, .left_tab li.active a { background: url(../images/tab_active.png) no-repeat; width: 246px; height: 30px; display: block; color: #FFF; }

.left_tab li a { width: 261px; display: block; text-decoration: none; color: #7b9920; font-size: 15px; padding: 10px 0 10px 15px; height: 30px; }

.left_tab li .active { background: url(../images/tab_active.png) no-repeat; width: 246px; height: 30px; display: block; color: #FFF; }

.right_content { float: right; width: 620px; margin: 10px 0 0; }

.slider-holder h3 { font-size: 16px; padding: 15px 0 0; font-weight: 700; line-height: 25px; text-transform: uppercase; }

.slider-holder li { font-size: 13px; color: #868686; line-height: 18px; }

.slider-holder p { line-height: 20px; padding: 10px 0 0 2px; text-align: justify; }

#scrollbar1, #scrollbar2 { position: relative; z-index: 1; clear: both; padding: 0; width: 100%; }

#scrollbar1 .viewport, #scrollbar2 .viewport { height: 500px; overflow: hidden; position: relative; width: 95%; z-index: 1; }

#scrollbar1 .overview, #scrollbar2 .overview { left: 0; list-style: none; position: absolute; top: 0; }

#scrollbar1 .thumb, #scrollbar1 .thumb .end, #scrollbar2 .thumb, #scrollbar2 .thumb .end { background-color: #9D9D9D; }

#scrollbar1 .scrollbar, #scrollbar2 .scrollbar { float: right; position: relative; width: 12px; z-index: 1; }

#scrollbar1 .track, #scrollbar2 .track { background-color: #DFDFDF; height: 100%; padding: 0; position: relative; width: 8px; z-index: 1; }

#scrollbar1 .thumb, #scrollbar2 .thumb { cursor: pointer; height: 20px; overflow: hidden; position: absolute; top: 0; width: 8px; bottom: 560px; }

#scrollbar1 .thumb .end, #scrollbar2 .thumb .end { height: 5px; overflow: hidden; width: 13px; }

#scrollbar1 .disable, #scrollbar2 .disable { display: none; }

#scrollbar3, #scrollbar4, #scrollbar5 { position: relative; z-index: 1; }

#scrollbar3, #scrollbar4, #scrollbar45 { clear: both; padding: 0; width: 100%; }

#scrollbar3 .viewport, #scrollbar4 .viewport, #scrollbar5 .viewport { height: 500px; overflow: hidden; position: relative; width: 95%; z-index: 1; }

#scrollbar3 .overview, #scrollbar4 .overview, #scrollbar5 .overview { left: 0; list-style: none; position: absolute; top: 0; }

#scrollbar3 .thumb, #scrollbar3 .thumb .end, #scrollbar4 .thumb, #scrollbar4 .thumb .end, #scrollbar5 .thumb, #scrollbar5 .thumb .end { background-color: #9D9D9D; }

#scrollbar3 .scrollbar, #scrollbar4 .scrollbar, #scrollbar5 .scrollbar { float: right; position: relative; width: 12px; z-index: 1; }

#scrollbar3 .track, #scrollbar4 .track, #scrollbar5 .track { background-color: #DFDFDF; height: 100%; padding: 0; position: relative; width: 8px; z-index: 1; }

#scrollbar3 .thumb, #scrollbar4 .thumb, #scrollbar5 .thumb { cursor: pointer; height: 20px; overflow: hidden; position: absolute; top: 0; width: 8px; }

#scrollbar3 .thumb .end, #scrollbar4 .thumb .end, #scrollbar5 .thumb .end { height: 5px; overflow: hidden; width: 13px; }

#scrollbar3 .disable, #scrollbar4 .disable, #scrollbar5 .disable { display: none; }

.slider-holder ul { margin: 0 0 0 30px; }

.s1 { margin: 20px 0 0; }

.slider-wrapper { overflow: hidden; position: relative; }

.slider-holder { overflow: hidden; padding: 0; }

.slider-holder li { display: block; float: left; height: 580px; list-style: none; margin: 0; padding: 0 0 0 20px; width: 700px; }

.slider-holder ul ul { height: auto; padding-left: 18px; }

.slider-holder li li { display: list-item; float: none; height: auto; list-style: disc; margin: 0; padding: 0; width: auto; text-align: justify; }

.s-active { left: 0; position: relative; top: 0; }

.slideshow h2 { margin-top: 0; }

.slider-wrapper { width: 645px; height: 580px; }

.slider-holder { width: 730px; display: block; height: 580px; margin: 0 !important; }

.inner li { padding: 10px 0 0 !important; }

/*.about table {
  margin: 0 0 0 50px;
}
*/
.about td { font-size: 13px; padding: 10px 0; }

.tbox { border: 1px solid #D5D5D5; padding: 5px; width: 200px; margin: 0 0 0 5px; }

.btn { display: inline-block; padding: 4px 20px; margin-bottom: 0; color: #3daecd; text-align: center; text-shadow: 0 1px 1px #fff; vertical-align: middle; cursor: pointer; background-color: #ececec; background-repeat: repeat-x; border: 1px solid #c0bebe; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; zoom: 1; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.15); box-shadow: 0 1px 4px 0 rgba(0,0,0,.15); background-image: -moz-linear-gradient(top,#fff,#ececec); }

.CallBack-btn:hover, .btn:hover { background-color: #dedcdc; text-decoration: none; outline: 0; border: 1px solid #c0bebe; background-image: -moz-linear-gradient(top,#fff,#dedcdc); }

.CallBack-btn:active, .btn:active { background-color: #dedcdc; text-decoration: none; outline: 0; -webkit-box-shadow: 0 0 2px 0 rgba(255,255,255,.6),0 2px 5px 0 #c8c7c7 inset; -moz-box-shadow: 0 0 2px 0 rgba(255,255,255,.6),0 2px 5px 0 #c8c7c7 inset; box-shadow: 0 0 2px 0 rgba(255,255,255,.6),0 2px 5px 0 #c8c7c7 inset; background-image: -moz-linear-gradient(top,#dedcdc,#fff); }

#map_canvas { margin: 20px 0 0; }

#map_canvas a { font-size: 13px; color: #ff5d00 !important; padding: 7px 0; text-decoration: none; }

.add p { padding: 8px 0 0; line-height: inherit; }

#map_canvas iframe { margin: 10px 0 0; bordeR: 1px solid #D5D5D5; padding: 10px; background: #fff; }

.page_title { background-position: center; background: url(../images/bnr1.jpg); margin: 94px 0 0; color: #FFF; font-size: 35px; }

.page_title1 { padding: 75px 0 0; line-height: 42px; font-size: 30px; text-transform:none; color:#fff; font-weight:normal; }

.quick_quote { background: #000; }

.left_slider_bar { right: -220px; position: fixed; top: 30%; background: #D5D5D5; height: auto; width: 220px; font-size: 12px; padding: 0 0 10px; z-index: 9999; border-radius: 7px 0 0 7px; }

.quote_heading { background: #333; color: #FFF; font-size: 16px; padding: 10px !important; border-radius: 7px 0 0; }

.left_slider_bar ul { padding: 5px 10px; }

.left_slider_bar li { line-height: 20px; }

#left_bar_hide_show { border-radius: 8px 0 0 8px; font-size: 15px; font-weight: 700; right: 0; position: fixed; top: 35%; width: 80px; background: #FF5D00; color: #FFF; padding: 10px; text-decoration: none; z-index: 9999; }

.tbox1 { border: 1px solid #D5D5D5; padding: 5px; width: 150px; margin: 5px 0 0 5px; }

.call { background: url(../images/call.png) 10px 6px no-repeat #FF5D00; padding: 5px 15px 5px 55px; color: #FFF; font-size: 14px; float: right; font-weight: 700; margin: 00px 0 0 20px; text-decoration: none; border-radius: 0px 0px 7px 7px; }

.heading1 { border-bottom: 1px solid #D5D5D5; color: #7B9920; font-weight: 700; margin: 0 0 5px; padding: 5px 0; }

.content { float: right; width: 700px; }

.content h3,h1 { font-size: 16px; padding: 15px 0 0; font-weight: 700; text-transform: uppercase; color:#7b9920;}

.content p { line-height: 22px; padding: 10px 0 0 2px; text-align: justify; }

.content li { font-size: 13px; color: #868686; list-style: disc; margin: 0 0 0 10px; line-height: 18px; }

.btn1 { display: inline-block; padding: 6px 20px !important; margin-bottom: 0; color: #222 !important; text-align: center; cursor: pointer; background-color: #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-image: -moz-linear-gradient(top,#eee,#ddd); -o-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; font-size: 14px; }
.btn1:hover { background-color: #fef1e9; text-decoration: none; outline: 0; border: 0px !important; background-image: -moz-linear-gradient(top,#fef1e9,#dedcdc); -o-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; color: #ff5d00 !important; }

.CallBack-btn:hover, .btn1:hover { background-color: #dedcdc; text-decoration: none; outline: 0; border: 1px solid #c0bebe; background-image: -moz-linear-gradient(top,#fff,#dedcdc); -o-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; }

.textbox-form { background-image: none; border: 1px solid #ccc; color: black; font-size: 13px; height: 25px; margin-bottom: 0; padding-left: 7px; width: 95%; }

.ContBox { background-color: #eee; border: 1px solid #ccc; line-height: 20px; padding: 20px; width: 300px; }
.map { height: 350px; width: 976px; }
.e_conver { float: right; width: 350px; }

.Cont { float: left; width: 400px; }
.support-form { width: 500px; background-color: #eee; border: 1px solid #ccc; line-height: 20px; padding: 20px; border-collapse: inherit; margin: 10px 0px; }

.email-calc { width: 55%; border-radius: 5px; background-color: #eee; border: 10px solid #ddd; padding: 20px; margin-top: 10px; }
.email-calc .price1 { font-size: 18px; border: none !important; background: none; padding: 0px; display: inline; width: 100px !important; }
.email-calc input[type=text] { border-radius: 5px; padding: 3px 10px; border: 2px solid #ddd; width: 85%; color: #555; font-weight: bold; }
.email-title { width: 60%; border-right: 1px dotted #ccc; }
.email-input { padding-left: 20px !important; }
.email-calc td { font-size: 14px !important; color: #555; border-bottom: 1px dotted #ccc; }
.final-price, .final-price .price1 { font-size: 20px !important; color: #ff6501 !important; }

.email-feautues1 { width: 27%; border-radius: 5px; padding: 5px 15px; background-color: #fff; border: 10px solid #ddd; margin-top: 10px; }
.email-feautues { width: 100%; }

.email-feautues .td1 { width: 90%; }
.email-feautues .tr1 { border-top: 1px solid #ddd; }

.email-feautues .fa-check { color: #ff6501; }

.servie-featured { padding-bottom: 50px; }
.featured-box1 { float: left; padding: 15px; width: 30%; }
.featured-box { background-color: #fff; border: 1px solid #eee; padding: 15px; transition: all 0.3s ease-out 0s; cursor: default; }
.featured-box:hover { -webkit-box-shadow: 0 10px 10px -10px #000000; transition: all 0.3s ease-out 0s; -moz-box-shadow: 0px 0px 10px 10px #000000; box-shadow: 0px 10px 10px 2px #777; }
.featured-box .p { text-align: justify; font-size: 13px; line-height: 22px; padding-bottom: 10px; padding-top: 5px; width: 100%; }
.featured-box h3 { font-size: 14px; font-weight: normal; text-align: justify; line-height: 23px; }
.featured-box h2 { display: block; margin: 10px -15px; margin-top: -15px; padding: 25px 10px; color: #fff; background-color: #ccc; font-weight: bold; font-size: 24px; line-height: 32px; text-align: center; font-family: Raleway; text-transform: uppercase; }
.featured-box strong { font-weight: bold; }


.site-wrap { max-width: 1000px; margin: 150px auto; padding: 1em 0.5em; }

.clients { margin:50px 0px;}
.clients h1 { color:#7b9920;font-size:26px; margin-bottom:20px; text-align:center; }
.block-slider { line-height: inherit;  }
.block-slider__items { margin:0px -0.5em; }
.block-slider__items::after { display: table; clear: both; content: " "; }
.block-slider__item { width: 60%; float: left;}
@media (min-width: 500px) {
    .block-slider__item { width: 33.33333%; }
}

@media (min-width: 700px) {
    .block-slider__item { width: 25%; }
}
@media (min-width: 800px) {
    .block-slider__item { width: 20%; }
}
@media (min-width: 900px) {
    .block-slider__item { width: 16.66667%; }
}

@media (min-width: 1000px) {
    .block-slider__item { width: 14.2857142857%; }
}
.block-slider__image { text-align: center; border: 5px solid #eee;  margin:0px 10px; transition: all 0.3s ease-out 0s; margin-bottom:10px;}
.block-slider__image:hover {  transition: all 0.3s ease-out 0s; opacity:0.8;   box-shadow: 0px 3px 5px 2px #aaa; }
.block-slider__image img { width:100%;}
