@font-face{font-family:DroidRegular;src:url(fonts/DroidSans.ttf) format('truetype');
font-weight:400;
font-style:normal
}
@font-face{font-family:DroidBold;src:url(fonts/DroidSans-Bold.ttf) format('truetype');
font-weight:400;
font-style:normal
}

body {
    font-family:DroidRegular,
    Arial
}

.navbar-header {
    padding-bottom:0px; margin-top:12px; margin-bottom:8px;
}
.home-bg .navbar {
    border:none;
    background:none; /* Abhilash 21.4.16 none for only home top part */
}
.navbar-brand {
    padding:5px 0;
    width:108px
}
.navbar-brand .logo:hover {
    color:#3A3A3A
}
#nav {
    float:right
}
.navbar-nav li a {
    color:#000
}
.navbar-brand .logo {
    width:115px;
    height:36px;
    margin-top:0;
    font-family:DroidBold,
    Arial,
    Helvetica,
    sans-serif;
    font-size:32px;
    margin-left:0px;
    background:url(logo.png) no-repeat
}
#nav .inactive,
.navbar-inverse .navbar-nav>li>a {
    color:#BEBEBE;
    font-weight:700;
    font-family:DroidBold,
    Arial,
    Helvetica,
    sans-serif;
    background-color:transparent; margin-top:8px; text-align:right; 
}
.last-mnu { padding-right:0px !important;  } /* Abhilash 11.7.2016 */
@media(max-width:765px) {
.last-mnu { padding-right:15px !important;  }	  /* Abhilash 11.7.2016 */
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color:#FF4B46;
    background-color:none; /* Abhilash 21.4.16  none for only home top */
}
.navbar-toggle {
    background-color:#000;
}
#nav {
    color:red
}
#nav .active,
.navbar-inverse .navbar-nav>.active>a {
    background:none;
    color:#FF4B46;
    font-weight:700;
    font-family:DroidBold,
    Arial,
    Helvetica,
    sans-serif;
}
.navbar-inverse .navbar-nav>li,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    background:none; /* Abhilash 21.4.16 none for only home top part */
    color:#FF4B46;
    font-weight:700;
    font-family:DroidBold,
    Arial,
    Helvetica,
    sans-serif;
    outline:0;
    border:0
}
h4 {
    color:#000
}
.content,
.home_content {
    margin-top:80px;
    padding-bottom:30px;
    color:#777
}
.content {
    min-height:500px
}
.home-bg {
       display: block; background:url(home_bg_1280_600.png) center top fixed no-repeat #050505; 
      /* background-size:100% auto;  */
     /*  background-size:contain; */
    /*  background-size: cover;  */
    max-width: 100%; 
    height: auto;
}

