/*common*/
body{font-family: 'Roboto', sans-serif; color: #333333;font-size: 16px;}
a{color: #f8c800;}
a:hover{text-decoration: none;color: #333333;}
p.text-center{color: #333333;font-size: 18px;margin-bottom: 20px;    margin-top: 20px;}
p{color: #333333;}
.link-line{font-style: italic;color: #f8c800;}
section{margin-bottom: 0px;}
.mb50{margin-bottom: 50px;}
/*header*/
.top{background-color: #08658a; padding:10px 30px 10px 0; height: 40px; color:#fff; }
.txt_left{text-align: left;}
.txt_right{text-align: right;}
.top h2{margin:0; padding: 10px 0 0 0; color: #f8c800;text-align: left; font-weight: 700;}
.social{margin: 30px 0px 0px;text-align: right;}
.social p{color: #212121;}
/*.social p span{font-weight: bold;}*/
.logo img{margin: 5px 5px 5px 0;}

.menubar{background-color: #fff; border-radius: 0; width: 100%;border: 0; text-align: right;  }
.menubar.navbar-default .navbar-nav > li > a {color: #fff;text-transform: uppercase; background-color: #055c80; border-right: 0px solid #fff; }
.menubar .nav > li > a {padding: 30px 12px 10px 12px; font-size: 16px;  }
.menubar.navbar-default .navbar-nav > li > a:focus, .menubar.navbar-default .navbar-nav > li > a:hover,.menubar.navbar-default .navbar-nav > li > a:active { background-color:#5c8694; color: #fff;padding: 30px 12px 10px 12px;}
.menubar .dropdown-menu > li > a {display: block; padding: 30px 12px 10px 12px; text-transform: uppercase;}
.menubar.navbar-default .navbar-nav > li > a.current{background-color:#f8c800;}


.menubar.navbar-default .navbar-nav > .open > a, .menubar.navbar-default .navbar-nav > .open > a:focus, .menubar.navbar-default .navbar-nav > .open > a:hover{color: white;}


/*slider*/
.slider .carousel-inner{max-height: 400px;}



/*about section*/

.about {background-color:#3D97C4;}
 
.about h2,.products h2{position: relative;z-index: 1;margin-top: 30px; color: #1976D2;text-align: center; text-transform: uppercase;font-weight: 700; }
.about article{border: 1px solid #DDD;border-radius: 3px;margin-bottom: 20px;}
.about .btn-danger,.btn-default {color: #fff; background-color: #3b7180; border-color: #cfcfcf; }
.about .btn-danger:hover,.about .btn-danger:focus,.about .btn-danger:active,.btn-default:hover,.btn-default:focus,.btn-default:active {color: #d7dadb; background-color: ; border-color: white; }
.about article p{font-size: 16px;}
 

.content h2{margin-bottom: 20px; margin-top: 0px; color: #1976D2;text-align: left; text-transform: uppercase;font-weight: 700;}

.card-text { color: white; }

/*products*/

.products {background-color:#398EB8;}
 
.products .caption h4{font-weight: bold;}
.products .btn-danger,.btn-default {color: #333333; background-color: #f8c800; border-color: #f8c800; }
.products .btn-danger:hover,.products .btn-danger:focus,.products .btn-danger:active,.btn-default:hover,.btn-default:focus,.btn-default:active {color: #333333; background-color: #f8c800; border-color: white; }
 

/*footer*/

footer{background: #2C6E8F; padding:20px 0 20px 0;}
footer p{text-align: center;color: white;margin-top: 10px; margin-bottom: 20px;}

footer p > a{color: white;}
footer p > a:hover,.footer p > a:active{color:#CDDC39;}
footer ul.list-inline{text-align: center;margin-top: 10px;}
footer ul.list-inline li a{color: white;}


/*about page*/
.innerbanner h1{padding: 0 0 0 10px; color: #fff;}
.innerbanner{background: transparent url("../images/About-us.jpg") no-repeat scroll center center / cover;
height: 200px;margin-bottom: 0;}
.innerbanner.about{background: transparent url("../images/about-banner.jpg") no-repeat scroll center center / cover;}
.innerbanner.contact{background: transparent url("../images/contact-banner.jpg") no-repeat scroll center center / cover;}
.innerbanner.info{background: transparent url("../images/info-banner.jpg") no-repeat scroll center center / cover;}

.breadcrumb{border-radius: 0;margin-bottom: 0;padding: 8px 32px;}
.bread{margin-bottom: 0;}

.content ul:not(.list-inline){list-style-type: square;padding-left: 30px;margin-bottom: 0px;text-align: justify;}
.content p > img{float:left;margin: 0 10px 10px 0;width: 350px;}
.content .media{margin-bottom: 20px;}
.content .media a{display: block;}
.content .media-body{vertical-align: middle;}
.content .media-heading{font-weight: bold;}

.content hr{margin-bottom: 30px;margin-top: 30px;}
 
.pt30 {padding-top: 30px;}
.pt50 {padding-top: 50px;}
.pb30 {padding-bottom: 30px;}

/*contact*/

.list-circle li {list-style-type: circle;}

.list-inline a:hover  { color: #d7dadb; }