body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	color: #4f4f4f;
	line-height: 22px;
}
.navbar li {
	margin: 0px 15px
}
.navbar li a {
	color: #787878;
	padding: 5px 10px;
	border-radius: 3px;
	font-weight: 700
}
.navbar li a:hover, .navbar li a.active {
	background: #00a1f1;
	text-decoration: none;
	color: #fff
}
.navbar-toggler-icon{ background:url(../images/nav-icon.png); margin-right:10px}
header {
	background: url(../images/banner-bg.jpg);
	background-size: cover
}
header img {
	margin-top: 20px
}
header .title		 {
	padding: 60px 0 0 50px;
	text-transform: uppercase;
	font-size:2.5rem;
	color: #0068a6;
	float:left;
	margin-bottom: .5rem;	
	line-height: 1.1;
	font-weight:700
}

section {
	padding: 50px 0 0 0;
	text-align: justify
}
h1, h2, h3, h4, h5 {
	color: #0068a6;
	font-weight: 700
}
h1 {
	font-size: 30px;
	text-align:left
}
h2 {
	font-size: 24px
}
.dividingspace {
	padding-bottom: 50px;
	margin-bottom: 0
}
.breadcrumb1{margin-bottom:30px; color:#0068a6; font-weight:700}
.breadcrumb1 .divider1{padding:0px 10px ; color:#CCC; font-weight:400}

.list {
	margin-left: 18px;
	padding: 0
}
.list li {
	margin-bottom: 1rem;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	list-style: none;
}
.list li::before {
	content: '\f111';
	font-family: FontAwesome;
	position: absolute;
	left: -18px;
	font-size: 7px;
	top: 2px;
	color: #b1b1b1;
}
.listol{margin:0 0 0 18px; padding:0}
.listol li {
	margin-bottom: 1rem;
	font-size: 16px;
	font-weight: 400;
	margin-left:0
	
}
.footer-nav{background:#002f46; padding:20px 0px; text-align:left !important; margin-top:50px}
.footer-nav .link a{min-height:32px; line-height:32px; color:#b4c9d4; font-weight:700; border-radius:3px; padding:5px 5px; margin-right:5px; }
.footer-nav .link a:hover{text-decoration:none; color:#002f46; background:#b4c9d4}
.footer-nav  .social-link{text-align:right}
.footer-nav  .social-link .email{min-height:32px; line-height:32px; color:#002f46; font-weight:700; border-radius:5px; padding:5px 10px;  background:url(../images/email-btn-bg.png) repeat-x top; opacity:.8; border:1px solid #fff; margin-top:3px; }
.footer-nav  .social-link .email:hover{opacity:1; text-decoration:none}
.footer-nav  .social-link .icon{width:32px; height:32px; opacity:.8; margin-left:15px}
.footer-nav  .social-link .icon:hover{opacity:1}
footer{ background:#ccdae2; padding:20px 0; font-size:14px}
footer .term-link{color:#4f4f4f; text-decoration:underline}
footer .term-link:hover{text-decoration:none}
ul.product-list{margin:0; padding:0; list-style:none}
ul.product-list li{margin-bottom:20px; background:#e2eaef; padding:5px; border-radius:5px; border:1px solid #d0d7db; float:left; width:100%}

ul.product-list li:first-child{margin-top:20px}
ul.product-list li .title{ float:left; font-weight:700; color:#4f4f4f; padding:5px 10px; width:75%}
ul.product-list li .title .rate{float:right; font-size:20px}
ul.product-list li .title .name{color: #0068a6; font-size:20px}
ul.product-list li .buy{ float:right;background:#002f46; color:#c6ecff; font-weight:700;border-radius:3px; padding:5px 10px; text-align:center; border:2px solid #002f46}
ul.product-list li .buy:hover{background:#91dbff; color:#002f46; text-decoration:none;border:2px solid #002f46}
ul.product-list li .demo{ float:right;background:#5c5c5c; color:#e5e5e5; font-weight:700;border-radius:3px; padding:5px 10px; text-align:center; border:2px solid #5c5c5c;     margin-right: 7px;}
ul.product-list li .demo:hover{background:#e5e5e5; color:#002f46; text-decoration:none; border:2px solid #5c5c5c}


.subtitle{color:#0068a6; font-size:20px; font-weight:700}
.form{padding-left:100px}
.btn-primary {
    color: #fff;
    background-color: #00a1f1;
    border-color: #00a1f1; text-transform:uppercase; font-weight:700
}
@media (min-width: 992px) {
header {
}
}
 @media (max-width:576px) {
	 .container{padding:0px 30px}
	 .navbar {padding:0}
	 .navbar-brand{padding:0} 
.navbar-brand img {
	width: 100px;
	margin: 10px;
}
.navbar li{margin:0; border-bottom:1px solid #e2e2e2}
.navbar li a{display:block; border-radius:0}
header {
	background-position: center
}
header .title {
	    font-size: 22px;
    padding: 10px 10px 0 10px;
	text-align: center;
	margin: 0
}
header img {
	width: 150px;
	height: auto;
	    margin-top: 10px;
}
h1{font-size:26px;}
h2{font-size:20px}
section {
	padding: 30px 0 0 0;
	text-align: left
}
.dividingspace {
	padding-bottom: 30px;
	margin-bottom: 0
}
.footer-nav{margin-top:30px}
.footer-nav  .social-link{text-align:center}
.footer-nav .link{text-align:center}
.footer-nav .col-lg-7{margin-bottom:20px}
.footer-nav  .social-link .email{display:block; margin-bottom:20px; height:28px; line-height:28px; padding:0}
footer{text-align:center}
footer .col-lg-2{margin-bottom:20px}
ul.product-list li .title{width:100%; margin-bottom:5px}
ul.product-list li .price , ul.product-list li .demo {
    
    padding: 5px 5px;
    width: 48%;
}
.form{padding-left:15px}
}