.itopplus-background {

}
body {
    color: #58585B;
}
.navbar-default .navbar-nav>li>a {
    font-family: supermarket;
    font-size: 20px;
    letter-spacing: 0.5px;
    color: #318dde;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    background-color: transparent!important;
    color: #f15922;
}
.nav>li>a {
    position: relative;
    display: block;
}
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
h1,.h1 { font-size: 1.750em;}
h2,.h2 { font-size: 1.375em;}
h3,.h3 { font-size: 1.125em;}
h4,.h4 { font-size: 0.875em;}
h5,.h5 { font-size: 0.625em;}
h6,.h6 { font-size: 0.500em;}
p { margin: 0 0 3px;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
h1,.h1 { font-size: 1.750em;}
h2,.h2 { font-size: 1.375em;}
h3,.h3 { font-size: 1.125em;}
h4,.h4 { font-size: 0.875em;}
h5,.h5 { font-size: 0.625em;}
h6,.h6 { font-size: 0.500em;}
p { margin: 0 0 3px;}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
h1,.h1 { font-size: 2.000em;}
h2,.h2 { font-size: 1.750em;}
h3,.h3 { font-size: 1.250em;}
h4,.h4 { font-size: 1.000em;}
h5,.h5 { font-size: 0.750em;}
h6,.h6 { font-size: 0.625em;}
p { margin: 0 0 5px;}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {

h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
  width: 110%;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 11px;
    padding-right: 11px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 11px;
    padding-right: 11px;
}
}


.img-container .img {
    background-size: 100% 100%;
    background-position: center 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* width: 100%; */
    /* height: 100%; */
}


.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 3.5;
    border-radius: 3px;
}

.Contentmanager .caption {
    height: 55px;
    overflow: hidden;
}


.link {
    color : #666;
}

.link : hover{
   color : #318DDE;
}

strong,b{
  letter-spacing:0.5px;
}


/*---------------Table----------------*/
.table1 .table-bordered {
    border: none;
}
.table1 .table-bordered>thead>tr>th, .table1 .table-bordered>tbody>tr>th, .table1 .table-bordered>tfoot>tr>th, 
.table1 .table-bordered>thead>tr>td, .table1 .table-bordered>tbody>tr>td, .table1 .table-bordered>tfoot>tr>td {
    border:none;
    border-right: 4px solid #fff;
    
}
.table1 .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #808284;
    color:#fff;
    letter-spacing:0.5px;
}
.table1 .table-striped>tbody>tr:nth-child(odd)>td{
    background-color: #e1e9f6;
}
.table1 .table-striped>tbody>tr:nth-child(even)>td{
    background-color: #f2f5fc;
}
.table2 .table-bordered {
    border: none;
}
.table2 .table-bordered>thead>tr>th, .table2 .table-bordered>tbody>tr>th, .table2 .table-bordered>tfoot>tr>th, 
.table2 .table-bordered>thead>tr>td, .table2 .table-bordered>tbody>tr>td, .table2 .table-bordered>tfoot>tr>td {
    border:none;
    border-right: 4px solid #fff;
    
}
.table2 .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #dadbdd;
    color:#a9aaac!important;
    letter-spacing:0.5px;
}
.table2 .table-striped>tbody>tr:nth-child(odd)>td{
    background-color: #ededed;
}
.table2 .table-striped>tbody>tr:nth-child(even)>td{
    background-color: #ffffff;
}

.thumbnail {
    display: block;
    padding: 5px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #E6E7E8;
    border: 15px solid #E6E7E8;
    border-radius: 10px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
figure.effect-selena {
    background: #E6E7E8;
}