/* 
Template Name: Traffix <small> Video Background</small>
Folder Name: traffix
Type: minisqueezes
Twostep: true
*/
@import url(//fonts.googleapis.com/css?family=Raleway:700,400);
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,900);
body {
    background: none !important;
    background-color: transparent !important;
    font-weight: 500;
}
.oms-well-squeeze {
    margin-top: 0px !important;
    background-color: rgba(0,0,0,0.8) !important;
    color: #fff;
    padding:25px !important;
    height: 100% !important;
    max-width:600px;
    margin-bottom: 0 !important;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}
.oms-container {
    font-family: 'Lato', sans-serif;
    position: relative;
    color:#fff;
    font-size: 17px;
}
.oms-input-text {
	-webkit-border-radius:4px!important;
	border-radius:4px !important;
}
.oms-container .headline{
    font-family: 'Raleway', sans-serif;
    font-size:50px !important;
    line-height: 1em;
    margin-bottom: 10px;
}

.oms-well-squeeze ul li,
.oms-container ul li {
	background:url(img/check.png) no-repeat left 0px;
    padding-bottom: 20px;
}
.oms-container a {
    color:#04BFBF;
}
.oms-container a:hover,
.oms-container a:focus {
    color:#04ADBF;
}
.oms-input-text {
    font-family: 'Raleway', sans-serif;
    border:5px solid #04BFBF !important;
    color: #333 !important;  
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    font-size:18px !important;
    font-weight: 400;
    min-height:60px !important;
    background-color: #fff !important;
}
.oms-input-text div {
    position: relative;
    font-size:18px;
    top:5px;
}
.oms-input-text[name="name"],
.oms-input-text.name {
	background:url(img/icon-user.png) no-repeat 10px center;
	padding-left:45px;
}
.oms-input-text[name="email"],
.oms-input-text.email {
	background:url(img/icon-email.png) no-repeat 10px center;
	padding-left:45px;
}
.oms-input-text[name="phone"],
.oms-input-text.phone {
	background:url(img/icon-phone.png) no-repeat 10px center;
	padding-left:45px;
}
.oms-input-text[name="fax"],
.oms-input-text.fax {
	background:url(img/icon-fax.png) no-repeat 10px center;
	padding-left:45px;
}
.oms-input-text[name="address"],
.oms-input-text.address {
	background:url(img/icon-address.png) no-repeat 10px center;
	padding-left:45px;
}
.oms-input-text[name="gender"],
.oms-input-text.gender {
	background:url(img/icon-gender.png) no-repeat 10px center;
	padding-left:45px;
}
.oms-input-text[name="default"],
.oms-input-text.default {
	background:url(img/icon-default.png) no-repeat 10px center;
	padding-left:45px;
}

.oms-button,
.oms-button-modal,
.oms-button-submit {
    font-family: 'Raleway', sans-serif;
    background-color: #04BFBF;
    border:0px;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    min-height:60px !important;
    font-size:40px !important;
    color:#fff !important;
    line-height: 1;
    white-space: normal !important;
}
.oms-button:hover,
.oms-button-modal:hover,
.oms-button-submit:hover,
.oms-button:focus,
.oms-button-modal:focus,
.oms-button-submit:focus {
    background-color: #04ADBF;
    color:#fff !important;
    
}
.oms-button a,
.oms-button-modal a,
.oms-button-submit a,
.oms-button a:hover,
.oms-button-modal a:hover,
.oms-button-submit a:hover {
    color:#fff;
    text-decoration: none;
}
.oms-footer {
    margin: 0 !important;
}
.oms-footer p,
.oms-powered ,
.oms-privacy {
    padding:10px;
    font-size:14px;
    margin-bottom: 0px !important;
}

.oms-times {
    position: absolute;
    right:10px;
    top:10px;
    display: block;
    width:31px;
    height:31px;
    margin: 10px 0px 10px auto;
    background:url(img/times.png) no-repeat !important;
    cursor: pointer;
    z-index: 1;
}
.oms-modal-main .modal-dialog {
    width:780px;
}
.oms-modal-main .modal-content {
    position: relative;
}
.oms-modal-main .modal-body {
    padding: 30px;
    background: #111;
    color:#fff;
}
.oms-modal-main .modal-content {
    box-shadow:none !important;
    border:0 !important;
    border-radius:0px !important;
    color:#fff;
    font-size: 17px;
}
.oms-modal-main .modal-title {
    font-family: 'Raleway', sans-serif;
    font-size:30px;
    line-height:1;
    color:#fff;
}
/* ----------- editor button ---------- */
.edit-video-bg-button {
    margin: 20px;
    -webkit-border-radius: 1000px !important;
    border-radius: 1000px !important;
    width: 50px;
    height: 50px;
    position: fixed;
}
.edit-video-bg-button .fa {
    padding-top: 6px;
}
.modal-backdrop {
    z-index: 0 !important;
}
.log-vidix {
    visibility: hidden;
}
/* ===================== Mobile query ============================== */
/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {
    .oms-modal-main .modal-dialog {
        width:100% !important;   
    }
}

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {
    .oms-modal-main .modal-dialog {
        width:100% !important;   
    }
}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
    
}

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {
    
}