/*
 * Table of Contents:
 * 	   - Media Queries
 *   0 - media screen and (max-width: 1170px)
 *   1 - media screen and (max-width: 1152px) 
 *   2 - media screen and (max-width: 1024px)
 *   3 - media screen and (max-width: 992px)
 *   4 - media screen and (max-width: 800px)
 *   5 - media screen and (max-width: 768px)
 *   6 - media screen and (max-width: 728px)
 *   7 - media screen and (max-width: 640px)
 *   8 - media screen and (max-width: 500px)
 *   9 - media screen and (max-width: 480px)
 *  10 - media screen and (max-width: 414px)
 *  11 - media screen and (max-width: 375px)
 * 	12 - media screen and (max-width: 360px)
 *  13 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */

/* 1.0 - Common Styles
---------------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, a, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	font-family: 'Lato', sans-serif;
	color: #444;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 10px; font-weight:700; line-height:30px;
}

h2 {
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 10px; font-weight:700; line-height:28px;
}
h3 {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #000;	
	margin-bottom: 10px;text-transform: uppercase; line-height:24px;
}

h4 {
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	color: #000;	
	margin-bottom:10px; font-weight:700; text-transform:uppercase; line-height:22px;
}
h5 {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #000;	
	margin-bottom:10px; line-height:22px;
}

h6 {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #000;	
	margin-bottom: 10px;line-height:20px;
}

a {
	outline: 0;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}

a:hover{ text-decoration:none; color:#040382;}
p{ margin-bottom:10px; font-family:"Open Sans";}
.container {
	padding: 0;
}
/* Top-Header
---------------------------------------------------------------------- */
#main_header{ width:100%;}
.top_header{ width:100%; padding:25px 0;}
.top_left a{ display:inline-block; padding-bottom:20px; text-transform:uppercase; font-size:14px;}
.top_left a i{ padding-right:5px; color:#00a2ff; font-size:18px;}
.top_left a.map{ border:1px solid #ccc; padding:5px 10px; font-weight:700; color:#000;}
.top_left a.map img{ padding-right:5px; margin-top: -4px;}
.logo{ text-align:center;}
.logo a img{ margin:0 auto;}

.top_ryt{ text-align:right;}
.top_ryt a{display:inline-block; padding-bottom:20px; text-transform:uppercase; font-size:14px;}
.top_ryt a i{ padding:0 5px; color:#00a2ff; font-size:16px;}
.top_ryt ul{ float: right; list-style:none; margin-bottom:0; border:1px solid #ccc; padding:5px 10px;}
.flw{ float:left; text-transform:uppercase; font-weight:700; padding-right:10px; color:#000;}
.top_ryt li{ float:left;}
.top_ryt li a i{ color:#808080;}
.top_ryt li a{ padding-bottom:0px;}
.top_ryt li a:hover i{ color:rgb(0, 162, 255);}




/* navigation
---------------------------------------------------------------------- */
.navigation_menu{ background-color:#2d3c97; text-align: center;}



.ccr_section{ padding:45px 0;}
.about_us{ text-align:center;}
.divider_bottom{ width:60px; margin:15px auto; height:3px; background-color:#00a2ff;}
.about_us p{ line-height:24px; font-size:14px; color:#000; font-weight:300; }
.read_more{-webkit-border-radius: 25px; font-family:Raleway; font-weight:700; text-transform:uppercase; padding:6px 20px;
-moz-border-radius: 25px;
border-radius: 25px; background-color:#00a2ff; color:#fff; margin-top:10px;}
.read_more:hover{ background-color:#2d3c97; color:#fff;}




.fullwidthbanner-container{ background-color:#f5f5f5; width:100%;}



/* .parallax-window
---------------------------------------------------------------------- */

.parallax-window {
	min-height: 546px;
	background: transparent;
	padding: 45px 0 20px 0;
	text-align: center;
}
.parallax-window h2{ color:#fff;}
li.nbs-crousal-item .product-listing{ background-color:#fff; width:93%; text-align:center; padding-bottom:15px;}
li.nbs-crousal-item .product-listing img{ margin:0 auto; padding-bottom:15px;}
.booth{ font-weight:300; font-size:13px; color:#000; margin:10px auto; display:block;}
.green{ display:inline-block; margin:15px auto; background-color:rgb(0, 162, 255); padding:3px 27px; -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px; text-transform:uppercase; color:#fff;  font-size:13px; font-weight:700;}
.green:hover{ background-color:rgb(1, 146, 230); color:#fff;}

.blue{ display:inline-block; margin:15px auto; background-color:#00a2ff; padding:3px 15px; -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px; text-transform:uppercase; color:#fff; font-size:13px; font-weight:700;}
.blue:hover{ background-color:#0192e6; color:#fff;}




/* ccr_bottom_section
---------------------------------------------------------------------- */
.ccr_bottom_section{ background-color:#f5f5f5; padding:30px 0;}
.testimonials{ background-color:#fff; padding:30px; text-align:center; min-height:270px;}
.carousel-control.left{ background-image:none;}
.carousel-control.right{ background-image:none;}
.testimonials p{ font-size:14px; font-weight:300; color:#000;}
.testmonial-caption strong{ text-transform:uppercase;}
.carousel-indicators li{ background-color:#d6d6d6; border:1px solid #d6d6d6;}
.carousel-indicators li.active{  background-color:#2d3c97; border:1px solid #2d3c97;}
.carousel-indicators {
    bottom: -45px;}
.bottom_read{ display:block; margin-top:45px;}
.bottom_read a{ color:#00a2ff; font-size:13px; font-weight:700; font-family:Raleway; text-transform:uppercase;}
.newsletter{ background-color:#fff; padding:8px; text-align:center;}
.news_letter{ margin-top:30px; margin-bottom:0px;}
.dotted{ border:2px dashed #ddd; padding:30px;}
.news_letter i{height: 40px;
    margin-top: 13px;
    position: absolute;
    right: 59px;
    width: 40px;
    font-size: 18px;}
.news_letter input{ height:45px; border-radius:0px;}

.contact_us{ background-color:#fff; padding:30px; text-align:center;}
a.num{ font-size:36px; color:#00a2ff; font-weight:600; margin:25px 0; display:inline-block;}
.co_map {	padding:3px 30px 0 75px;}
.box_map{ position:absolute; margin-left:-30px; margin-top:15px;}
.co_map p{ font-size:14px; line-height:22px;}
.contact_us ul{ list-style:none; padding:0; margin-top:25px;}
.contact_us li{ display:inline-block; padding:0 10px;}
.contact_us li a{ color:#a7a6a6; font-size:16px;}
.contact_us li a:hover{ color:#00a2ff;}




/* ccr_footer
---------------------------------------------------------------------- */
.ccr_footer{ background-color:#2d3c97; padding:35px 0; width:100%;}
.footer{ text-align:center;}
.footer ul{ list-style:none; padding:0;}
.footer li{ display:inline-block;}
.footer li a{ color:#fff; padding:0 10px; border-right:1px solid #999; line-height:22px;}
.footer li:last-child a{ border-right:0px;}
.footer li a:hover{ text-decoration:underline;}
.copy{ color:#d0d6fc; display:block; line-height:30px;}
.copy a{ color:#fff; padding-left:5px;}









/* inner pages css
---------------------------------------------------------------------- */
.ccr_inner_title{ padding:10px 0; width:100%;}
.bread_right{ float:right;}
.bread_right ol{ margin-bottom:0px;}
.breadcrumb{ background-color:#fff; padding:8px 0px 8px 8px;}
.breadcrumb li a{ font-size:15px; color:#888;}
.breadcrumb > li + li::before {
    color: #000;
    content: "/ ";
    padding: 0 5px;
}
.breadcrumb li.active a{
    color:#000;
}
.ccr_inner_title h2{ margin-bottom: 0;
    margin-top: 5px;}
.ccr_about_us{ background-color:#f7f7f7; width:100%; padding:35px 0;}
.profile_img{ width:30%; border:1px solid #ebebeb; margin-right:30px; float:left;}
.profile_img img{ border:13px solid #fff; width:100%;}
.our_company{ width:100%; float:left;}
.our_company h2{ text-transform:capitalize; font-weight:400; color:#222; margin-bottom:15px;}
.our_company p{ text-align:justify; color:#000; font-weight:300; line-height:22px;}
hr{ border-color:#ddd;}
.our_company hr{ margin:30px 0;}
.ccr_contact_banner{ width:100%;}
.contact_form input{ border-radius:0px; height:32px;}


.contact_form textarea{ border-radius:0px;}
.contact_form{ background-color:#fff; width:100%; padding:30px 15px 15px 15px; border:1px dashed #ddd;}
.coming_soon{ padding:100px 0; background-color:#f5f5f5;}
.coming_soon h1{ color:#ff0000; font-size:40px; text-transform:capitalize;}
.ccr_trade_shows{ background-color:#f5f5f5; width:100%; padding:40px 0;}
.trade{ text-align:center;}
.trade p{ font-weight:300; line-height:24px; color:#000;}
.white_background{ background-color:#fff; text-align:center; padding:40px 0 30px 0; margin-top:30px;}
span.circle_point{ height:14px; width:14px; border-radius:25px; background-color:#fff; border:2px solid #00a2ff; margin-right:7px; display:inline-block; vertical-align:middle;}
li.nbs-clientele-item .product-listing{ background-color:#fff; width:91%; text-align:center; margin:0 auto;}

.ccr_carousel_trade{ padding:40px 0; text-align:center;}
.ccr_video_section{ background-color:#f5f5f5; padding:40px 0; text-align:center; width:100%;}
.video_margin{ margin-top:30px; }



.ccr_bottom_banner{ text-align:center; background-color:rgb(0, 162, 255); color:#fff; padding:6px 0;}
.ccr_bottom_banner h1{ color:#fff; line-height:32px; margin-bottom:0px; font-size:24px;}


@media screen and (max-width:1366px){
.right{ right:50px;}
}






@media screen and (max-width:1224px){
	.nbs-crousal-nav-left {
    left: 0px !important;
    top: 150px !important;
}
.nbs-crousal-nav-right {
    right:0px !important;
    top: 150px !important;
}
.nbs-clientele-nav-left {  
     left: 0px !important;
}
.nbs-clientele-nav-right {   
     right:0px !important;
}


}

@media screen and (max-width:1170px){
.container{ width:100%; max-width:100%; padding:0 15px;}	
.fullwidthbanner { height:350px!important;}
	
	
}

@media screen and (max-width:1024px){
.our_company {
    float: left;
    width: 66%;
}
}


@media screen and (max-width:800px){
.fullwidthbanner { height:280px!important;}
.profile_img {
    border: 0px solid rgb(235, 235, 235);
    float: left;
    padding-right: 30px;
    width: 34%; margin-right:0;
}
.our_company {
    float: left;
    width: 66%;
}
}



@media screen and (max-width:767px){
.top_header{ padding:0;}
.top_left{ text-align: center; padding:10px 0;}
.logo{ padding:10px 0; border-bottom:1px dashed #ddd; border-top:1px dashed #ddd;}	
.top_left a{ padding-bottom:0px; margin:0 10px;}	
.top_ryt ul{ float: right; display:inline-block;}
.navigation_menu{ text-align:left;}
.top_ryt {
    text-align: center;
}	
.top_ryt{ float:left; width:100%; padding:10px 0;}
.top_ryt a{ margin:0 10px; float:left; padding-bottom:0; padding-top:5px;}
.top_ryt ul li a{ padding-top:0px;}
.fullwidthbanner { height:250px!important;}
.newsletter{ margin:20px 0;}
.contact_form { margin:20px auto;  
    padding: 30px 0;
    width: 100%;}
.mar_top{ margin:10px 0;}
.mar_top img{ width:100%;}
.testimonials{ min-height:auto;}
.profile_img{ width:100%; border:0px;}
.profile_img img{ width:auto;}
.our_company{ width:100%; margin-top:20px;}
}


@media screen and (max-width:514px){
.top_ryt a{ margin:0 10px; float:none; padding-bottom:0; padding-top:5px; display:block;}
.top_ryt ul { float:none; display:block; overflow:hidden; text-align:center; margin-top:15px;}
.flw{ float:none; display:inline-block;}
.top_ryt li {
    float: none; display:inline-block;
}
	.top_ryt li a{ margin:0 5px;}
.nbs-crousal-item{margin:10px 0 0 0px;}
.product-listing{ margin:0 auto;}
.fullwidthbanner { height:180px!important;}
	
}


@media screen and (max-width:480px){
	
	
	
	.top_left a {
    margin: 5px 10px;
    padding-bottom: 0;
}

}