@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; font-family: 'latoregular'; font-size:14px; color:#333; border-top:3px solid #89215e;}
.clear{ clear:both;}
@font-face {
    font-family: 'latoregular';
    src: url('lato-reg-webfont.eot');
    src: url('lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-reg-webfont.woff') format('woff'),
         url('lato-reg-webfont.ttf') format('truetype'),
         url('lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'archivo_narrowbold';
    src: url('archivonarrow-bold-webfont.eot');
    src: url('archivonarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('archivonarrow-bold-webfont.woff') format('woff'),
         url('archivonarrow-bold-webfont.ttf') format('truetype'),
         url('archivonarrow-bold-webfont.svg#archivo_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.top_wrapper{ width:100%; margin:0px; padding:0px; background:#f4f4f4;}
.wrap-left{ float:left; margin:10px 20px 10px 0px; padding:0px 0px 0px 0px;}
.icon-envelope:before{ content: "\f003";padding:0px 5px 0px 0px; margin:0px; }
.icon-phone:before { content: "\f095";padding:0px 5px 0px 0px; margin:0px; }

.top-bar-social  {display: inline-block !important; float:right;}
.top-bar-social a {display: inline-block;width: 24px;height: 28px;text-align: center;font-size: 16px;line-height: 40px;color: #60646a;text-shadow: 0 1px 1px rgba(0,0,0,0.1);-webkit-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out; text-decoration:none;}
.top-bar-social a.fb:hover {color: #576ec7;}
.top-bar-social a.tw:hover {color: #5db4f0;}
.top-bar-social a.lin:hover {color: #007bb6;}
.top-bar-social a.gl:hover {color: #ba3526;}
.top-bar-social a.sk:hover {color: #29aae1;}

.banner{ width:100%; height:335px; background:url(../images/banner.jpg) center; margin:0px; padding:0px;}
.head_text{ background:url(../images/hotsoft_abt_icon.png) no-repeat; margin:10px 0px 0px 15px; padding:10px 0px 22px 60px; font-size:22px;font-family: 'archivo_narrowbold'; text-transform:uppercase;}
.head_text2{ background:url(../images/hotsoft_mdl_icon.png) no-repeat; margin:10px 0px 0px 15px; padding:10px 0px 22px 60px; font-size:22px;font-family: 'archivo_narrowbold'; text-transform:uppercase;}
.head_text3{ background:url(../images/hotsoft_case_icon.png) no-repeat; margin:10px 0px 0px 15px; padding:10px 0px 22px 60px; font-size:22px;font-family: 'archivo_narrowbold'; text-transform:uppercase;}
.box_1 p{ line-height:22px; padding:0px 15px 0px 15px !important; margin:0px;}
.box_2 p{ line-height:22px; padding:0px 15px 0px 15px !important; margin:0px;}
.box_2  span{ font-weight:bold; color:#89215e;}
.read_more{ background:url(../images/hotsoft_read_more.jpg) no-repeat; margin:10px 15px 0px 0px; padding:0px 0px 0px 0px; width:82px; height:26px; float:right;}
.read_more a{ background:url(../images/hotsoft_read_arrow.png) no-repeat 00;margin:0px 0px 0px 13px; padding:0px 0px 0px 18px; font-weight:bold; color:#333; text-decoration:none; line-height:26px;}
.read_more a:hover{ color:#89215e;}

.read_more02{ background:url(../images/hotsoft_read_more.jpg) no-repeat; margin:10px 15px 0px 0px; padding:0px 0px 0px 0px; width:82px; height:26px; float:right;}
.read_more02 a{ background:url(../images/hotsoft_read_arrow.png) no-repeat 00;margin:0px 0px 0px 13px; padding:0px 0px 0px 18px; font-weight:bold; color:#333; text-decoration:none; line-height:26px;}
.read_more02 a:hover{ color:#89215e;}

.container h1{ font-size:22px;  font-family: 'archivo_narrowbold'; text-transform:uppercase;color:#89215e; font-weight:normal; margin:20px 0px 0px 0px; padding:0px 0px 5px 0px;}
.container h2{ font-size:24px; font-family: 'archivo_narrowbold'; text-transform:uppercase; color:#000; font-weight:normal; margin:0px 0px 0px 0px; padding:46px 0px 0px 0px; }

.container h3{ font-size:18px; font-family: 'archivo_narrowbold'; text-transform:uppercase; color:#000; font-weight:normal; margin:0px 0px 0px 0px; padding:20px 0px 10px 0px; }

.container h4{  font-size:24px; font-family: 'archivo_narrowbold'; text-transform:uppercase; color:#000; font-weight:normal; margin:0px 0px 0px 0px; padding:46px 0px 0px 0px;  }

.container p{  margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; line-height:22px;}
.middle_line { width:100%; height:3px; margin:0px 0px 0px 0px; padding:0px; background:url(../images/lin1.png) repeat;}
.middle_inner_line { width:100%; height:3px; margin:10px 0px 10px 0px; padding:0px; background:url(../images/lin1.png) repeat;}
ul.top_module{ margin:0px 20px 0px 20px; padding:0px 0px 0px 0px; float:left;}
ul.top_module li{ margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; list-style:url(../images/hotsoft_arrow.png) }
ul.top_module li a{ color:#333; text-decoration:none;}
ul.top_module li a:hover{ color:#89215e;}

ul.inner_module{ margin:0px 35px 0px 20px; padding:0px 0px 0px 0px; float:left;}
ul.inner_module li{ margin:0px 0px 0px 0px; padding:7px 0px 7px 0px; list-style:url(../images/hotsoft_arrow.png); border-bottom:1px solid #ccc }
ul.inner_module li a{ color:#333; text-decoration:none;}
ul.inner_module li a:hover{ color:#89215e;}
/*jaquery flash scrolling*/
#newsticker-demo1 { width:300px; margin:0px 0px 0px 0px; height:200px;}
.newsticker-jcarousellite1 { width:300px; }
.newsticker-jcarousellite1 ul li{ list-style:none; display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.date_div{ background:#373737;margin:10px 0px 0px 0px; padding:5px 0px 10px 0px; width:63px; float:left;}
.date_div p{ font-size:24px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; color:#fff;}
.date_div span{ font-size:12px; text-transform:uppercase;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.news_text{ width:225px; float:right;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.news_text p{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:22px;}
.news_text a{ color:#89215e; text-decoration:none;}
.news_lin { width:100%; border-bottom:1px dashed #999;margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;}
/*jaquery flash scrolling*/

.footer_wrapper{width:100%; margin:20px 0px 0px 0px; padding:0px; background:#3a3a3a;}
ul.nav_ftr{margin:15px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul.nav_ftr li{margin:0px 0px 0px 0px; padding:0px 15px 0px 15px; list-style:none; border-right:1px solid #777777; display:inline;}
ul.nav_ftr li a{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#777777; text-transform:uppercase; text-decoration:none; font-size:12px;}
ul.nav_ftr li a:hover{ text-decoration:underline;}
.ftr_line{ width:100%; border-bottom:1px solid #777777;margin:15px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ftr_wrap-left{ float:left;margin:0px 0px 0px 0px; padding:15px 23px 15px 0px; color:#777; font-size:12px;}
.ftr_left, .icon-home:before { content: "\f015"; padding:0px 5px 0px 0px;  color:#777 ; font-size:14px}
.ftr_left, .icon-envelope:before{ content: "\f003";padding:0px 5px 0px 0px; margin:0px; color:#777; font-size:14px }
.ftr_left, .icon-phone:before { content: "\f095";padding:0px 5px 0px 0px; margin:0px;color:#777; font-size:14px }

.footer_bottom{ width:100%; background:#303030;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.footer_bottom p{margin:0px 0px 0px 0px; padding:8px 0px 8px 0px; color:#777 ;font-size:12px}

.inner_top_wrapper{ border-top:3px solid #f2f2f2; width:100%; margin:0px 0px 0px 0px; padding:0px; height:127px; background:url(../images/inner_top_bg.png) center;}
.inner_mdl_rgt{ width:300px; float:right; margin:30px 0px 0px 0px; padding:0px;}

/*tab css start here*/
.r-tabs {position: relative;}
.r-tabs .r-tabs-nav {border-bottom: 1px solid #ccc;}
.r-tabs .r-tabs-nav .r-tabs-tab {position: relative;top: 1px;}
.r-tabs .r-tabs-nav .r-tabs-anchor {background: #89215e;margin-bottom: 3px;padding: 10px 12px;display: inline-block;text-decoration: none;color: #fff;}
.r-tabs .r-tabs-nav .r-tabs-state-active {background-color: #fff;margin-bottom: -1px;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {color: #89215e;background-color: #fff;}
.r-tabs .r-tabs-panel {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;margin-bottom: 3px;}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {display: block;padding: 10px;background-color: #89215e;color: #fff;font-weight: bold;text-decoration: none;margin-bottom: 3px;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #fff;color: #89215e;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;margin-bottom: 0;}
.r-tabs .r-tabs-nav { margin: 0;padding: 0;}
.r-tabs .r-tabs-tab {display: inline-block;  margin: 0;list-style: none;}
.r-tabs .r-tabs-panel { padding: 15px;display: none;}
.r-tabs .r-tabs-accordion-title { display: none;}
.r-tabs .r-tabs-panel.r-tabs-state-active {display: block;}
/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav { display: none; }
    .r-tabs .r-tabs-accordion-title {display: block;}
}
/*tab css end here*/

.client-block img{border: 1px solid #d5d5d5; border-radius: 3px; background:#f2f2f2;padding:3px;}
.client-block img:hover{border: 1px solid #fdc347;box-shadow:0 0 5px #fdc347;}
.navtext_popup {text-align:left; width:180px;  border-width:1px; border-style:solid; border-color: #d8bdcd;   cursor:hand; line-height:18px;color:#3a3a3a; font-size:12px;  background-color:#fff6fb; position:absolute; top:0px; left:0px; visibility:hidden}
.contact_left{ float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:300px;}
.contact_left h2{ font-family: 'archivo_narrowbold'; font-size:22px; font-weight:normal;margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #e4e4e4; }
.contact_left p{ margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; line-height:24px; font-size:14px;}
.contact_left a{ text-decoration:none; color:#89215e;}
.contact_left span{ font-size:16px;  color:#89215e;}
.input_single1{margin:5px 10px 0px 0px; padding:0px 10px 0px 10px; width:170px; height:24px; border:1px solid #dddbdb; outline:none; float:left; font-size:12px;}
.frmbtn{width:60px; height:30px; font-size:12px; color:#FFF; float:left; background:#2e2e30; border:0; margin:10px 10px 10px 0px; cursor:pointer;}
.contact_right h2{ font-family: 'archivo_narrowbold';;font-size:22px; font-weight:normal;margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #e4e4e4;}
.form_text{float:left;margin:10px 12px 10px 0px; padding:0px 0px 0px 0px; width:190px;}
.contact_right{float:right;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:610px;}
.multy{margin:5px 0px 0px 0px; padding:10px 0px 0px 10px; width:583px; height:150px; border:1px solid #dddbdb; outline:none;}

ul.inner_point{ margin:0px 45px 0px 20px; padding:0px 0px 0px 0px; float:left;}
ul.inner_point li{ margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; list-style:url(../images/hotsoft_arrow2.png); color:#89215e;}

ul.inner_nav{ margin:-20px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;}
ul.inner_nav li{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;display:inline; list-style:none}
ul.inner_nav li a{ color:#fff; text-decoration:none;  font-size:12px; background:#89215e;margin:0px 10px 0px 0px; padding:2px 5px 2px 5px}
.home_border{ border-bottom:3px solid #ededed; margin:0px 0px 0px 0px; padding:0px; width:100%}

.client{ width:100%; margin:20px 0px 0px 0px}