/* CSS Document */
body{
	font: 15/1.5 Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background-color:#F7F7F7;
	}
.container{
	width:80%;
	margin:auto;
	overflow:hidden;
	
	}

ul{
	margin:0;
	padding:0;
	}
.button_1{
	height:38px;
	background:#004b8a;
	border:0px;
	padding-left:20px;
	padding-right:20px;
	color:#FFFFFF;
	}

	
.dark{
	
	}
header{
	background-color:#fff;
	
	color:#FFFFFF;
	padding-top:30px;
	min-height:170px;
	
	}
header a{
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	}

header li{
	float:left;
	display:inline;
	padding:0 20px 0 0;	
	}
header #branding{
	float:left;
	padding-left:50px;
	}
header img{
	float:left;
	width:350px;
	margin-bottom:20px;
	}
	
	
header h1 {
	margin:20px;
	float:right;
	}
header nav{
	float:right;
	margin-top:10px;
	}	
header a:hover{
	color:#cccccc;
	}
	
	/* show case */
#showcase{
	
	
	text-align:center;
	color:#FFFFFF;
	}
#showcase h1{
	margin-top:100px;
	font-size:55px;
	margin-bottom:10px;
	}
#showcase p{
	font-size:20px;
	}
#newsletter{
	padding:15px;
	color:#000000;
	font-weight:bold;
	background-color:#2b353b;
	}
#newsletter img{
	margin-top:20px;
	float:left;
	color:#FFFFFF;
	}
#newsletter form{
	float:right;
	margin-top:15px;
	}
#newsletter input[type="email"]{
	padding:4px;
	height:38px;
	width:250px;
	}
#boxes h2{
	text-align:center;
	text-transform:uppercase;
	margin-bottom:30px;
	}
#boxes{
	margin:10px;
	}
#boxes .box{
	float:left;
	text-align:center;
	width:32%;
	padding:5px;
	color:#000000;
	}
#boxes .box img{
	width:350px;
	}
	/*//////////////////////////////////////Features/////////////////////////////////////*/

#boxess{
 background-color:#F7F7F7;
	
	}

#boxess{
	margin:10px;
	}
#boxess .box{
	float:left;
	text-align:center;
	width:25%;
	padding:5px;
	color:#000000;
	}
#boxess .box img{
	width:250px;
	}
#boxess .box .add img{
	width:150px;
	}

	/*///////////////////////////About////////////////////////*/

#about{
 background-color:#F7F7F7;
	
	}

#about .box{
	float:left;
	text-align:center;
	width:100%;
	padding-top:20px;
	font-family: 'Roboto', sans-serif;
	color:#5E5E5E;
	}
/*///////////////////////////Menu Style ////////////////////////*/
.left_sub_menu a{ background-color:#000000; font-family:Trebuchet MS; font-size:14px; color:#d8d8d8; display:block; padding:7px 5px 7px 25px; border-bottom:1px #d8d8d8 solid; transition:all 0.5s; background:url(imags/arrow_left_menu.png) left 10px center no-repeat;}
.left_sub_menu a:hover{background:#004b8a url(imags/arrow_left_menu_hover.png) left 10px center no-repeat; color:white; padding:7px 5px 7px 35px; text-decoration:none;}

	
	/*//////////////////////////////////////Features/////////////////////////////////////*/
aside #sidebar{
	float:right;
	width:37px;
	margin-top:10px;
	background-color:
	}
	
article#main-col{
	float:left;
	width:65%;
	}

#maintext{
	
	min-height:300px;
	margin-top:50px;
	
	
	}
#maintext .box{
	float:left;	
	width:70%;
	padding:10px;
	
	}		
	
#maintext .boxx{
	float:left;
	text-align:center;
	width:30%;
	padding:10px;
	background-color:#2b353b;
	margin-top:10px;
	
	}		
	
#maintext h3{
	font-weight:bold;
	color:#fff;
	}
#maintext .boxx input, #maintext .boxx textarea{
	width:90%;
	padding:5px;
	}

.responsive {
    width: 100%;
    height: auto; }

/*//////////////////////////////////////Product page area/////////////////////////////////////*/

