@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
/**** sticky footer styles starts ****/
html {
  	position: relative;
  	min-height: 100%;
}
body {
	padding-bottom:67px;
	font-family: 'Open Sans', sans-serif;
	background-color:#fcfbfe;
}
/**** sticky footer styles Ends ****/


/**** layout base style starts ****/
img {
	max-width:100%;
}

h1, h2, h3, h4, h5, h6 {
	margin-top:5px;
}

a {
	color:#ea5e00;
}

a:hover {
	color:#999999;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	padding:0px 15px;
}

div[class^="col-lg-"] {
	min-height:0px;
}

.section-1 div[class^="col-lg-"] div, .section-1 div[class^="col-lg-"] span, .section-1 div[class^="col-lg-"] li, .section-1 div[class^="col-lg-"] p, .section-1 div[class^="col-lg-"] td, .section-1 p{
	color: #d2d2d2;
	font-size: 15px;
	line-height: 1.5em ;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}

.section-2 div[class^="col-lg-"] div, .section-2 div[class^="col-lg-"] span, .section-2 div[class^="col-lg-"] li, .section-2 div[class^="col-lg-"] p, .section-2 div[class^="col-lg-"] td, .section-2 p {
	color: #333333;
	font-size: 15px;
	line-height: 1.5em; 
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

.section-3 div[class^="col-lg-"] div, .section-3 div[class^="col-lg-"] span, .section-3 div[class^="col-lg-"] li, .section-3 div[class^="col-lg-"] p, .section-3 div[class^="col-lg-"] td, .section-3 p {
	color: #fff;
	font-size: 18px;
	line-height: 1.5em; 
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

.section-4 div[class^="col-lg-"] div, .section-4 div[class^="col-lg-"] span, .section-4 div[class^="col-lg-"] li, .section-4 div[class^="col-lg-"] p, .section-4 div[class^="col-lg-"] td, .section-4 p {
	color: #ffffff;
	font-size: 15px;
	line-height: 1.7em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.section-5 div[class^="col-lg-"] div, .section-5 div[class^="col-lg-"] span, .section-5 div[class^="col-lg-"] li, .section-5 div[class^="col-lg-"] p, .section-5 div[class^="col-lg-"] td, .section-5 p {
	color: #ffffff;
	font-size: 15px;
	line-height: 1.7em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
@media (min-width: 240px) {
	div[class^="col-lg-"] div, div[class^="col-lg-"] span, div[class^="col-lg-"] li, div[class^="col-lg-"] p, div[class^="col-lg-"] td {
		font-size: 14px;
	}	
	div[class^="col-lg-"]:not(:first-child) {
		padding-top:30px;
	}
	
	div[class^="col-lg-"]:empty {
		padding-top:0px;
	}
	
	/** Only apply to Dnn Skin **/
	.DnnModule:not(:first-child) {
		padding-top:30px;
	}	
	/** Only apply to Dnn Skin **/

	h1 {	
		font-size:20px;
	}
	h2 {	
		font-size:19px;
	}
	h3 {	
		font-size:18px;
	}
	h4 {	
		font-size:17px;
	}
	h5 {	
		font-size:16px;
	}
	h6 {	
		font-size:15px;
	}
	.hasPadd {
		padding:30px 0px 0px 0px;
	}
	.section-1 .container > .row, .section-2 .container > .row, .section-3 .container > .row, .section-4 .container > .row, .section-5 .container > .row, .section-6 .container > .row, .section-7 .container > .row {
		padding-bottom:30px;
}
}

@media (min-width: 480px) {
	div[class^="col-lg-"] div, div[class^="col-lg-"] span, div[class^="col-lg-"] li, div[class^="col-lg-"] p, div[class^="col-lg-"] td {
		font-size: 14px;
	} 
}

@media (min-width: 580px) {
	div[class^="col-lg-"] div, div[class^="col-lg-"] span, div[class^="col-lg-"] li, div[class^="col-lg-"] p, div[class^="col-lg-"] td {
		font-size: 15px;
	} 
	.col-lg-3 {
		width:50%; 
		float:left;
	}
	.col-lg-3:nth-child(2) { 
		padding-top:0px !important;
	}
}

@media (min-width: 768px) {	
	div[class^="col-lg-"] div, div[class^="col-lg-"] span, div[class^="col-lg-"] li, div[class^="col-lg-"] p, div[class^="col-lg-"] td {
		font-size: 15px;
	} 	
	h1 {	
		font-size:25px;
	}
	h2 {	
		font-size:23px;
	}
	h3 {	
		font-size:21px;
	}
	h4 {	
		font-size:19px;
	}
	h5 {	
		font-size:17px;
	}
	h6 {	
		font-size:15px;
	}
	.hasPadd {
		padding:60px 0px 0px 0px;
	}
	.section-1 .container > .row, .section-2 .container > .row, .section-3 .container > .row, .section-4 .container > .row, .section-5 .container > .row, .section-6 .container > .row, .section-7 .container > .row {
	padding-bottom:60px;
}
}

@media (min-width: 992px) {
	div[class^="col-lg-"] div, div[class^="col-lg-"] span, div[class^="col-lg-"] li, div[class^="col-lg-"] p, div[class^="col-lg-"] td {
		font-size: 15px;
	} 
	div[class^="col-lg-"]:not(:first-child) {
		padding-top:0px;
	}
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float:left;
	}
	.col-lg-12 {
		width:100%;
	}
	.col-lg-11 {
		width:91.66666667%;
	}
	.col-lg-10 {
		width:83.33333333%;
	}
	.col-lg-9 {
		width:75%;
	}
	.col-lg-8 {
		width:66.66666667%;
	}
	.col-lg-7 {
		width:58.33333333%;
	}
	.col-lg-6 {
		width:50%;
	}
	.col-lg-5 {
		width:41.66666667%;
	}
	.col-lg-4 {
		width:33.33333333%;
	}
	.col-lg-3 {
		width:25%;
	}
	.col-lg-2 {
		width:16.66666667%;
	}
	.col-lg-1 {
		width:8.33333333%;
	}
	.container {
		width:960px;
	}
}
/**** layout base style ends ****/





/**** header area starts ****/

@media (min-width: 1100px) {
	.container {
		width:1070px;
	}
}



.inner_header {
	background-color:#333;
}
.header {
	width:100%;
	z-index:5;	
}
@media(min-width: 240px) {
	.header {
		position:relative;
		top:0px;
		background:#fff;
	}
	.header .container {
		padding:0px;
	}
	.header .logo {
		padding:15px 15px;
		text-align:center;
	}
	.header .col-lg-2 {
		padding:0px;
	}
	.header .col-lg-10 {
		padding:0px;
	}
	.header .logo  img {
		width:200px;
	}
}
@media(min-width: 768px) {
	.header {
		background:#ffffff;
	}
	.header .container {
		padding:0px 15px;
	}
	.header .logo {
		padding:8px 0px;
		text-align:left;
	}
	.header .col-lg-2 {
		width:16.6666%;
		float:left;
	}
	.header .col-lg-10 {
		width:83.3333%;
		float:right;
	}
	.header .logo  img {
		width:auto !important;
	}
}
/**** header area ends ****/


/**** Menu area ends ****/
.menu_area .navbar {
	margin-bottom:0px !important;
}
.navbar {
	min-height:auto;
}
.header div[class^="col-lg-"]:not(:first-child) {
    padding-top:0px;
}
@media (min-width: 240px) {
	.menu_area .navbar-brand {
		display:block;
	}
	.menu_area .navbar-nav {
		float:none !important;
		margin: 0px -15px;
	}
	.menu_area .container{
		padding:0px;
	}
	.menu_area .navbar-inverse {
		background-color: #2E2D2B;
		border-color:#24398E;
		border:none;
	}
	.menu_area .navbar-inverse .navbar-toggle {
		border-color:#4372BA;
	}
	.menu_area .navbar-inverse .navbar-brand {
		color: #FFF;
	}
	.menu_area .nav > li {
		position: relative;
		display: block;
	}
	.menu_area .navbar-inverse .navbar-nav>li>a:hover {
	    color: #FAFAFA;
		background: #282B93;
	}
	.menu_area .navbar-inverse .navbar-nav>li>a {
		color:#ffffff;
		font-size:14px;
		display:block;
		text-transform:uppercase;
		padding:0px 8px 0px 8px;
		font-family: 'Open Sans', sans-serif;
		text-align:center;
		font-weight:600;
		line-height:42px;
	}
	.menu_area .navbar-inverse .navbar-collapse, .menu_area .navbar-inverse .navbar-form {
    	border-color: #fff;
	}
	.menu_area .navbar-inverse .navbar-nav>li {
		border-bottom:1px solid #ffffff;
	}
	.menu_area .navbar-inverse .navbar-nav>li:last-child {
		border-bottom:0px solid transparent;
	}
	.menu_area {
		padding:0px 0px;
	}
}	
@media (min-width: 768px) {
	.menu_area .navbar-wrapper {
		padding-top:0px !important;
	}
	.menu_area .navbar-brand {
		display:none;
	}
	.menu_area .navbar-nav {
		float:right !important;
		margin:0px;
	}
	.menu_area .navbar-inverse {
		background:none !important;
		border:none !important;
	}
	.menu_area .navbar-nav > li {
		display: inline-block !important;
		float:none !important;
		border-bottom:none;
	}
	.menu_area .navbar-inverse .navbar-nav>li>a {
		padding:0px 5px;
		font-size: 11px;	}
	.menu_area .navbar-inverse .navbar-nav>li {
		border-bottom:0px solid transparent;
	}
	.menu_area {
		padding:8px 0px;
	}
	.menu_area .navbar-inverse .navbar-nav>li>a {
		color:#282B93;
	}
}
@media (min-width: 992px) {
	.menu_area .navbar-inverse .navbar-nav>li>a {
		padding:0px 10px 0px 10px;
		font-size:14px;
	}
	.menu_area {
		padding:20px 0px;
	}
}
/**** Menu area ends ****/


/**** banner area start ****/
.banner_area {
    max-width: 1920px;
    margin: 0px auto;
}
.banner_area .glyphicon-chevron-left:before, .banner_area .glyphicon-chevron-right:before {
	content:" " !important;	
}
.banner_area .carousel-inner>.item>img, .banner_area .carousel-inner>.item>a>img {
	width:100%;
}
.banner_area .carousel-control {
	width:0%;
}



/**** banner area end ****/

/*** section1 Area End ***/
.section-1 {
	background:url(images/bg-home-top.jpg) top center no-repeat;
	background-attachment: fixed;
	background-position: center;
	max-width: 1920px;
	margin: 0px auto;	
}
.section-1 h3 {
    color: #fff;
	font-size:28px;
	font-weight:bold;
	padding:15px 0px;
}
.section-1  .col-lg-4 a {
	background-color:#f0cc50;
	color:#333;
	border-radius:50px;
	padding:10px 18px;
	margin:15px 0px;
	display:inline-block;
}	
	
	
/*** section1 Area End ***/

/*** section2 Area Start ***/
.section-2 {
	background-color:#fff;
	max-width: 1920px;
	margin: 0px auto;
}

@media(min-width:240px) and (max-width:579px) {
	
.section-2 h2 {
	font-size:45px;
}

}
@media(min-width:580px)
.section-2 h2 {
	text-align:center;
	font-size:100px;
	color:#000;
	font-family: 'Open Sans', sans-serif;
}
}
.section-2 .sec2_btn {
    background: #fff;
    border: 1px solid #e2e3e3;
    border-radius: 25px;
    color: #303334;
    display: inline-block;
    line-height: 20px;
    padding: 15px 25px;
}
.section-2 a {
	text-decoration:none;
}

@media(min-width:768px) {
.slider_gallery .col-lg-6 {
	width:50%;
        float:left;
}
}

/*** section2 Area End ***/

/*** section3 Area Start ***/
.section-3 {
	background:#1E2430 url(images/sec3_bg.jpg) bottom center no-repeat;
}

.slider_gallery .col-lg-6 {
	padding:0px;
}
.mouse-over {
	position:relative;
}
.mouse-overed {
 position:absolute;
 top:0px;
 bottom:0px;
 left:0px;
 right:0px;
 text-align:center;
 display:none;
 color:#fff;
 background:#f0cc50;
 padding:25px;
}
.mouse-over:hover .mouse-overed {
	display:block;
}

.slider-caption {
	 position:absolute;
	 top:0px;
	 bottom:0px;
	 left:0px;
	 right:0px;
	 text-align:center;
	 color:#fff;
	 padding:25px;
}

.slider-caption a {
	background:#f0cc50;
	border-radius:25px;
	padding:8px 25px;
	color:#333;
	margin-top:25px;
	display:inline-block;
}

.mouse-overed {
	color:#333 !important;
}

.mouse-overed a {
	background:#fff;
	border-radius:25px;
	padding:8px 25px;
	color:#333;
	margin-top:25px;
	display:inline-block;
	text-decoration:none;
	
}


.section-3 div[class^="col-lg-"]:not(:first-child) {
    padding-top: 0px;
}


/*** section3 Area End ***/

/*** section4 Area Start ***/
.section-4 {
	background-color:#fcf3e6;
}

/*** section4 Area End ***/


/*** section5 Area Start ***/
.section-5 {
	background-color:#252525;
}

/*** section5 Area End ***/

	
/*** footer Area Start ***/
.footer {
	color:#000;
	position:absolute;
	bottom:0px;
	z-index:100;
	width:100%;
	height:67px;
	text-align:center;
	background-color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:15px;
}
.footer .container {
	background-color:#fff;
}
.footer a {
	color:#000;
	text-decoration:none;
}
.footer a:hover {
	color:#000;
}
@media(min-width: 240px) {
.footer {
	line-height:33px;
}
}
@media(min-width: 450px) {
.footer {
	line-height:67px;
}
}
/*** footer Area End ***/

@media(min-width:768px) {

.fixedTop {
    position: fixed;
    background: #fff;
    left: 0px;
    right: 0px;
    text-align: center;
    top: 0px;
	z-index:999;
}

.fixedTop .navbar-nav {
	float:none;
}
.menu_resize {
	padding:10px 0px !important;
}
}
.logo h5{
	font-size:20px;
	color:#fff;
}
.logo h5 label{
	color:red;
}
.fixedTop .logo h5{
	margin-top:20px;
	
}
.white {
	color:#fff;
	font-weight:bold;
}

a.active {
    background: #282B93;
    color: #fff !important;
}

.section-2 h2 {
	text-transform: uppercase;
    font-weight: bold;

}
.section-1 h2 {
	text-transform: uppercase;
    font-weight: bold;
	color:#fff;

}
    
.product_div  .col-lg-6 {
	padding-bottom:20px;
}	


.section-3 {
	max-width:1920px;
	margin:0px auto;
}
	
/**** Back to Top starts ****/
.back_to_top
{
	position: fixed;
	bottom: 2em;
	right: 10px;
	display: none;
	z-index: 5;
}
.back_to_top:hover
{
}
 @media (min-width: 320px) {
.back_to_top img
{
	width: 50px;
}
}
 @media (min-width: 992px) {
.back_to_top img
{
	width: 100%;
}
}
 @media (min-width: 768px) {
	.fixedTop .logo img {
		width:120px !important;
	}
}
/**** back to top ends ****/


.contact_query h1 {
 	color:#FF5722;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	
}

@media (min-width: 768px) {
	.contact_query .col-lg-4 {
		width:33.333%;
		float:left;
	}	
}

.contact_form  a {
	color:#ffffff;
	font-size:20px;
	font-weight:600;
	padding:10px 25px 10px 25px;
	background-color:#012e6f;
	float:right;
	margin-top:18px;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
}
.contact_form textarea {
	height:135px;
	width:100%;
	font-size:16px;
	border-radius:0px;
	outline:none;
	margin:3px 0px;
	padding:10px;
	color:#7f7f7f;
	font-weight:bold;
	text-indent:10px;
	font-family: 'Open Sans', sans-serif;
	border:1px solid #808080;
	font-weight:400;
}
.contact_form  input[type="text"]{
	font-size:16px;
	border-radius:0px;
	width:100%;
	margin:3px 0px;
	padding:7px;
	color:#7f7f7f;
	outline:none;
	font-weight:bold;
	text-indent:10px;
	border:1px solid #808080;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:2px;
}
.banner_area{

position:relative;
}
.banner_area .carousel-control {
	width:0%;
}
.banner_area .carousel-control .glyphicon-chevron-left {
	margin-left:15px;
}
.banner_area .carousel-control .glyphicon-chevron-right {
	margin-right:15px;
}
.banner_area  .carousel-control .glyphicon-chevron-left, .banner_area  .carousel-control .glyphicon-chevron-right, .banner_area  .carousel-control .icon-prev, .banner_area  .carousel-control .icon-next{

	width:50px;
}
.about h2
{
	text-align:center;
	
}
label{
	

}
.container-fluid
{
	margin:50px;

	
}
.checkbox input[type=checkbox]
{
	    position: relative;
}
#reset
{
background-color:black;
color:white;	
}
.btn {
    display: inline-block;
    padding: 6px 50px;
	
}
/* The container */
.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
       font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
}

/* Hide the browser's default checkbox */
.checkbox input {
    position: absolute;
    opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eadada;
	    border-radius: 7px;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
    background-color: #282B93;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.alert-success {
    background-color: #f0d8ef;
    border-color: #c6e9e8;
    color: #282b93;
}

	
.alert-info {
    background-color: #282b93;
    border-color: #282b93;
    color: #fcfbfe;
}
.modal-header {
	background-color:#2c2f85;
}
.modal-footer {
	background-color:#2c2f85;
}
.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 40%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-header .close {
    margin-top: -11px;
    color: white;
}
@media only screen and (max-width: 500px)
	{
	#reset
	{
	    padding: 5px 30px;
	}
	
	#submit_button
	{
	    padding: 5px 30px;
	}
.row, #form_div {
    margin-left: -28px;
    margin-right: -28px;
}
	}