body {
  	padding-top: 50px; /* Account for fixed navbar */
}
/* Top nav and header */
.navbar-ovitii {
    border-color: #178acc;
    background-color: #29a1e6; 
    padding:0px 15px;
    z-index:1000; 
}
.navbar-ovitii .navbar-b {
    color: #fff;
    font-size: 20px;
}
.navbar-ovitii .navbar-b span{
    margin-left:10px;
}
.logo {
	width:40px;	
}
.navbar-ovitii .navbar-nav .nav-link {
	color: #d5effd;
	padding:15px 20px;
}
.navbar-ovitii .navbar-nav .nav-link:hover,
.navbar-ovitii .navbar-nav .nav-link:focus {
    color: #fff;
    background-color: #178acc;
}
.navbar-ovitii .navbar-nav .dropdown-menu a:hover {
    color: #fff;
    background-color: #178acc;
    cursor:pointer;
}

.navbar-ovitii .navbar-nav .dropdown-menu {
	margin-top:-1px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}

.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown > .dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.navbar-ovitii .navbar-toggler {
    border-color: #29a1e6;
    color:#FFFFFF;
    padding:12px;
    font-size:25px;
}

.navlang {
	margin-top:-3px;
	font-size:21px;
	vertical-align:middle;
	cursor:pointer;
}
.navback {
	background:#EBEFEF;
}
.flag {
	margin-top:-5px;
	vertical-align:middle;
	width:30px;
	height:20px;
	border:solid 1px #E4E4E4;
}
.btn-default {
	border: 1px solid #CED4DA;
}
.btn-default:hover {
	background-color: #F0F0F0;
}
/* Homepage elements */

.mainhead {
    position: relative;
    padding: 3em 0;
    text-align: center;
    color: #0E1D26;
	background-color: #D0EAF8;    
}
.mainhead h1 {	
    font-size: 60px;
}
.mainhead h3 {
	margin-top: 25px;
    font-size: 25px;
}
.preview {
    padding: 15px 0px 30px 0px;
    text-align: center;
}
.preview h3 {
	margin-top:25px;
	font-size: 25px;
}
footer {
    padding: 50px 0;
    text-align: left;
}

/* help about */
.bs-docs-div h3 {
	font-size:25px;
}
.bs-docs-div p {
	font-size:17px;
}
.bs-sidebar ul li, .bs-docs-div ul li {
	font-size: 17px;
}
.table-striped {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.textarealimit {
	max-width:100%;
}
/* member pricing */
.freemember {
	border:1px solid #DDDDDD;
	margin-top:30px;
	padding:30px;
	font-weight:bold;
	font-size:14px;
}
.freemember .btn {
	width:100%;
	font-weight:bold;
	font-size:14px;
}
.memberplan {
	margin:0;
	padding:20px 20px;
	list-style: none;
	line-height:30px;
}
.memberplan li {
	text-align: left;
	font-weight:bold;
	padding:5px 0;
	border-bottom: 1px solid #DDDDDD;
	font-size:14px;
}
.memberplan .checkmark {
	padding-left:32px;	
}
.memberplan .checkmark i {
	font-size:16px;
	color:#00CC00;
}
.memberplan .checkx {
	padding-left:32px;
	color:#A7A7A7;
}
.memberplan .checkx i {
	font-size:20px;
	color:#FF2828;
}
.memberplan li.storage {
	text-align: center;
	padding:10px 0;	
}
.memberplan li.price {
	text-align: center;
	padding:20px 0 0 0;	
	font-size:18px;
	border-bottom: none;	
}
.memberplan li.text-left {
	text-align: left;
	border-bottom: none;
}
#modalgroupmember {
	max-width:100%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pwidth {
	width:80%;
}
.width100 {
	width:100%;
}
@media (max-width: 767px) {
    .mainhead h1 {
        font-size: 2em;
    }
    .mainhead h3 {
        font-size: 1.5em;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .mainhead {
        padding: 1em 0;
    }
    .mainhead h1 {
        font-size: 3em;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {

}