/*#3c7bf2*/

body {
padding-top: 70px;
background: #333;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
}

html, body {
    height: 100%;
    margin: 0px;
}

a {
    color: #3c7bf2;
}

a:hover, a:focus {
    color: #a73985;
}

.portfolio-item {
    margin-bottom: 25px;
}

.portfolio-item p {
    font-size: 13px;
    line-height: 22px;
    color: #9d9d9d;
}

.page-header {
    border-bottom: 0px solid #eee;
}

.btn {
background-image: linear-gradient(to right, #b16494 0%, #5f4f88 51%, #b16494 100%);
flex: 1 1 auto;
margin: 0px auto;
padding: 10px 15px;
text-align: center;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
color: white;
text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
border-radius: 0px;
width: 100%;
}

.btn:hover {
  background-position: right center; /* change the direction of the change here */
	color: #fff
}

.navbar p {
   margin-top: 7px;
	color: #fff
}

.gray-bg {
    background: #212121;
}

.modal-header {
    padding: 10px;
}

.form-control {
    margin: 0 auto;
    max-width: 100%;
	text-align: center;
	height: 42px;
	border-radius: 0px;
	
}

.video-holder {
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

#page-login footer {
    margin-top: 150px;
}

.modal-backdrop {
    background: none;
}

.modal-dialog {
    margin: 30px auto;
    width: 350px;
}

.modal-content {
    border: 2px solid #37BBF4;
}

.modal-dialog p{
    padding: 20px 15px 15px 15px;
    font-size: 12px;
}

hr {
    border-color: #64B229;
}

.pagination > li > a, .pagination > li > span {
    background-color: #3c7bf2;
    border: 1px solid #5f9637;
    color: #fff;    
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #3c7bf2;
    border-color: #5f9637;
}

div.media-icon, div.dnl-icon {
    background: rgba(0, 0, 0, 0) url("../images/video-icon.png") repeat scroll 0 0;
    height: 57px;
    top:32.5%;
    left:39.7%;
    position: absolute;
    width: 57px;
}

div.dnl-icon {
    background: rgba(0, 0, 0, 0) url("../images/dnl-icon.png") repeat scroll 0 0;
}

.login-wrap h1 {
    margin-top: 70px;
}

.login-wrap label {
    font-size: 16px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 52%;
}

.h1, h1 {
    font-size: 28px;
    color: #a73985;
}

h1 small {
    color: #d3c0cc;
	font-size: 12px;
	text-transform: uppercase;
}
.home-header{
    background-image: linear-gradient(to right, #b16494 0%, #5f4f88 51%, #b16494 100%);
    color: #fff;
    padding: 10px;
    font-size: 20px;
    margin-bottom: 30px;
}

.page-header {
color: #A73985;
padding: 11px;

font-size: 20px;
}

.h4, h4 {
    font-size: 16px;
}

h4 a{
    color: #fff;
}
h4 a:hover {
    color: #d3c0cc;
	text-decoration: none !important;
}

.in-content .page-header {
    font-size: 22px;
}

.nm {
    margin-top: 0;
}

.unsub {
    margin-top: 20px;
}

.btn-primary, .btn-primary:hover {
    margin: 5px 0 15px;
    background-color: #3c7bf2;
    border-color: #3c7bf2;
}

footer a {
color: #333;
text-decoration: underline;
}

.portfolio-item img {
    border: 1px solid #ccc;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	min-height: 200px;
}

.navbar {
    min-height: 95px;
    border-bottom: 1px solid #4f4e4e;
    background: #e5e5e5;
}

.navbar-nav {
    float: right;
}

.navbar-brand {
    padding: 10px 15px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #3c7bf2;
    font-size: 15px;
}

.navbar-brand img {
    width: 100%;
    max-width: 180px;
}

.navbar-nav > li > a {
    padding-top: 20px;
	font-size: 15px;
	text-transform: uppercase;
	color: #333
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #4a6e30;
    border-color: #4a6e30;
    color: #222;
    cursor: default;
    z-index: 3;
}

.pagination > li > a, .pagination > li > span {
    color: #222222;
}

footer {
border-top: 5px solid #a73985;
background: #ddd;
margin-top: 40px;
padding: 30px 0;
color: #333;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
    color: #a73985;
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }    
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }    
    .navbar-nav>li {
        float: none;
    }   
    .collapse.in{
        display:block !important;
    }
    .navbar-brand img {
        max-width: 160px;
    }
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        min-height: 70px;
    }
    .navbar {
        min-height: 70px;
    }
    .navbar-nav {
        float: left;
    }
    .navbar-nav > li > a {
        padding-top: 5px;
    }
    .navbar-toggle {
color: #fff;
border: 1px solid transparent;
background-color: #723087;
border-radius: 0px

    }
    .navbar-inverse .navbar-toggle {
        border-color: #3c7bf2;
        background-color: #3c7bf2;
    }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: #3c7bf2;
    }
}   

@media (max-width: 480px) {
    .col-xs12 {
        width: 100%;
    }
}
.main{padding-top: 50px;
padding-bottom: 25px;}

.terms-section p{
margin: 30px auto 15px;
}
.page-header-terms{font-size: 26px}
.portfolio-item img{
border: 1px solid #ccc;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 0px;
width: 100%;
max-width: 250px;
height: 150px;
align-content: center;
text-align: center;
}
.login body{background: #f7f7f7}
.login h1{color: #fff}
.terms-section a{color: #d3c0cc;text-decoration: underline}
.terms-section a:hover{color: #A73985}