/* CSS Document */


body
{
font-family: 'Source Serif Pro', serif !important;
}
.logo
{
margin-top:10px;
margin-bottom:15px;
}
.right-banner img.img-responsive {
    width: 100%;
    margin-top: 25px;
}


.navbar-default .navbar-nav>li>a 
{
color:#ffffff;
position:static;
}

.navbar-default .navbar-nav>li>a:hover
{
color:#ffffff;
}

.navbar-default .navbar-nav>li>a 
{
padding-top:20px;
font-size:15px;
}
.navbar-default .navbar-nav>li>a
{
height:58px;
transition:1s;
}
.navbar-default .navbar-nav>li>a:hover
{
background-image: linear-gradient(to right, #d4142b 0%, #d7d2cc 55%, #d4142b 100%);
}
.navbar-default .navbar-nav>li>a:hover
{
background-position: right center;
}

.brand-adds {
    border: 2px solid #000000;
    border-radius: 10px;
    text-align: center;
    padding: 20px;
    transition: transform 2s, filter 1.5s ease-in-out;
    transform-origin: center center;
    filter: brightness(100%);
    margin-top: 10px;
}

.brand-adds:hover {
	filter: brightness(100%);
    transform: scale(1.1);
}
.brand-adds button.btn.btn-basic {
    background: #6cb767;
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
}
.brand-adds button.btn.btn-basic:hover {
    background-color:#003399;
    color: #fff;
    font-weight: 600;
    transition: all 0.2s ease-out;
}
.brand-adds img.img-responsive {
    border-radius: 10px;
}
.img-hover-zoom {
    transition: transform 2s, filter 1.5s ease-in-out;
    transform-origin: center center;
    filter: brightness(100%);
}
.img-hover-zoom:hover {
    filter: brightness(100%);
    transform: scale(1.1);
}



.mid_brand_sec {
    background-color: #eaeae85c;
    margin-top: 20px;
}
.left_brand_sec h5 {
    background-color: #d22813;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: white;
}
.img_sec
{
text-align:center;
max-width:100%;
}

.table_sec {
    padding: 30px 0px 0px 0px;
	margin-top:30px;
}


.button1
{
background-color:#008bfd; /* Green */
border: none;
color: white;
padding:6px 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:19px;
margin: 4px 2px;
border-radius:10px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
position:inherit;
box-shadow: 0px 10px 14px -7px #ffffff;
}

.button1:hover
{
transform:scale(1.1);
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 2.2s;
box-shadow: 0 4px 4px 0 rgba(0,0,0,0.24),0 6px 6px 0 rgba(0,0,0,0.19); 
}

.button2
{
background-color:#6cb767; /* Green */
border: none;
color: white;
padding:6px 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:19px;
margin: 4px 2px;
border-radius:10px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
position:inherit;
margin-bottom:10px;
box-shadow: 0px 10px 14px -7px #ffffff;
}

.button2:hover
{
transform:scale(1.1);
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 2.2s;
box-shadow: 0 4px 4px 0 rgba(0,0,0,0.24),0 6px 6px 0 rgba(0,0,0,0.19); 
}

table.table.table-hover {
    padding: 12px;
	margin-top:10px;
}

.table thead tr th {
    padding: 14px;
}

.table tr 
{
border-bottom:2px solid red;
}

.button3
{
background-color:#d22813; /* Green */
border: none;
color: white;
padding:6px 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:19px;
margin: 4px 2px;
border-radius:10px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
position:inherit;
box-shadow: 0px 10px 14px -7px #ffffff;
}

.button3:hover
{
transform:scale(1.1);
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 2.2s;
box-shadow: 0 4px 4px 0 rgba(0,0,0,0.24),0 6px 6px 0 rgba(0,0,0,0.19); 
}

.button4
{
background-color:#6cb767; /* Green */
border: none;
color: white;
padding:6px 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:19px;
margin: 4px 2px;
border-radius:10px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
position:inherit;
box-shadow: 0px 10px 14px -7px #ffffff;
}

.button4:hover
{
transform:scale(1.1);
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 2.2s;
box-shadow: 0 4px 4px 0 rgba(0,0,0,0.24),0 6px 6px 0 rgba(0,0,0,0.19); 
}

.box_img
{
text-align:center;
margin-top:20px;
margin-bottom:20px;
}

.box_img img
{
box-shadow: 20px 30px 40px -40px #000, 0 0 0 1px #E1E1E1;
}

.box_img img:hover
{
box-shadow: 20px 20px 20px -40px #000, 0 0 0 1px #E1E1E1;
border-radius:50px;
}

.button
{
background-color:#6cb767; /* Green */
border: none;
color: white;
padding:6px 12px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:19px;
margin: 4px 2px;
border-radius:10px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
position:inherit;
margin-top:15px;
margin-bottom:10px;
box-shadow: 0px 10px 14px -7px #ffffff;
}

.button:hover
{
transform:scale(1.1);
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 2.2s;
box-shadow: 0 4px 4px 0 rgba(0,0,0,0.24),0 6px 6px 0 rgba(0,0,0,0.19); 
}

.mid_sec2 {
    background-image: url(../images/banner.jpg);
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.back_color {
    background-color: #010c10ba;
    padding: 40px 0;
}

.content_sec {
    margin: 20px 0px 20px 0px;
}

.content_sec h5
{
width:280px;
background-color:#b71d2eed;
color:#FFFFFF;
padding:15px;
color:#FFFFFF;
font-weight:normal;
text-align:center;
font-size:20px;
}

.aside_list
{
width:280px;
overflow:hidden;
border-radius:3px;
margin-bottom:20px;
}
.aside_list a
{
color:#000000;
padding:10px;
display:block;
text-decoration:none;
font-size:15px;
font-weight:normal;
border-bottom:1px solid grey;
}
.aside_list a:hover
{
background-color:#FF0000;
color:#FFFFFF;
}

.footer {
    text-align: center;
}

.right-banner img {
    width: 100%;
	    margin-top: 40px;
}



/*---------media query---------*/


@media only screen and (max-width:1199px){
.navbar-default .navbar-nav>li>a {
    font-size: 12px;
}
.box_img img {
    width: 100%;
}

.button1 {
    font-size: 16px;

}

.logo img {
    width: 100%;
}

.button2 {
    font-size: 16px;
}

.table_sec {
    padding: 0 0 30px 0;
    margin-top: 30px;
}

.content_sec h5 {
    width: 100%;
}

.aside_list {
    width: 100%;
  
}

.content_sec h1 {
    font-size: 30px;
}
.right-banner img {
    width: 100%;
	    margin-top: 40px;
}

}



@media only screen and (max-width:991px){

.navbar-default .navbar-nav>li>a {
    font-size: 10px;
    padding: 10px 8px;
}

.navbar-default .navbar-nav>li>a {
    height: auto;
}
.brand-adds img.img-responsive {
    width: 100%;
}

.logo img {
    width: 100%;
}

.logo {
    margin: 0;
}
.right-banner img {
    margin-top: 15px;
	 width: 100%;
}

.button1 {
    padding: 8px 10px;
}

.button2 {
    padding: 8px 10px;
}
.back_color {
    padding: 20px 0;
}
.content_sec h1 {
    font-size: 25px;
}
.content_sec h2 {
    font-size: 25px;
}


}

@media only screen and (max-width:767px){

.logo {
   text-align: center;
}
.logo img {
    width: 50%;
}
.img_sec h4 {
    font-size: 20px;
}
.img_sec {
    padding: 15px 0;
}
.button3 {
    font-size: 15px;
}
.button4 {
    font-size: 15px;
}
.table tbody tr td b {
    font-size: 16px;
}
.box_img {
    margin-bottom: 0;
}
.content_sec h1 {
    margin: 0;
}
.content_sec h2 {
    font-size: 25px;
    margin: 0;
}
.content_sec h3 {
    margin: 0 0 20px 0;
}
.footer img {
    width: 100%;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
nav.navbar.navbar-default {
    margin: 0;
}

}


@media only screen and (max-width:639px){
.right-banner img {
    margin-top: 5px;
    margin-bottom: 5px;
}
.mid_brand_sec {
    margin-top: 0;
}

.table tbody tr td b {
    font-size: 10px;
}
.button3 {
    font-size: 12px;
    padding: 8px 14px;
}
.button4 {
    font-size: 12px;
    padding: 0 22px;
}
.table tbody tr td img.img-responsive {
    width: 80%;
}
.box_img button.button {
    font-size: 16px;
    padding: 10px 20px;
}
.aside_list a {
    font-size: 14px;
}
.content_sec h1 {
    font-size: 18px;
    font-weight: 600;
}
.content_sec h2 {
    font-size: 18px;
    margin: 0;
    font-weight: 600;
}
.content_sec h3 {
    font-size: 19px;
    font-weight: 600;
}
.footer a b {
    font-size: 20px;
}
.footer b {
    font-size: 20px;
}



}



@media only screen and (max-width:479px){
.navbar-toggle {
    padding: 7px 7px;
}
.table_sec {
    padding: 0 0 15px 0;
    margin-top: 15px;
}
.button1 {
    font-size: 14px;
}
.button2 {
    font-size: 14px;
}
.img_sec h4 {
    font-size: 18px;
}
.table tbody tr td img.img-responsive {
    width: 100%;
}
.button3 {
    font-size: 11px;
    padding: 7px 9px;
}
.button4 {
    font-size: 11px;
    padding: 0 16px;
}
.back_color {
    padding: 0;
}
.content_sec {
    margin: 5px 0;
}
.aside_list a {
    padding: 10px 0;
}
.content_sec h1 {
    font-size: 14px;
}
.content_sec p {
    font-size: 13px;
}
.content_sec h2 {
    font-size: 15px;
}
.content_sec h3 {
    font-size: 15px;
}
.footer a b {
    font-size: 17px;
}
.footer b {
    font-size: 17px;
}
.footer h3 {
    text-align: center;
    font-size: 17px;
    margin: 0;
}
.footer {
    padding: 10px 0 20px 0;
}
.brand-adds button.btn.btn-basic {
    font-size: 15px;
}
.table thead tr th {
    font-size: 11px;
}
}