/* ==================== CSS Structure ==================== 
1. COMMON STYLES
	- Reset Styles
	- Common Classes
	- Pre Loader Styles
	
2. HTML ELEMENTS STYLE
	- Button Styles

3. HEADER SECTION
	- Main Navigation Styles
	- Home section
	
4. FEATURE SECTION
5. SERVICE SECTION
6. STEP SECTION
7. Video SECTION

8. SCREENSHOT SECTION
	- ScreenShots hover effect style

9. TESTIMONIAL SECTION
10. PRICING SECTION
	- Folding Effect

11. SUBSCIBE SECTION
12. DOWNLOAD SECTION
13. CONTACT SECTION
14. FOOTER SECTION
========================================================== */

    .main_img{
            margin-left: 150px;
    }

@font-face {
    font-family: 'archivo_narrowregular';
    src: url('fonts/archivonarrow-regular-webfont.eot');
    src: url('fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/archivonarrow-regular-webfont.woff2') format('woff2'),
         url('fonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('fonts/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('fonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* --------------- Reset Styles --------------- */
body { padding:0px; margin:0px;
	  font-family: 'archivo_narrowregular';
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	color: #141313;
	overflow-x: hidden !important;
	-webkit-font-smoothing: antialiased;
	text-align:justify;
}

a {	color: #141313;	text-decoration: none;}
a:hover, a:focus, .btn:focus { text-decoration: none;	outline: none;	color: #8c1a1a}
input:focus, textarea:focus {	outline: 0;}
h1, h2, h3, h4, h5, h6 { font-family: 'archivo_narrowregular'; text-transform:capitalize; letter-spacing: 1px; margin:0px; padding:0px;}

h1 { font-size: 24px;  }
h2 { font-size: 22px; }
h3 { font-size: 20px; margin-bottom:10px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }


 
ul, ol { padding-left: 0 !important;}
li { list-style: none;}
p { color: #141313; line-height:22px;}


/* --------------- Common Classes --------------- */

.clear{ clear:both;}
.clear-5{ clear:both; height:5px;}
.clear-10{ clear:both; height:10px;}
.clear-15{ clear:both; height:15px;}
.clear-20{ clear:both; height:20px;} 
 
.left {	float:left;} 
.right { float:right;}
.justify { text-align: justify;}
.strong {font-weight: 600;}
.floatright { float:right;}
.floatleft { float:left;}
 
.center-align { text-align:center;} 
.left-align { text-align:left;} 
.right-align { text-align:right;} 

 
.wrapper { width:1200px; height:auto; margin:0 auto;}

/* ================ Header Section ================ */

 
  #body-section, #cruasel-section {background:#fff; width:100%; height:auto; }
/* --------------- Home section --------------- */ 

.header { width:100%; height:auto; background:#fff; -webkit-box-shadow: 0 8px 3px -6px #ccc; -moz-box-shadow: 0 8px 3px -6px #ccc; box-shadow: 0 8px 3px -6px #ccc; border-bottom:1px solid #ccc; position:relative;} 

.logo { float:left; width:250px; height:auto; padding:10px 0px 5px 40px; }  
.head-logo-center {width:700px; float:left; height:auto; color:#264F85; font-size:20px; position: absolute;  margin-top: 59px;  left: 20%; /* position:absolute; z-index:99;*/    }
.head-cen  { position:absolute; left:65%; top:10px;} 
.head-logo-right {  float:right; width:250px; text-align:right; padding:10px 40px 5px 0px; }



/* --------------- body section --------------- */
.nav-sidebar { float:left; width:285px; height:auto; margin-top:15px; }
 .left-nav-panel { background:#fff; box-shadow: 0 0 5px #ccc; padding:7px;  }
 .nav-title{ background:#264F85; padding:5px 8px; margin-bottom:8px;}
 .nav-title h3{ color:#fff; font-size:18px; padding:0px; margin:0px; font-family: 'archivo_narrowregular'; }
 .nav-title h3 span{ color:#fff; font-size:18px; line-height:22px; vertical-align:top; padding:0px; margin:0px;  font-family: 'archivo_narrowregular'; }
 .nav-title h3 .small { text-transform: lowercase; }
 
 .nav-area { margin-bottom:8px;}
 .nav-area ul { list-style:none; margin-left:12px;}
 .nav-area ul li { list-style:none;  }
 .nav-area ul li a { list-style:none; background:url(../images/bullet-li.png) no-repeat scroll 0 center; font-size:14px; padding: 0px 0px 0px 15px; text-decoration:none; display: block; transition: all 0.2s ease-in-out 0s; }
 .nav-area ul li a:hover { list-style:none; background:url(../images/bullet-li.png) no-repeat scroll 5px center; font-size:14px; padding: 0px 0px 0px 20px; text-decoration:none;    display: block;}
 
 
 .content-area { width:905px; float:right; height:auto;} 
 .container-auto { width:auto; height:auto;} 
 .slider-banner { width:730px; float:left; height:auto; margin-top:-10px;}
 .right-ad-banner { width:165px; float:right; height:auto;  margin-top:15px;} 
 .call-for-paper-area { background:#fff; padding-bottom:15px;}
 .shyam-advertiesment-area { width:auto; height:auto;} 
 .common_wide { width:610px; float:left; height:auto;}
 .thumb-banner-area { width:278px; height:auto; float:right; } 
 .read_more a { color:#8c1a1a;}
 .read_more a:hover { color:#2b1a1a; text-decoration:none;} 
 
 .small-banner { padding:5px;box-shadow: 0 0 5px #ccc;  margin:0px;}
 
 
 
 .crousel-slider-area {box-shadow: 0 0 5px #ccc; padding:10px; background:#fff; } 
 .area-kkk-sl { margin:0px 20px;}
 
.error{color:#FF0000;}
 
 
 

/* ================ Footer Section ================ */
#footer-section { padding:10px 0px; background:#264F85; color:#fff;} 
.footer { text-align:center; padding:10px 0px;}
.footer p{ text-align:center; padding:0px; margin:0px; line-height:20px; color:#fff; font-size:14px;} 
.copyright {color:#fff; font-size:14px;}

/*--css--*/
a.left.carousel-control,a.right.carousel-control {
    position: absolute;
    top: 50%;
    border: none;
    background: none;
}
td
{
	text-align:justify;
}

.table.table-striped img {
    float: right;
    width: 200px;
}

.table.table-striped tr td { text-align:justify;}



.star { color:#F00; font-size:14px;}
.form-horizontal .control-label { float: left; padding-top: 5px; text-align: right; width:220px !important;}

.browsw-btmn-bb { background:#da251d; }  
.updateoffer-bb { clear: left; float: left; overflow: hidden; position: relative;}
.updateoffer-bb span { color: #343434; cursor: pointer; float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:0; padding: 6px 42px; position: relative; visibility: visible; z-index: 999999; border:1px solid #ccc; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 46%, #f1f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 46%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 46%,#f1f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 46%,#f1f1f1 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 46%,#f1f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */ }
.updateoffer-bb input[type="file"] { cursor: pointer; display: block; font-size:14px; opacity: 0; position: absolute; right: 0; top: 0; }