body{padding: 0; margin: 0; background: #eeeeee;font-family: 'arial', sans-serif;}
body ul{padding-left: 0}
/*body h1, h2{font-family: 'Roboto Condensed', sans-serif;}*/
body ul li{list-style-type: none;}
body i{vertical-align: middle;}
body ul li{list-style-type: none;}
body a, body a:hover,body a:focus{text-decoration: none;}
body p{font-size: 14px;color: #717171; font-family: 'arial', sans-serif; line-height: 20px;}
section{padding-top: 3%;padding-bottom: 3%;}
.center{text-align: center;}
.inputtext{border: 1px solid #31afe4;
    height: 34px;
    border-radius: 0;}
.p2{padding-top: 2%;}
.white{color: #fff;}
.black{color: #000}
.bg-white{background: #fff}
.green{color: #2b2665;}
.btn-link{background: #31afe4;
    transition: 0.4s all;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 34px;
    border-bottom: 2px solid #2b2665;
    font-size: 16px;}
.btn-link:hover, .btn-link:focus, .btn-link:active{background: #2b2665; text-decoration: none;
    color: #fff;}
.heading h2{text-align: center; font-weight: 600; color: #2b2665}
/*navbar Starts-------------------------------------------------------------------*/
.topbar{padding-top: 1%; font-size: 18px;}
ul.top_navbar li a {
    transition: 0.4s all;
    color: #2b2665;
    font-size: 16px;
    font-weight: 600;
}
ul.top_navbar li a i {
    color: #31afe4;
}
.navbar{z-index: 9999;background: #31afe4;border-radius: 0;/*padding: 1%;*/
    margin-bottom: 0px; border: none}
.navbar-brand {padding: 0;}
/*.navbar{margin-bottom: 0;}*/
.navbar-brand{height: auto;}
.navbar-toggle .icon-bar {background: #e80000;}
.navbar-nav li a {  position: relative;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    transition: 0.4s all;}
.nav>li>a:focus, .nav>li>a:hover, .navbar-nav>li.current-menu-item {   
    background: #2b2666;;}
.navbar-nav>li.current-menu-item a{color: #fff;}
/*--------------------------------*/
.login-box{
   background: #cecece;
    padding: 6%;color: #fff
}
.new-member-box{
    background: #2b2665;
    padding: 1%;
    border-radius: 30px;
    text-align: center;
    margin-top: 2%;
    border: 6px double #31aee4; transition: 0.4s all;
}
.new-member-box:hover{
    background: #31aee4;
}
.product-box {
   padding: 3%;
    border: 1px solid #adadad;
    text-align: center;
    margin-bottom:7%;
    min-height: 357px;
}

.product-box p{ height: 40px; }
.panel-default>.panel-heading {
    color: #fff;
    background-color: #31afe4;
    border-radius: 0; transition: 0.4s all;
}
.panel-default>.panel-heading:hover, .panel-default>.panel-heading:active, .panel-default>.panel-heading:focus{
    background-color: #2b2665;text-decoration: none;
}
.panel-default>.panel-heading a:hover, .panel-default>.panel-heading a:active, .panel-default>.panel-heading a:focus{
    text-decoration: none;
}
.panel-group .panel+.panel {
    margin-top: 0;
}
ul.filter li a{
    color: #000; transition: 0.4s all;
}
ul.filter li a:hover{
color: #31afe4; text-decoration: none;
}
ul.cart li a{font-size: 13px;}
.active{background: #2b2666;}
.bg {
    background: #2b2666;
    position: relative;
    padding-top: 2%;
    padding-bottom: 2%;
    border-radius: 0;
}
.breadcrumb-item a {
    font-size: 18px;
    color: #fff;
}
.breadcrumb>.active {
    color: #31afe4;
    font-size: 20px;
    font-weight: 800;  text-transform: uppercase;  
}
ul.details li{
    font-size: 17px;
    line-height: 37px;
}
ul.value li{
font-size: 15px;
    line-height: 31px; position: relative;padding-left: 6%;
}
ul.value li:before{
position: absolute;
content: '\f140';
top: 0;
left: 0;
font-family: fontawesome;
color: #31afe4;
}
#footer{background: #2b2665; padding: 1%;}
ul.footer-link li a{color: #fff; font-weight: 600;text-transform: uppercase;font-size: 15px;}
ul.footer li{
    padding: 4%;
    background: #2b2666;
     color: #fff; 
    margin-bottom: 2%;
}
ul.footer li p{color: #fff; font-size: 15px;}


.cust_blog h3{text-align: left;}
.cust_blog p{text-align: left;}

.cust_faq h3{text-align: left;}
.cust_faq p{text-align: left;}

.cust_testi h3{text-align: left;}
.cust_testi p{text-align: left;}


@media screen and (min-width:768px){    
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}

@media all and (max-width: 736px) 
 {
#gallery .example-image{margin: 0 auto;}
.topbar, #services, #whyUs,#about, #footer, .navbar-nav li a{text-align: center;}
ul.why_ li:before{left: 0;}
}
@media only screen and (max-width: 1000px) and (min-width: 750px){
    .nav>li>a {
    
    padding: 10px 5px;
}
.navbar-nav li a {
    position: relative;
    color: #fff;
    font-size: 8px;
    text-transform: none;
}
}
@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : portrait) 
{
.nav>li>a {padding: 21px 5px;}
.navbar-nav li a {font-size: 12px;}
}
@media only screen and (min-device-width : 600px) and (max-device-width : 960px) 
{
.nav>li>a {padding: 21px 5px;}
.navbar-nav li a {font-size: 12px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio : 1) {
   .nav>li>a {padding: 21px 3px;}
.navbar-nav li a {font-size: 9px;text-transform: none;}
}