@media (min-width: 320px) {
	.home-bg {  background:url(home_bg_320_480.png) center top fixed no-repeat #050505; }	
}
@media (min-width: 360px) {
	.home-bg {  background:url(home_bg_360_640.png) center top fixed no-repeat #050505; }	
}
@media (min-width: 800px) {
	.home-bg {  background:url(home_bg_800_1280.png) center top fixed no-repeat #050505; }	
}
@media (min-width: 980px) {
	.home-bg {  background:url(home_bg_980_1280.png) center top fixed no-repeat #050505; }	
}
@media (min-width: 1024px) {
	.home-bg {  background:url(home_bg_1024_768.png) center top fixed no-repeat #050505; }	
}
@media (min-width: 1280px) {
	.home-bg {  background:url(home_bg_1280_600.png) center top fixed no-repeat #050505; }	
}
@media (min-width: 1920px) {
	.home-bg {  background:url(home_bg_1920_900.png) center top fixed no-repeat #050505; }	
} 
.tt { margin-top:130px; color:#FFFFFF; }
.tt h1 {
    text-align:center; 
    font-size:45px;
    font-family:Arial; margin-bottom:30px;
}
.tt h3 {
    text-align:center;
    line-height:1;
    font-size: 27px;
    margin-bottom: 25px; width:70%; margin:0 auto; line-height:1.5;
}
.tt h4{
	line-height:1.2; color:#FFFFFF;
	text-align: center;
	font-size: 18px;
	
}
.tt h3 a { text-decoration:none; color:#FFFFFF; }
.tt_btn_blk {
    text-align:center;
    margin-top:33px
}
.tt_btn_blk .btn {
    margin-bottom:10px;
    margin-right:10px
}
.hm-tt-logo { background:url(../images/trackthrough_logo.png) no-repeat;  width:27px; height:27px; display:inline-block; margin-right:10px;} /* Abhilash 17.2.16 */
.cust-btn {background-color:transparent; border:1px solid #FFFFFF;width:183px; height: 52px; line-height: 1.8; border-radius:30px;}
	
.cust-btn:hover  {
	background-color: #E02F1D; border:1px solid #E02F1D;
	}
.cust-last-btn { background-color: #E02F1D; border-color:#E02F1D; }	
.cust-last-btn:hover { background:#FFFFFF; color:#E02F1D; border-color:#FFFFFF; }
.img-responsive{
	margin-top: 30px;
}
.cnet_link {
    cursor:pointer;
    padding:0; position:absolute;
    margin-top:22px; right:0;/* Abhilash 8.5.2015 */
}
.red-pill-btn { border-radius:30px; background:#FFFFFF; border:1px solid #E02F1D; color:#E02F1D; }
.red-pill-btn:hover, .red-pill-btn:focus  { background:#E02F1D; color:#FFFFFF; border-color:#FFFFFF;}
.asf-content {background:none; }
.make-flex { display:flex; flex­direction: row; }
.asf-block {margin-top:30px; margin-bottom:50px; background:#FFFFFF; margin-right:1.31%; width:32.4%; padding:25px 10px; min-height:280px; flex: 1; }
.asf-abt-more, .asf-services-more, .asf-feedback-more { background:url('abt-more.png'); width:52px; height:52px; position:absolute; margin-left:75%; top:90%; cursor:pointer; }




@media(max-width:990px) {
	
	 .asf-abt-more, .asf-services-more, .asf-feedback-more { margin-left:60%; }
	
}


@media(max-width:768px) {
	.asf-block {  width:100%;  }
	.make-flex { display:block; flex­direction: row; }
	
}


 
.asf-block-title { font-family:DroidBold; }

.asf-services-more {  background:url('services-more.png'); }
.asf-feedback-more { background:url('feedback-more.png'); }
@media (max-width:360px) {
.asf-block { width:100%; margin-right:0px; }

}
.home-pg-blks { padding:20px 10px; margin-top:0px; margin-bottom:20px; background:#FFFFFF;}
.home-pg-blks p, .home-pg-blks ul li { font-size:16px; }
.postal-add-blk {padding-left:45px; }
.add-border-right { border-right:1px solid #000000; }
.add-border-left {  border-left:1px solid #000000; }
@media(max-width:766px) {
.add-border-right { border-right:0px solid #000000; }
.add-border-left {  border-left:0px solid #000000; }
}
.more {
    border:1px solid #D7D7D7;
    height:40px;
    width:80px;
    text-align:center;
    line-height:2.8;
    margin:10px auto;
    cursor:pointer
}
.more a {
    height:40px;
    width:80px;
    text-decoration:none;
    color:#777;
    display:block
}
.more:hover {
    background:#EBF4FC
}
.intro_blk {
   /*  height:90px;  */font-size:16px; padding:0 18px; 
}
.intro_blk span { color:#FFFFFF; dispalay:none; }
.block-title {
    font-size:24px;
    margin-bottom:0px;
    color:#000; text-align:center;  padding-bottom:15px;  
}

.quote {
   /* border:5px solid #F0EFEF; */
    padding:15px; text-align:center; font-size:20px;
    margin-bottom:20px; padding-top:0px;
}
.quote span {
    float:right;
    font-style:italic
}
.form-item {
    margin:20px 0
}
.form-item label {
    color:#000
}
.security,
.text-field {
    width:350px;
    height:30px;
    border:1px solid #aaa;
    border-radius:4px;
    clear:both;
    line-height:2
}
.security {
    width:auto;
    float:left
}
.form-item .textarea {
    width:350px;
    height:200px;
    border:1px solid #aaa;
    border-radius:4px
}
.form-item span {
    color:red
}
.captcha_img {
    float:left;
    margin-bottom:-10px;
    margin-left:10px
}
.selectpicker {
    padding-left:0;
    padding-right:5px
}
@media (max-width: 640px) {
    .tt {
        padding:10px
    }
    .navbar-nav {
        float: none
    }
}
.map {
    cursor:pointer
}
.form-item .submit-button {
    width:140px;
    margin-left:-4px;
    margin-right:5px
}
.top {
    background:url(../images/top.png);
    position:fixed;
    bottom:30px;
    right:30px;
    opacity:.7;
    filter:alpha(opacity=70);
    width:40px;
    height:40px;
    cursor:pointer;
    z-index:1000
}
.footer {
    background:#000000; padding:0px 0 30px 0;
    width:100%;
}
.footer-nav-bar { padding:35px 0 35px 0; border-bottom:1px solid #4F4F4F; margin:0 auto; width:80%; }
.footer-nav-bar a { padding:0 25px; text-decoration:none; color:#FFFFFF; display:inline-block; }
@media(max-width:990px) {
.footer-nav-bar a { float:left; width:170px; padding:0px; text-align:left; }	
	
}
.footer-text {margin-bottom:20px; margin-top:35px; color:#9E9E9E; font-size:12px;  } 
.footer-title { margin-bottom:20px; color:#FFFFFF; font-family:DroidBold; font-size:16px; }
/* .footer-text a {
    font-size:16px; text-decoration:none;
    color:#A1A1A1;
}
.footer-text img { margin-right:5px; margin-top:-5px; } */
.social-nw-link {
    text-align:center; margin-top:35px;
}
.social-nw-link img {
    margin-left:10px;
    cursor:pointer
}
.services_pt {
    margin:0;
    padding:0 0 0 15px
}
.services_pt li {
    list-style:none;
    margin:0 0 10px -15px;
    padding:0;
    line-height:2.1
}
.green_bullet {
    background:url(../images/green_bullet.png) no-repeat;
    width:30px;
    height:30px;
    float:left;
    margin-right:10px;
    text-align:center;
    line-height:2.1;
    color:#FFF
}
.text-area {
    width:80%;
    height:200px;
    border:1px solid #aaa;
    border-radius:4px
}
.update_message {
    padding:10px;
    width:auto;
    color:#000;
    margin:15px 0;
    text-align:center;
    background:#fc9;
    font-weight:700;
    border:1px solid #ffa827
}
.error_message {
    margin-top:20px
}
.content_right_block {
    float:right;
    border:1px solid #EFEFEF;
    width:100%;
    margin:20px 0 10px
}
.content_right_block img {
    border:1px solid silver
}
.content_right_blk_text .text {
    color:#036;
    font-size:17px
}
.content_right_blk_text {
    padding:20px 15px
}
.ttv_text a {
    color:#000;
    font-family:DroidBold,
    Arial,
    Helvetica,
    sans-serif;
    font-weight:700;
    text-decoration:underline
}
.old_ttv_text a {
    color:#777;
    font-family:DroidBold,
    Arial,
    Helvetica,
    sans-serif;
    font-weight:700;
    text-decoration:underline
}
.project_desc {
    font-size:13px;
    line-height:1.6;
    padding:11px 0 16px
}
.project_desc img {
    margin-bottom:-2px;
    border:0;
    margin-right:-7px
}
.project_desc span {
    color:#777;
    margin-left:5px
}
.screenshots_block a {
    float:left;
    padding:1px 1px 7px;
    width:199px;
    margin:0 16px 16px 0;
    border:1px solid #969696
}
.screenshots_block a:hover {
    border:2px solid #03D703;
    padding:0 0 6px
}
.screenshots_block a img {
    border:0;
    margin:10px 0 0 8px;
    cursor:pointer;
    width:180px;
    height:158px
}
 .mobile_block a img {
    height:270px
}
/* Abhilash */

.scrnsht_height a {
    height:180px
}
.content_left_block {
    float:left;
    margin-top:15px
}
.manual_links_block {
    padding:15px 10px 5px;
    margin-bottom:10px;
    border:1px solid #f5f5f5;
    border-right-color:#f0f0f0;
    background:#f8f8f8;
    width:100%
}
.manual_links_block b {
    font-weight:700;
    font-size:16px;
    padding-bottom:5px;
    color:#960a0a
}
.manual_links_block hr {
    color:#ddd;
    margin-bottom:16px
}
.manual_links_block .manual_link,
.manual_links_block .manual_link_selected {
    margin-bottom:16px
}
.manual_links_block .manual_link a {
    font-size:13px;
    color:#2073a7;
    text-decoration:none
}
.manual_links_block .manual_link a:hover {
    text-decoration:underline;
    color:#404040
}
.manual_links_block .manual_link_selected a {
    font-size:12px;
    font-weight:700;
    color:#000
}
.manual_links_block .manual_link_selected .sub_link {
    font-size:13px;
    font-weight:400
}
.manual_links_block .download_block img {
    border:none;
    cursor:pointer
}
.content_rt_block {
    float:left;
    padding-left:21px;
    margin-top:15px
}
.content_rt_block a {
    color:#00f
}
.cnt_rt_header_blk {
    float:left;
    text-align:justify;
    padding-top:15px;
    margin-top:3px
}
.cnt_rt_header_text {
    color:#e38615;
    font-size:16px;
    font-weight:700;
    margin:0;
    text-align:left
}
.cnt_rt_header_sub_text {
    margin-top:10px;
    line-height:1.6;
    text-align:left
}
.m_tt_logo {
    float:right;
    background:url(trackthrough_logo.png) no-repeat;
    width:27px;
    height:27px;
    margin-top:13px
}
.bg_image {
    border:1px solid #f6f6f6;
    clear:both;
    margin-top:27px;
    background:url(manual_bg.png) repeat-x #f1f1f1
}
.bg_image2 {
    border:1px solid #f6f6f6;
    clear:both;
    margin-top:27px;
    background:url(manual_big_bg.png) repeat-x #f1f1f1
}
.bg_img_cnt_blk {
    padding:14px 10px 10px
}
.bg_img_cnt_blk span {
    font-weight:400
}
.step_img_blk {
    float:left;
    margin:2px 12px 0 0;
    width:auto
}
.step_img_blk img {
    margin-bottom:7px;
    cursor:pointer
}
.step_info_block {
    float:left;
    margin-top:15px;
    margin-left:12px
}
.step_info_block2 {
    width:auto;
    margin-top:5px;
    padding:5px 10px
}
.step_info_block b,
.step_info_block2 b {
    font-size:15px;
}
.step_info_block2 b span {
    font-weight:400;
    font-size:13px;
    margin-left:5px;
    color:#888
}
.step_info_text {
    margin-top:15px;
    text-align:justify;
    color:#353535;
    font-size:14px;
    line-height:1.8
}
.step_info_text b {
    font-size:13px;
    color:#000
}
.step_info_block2 b a {
    color:#000
}
.step_info_text ol {
    padding:0;
    margin:10px 0 15px 25px
}
.step_info_text li {
    margin:6px 0 0;
    padding:0
}
.step_info_text span {
    color:#5d5d5d;
    font-size:12px;
    font-weight:700
}
.imp_text {
    font-size:14px;
    color:#000;
    float:right;
    width:100%;
    font-weight:400;
    border:1px solid #d8d8d8;
    padding:3px 15px;
    margin-top:10px;
    margin-bottom:20px
}
.ul_bullet {
    list-style-image:url(circular_arrow.png);
    padding:0;
    margin:0 0 15px 20px
}
.ul_bullet li {
    line-height:1.4;
    margin-bottom:15px
}
.intro_block .ul_bullet,
.rn_block .ul_bullet,
.upgrade_block .ul_bullet {
    margin-left:20px
}
.manual_bottom_link_blk {
    margin-top:11px;
    float:right
}
.centerfix {
    text-align:center
}
.manual_btns {
    width:100px;
    margin-top:8px
}
.msg_table {
    border-collapse:collapse;
    border:1px solid #DDD;
    margin-left:10px;
    font-size:12px
}
.installation_page .step_img_blk {
    width:200px
}
.installation_page .imp_text {
    width:478px
}
.known_issues_block b {
    color:#A8A8A8
}
.known_issues_block ul li {
    color:#969696
}
.code_text {
    margin:5px 0;
    background:#363636;
    color:#FFF;
    float:left;
    width:90%;
    padding:18px;
    font-size:13px;
    font-weight:400;
    word-wrap:break-word
}
.bg_img_cnt_blk .b_link_text {
    color:#F60;
    margin-left:5px;
    font-weight:700
}
.bg_img_cnt_blk .b_link_text span {
    text-decoration:underline;
    font-weight:700
}
.ol_list {
    float:left
}
.step_desc {
    float:left;
    width:70%;
    margin-left:10px
}
@media (max-width: 640px) {
    .step_desc {
        width:95%
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .step_desc {
        width:59%
    }
}
.thankyou_text {
    color:#107d88;
    font-size:16px;
    font-weight:700;
    word-spacing:2px;
    text-align:center;
    border:1px solid #EEE;
    padding:30px
}
.sitemap_links_block {
    padding:11px 0
}
.sitemap_links_block a {
    color:#2073a7;
    font-size:13px;
    text-decoration:none;
    margin-left:1px
}
.sitemap_links_block a:hover {
    text-decoration:underline
}
.sitemap_links_block img {
    float:left;
    margin:8px 5px 0 1px
}
.sitemap_links,
.sitemap_links2 {
    float:left;
    margin-top:10px;
    line-height:1.7
}
.separator {
    clear:both;
    padding-top:27px!important;
    border-bottom:1px dashed #c9c9c9;
    margin:0 11px 14px 0
}