#proarea{
	
	min-height:300px;
	margin-top:20px;
	
	
	}
#proarea .box{
	float:left;	
	width:70%;
	padding:10px;
	
	}		
	
#proarea .boxx{
	float:left;
	text-align:center;
	width:30%;
	padding:10px;
	
	
	color:#FFFFFF;
	
	
	}		
	
#proarea h3{
	font-weight:bold;
	color:#CC9900;
	}
	

/*//////////////////////////////////////Product page area/////////////////////////////////////*/

	/*Full top strip */
	
#fulltop{
	
	background-color:#008cd2;
	height:35px;
	}


	
#fulltop .box{
margin-top:5px;
	float:left;
	text-align:left;
	width:30%;
	
	color:#fff;
	}
	
#fulltop .boxx{
	float:left;
	text-align:left;
	width:30%;
	
	margin:10px;
	color:#fff;
	
	}	
	

	
	
	
	/*footer Area */
	
#clints{
	margin-top:50px;
	padding-top:50px;
	background-image:url(imgs/btmgb.jpg);

	height:350px;
	
	 background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
	background-repeat:no-repeat;
	
	}
#clints h2{
	text-align:left;
	
	color:#333333;
	}
	

#clints img{
	float:left;
	width:115px;
	margin-bottom:20px;
	margin-right:20px;
	}
	
#clints .box{
	float:left;
	text-align:left;
	width:50%;
	padding:10px;
	color:#333333;
	}
	
#clints .boxx{
	float:left;
	text-align:left;
	width:40%;
	padding-left:20px;
	margin:10px;
	color:#333333;
	}	
	
#clints .box img{
	width:150px;
	}
	
#clints input[type="email"]{
	padding:4px;
	height:38px;
	width:250px;
	background-color:#252525;
	}	
	
#top input[type="email"]{
	padding:4px;
	height:38px;
	width:250px;
	color:#666666;
	background-color:#ececec;
	border:#0000FF;
	
	}		
	
	
#last{
	background-color:#252525;
	font-family: 'Bree Serif', serif;
	min-height:250px;
		
	}
#last .box{
	float:left;
	text-align:left;
	width:24%;
	padding:10px;
	font-family: 'Bree Serif', serif;
	color:#F7F7F7;
	}		
#last h3{
	font-weight:bold;
	font-family: 'Bree Serif', serif;
	color:#F7F7F7;
	}
	
	
	
	
	
footer{
	padding:15px;
	
	color:#fff;
	background-color:#000;
	text-align:center;
	}
section a{
font-family: 'Roboto Slab', serif !important;
font-size:12px  !important;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	
	}

section li{
	
	display:list-item;
	padding:0 20px 0 0;
	text-align:left;	
	}
	
section a:hover{
	text-decoration:none;
	color:#000 !important;
	}


footer a{
	color:#008cd2;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	font-family: 'Kosugi Maru', sans-serif;
	}
footer a:hover{
	color:#fff;
	}

 /*footer Area end */


.nbs-flexisel-item {
    float:left;
    margin:0px 12px !important;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
	background:#004B8A;
	width:269px !important;
	border-radius: 7px;
}
.nbs-flexisel-item:hover {
	background:#008CD2;
}



	
@media(max-width:768px ){
 header #branding,
 header nav,
 header nav li,
 #boxes .box,
 #boxess .box,
 #last .box,
 #clints .box,
  #clints .boxx,

 #maintext .box,
 #maintext .boxx,
 #proarea .box,
 #proarea .boxx,
 #fulltop .box,
 section li,
 #newsletter h1{
 	float:none;
	text-align:center;
	width:100%;
	} 
header li{
	
	display:list-item;
	width:100%;
	padding-bottom:10px;
	font-weight:bold;
		}
header a:hover{
	color:#FFA61A !important;
		
	}
header img{
	float:none;
	width:100%;
	}
#fulltop{height:65px;}
	
	
header{ padding-bottom:20px;} 
#showcase h1{
 	padding-top:20px;
  }
 #newsletter button,  #maintext button{
 	display:block;
	width:100%;
	}

	
#clints{ height:380px;
	text-align:center;}