body {
position: relative;
}

img {
max-width: 100%;
}

* {
margin: 0px;
padding: 0px;
}

a {
text-decoration: none !important;
outline: 0 !important;
}

.nopadding-right {
padding-right: 30px;
}

.nopadding-left {
padding-left: 0px;
}

.affix-top {
position: static;
width: 265px !important;
}

button {
outline: none;
}

button:hover,
button:active,
button:focus {
outline: none;
}

.affix {
position: fixed !important;
top: 20px;
width: 265px !important;
}

option {
padding-left: 25px;
}

.fixed {
position: fixed;
}

.pt-51{
padding-top: 50px;
}

hr.style1 {
border-top: 1px dotted #8c8b8b;
}

hr.style14 {
border: 0;
height: 2px;
background-image: -webkit-linear-gradient(left, #2a2b65, #ffffff, #2a2b65);
background-image: -moz-linear-gradient(left, #2a2b65, #ffffff, #2a2b65);
background-image: -ms-linear-gradient(left, #2a2b65, #ffffff, #2a2b65);
background-image: -o-linear-gradient(left, #2a2b65, #ffffff, #2a2b65);
}

.form-control::-webkit-input-placeholder {
color: black;
}

.form-control:-moz-placeholder { /* Firefox 18- */
color: black;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
color: black;
}

.form-control:-ms-input-placeholder {
color: black;
}

.form-control:focus {
box-shadow: none !important;
}

.form-control {
box-shadow: none !important;
}

.formOverlay:before {
content: "\f110";
font-family: fontawesome;
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
color: #ea3a3c;
position: absolute;
top: 50%;
left: 50%;
font-size: 56px;
margin-top: -25px;
margin-left: -25px;
}

.formOverlay {
background: transparent;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9999;
}

.alert .message-icon {
margin-right: 10px;
width: 30px;
height: 30px;
text-align: center;
border: 1px solid #9F9F9F;
border-radius: 50%;
line-height: 30px;
}

#header {
background: #262626;
padding: 5px 0px 2px;
border-bottom: 2px solid #686868;
line-height: 15px;
}

#left-header h1 {
display: inline;
font-size: 14px;
color: #ffffff;
font-family: 'Roboto', sans-serif;
padding-right: 40px;
}

#left-header h1 a, #left-header h1 span {
font-weight: 500;
color: #ffffff;
}

#left-header h1 br {
display: none !important;
}

#left-header h1 a:hover {
color: #ea3a3c;
}

/*#right-header {
}*/

#right-header h1 {
display: inline;
font-size: 14px;
color: #ffffff;
/*margin: 0px;*/
font-family: 'Roboto', sans-serif;
padding-left: 40px;
}

#right-header a {
color: #ffffff;
}

#right-header a i.fa {
transition: all 0.2s ease 0s;
}

#right-header a:hover {
color: #61b6eb;
}

#right-header a:hover i.fa {
transform: scale(1.2);
}

/******************************************* logo section **************************************/
#logo-section {
background: #ffffff;
/*padding: 15px 0px;*/
padding:3px 0px;
box-shadow: 0px 0 9px 0px #7b7b7b;
position: relative;
}

/*#logo {
}*/

/*#logo img {
}*/

#icons-list {
padding: 6px 0px;
}

#icons-list a {
color: #262626;
font-size: 16px;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
margin-left: 0px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

#icons-list a i.fa {
color: #213f99;
margin-right: 8px;
}

#icons-list a:hover {
color: #213f99;
}

.navbar {
border: none;
position: relative;
margin-bottom: 0px;
min-height: auto;
}

.navbar-default {
background-color: transparent;
border: none;
}

.navbar-collapse {
padding: 0px;
}

.navbar-toggle {
margin-top: 4px !important;
background: #213f99;
border-color: #213f99 !important;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #213f99;
border-color: #213f99;
}

/************************ search section **************************/
#search-section {
background: #ea3a3c;
padding: 6px;
}

/*#search-form {
}*/

#search-input .form-group {
margin-bottom: 0px;
}

#search-input .form-control {
height: 50px;
border: none;
font-size: 16px;
font-family: 'Roboto', sans-serif;
}

#search-input select, select {
/*-moz-appearance: none;
-webkit-appearance: none;
appearance: none;*/
}

#search-input select.form-control {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right: 1px solid #c2c2c2;
color: #c2c2c2;
background: #ffffff url(../images/caret.png) top 50% right 15px no-repeat;
padding-left: 25px;
}

#search-input input.form-control {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
padding-left: 25px;
color: black;
}

/*#search-button {
}*/

#search-button button {
background: -webkit-linear-gradient(left, #ffffff 50%, #262626 50%) repeat scroll right bottom/200% 100% transparent;
background: linear-gradient(to right, #ffffff 50%, #262626 50%) repeat scroll right bottom/200% 100% transparent;
color: #ffffff;
padding: 10px;
font-family: 'Roboto', sans-serif;
font-size: 20px;
border: none;
border-radius: 4px;
-webkit-transition: background 350ms ease-in-out;
transition: background 350ms ease-in-out;
width: 100%;
outline: 0 !important;
}

#search-button button i.fa {
margin-right: 5px;
}

#search-button button:hover {
background-position: left bottom;
color: #262626;
}

/******************* main banner *****************************/
#main-banner {
background: url(../../../midassets.com/images/industry-back-final.jpg) top left no-repeat;
background-size: cover;
background-attachment: fixed;
}

#banner-link {
text-align: center;
}

#banner-link button {
background: #ea3a3c none repeat scroll 0 0;
display: inline-block;
height: 25px;
border: none;
border-radius: 0px 0px 50px 50px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 50px;
}

#banner-link button i.fa {
color: #000000;
font-size: 16px;
position: relative;
bottom: 5px;
}

#main-banner-text {
padding-top: 145px;
}

#main-banner-text h1 {
font-size: 48px;
color: #ffffff;
margin: 0px;
font-weight: bold;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
}

#main-banner-text p {
font-size: 24px;
color: #ffffff;
margin: 20px 0px 0px;
font-family: 'Roboto', sans-serif;
}

#visited-categories {
padding: 80px 0px 50px;
}

#visited-categories h1 {
font-family: 'Roboto', sans-serif;
font-size: 28px;
font-weight: 700;
color: #ea3a3c;
margin: 0px;
text-transform: uppercase;
}

#categories-box {
padding: 30px 0px 50px;
}

.categories-box-bg {
height: 95px;
width: 95px;
background: #ffffff;
display: inline-block;
line-height: 55px;
border-radius: 2px;
font-family: 'Roboto', sans-serif;
margin-right: 2px;
transition: all 0.5s ease 0s;
}

.categories-box-bg span {
line-height: 1.2;
color: #262626;
font-size: 14px;
text-transform: capitalize;
display: block;
}

.categories-box-bg:hover {
background: #ea3a3c;
text-decoration-color: white;
transform: scale(0.9);
}

.categories-boxes {
display: inline-block;
}

.categories-boxes a {
height: 95px;
width: 95px;
background: #ffffff;
display: inline-block;
line-height: 55px;
border-radius: 2px;
font-family: 'Roboto', sans-serif;
margin-right: 2px;
transition: all 0.5s ease 0s;
}

.categories-boxes a span {
line-height: 1.2;
color: #262626;
font-size: 12px;
text-transform: capitalize;
display: block;
}

.categories-boxes:hover a {
background: #ea3a3c;
text-decoration-color: white;
transform: scale(0.9);
}

/***************************** search categories *********************/
#search-categories {
background: #ffffff;
padding: 80px 0px;
}

#search-categories-section {
padding: 10px 0px 60px;
background: #f7f7f7;
border-bottom: 2px solid #ea3a3c;
}

#search-categories-section .categories-list {
background: #ffffff;
}

#categories-heading h1 {
margin: 0px;
color: #242424;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 28px;
}

#categories-heading h1 span {
padding: 0px 30px;
}

#categories-heading h1 span::after {
border-right: 3px solid #ea3a3c;
content: "";
height: 30px;
margin-left: 20px;
width: 3px;
position: relative;
top: 5px;
}

#categories-heading h1 span::before {
border-left: 3px solid #ea3a3c;
bottom: 5px;
content: "";
height: 30px;
margin-right: 20px;
position: relative;
width: 3px;
}

#search-categories-boxes, .search-categories-box {
padding-top: 50px;
display: inline-block;
width: 100%;
}

#search-categories-section #search-categories-boxes, #search-categories-section .search-categories-box {
padding-top: 50px;
display: inline-block;
width: 100%;
}

.search-categories-boxes {
width: 100%;
display: inline-block;
}

.search-categories-boxes h2 {
margin: 0px;
padding: 10px 15px;
background: #ea3a3c;
font-family: 'Roboto', sans-serif;
font-size: 16px;
text-align: left !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #ffffff;
text-transform: capitalize;
height: 42px;
line-height: 21px;
}

.search-categories-boxes h2 img {
margin-right: 5px;
}

.categories-list {
padding: 15px;
border: 1px solid #e8e8e8;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}

.categories-list ul {
margin-bottom: 0px;
}

.categories-list ul li {
text-align: left !important;
list-style: none;
color: #636363;
font-size: 14px;
font-family: 'Roboto', sans-serif;
line-height: 25px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}

.categories-list ul li a {
color: #636363;
}

.categories-list ul li:hover {
padding-left: 3px;
}

.categories-list ul li:hover a {
color: #213f99;
}

.categories-list ul li::before {
content: "\f105";
font-family: fontawesome;
font-size: 16px !important;
margin-right: 10px;
color: #213f99;
}

.categories-list ul li span {
float: right;
}

#search-categories-boxes1 {
padding-top: 30px;
display: inline-block;
width: 100%;
}

.search-categories-boxes1 {
display: inline-block;
width: 100%;
}

.search-categories-boxes1 h2 {
margin: 0px;
padding: 10px 15px;
background: #ea3a3c;
font-family: 'Roboto', sans-serif;
font-size: 16px;
text-align: left !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #ffffff;
text-transform: capitalize;
height: 42px;
}

.search-categories-boxes1 h2 img {
margin-right: 5px;
}

.categories-list1 {
padding: 15px;
border: 1px solid #e8e8e8;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}

.categories-list1 ul {
margin-bottom: 0px;
}

.categories-list1 ul li {
text-align: left !important;
list-style: none;
color: #636363;
font-size: 14px;
font-family: 'Roboto', sans-serif;
line-height: 35px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}

.categories-list1 ul li a {
color: #636363;
}

.categories-list1 ul li:hover {
padding-left: 3px;
}

.categories-list1 ul li:hover a {
color: #ea3a3c;
}

.categories-list1 ul li::before {
content: "";
font-family: fontawesome;
font-size: 10px !important;
margin-right: 10px;
color: #ea3a3c;
}

.categories-list1 ul li span {
float: right;
}

#search-categories button {
background: -webkit-linear-gradient(left, #262626 50%, #ea3a3c 50%) repeat scroll right bottom/200% 100% transparent;
background: linear-gradient(to right, #262626 50%, #ea3a3c 50%) repeat scroll right bottom/200% 100% transparent;
border: none;
padding: 10px 30px;
border-radius: 4px;
color: #ffffff;
margin-top: 60px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
outline: 0 !important;
}

#search-categories button:hover {
background-position: left bottom;
}

#search-categories button i.fa {
margin-right: 5px;
}

/************************* feature listing ************************/
#feature-listings {
background: #f7f7f7;
padding: 80px 0px;
}

#feature-listings-heading h1 {
margin: 0px;
color: #242424;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 28px;
}

#feature-listings-heading h1 span {
padding: 0px 30px;
}

#feature-listings-heading h1 span::after {
border-right: 3px solid #ea3a3c;
content: "";
height: 30px;
margin-left: 20px;
width: 3px;
position: relative;
top: 5px;
}

#feature-listings-heading h1 span::before {
border-left: 3px solid #ea3a3c;
bottom: 5px;
content: "";
height: 30px;
margin-right: 20px;
position: relative;
width: 3px;
}

#feature-box {
padding-top: 50px;
width: 100%;
position: relative;
display: inline-block;
}

.feature-box {
padding-top: 60px;
width: 100%;
position: relative;
display: inline-block;
}

#feature-box1, .feature-box1 {
padding-top: 50px;
width: 100%;
position: relative;
display: inline-block;
}

.feature-boxes-container {
border: 2px solid transparent;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
width: 100%;
overflow: hidden;
position: relative;
}

.feature-boxes-container .feature-boxes img {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.feature-boxes-container .feature-boxes h1 {
margin: 0px;
text-align: left;
font-size: 12px;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
border-bottom: 2px solid #ea3a3c;
margin-left: 1px;
position: relative;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}

.feature-boxes-container .feature-boxes h1 span {
background: #ffffff none repeat scroll 0 0;
padding: 5px 15px;
border-top-radius: 4px;
border-top-right-radius: 4px;
position: absolute;
bottom: -5px;
}

.feature-boxes-container:hover {
border: 2px solid #ea3a3c;
border-radius: 4px;
}

.feature-boxes-container:hover h1 {
margin-left: 0px;
}

.feature-boxes-container:hover .feature-box-text {
border: 1px solid transparent;
border-top: none;
}

.feature-boxes-container .feature-box-text {
background: #ffffff;
padding: 30px 20px;
text-align: left;
border: 1px solid #ebebeb;
border-top: none;
}

.feature-boxes-container .feature-box-text h2 {
font-size: 16px;
color: #636363;
font-family: 'Roboto', sans-serif;
margin: 0px;
}

.feature-boxes-container .feature-box-text h2 span {
float: right;
font-size: 12px;
position: relative;
top: 3px;
}

.feature-boxes-container .feature-box-text h2 span i.fa {
color: #ffcc58;
}

.feature-box-text i.fa-star-half-empty {
margin-right: 5px;
}

.feature-boxes-container .feature-box-text a h3 {
font-family: 'Roboto', sans-serif;
color: #242424;
font-weight: 500;
font-size: 16px;
}

.feature-boxes-container:hover .feature-box-text a h3 {
color: #ea3a3c;
}

.feature-boxes-container .feature-box-text p {
color: #636363;
font-size: 13px;
font-family: 'Roboto', sans-serif;
}

.feature-boxes-container .feature-box-text a {
color: #636363;
font-size: 13px;
font-family: 'Roboto', sans-serif;
}

.feature-boxes-container .feature-box-text a i.fa {
color: #636363;
margin-right: 10px;
}

/******************* quick and easy search ***************************/
#easy-search {
background: #ffffff;
padding: 80px 0px;
}

#easy-search-heading h1 {
margin: 0px;
color: #242424;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 28px;
}

#easy-search-heading h1 span {
padding: 0px 30px;
}

#easy-search-heading h1 span::after {
border-right: 3px solid #ea3a3c;
content: "";
height: 30px;
margin-left: 20px;
width: 3px;
position: relative;
top: 5px;
}

#easy-search-heading h1 span::before {
border-left: 3px solid #ea3a3c;
bottom: 5px;
content: "";
height: 30px;
margin-right: 20px;
position: relative;
width: 3px;
}

#search-steps {
padding-top: 50px;
}

.search-steps {
border: 1px solid #ea3a3c;
border-radius: 8px;
padding: 50px 30px 40px;
width: 350px;
}

.search-steps h1 {
font-weight: 500;
margin: 0px;
font-family: 'Roboto', sans-serif;
font-size: 18px;
padding-left: 40px;
color: #242424;
text-align: left;
}

.search-steps p {
bottom: 18px;
color: #636363;
font-family: "Roboto",sans-serif;
font-size: 14px;
margin: 0;
position: relative;
text-align: left;
}

.search-steps p span {
color: #ea3a3c;
font-weight: lighter;
font-size: 36px;
margin-right: 10px;
}

.search-steps h4 {
color: #636363;
font-family: "Roboto",sans-serif;
font-size: 14px;
margin: 0px;
text-align: left;
line-height: 22px;
position: relative;
bottom: 10px;
font-weight: normal;
}

.seperator {
left: 0;
margin-top: -20px;
position: absolute;
right: 0;
top: 50%;
}

.seperator hr {
border-color: #ea3a3c;
float: right;
position: relative;
width: 8%;
}

.seperator hr::before {
background-color: #ffffff;
color: #ea3a3c;
content: "";
font-family: fontawesome;
font-size: 8px;
left: 0;
margin: -6px auto;
position: absolute;
right: 0;
width: 15px;
}

/************************ recent listings ********************************/
#recent-listings {
padding: 80px 0px;
background: #f7f7f7;
}

#recent-listings-heading h1 {
margin: 0px;
color: #242424;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 28px;
}

#recent-listings-heading h1 span {
padding: 0px 30px;
}

#recent-listings-heading h1 span::after {
border-right: 3px solid #ea3a3c;
content: "";
height: 30px;
margin-left: 20px;
width: 3px;
position: relative;
top: 5px;
}

#recent-listings-heading h1 span::before {
border-left: 3px solid #ea3a3c;
bottom: 5px;
content: "";
height: 30px;
margin-right: 20px;
position: relative;
width: 3px;
}

.listing-boxes {
padding-top: 50px;
display: inline-block;
width: 100%;
}

.listing-boxes1 {
padding-top: 30px;
}

.listing-boxes-container {
display: inline-block;
width: 100%;
border: 2px solid transparent;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
overflow: hidden;
position: relative;
}

.listing-boxes-container:hover {
border-radius: 4px;
border: 2px solid #ea3a3c;
}

.listing-boxes-container:hover h1 span {
margin-bottom: 0px;
}

.listings-boxes-container:hover .listing-boxes-text {
border: 1px solid transparent;
border-top: none;
}

.listing-boxes-image {
border-right: 2px solid #ea3a3c;
}

.listing-boxes-image img {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
height: 204px;
}

.listing-boxes-image > h1 {
font-size: 14px;
font-family: 'Roboto', sans-serif;
position: relative;
text-transform: capitalize;
margin: 0px;
color: #636363;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}

.listing-boxes-image h1 span {
background: #ffffff none repeat scroll 0 0;
bottom: 0;
padding: 10px 20px;
position: absolute;
margin-bottom: 1px;
border-top-left-radius: 4px;
right: -6px;
}

.listing-boxes-text {
padding: 29.5px 25px;
background-color: #ffffff;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
text-align: left;
border: 1px solid #ebebeb;
border-left: none;
height: 204px;
}

.listing-boxes-text h2 {
font-size: 16px;
color: #636363;
font-family: 'Roboto', sans-serif;
margin: 0px;
}

.listing-boxes-text h2 span {
float: right;
font-size: 12px;
position: relative;
top: 3px;
}

.listing-boxes-text h2 span i.fa {
color: #ffcc58;
}

.listing-boxes-text i.fa-star-half-empty {
margin-right: 5px;
}

.listing-boxes-text a h3 {
font-family: 'Roboto', sans-serif;
color: #242424;
font-weight: 500;
font-size: 16px;
}

.listing-boxes-container:hover .listing-boxes-text a h3 {
color: #ea3a3c;
}

.listing-boxes-text p {
color: #636363;
font-size: 13px;
font-family: 'Roboto', sans-serif;
}

.listing-boxes-text a {
color: #636363;
font-size: 13px;
font-family: 'Roboto', sans-serif;
}

.listing-boxes-text a i.fa {
color: #636363;
margin-right: 10px;
}

/*********************** counter *********************/
.jx-countup {
text-align: center;
}

.jx-counter-up .count_number {
color: #636363;
font-family: 'Roboto', sans-serif;
font-size: 40px;
margin-top: 5px;
}

.jx-countup::after {
border-right: 1px solid #e8e8e8;
content: "";
height: 90px;
width: 30%;
float: right;
position: absolute;
top: 50%;
bottom: 0;
right: 0;
margin: 0 auto;
text-align: center;
margin-top: -15%;
}

.last-countup::after {
border: none !important;
}

.counter {
padding: 40px 0px;
}

.jx-counter-up .counter_text {
color: #999999;
font-family: montserrat;
font-size: 16px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
}

.jx-black-top-arrow {
min-height: 45px !important;
line-height: 45px;
}

/******************* prefooter ********************/
#prefooter {
background: #262626;
padding: 15px 0px 8px 0px;
}

.prefooter-heading h1 {
margin: 0px;
font-family: 'Roboto', sans-serif;
color: white;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
}

#prefooter-list-image {
margin-top: 20px;
display: inline-block;
width: 100%;
}

.prefooter-detail {
margin-top: 25px;
display: inline-block;
width: 100%;
}

/*.prefooter-detail-image {
}

.prefooter-detail-image img {
}

.prefooter-detail-text {
}*/

.prefooter-detail-text a h1 {
margin: 0px;
font-size: 14px;
color: #636363;
font-weight: 500;
font-family: 'Roboto', sans-serif;
text-transform: capitalize;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}

.prefooter-detail-text a:hover h1 {
color: #ea3a3c;
}

.prefooter-detail-text p {
color: #999999;
font-size: 12px;
margin: 2px 0px;
font-family: 'Roboto', sans-serif;
}

.prefooter-detail-text h3 {
font-family: 'Roboto', sans-serif;
color: #636363;
font-size: 12px;
margin: 8px 0px 0px;
}

.prefooter-detail-text h3 i.fa {
color: #ea3a3c;
margin-right: 5px;
}

#prefooter-list-categories {
margin-top: 15px;
}

#prefooter-list-categories ul {
display: inline-block;
width: 100%;
}

#prefooter-list-categories ul li {
color: white;
font-family: "Roboto",sans-serif;
font-size: 14px;
line-height: 30px;
list-style: none;
}

#prefooter-list-categories ul li a {
color: white;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}

#prefooter-list-categories ul li a:hover {
color: #2868ea;
padding-left: 3px;
}

#prefooter-list-categories ul li span {
background: #ea3a3c none repeat scroll 0 0;
border-radius: 4px;
color: #ffffff;
margin-right: 20px;
padding: 5px 10px;
font-size: 11px;
}

#prefooter-contact-info {
margin-top: 30px;
}

#prefooter-contact-info p {
margin: 0px 0px 10px;
color: #636363;
font-family: "Roboto",sans-serif;
font-size: 14px;
}

.contact-info {
margin-top: 10px;
display: inline-block;
width: 100%;
}

.contact-icon {
text-align: center;
padding-top: 15px;
}

.contact-icon i.fa {
color: #ea3a3c;
font-size: 22px;
}

.contact-text {
border-top: 2px solid #e8e8e8;
margin-left: 10px;
}

.contact-text h1 {
margin: 0px;
padding-top: 15px;
color: #636363;
font-size: 14px;
font-family: "Roboto",sans-serif;
font-weight: 500;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}

.contact-text h1 a {
color: #636363;
}

.contact-text p {
color: #999999;
font-size: 12px;
font-family: "Roboto",sans-serif;
margin: 3px 0px 0px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
}

.contact-text p a {
color: #999999;
}

.contact-text h1 a:hover, .contact-text p a:hover {
color: #ea3a3c;
}

#prefooter-tags {
margin: 30px 0px;
display: inline-block;
width: 100%;
}

#prefooter-tags a {
color: #999999;
display: inline-block;
font-family: "Roboto",sans-serif;
font-size: 14px;
padding: 10px 12px;
background: #ffffff;
border-radius: 3px;
margin-bottom: 5px;
}

#prefooter-tags a:hover {
color: #ffffff;
}

.social {
margin-top: 10px;
}

.social a {
border-radius: 3px;
display: inline-block;
}

.hvr-sweep-to-bottom::before, .hvr-sweep-to-top:before, .hvr-sweep-to-right:before {
border-radius: 4px;
}

/*.social a .fa {
}*/

/**************************** footer ********************************/
#footer {
background: #ffffff;
padding: 20px 0px;
}

/*#footer-text {
}*/

#footer-text p {
font-size: 14px;
margin: 0px;
color: #636363;
font-family: "Roboto",sans-serif;
}

#footer-text p a {
color: #636363;
}

#footer-text p a:hover {
color: #ea3a3c;
}

/******************* categories inner header ***********************/
#categories-inner-header {
padding: 45px 0px;
background: url(../images/categories-inner-header.html) top left no-repeat;
background-size: cover;
border-bottom: 2px solid #ea3a3c;
}

#pricing-inner-header {
padding: 45px 0px;
background: url(../images/pricing-plan.html) top left no-repeat;
background-size: cover;
border-bottom: 3px solid #ffb300;
}

#listings-detail-inner-header {
padding: 45px 0px;
background: url(../images/listing-detail.html) top left no-repeat;
background-size: cover;
border-bottom: 2px solid #ea3a3c;
}

#contact-inner-header {
padding: 45px 0px;
background: url(../images/contact.html) top left no-repeat;
background-size: cover;
border-bottom: 2px solid #ea3a3c;
}

#listings-inner-header {
padding: 45px 0px;
background: url(../images/listing.html) top left no-repeat;
background-size: cover;
border-bottom: 2px solid #ea3a3c;
}

#add-listings-inner-header {
padding: 45px 0px;
background: url(../images/add-listing.html) top left no-repeat;
background-size: cover;
border-bottom: 2px solid #ea3a3c;
}

/*.inner-header-text {
}*/

.inner-header-text h1 {
color: #ffffff;
margin: 0px;
font-size: 30px;
font-family: "Roboto",sans-serif;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}

.inner-header-text a {
color: #ffffff;
font-size: 14px;
font-family: "Roboto",sans-serif;
font-weight: normal;
text-transform: capitalize;
}

.inner-header-text i.fa {
color: #ffffff;
margin: 0px 5px;
font-size: 6px;
position: relative;
bottom: 2px;
}

.inner-header-text a span {
color: #ea3a3c;
font-size: 14px;
font-weight: 500;
}

/*******************************start apartment **************************************/
#apartment {
padding: 60px 0px;
background: #f7f7f7;
}

#apartment-heading {
padding: 5px 0px;
display: inline-block;
width: 100%;
border-left: 2px solid #ea3a3c;
}

#apartment-heading h1 {
margin: 0px 0px 0px 20px;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
font-size: 28px;
color: #0c3458;
}

#apartment-heading h1 span {
background: #ea3a3c;
font-family: "Roboto",sans-serif;
color: #242424;
font-size: 16px;
float: right;
font-weight: normal;
padding: 10px;
border-radius: 4px;
}

#apartment hr {
border-collapse: #e8e8e8;
}

#apartment-text {
position: relative;
width: 100%;
display: inline-block;
margin-top: 10px;
}

#apartment-text p {
font-family: "Roboto",sans-serif;
margin: 0px;
color: #636363;
font-size: 16px;
line-height: 25px;
font-weight: normal;
}

#apartment-images {
margin: 30px 0px 15px;
width: 100%;
display: inline-block;
position: relative;
}

.listings-images {
margin-right: 3px;
overflow: hidden;
position: relative;
}

.listings-images img {
height: 450px;
transition: all 0.5s ease 0s;
}

.listings-images:hover img {
transform: scale(1.2);
}

.listings-images1 {
display: inline-block;
margin-bottom: 3px;
float: left;
margin-right: 3px;
overflow: hidden;
position: relative;
}

.listings-images1 img {
transition: all 0.5s ease 0s;
}

.listings-images1:hover img {
transform: scale(1.2);
}

.listing-detail {
position: relative;
width: 100%;
display: inline-block;
margin-top: 15px;
}

.listing-detail h1 {
font-family: "Roboto",sans-serif;
color: #242424;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
margin: 0px;
}

.listing-detail-text-bsad {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 5px;
background: #ffffff;
}

.listing-detail-text-bsad h1 {
margin: 0px;
font-family: "Roboto",sans-serif;
color: #636363;
text-transform: capitalize;
font-weight: bold;
padding: 1px 14px 10px 1px;
font-size: 16px;
line-height: 20px;
}

.listing-detail-text-bsad h2 {
margin: 0px;
font-family: "Roboto",sans-serif;
/*color:#636363;*/
color: #252525;
text-transform: none;
font-weight: normal;
padding: 1px 14px 10px 1px;
font-size: 16px;
line-height: 20px;
}

.listing-detail-text-bs {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 5px;
background: #ffffff;
border: 1px solid #b6b6b6;
}

.listing-detail-text-bs h1 {
margin: 0px;
font-family: "Roboto",sans-serif;
color: #636363;
text-transform: capitalize;
font-weight: bold;
padding: 10px 14px 10px 1px;
font-size: 16px;
line-height: 20px;
}

.listing-detail-text-bs h2 {
margin: 0px;
font-family: "Roboto",sans-serif;
/*color:#636363;*/
color: #252525;
text-transform: none;
font-weight: normal;
padding: 10px 14px 10px 14px;
border-left: 1px solid #b6b6b6;
font-size: 16px;
line-height: 20px;
}

.listing-detail-text {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 5px;
background: #ffffff;
border: 1px solid #b6b6b6;
}

.listing-detail-text h1 {
margin: 0px;
font-family: "Roboto",sans-serif;
color: #636363;
text-transform: capitalize;
font-weight: normal;
padding: 10px 14px 10px 14px;
font-size: 14px;
line-height: 20px;
}

.listing-detail-text h2 {
margin: 0px;
font-family: "Roboto",sans-serif;
color: #636363;
text-transform: none;
font-weight: normal;
padding: 10px 14px 10px 14px;
border-left: 1px solid #b6b6b6;
font-size: 14px;
line-height: 20px;
}

.listing-detail-text p {
margin: 0px;
font-family: "Roboto",sans-serif;
color: #999999;
font-size: 14px;
padding: 10px 14px 10px 14px;
border-left: 1px solid #e8e8e8;
text-transform: capitalize;
}

.listing-detail-text p span i.fa {
color: #ea3a3c;
}

.listing-detail-text p i.fa-map-marker, .listing-detail-text p a {
color: #999999;
margin-right: 5px;
}

#tags-share {
margin-top: 45px;
position: relative;
display: inline-block;
width: 100%;
}

/*#listings-tags {
}*/

#listings-tags p {
color: #636363;
margin: 0px;
font-family: "Roboto",sans-serif;
font-size: 14px;
text-transform: capitalize;
}

#listings-tags p i.fa {
color: #636363;
margin-right: 10px;
}

#listings-tags p span {
margin-left: 30px;
}

#listings-tags p span a {
color: #999999;
display: inline-block;
font-family: "Roboto",sans-serif;
font-size: 14px;
padding: 10px 12px;
background: #ffffff;
border-radius: 3px;
margin-bottom: 5px;
}

#listings-tags p span a:hover {
color: #ffffff;
}

/*#listings-share {
}*/

#listings-share p {
color: #636363;
margin: 0px;
font-family: "Roboto",sans-serif;
font-size: 14px;
text-transform: capitalize;
display: inline-block;
}

#listings-share p i.fa {
color: #636363;
margin-right: 10px;
}

#listings-share .social {
margin: 0px 30px 0px 30px;
display: inline-block;
}

#listings-share .social a {
background: #ffffff;
color: #cccccc;
}

#listings-share .social a:hover {
color: #ffffff;
}

/************************** contact section *********************/
#contact-section {
padding: 60px 0px;
background: #f7f7f7;
}

.contact-heading {
position: relative;
width: 100%;
display: inline-block;
}

.contact-heading h1 {
margin: 0px;
text-transform: uppercase;
padding: 5px 15px;
border-left: 2px solid #ea3a3c;
font-weight: 500;
font-size: 18px;
color: #242424;
font-family: "Roboto",sans-serif;
}

#contact-section-info p {
margin: 0px 0px 10px;
color: #636363;
font-family: "Roboto",sans-serif;
font-size: 14px;
margin-top: 12px;
}

.contact-text .social {
margin-top: 15px;
}

.contact-text .social a {
background: #ffffff;
color: #cccccc;
height: 30px;
width: 30px;
line-height: 30px;
}

.contact-text .social a:hover {
color: #ffffff;
}

.contact-icon i.fa {
font-size: 20px !important;
}

.contact-icon .fa.fa-share-alt {
font-size: 16px !important;
}

/****************** contact map *********************/
#contact-map {
border-bottom: 2px solid #ea3a3c;
}
/******************** listing ********************/
#listing-section {
background: #f7f7f7;
padding-bottom: 55px;
border-bottom: 2px solid #ea3a3c;
}

.pagination {
padding-top: 5px;
margin: 0px;
}

.pagination li a {
background: transparent none repeat scroll 0 0;
color: #999999;
margin-right: 5px;
border-radius: 4px;
border: 1px solid #999999;
font-weight: 500;
font-family: "Roboto",sans-serif;
padding: 0px;
width: 35px;
height: 35px;
line-height: 35px;
}

.pagination li a .fa.fa-long-arrow-right {
color: #ffffff;
}

.pagination li a:hover, .pagination li a:focus, .pagination li a:active, .pagination li a.active {
border: 1px solid #ea3a3c;
color: #ffffff;
}

.pagination li a:active, .pagination li a.active {
background: #ea3a3c;
}

/******************** tags *****************/
.tagsinput {
min-height: auto !important;
margin-top: 30px !important;
height: 45px !important;
border-radius: 4px;
border: 1px solid #cccccc;
}

div.tagsinput input {
width: 100% !important;
margin-bottom: 0px !important;
}

div.tagsinput span.tag {
background: #ea3a3c !important;
font-size: 12px;
font-family: "Roboto",sans-serif;
color: #ffffff !important;
border: none !important;
border-radius: 4px;
margin: 3px 2px 0px 2px !important;
}

#tags_1_addTag > input {
color: #d0d0d0 !important;
font-size: 14px !important;
font-family: "Roboto",sans-serif;
}

div.tagsinput span.tag a {
color: #ffffff !important;
}

div.tagsinput {
padding-left: 20px !important;
}

#select-category {
display: inline-block;
position: relative;
width: 100%;
margin-top: 30px;
}

#select-category select {
height: 45px;
color: #999999;
background: url(../images/caret.png) top 50% right 15px no-repeat !important;
margin-bottom: 25px;
}

#select-category select:disabled {
color: #d0d0d0 !important;
background: #e8e8e8 url(../images/caret.png) top 50% right 15px no-repeat !important;
border: none !important;
}

#location-detail {
padding: 50px 30px 50px;
margin-top: 40px;
background: #ffffff;
display: inline-block;
width: 100%;
}

#locations {
margin-top: 10px;
display: inline-block;
width: 100%;
}

.inner-addon i.fa {
bottom: 0;
color: #999999;
left: 3%;
position: absolute;
text-align: center;
top: 34%;
}

#location-map {
margin-top: 30px;
}

.inner-addon .form-control {
padding-left: 45px !important;
color: #c2c2c2;
}

#location-detail h1 {
margin: 0px;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
color: #242424;
}

#location-detail hr {
border-color: #e8e8e8;
}

#locations .form-group {
margin-bottom: 30px;
}

#locations .form-group .form-control {
color: #c2c2c2;
}

#location-map map {
height: 450px !important;
width: 100%;
}

#gallery-images {
padding: 50px 30px 50px;
margin-top: 40px;
background: #ffffff;
display: inline-block;
width: 100%;
}

#gallery-images h1 {
margin: 0px;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
color: #242424;
}

#gallery-images hr {
border-color: #e8e8e8;
}

#gallery-images span {
display: inline-block;
color: #636363;
font-family: "Roboto",sans-serif;
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
margin-top: 20px;
cursor: pointer;
}

#add-images {
position: relative;
display: inline-block;
width: 100%;
}

.file-upload {
position: relative;
overflow: hidden;
width: 250px;
height: 250px;
background: #ffffff url(../images/add-image.html) top left no-repeat;
text-align: center;
margin-top: 20px;
}

.file-upload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
height: 100%;
width: 100%;
}

#price-package {
padding: 50px 30px 50px;
margin-top: 40px;
background: #ffffff;
display: inline-block;
width: 100%;
}

#price-package h1 {
margin: 0px;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
color: #242424;
}

#price-package hr {
border-color: #e8e8e8;
}

#price-package p {
color: #636363;
font-family: "Roboto",sans-serif;
font-size: 14px;
margin: 0px;
padding-top: 20px;
}

#packages {
margin: 30px 20px 0px;
color: #636363;
font-family: "Roboto",sans-serif;
font-size: 14px;
}

input[type="checkbox"], input[type="radio"] {
margin-right: 10px;
margin-bottom: 15px;
}

input[type=radio]:checked {
color: #ea3a3c !important;
background: #ea3a3c !important;
}

#preview-add {
display: inline-block;
margin-top: 30px;
}

#preview-add button {
background: -webkit-linear-gradient(left, #262626 50%, #ea3a3c 50%) repeat scroll right bottom/200% 100% transparent;
background: -o-linear-gradient(left, #262626 50%, #ea3a3c 50%) repeat scroll right bottom/200% 100% transparent;
background: linear-gradient(to right, #262626 50%, #ea3a3c 50%) repeat scroll right bottom/200% 100% transparent;
border: none;
font-family: "Roboto",sans-serif;
color: #ffffff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
padding: 10px 20px;
font-weight: 500;
font-size: 14px;
text-transform: capitalize;
border-radius: 4px;
outline: 0 !important;
}

#preview-add button:hover {
background-position: left bottom;
}

/**************************** right side bar ***************************/
#process, #sidebar-navigation {
padding: 40px 25px;
background: #ffffff;
display: inline-block;
width: 100%;
}

#scroll-element {
position: relative;
}

#sidebar-navigation {
margin-top: 30px;
display: none;
}

#process h1, #sidebar-navigation h1 {
margin: 0px;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
font-family: "Roboto",sans-serif;
color: #242424;
padding-bottom: 30px;
}

#process a, #sidebar-navigation a {
color: #636363;
font-family: "Roboto",sans-serif;
font-size: 14px;
text-transform: capitalize;
list-style: none;
padding: 0px;
}

#process-section a span {
color: #ea3a3c;
margin-right: 2px;
}

/*#process ul li a:hover, #process ul li a:focus, #process ul li a:active, #sidebar-navigation a:hover, .active a {
color: #262626 !important;
background-color: transparent;
font-size: 13px;
}*/

#process ul li a:hover, #process ul li a:focus, #process ul li a:active, #sidebar-navigation a:hover {
color: #262626 !important;
background-color: transparent;
font-size: 13px;
}

#process hr, #sidebar-navigation hr {
border-color: #e8e8e8;
}

/* Map Info Window Styling */

#m-info-window .info-window-hding {
margin-top: 0px;
font-size: 16px;
}

#m-info-window .info-window-desc {
margin-bottom: 0px;
line-height: 1.6em;
}

/**/
.card-inline {
display: inline-block;
vertical-align: middle;
padding-right: 4px;
}
/**/

/*style*/

.navbar-fixed-s-bar {
left:10%;
width:auto;
top: 0;
z-index: 100;
position: fixed;
background-color: #ea3a3c;
}

@media(min-width:320px) and (max-width:767px) {
.navbar-fixed-s-bar {
left:0;
width:100%;

}

}

.nav_links {
margin: 0;
}

.pt {
padding-top: 16px;
}

/*top-header s*/
.img-layout {
display: inline-block;
vertical-align: middle;
width: 25px;
}

.span-layout {
display: inline-block;
vertical-align: middle;
font-size: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 140px;
}
/*top-header s*/

.hr-danger {
background-image: -webkit-linear-gradient(left, rgba(244,67,54,.8), rgba(244,67,54,.6), rgba(0,0,0,0));
}

.breadcrumb {
background: rgba(245, 245, 245, 0);
border: 0px solid rgba(245, 245, 245, 1);
border-radius: 25px;
display: block;
}

/**/
.product-margin {
display: inline-block;
}
/**/

/*colors*/
.fnt-17 {
text-align: left !important;
list-style: none;
color: #636363;
font-size: 17px;
font-family: 'Roboto', sans-serif;
line-height: 35px;
text-transform: capitalize;
}

.ml-10 {
margin-left: 10px;
}

.al-left {
text-align: left;
}

.fnt-red {
color: red;
}

.bg-wht {
background-color: white;
}

.fnt-wht {
color: white;
}

.fnt-blk {
color: black;
}

.fnt-gray {
color: #3b3535;
}

.fnt-31 {
font-size: 31px;
}

.tab-fnt {
font-family: Verdana,sans-serif;
font-size: 17px;
}

.mid-popup-postoffer {
background: url("../image/popp-up1.png") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

/*company detail left boder*/
.lft-border {
border-left: 1px solid #b6b6b6;
padding: 7px;
}

.dis-inline {
display: inline-block;
}

.v-align-top {
vertical-align: top;
}

/*padding class s*/
.padd-tb {
padding: 20px 0px;
}

.padd-2 {
padding: 2px;
}

.padd-3 {
padding: 3px;
}

.padd-5 {
padding: 5px;
}

.padd-6 {
padding: 6px;
}

.padd-10 {
padding: 10px;
}

.padding-tp-15 {
padding: 0px 15px;
}

.pt-3 {
padding-top: 3px;
}

.pt-5 {
padding-top: 5px;
}

.pt-6 {
padding-top: 6px;
}

.pt-7 {
padding-top: 7px;
}

.pt-10 {
padding-top: 10px;
}

.pt-15 {
padding-top: 15px;
}

.pt-20 {
padding-top: 20px;
}

.pt-30 {
padding-top: 30px;
}

.pt-40 {
padding-top: 40px;
}

.pt-50 {
padding-top: 50px;
}

.pt-60 {
padding-top: 60px;
}

.pt-70 {
padding-top: 70px;
}

.pt-80 {
padding-top: 80px;
}

.pt-90 {
padding-top: 90px;
}

.pt-100 {
padding-top: 100px;
}

.pt-110 {
padding-top: 110px;
}

.pt-120 {
padding-top: 120px;
}

.pt-130 {
padding-top: 130px;
}

.pt-140 {
padding-top: 140px;
}

.pt-150 {
padding-top: 150px;
}

.pb-3 {
padding-bottom: 3px;
}

.pb-5 {
padding-bottom: 5px;
}

.pb-7 {
padding-bottom: 7px;
}

.pb-10 {
padding-bottom: 10px;
}

.pb-15 {
padding-bottom: 15px;
}

.pb-20 {
padding-bottom: 20px;
}

.pb-30 {
padding-bottom: 30px;
}

.pb-40 {
padding-bottom: 40px;
}

.pb-50 {
padding-bottom: 50px;
}

.pb-60 {
padding-bottom: 60px;
}

.pb-70 {
padding-bottom: 70px;
}

.pb-80 {
padding-bottom: 80px;
}

.pb-90 {
padding-bottom: 90px;
}

.pb-100 {
padding-bottom: 100px;
}

.pb-110 {
padding-bottom: 110px;
}

.pb-120 {
padding-bottom: 120px;
}

.pb-125 {
padding-bottom: 125px;
}

.pb-130 {
padding-bottom: 130px;
}

.pb-138 {
padding-bottom: 138px;
}

.pb-140 {
padding-bottom: 140px;
}

.pb-150 {
padding-bottom: 150px;
}

.pb-160 {
padding-bottom: 160px;
}

.pb-169 {
padding-bottom: 169px;
}

.pb-170 {
padding-bottom: 170px;
}

.pb-175 {
padding-bottom: 175px;
}

.pb-178 {
padding-bottom: 178px;
}

.pb-200 {
padding-bottom:200px;
}

.pb-241 {
padding-bottom: 241px;
}

.pb-246 {
padding-bottom: 246px;
}
.pb-259 {
padding-bottom: 259px;
}
.pb-280 {
padding-bottom: 280px;
}

.pb-300 {
padding-bottom: 300px;
}

.pb-317 {
padding-bottom: 317px;
}

.prl {
padding:0px 5px;
}

.fr {
float: right;
}

.fl {
float: left;
}

/*padding classs e*/

/*Searchbar on baysell page s*/
.offersearchbar-css {
height: 45px;
cursor: pointer;
margin: 0 auto;
border: .15px solid rgb(217, 83, 79);
font: normal 14px/28px "Advent Pro", Helvetica, sans-serif;
color: rgb(119, 126, 128);
-o-text-overflow: clip;
text-overflow: clip;
letter-spacing: 1px;
background: rgba(0,0,0,0);
}
/*Searchbar on baysell page s*/

/* enable absolute positioning */
.offersearchbar-cssx {
height: 45px;
border-radius: 35px;
font: normal 14px/28px "Advent Pro", Helvetica, sans-serif;
background: rgb(255, 255, 255);
}

.inner-addon1 {
position: relative;
}

/* style icon */
.inner-addon1 .glyphicon {
position: absolute;
padding: 13px;
pointer-events: none;
}

/* align icon */
.left-addon .glyphicon {
left: 0px;
}

.right-addon .glyphicon {
right: 0px;
}

/* add padding */
.left-addon input {
padding-left: 30px;
}

.right-addon input {
padding-right: 30px;
}

/*Company-details buttons s */
.mid-company-detail-btn {
margin-bottom: 0;
font-size: 17px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
}
/*Company-details buttons e */

/*company slider s*/

.carousel-inner {
margin: auto;
}

.carousel-control {
width: 4%;
}

.carousel-control.left,
.carousel-control.right {
background-image: none;
}

.glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
margin-top: -10px;
margin-left: -10px;
color: #444;
}

/*.carousel-inner {
display: table-cell;
height: 180px;
width: 200px;
vertical-align: middle;
}*/

.img-catalog {
max-height: 150px;
margin: auto auto;
max-width: 100%;
}

.img-catalog-inner {
max-height: 100px;
margin: auto auto;
max-width: 100%;
}

@media (max-width: 767px) {
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}

.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}

@media (min-width: 767px) and (max-width: 992px ) {
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}

.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}

@media (min-width: 992px ) {

.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(16.7%, 0, 0);
transform: translate3d(16.7%, 0, 0);
}

.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-16.7%, 0, 0);
transform: translate3d(-16.7%, 0, 0);
}
}

.panel-heading a:after {
font-family: 'Glyphicons Halflings';
content: "\e114";
float: right;
color: grey;
}

.panel-heading a.collapsed:after {
content: "\e080";
}

/*company slider e*/
/*card s*/
.lib-panel {
margin-bottom: 20Px;
}

.lib-panel img {
width: 100%;
background-color: transparent;
}

.lib-panel .row,
.lib-panel .col-md-6 {
padding: 0;
background-color: #FFFFFF;
}

.lib-panel .lib-row {
padding: 0 20px 0 20px;
}

.lib-panel .lib-row.lib-header {
background-color: #FFFFFF;
font-size: 20px;
padding: 10px 20px 0 20px;
}

.lib-panel .lib-row.lib-header .lib-header-seperator {
height: 2px;
width: 26px;
background-color: #d9d9d9;
margin: 7px 0 7px 0;
}

.lib-panel .lib-row.lib-desc {
position: relative;
height: 100%;
display: block;
font-size: 13px;
}

.lib-panel .lib-row.lib-desc a {
position: absolute;
width: 100%;
bottom: 10px;
left: 20px;
}

.row-margin-bottom {
margin-bottom: 20px;
}

.box-shadow {
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}

.no-padding {
padding: 0;
}

/*card e*/

/*hover button s*/
.hidenseek {
float: left;
margin: 7px;
}

.hidenseek:hover #firstword {
margin-top: -45px;
color: white;
}

.hidenseek:hover #secondword {
margin-top: 5px;
color: white;
}

.hidenseek {
text-align: center;
font-family: 'Poppins', sans-serif;
font-size: 20px;
color: #5e5e5e;
}

.hidenseek, #expansive {
width: 200px;
height: 50px;
background-color: #ea3a3c;
overflow: hidden;
}

.hidenseek {
float: left;
margin: 5px;
border-radius: 8px;
}

#firstword {
margin-top: 8px;
transition: margin 0.4s;
}

#secondword {
margin-top: 200px;
transition: margin 0.4s;
}

#four:hover #firstword {
margin-top: -45px;
}

#four:hover #secondword {
margin-top: 5px;
}

.hidenseek:hover #firstword {
margin-top: -32px;
}

.hidenseek:hover #secondword {
margin-top: 5px;
}

.hidenseek {
text-align: center;
font-family: 'Poppins', sans-serif;
font-size: 20px;
color: white;
}
/*hover button e*/

/*checkbox style s*/
.checkbox {
padding-left: 20px;
}

.checkbox label {
display: inline-block;
position: relative;
padding-left: 5px;
}

.checkbox label::before {
content: "";
display: inline-block;
position: absolute;
width: 17px;
height: 17px;
left: 0;
margin-left: -20px;
border: 1px solid #cccccc;
border-radius: 3px;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
left: 0;
top: 0;
margin-left: -20px;
padding-left: 3px;
padding-top: 1px;
font-size: 11px;
color: #555555;
}

.checkbox input[type="checkbox"] {
opacity: 0;
}

.checkbox input[type="checkbox"]:focus + label::before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::after {
font-family: 'FontAwesome';
content: "\f00c";
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
background-color: #ea3a3c;
border-color: #ea3a3c;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
color: #fff;
}
/*checkbox style e */

/**/
/*
* 1.3 -> Negative Margin top
* -----------------------------------------------
*/

.mt-20 {
margin-top:20px !important;
}

.nmt-0 {
margin-top: 0 !important;
}

.nmt-4 {
margin-top: -4px !important;
}

.nmt-5 {
margin-top: -5px !important;
}

.nmt-10 {
margin-top: -10px !important;
}

.nmt-15 {
margin-top: -15px !important;
}

.nmt-18 {
margin-top: -18px !important;
}

.nmt-20 {
margin-top: -20px !important;
}

.nmt-22 {
margin-top: -22px !important;
}

.nmt-27 {
margin-top: -27px !important;
}

.nmt-30 {
margin-top: -30px !important;
}

.nmt-40 {
margin-top: -40px !important;
}

.nmt-50 {
margin-top: -50px !important;
}

.nmt-60 {
margin-top: -60px !important;
}

.nmt-70 {
margin-top: -70px !important;
}

.nmt-80 {
margin-top: -80px !important;
}

.nmt-90 {
margin-top: -90px !important;
}

.nmt-100 {
margin-top: -100px !important;
}

.nmt-110 {
margin-top: -110px !important;
}

.nmt-120 {
margin-top: -120px !important;
}

.nmt-130 {
margin-top: -130px !important;
}

.nmt-140 {
margin-top: -140px !important;
}

.nmt-150 {
margin-top: -150px !important;
}

.nmt-160 {
margin-top: -160px !important;
}

.nmt-170 {
margin-top: -170px !important;
}

.nmt-180 {
margin-top: -180px !important;
}

.nmt-190 {
margin-top: -190px !important;
}

.nmt-200 {
margin-top: -200px !important;
}

/**/
.m-height {
min-height: 170px;
max-height: 170px;
}
/**/

/*breadcrumb bth s*/

.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after { /* make two squares (before and after), looking similar to the button */
content: "";
position: absolute;
top: 4px; /* move it down because of rounded corners */
width: 22px; /* same as height */
height: 25px; /* button_outer_height / sqrt(2) */
background: inherit; /* use parent background */
border: inherit; /* use parent border */
border-left-color: transparent; /* hide left border */
border-bottom-color: transparent; /* hide bottom border */
border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to
4px */
-webkit-border-radius: 0px 4px 0px 0px;
-moz-border-radius: 0px 4px 0px 0px;
}

.btn-arrow-right:before,
.btn-arrow-right:after {
transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}

.btn-arrow-right:before,
.btn-arrow-left:before { /* align the "before" square to the left */
left: -11px;
}

.btn-arrow-right:after,
.btn-arrow-left:after { /* align the "after" square to the right */
right: -11px;
}

.btn-arrow-right:after,
.btn-arrow-left:before { /* bring arrow pointers to front */
z-index: 1;
}

.btn-arrow-right:before,
.btn-arrow-left:after { /* hide arrow tails background */
background-color: white;
}
/*breadcrumb bth s */

.modal {
overflow: visible;
}

.modal-dialog {
margin-right: 50;
margin-left: 50;
}

/*model popup S*/
@font-face {
src: url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,100);
}

.modal.fade .modal-dialog {
opacity: 0;
-webkit-transform: scale(0.1);
-ms-transform: scale(0.1);
-o-transform: scale(0.1);
transform: scale(0.1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.modal.fade.in .modal-dialog {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}

/* DIALOG CONTENT */
.modal-content {
border: none;
border-radius: 2px;
-webkit-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
}

/* DIALOG HEADER */
.modal-header {
min-height: 16px;
padding: 24px;
border-bottom: none;
}

.modal-title {
font-weight: 500;
font-size: 21px;
}

/* DIALOG BODY */
.modal-body {
padding: 0 24px;
}

.modal-body p {
font-weight: 400;
font-size: 14px;
color: #212121;
}

.modal-body .lead {
font-weight: 300;
font-size: 16px;
color: #757575;
}

.modal-body p:last-child,
.modal-body .lead:last-child {
margin-bottom: 0;
}

/* DIALOG FOOTER */
.modal-footer {
margin-top: 24px;
padding: 8px 0;
border-top: none;
}

.modal-footer .btn {
height: 36px;
margin-right: 8px;
padding: 8px 10px;
border: none;
border-radius: 0;
text-transform: uppercase;
font-weight: 500;
color: #ea3a3c;
background-color: #fff;
}

.modal-footer .btn:focus {
outline: none;
box-shadow: none;
}

.modal-footer .btn:focus,
.modal-footer .btn:hover {
color: #ea3a3c;
}

.modal-footer .btn + .btn {
margin-left: 0;
}

.modal-footer .btn + .btn:last-child {
margin-left: -4px;
}
/*model popup e*/

/*login-modal text S*/
.mid-forgot-txt {
color: #981824;
font-size: 16px;
line-height: 1.5em;
font-family: Roboto, sans-serif;
}
/*login-modal text E*/

.btn-layout, .bttn {
display: inline-flex;
margin: 0 5px 0 0;
height: 40px;
position: relative;
opacity: 0.999;
padding: 10px 37px;
text-align: center;
border-radius: 3px;
border: 1px solid #ea3a3c;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
overflow: hidden;
}
/*SAMPLE-4 : BUTTON-4*/
.eff-4 {
background: #d4181a;
color: #fff;
}

.btn-layout.eff-4:after {
content: "";
display: block;
border-top: 0 #ea3a3c solid;
border-bottom: 0px #ea3a3c solid;
border-left: 0px #ea3a3c solid;
position: absolute;
top: 0;
left: 0;
width: 0;
z-index: -1;
overflow: hidden;
}

.btn-layout.eff-4:hover:after {
z-index: -1;
border-left: 185px solid #fff;
border-bottom: 185px solid transparent;
overflow: hidden;
background-color: #ea3a3c;
}

.btn-layout.eff-4:hover {
color: #ea3a3c;
border-color: #ea3a3c;
overflow: hidden;
}

.btn-layout.eff-4:hover, .btn-layout.eff-4:after, .btn1 {
-webkit-transition: 0.1s color ease;
-moz-transition: 0.1s color ease;
-o-transition: 0.1s color ease;
-ms-transition: 0.1s color ease;
transition: 0.1s color ease;
}

.btn-layout.eff-4:hover, .btn-layout.eff-4:after {
-webkit-transition: 0.5s border ease;
-moz-transition: 0.5s border ease;
-o-transition: 0.5s border ease;
-ms-transition: 0.5s border ease;
transition: 0.5s border ease;
}

.btn-layout.eff-4:after {
overflow: hidden;
}

.btn-layout.eff-4:before, .btn-layout.eff-4:hover:before, .btn-layout.eff-4:hover:after {
-webkit-transition: 0.75s all ease;
-moz-transition: 0.75s all ease;
-o-transition: 0.75s all ease;
-ms-transition: 0.75s all ease;
transition: 0.75s all ease;
}

.tm {
color: black;
}

.Mid-font {
display: inline-block;
vertical-align: middle;
font-size: 19px;
color: #153db5;
font-weight: 900;
padding-top: 30px;

}

/*pop-ups classes */

/*post ad (buy/sell) S*/
.mid-post-pop-heading {
background-color: white;
max-width: 300px;
border-radius: 5px 25px 25px 5px;
padding: 5px;
font-size: 25px;
font-family: inherit;
font-weight: 300;
line-height: 1.3;
}

.mid-post-pop-content {
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 14px;
color: white;
}

.mid-post-pop-offer {
font-weight: 400;
font-size: 16px;
}

.mid-post-pop-fnt-white {
color: #eee;
background-color: transparent;
}

.mid-post-pop-thankyou {
font-family: 'Titillium Web', sans-serif;
font-weight: 200;
font-size: 25px;
color: black;
}

/*post ad (buy/sell) S*/
.mid-post-btn {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 2px solid #EA3A3C;
border: 2px solid #EA3A3C;
color: white;
background-color: #ea3a3c;
padding: 13px;
font-size: 20px;
cursor: pointer;
}

.mid-post-btn-mobi {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 2px solid #EA3A3C;
color: white;
background-color: #ea3a3c;
padding: 5px;
font-size: 20px;
cursor: pointer;
}

/*products index S*/
.mid-index-font {
font-size: 60px;
color: #2a2b65;
background-color: transparent;
text-align: center;
}

.mid-list-font {
padding: 15px;
border: 1px solid #e8e8e8;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}

.mid-list-font ul {
margin-bottom: 0px;
}

.mid-list-font ul li {
text-align: left !important;
list-style: none;
color: #252020;
font-size: 18px;
font-family: 'Roboto', sans-serif;
line-height: 35px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}

.mid-list-font ul li a {
color: #252020;
}

.mid-list-font ul li:hover {
padding-left: 3px;
}

.mid-list-font ul li:hover a {
color: #213f99;
}

.mid-list-font ul li::before {
content: "\f105";
font-family: fontawesome;
font-size: 16px !important;
margin-right: 10px;
color: #213f99;
}

.mid-list-font ul li span {
float: right;
}

.mid-scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
line-height: 38px;
text-align: center;
z-index: 100;
cursor: pointer;
border-radius: 50%;
background: #1c1c1c;
display: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}

.mid-scroll-top-wrapper {
position: fixed;
opacity: 0;
visibility: hidden;
overflow: hidden;
text-align: center;
z-index: 999;
background-color: #ea3a3c;
color: #eeeeee;
width: 50px;
height: 48px;
line-height: 48px;
right: 23px;
bottom: 90px;
padding-top: 2px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.mid-scroll-top-wrapper:hover {
background-color: #888888;
}

.mid-scroll-top-wrapper.show {
visibility: visible;
cursor: pointer;
opacity: 1.0;
}

.mid-scroll-top-wrapper i.fa {
line-height: inherit;
}

/*products index E*/

/*top tranding S */
.mid-top-tranding {
padding: 15px;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}

.mid-top-tranding ul {
margin-bottom: 0px;
}

.mid-top-tranding ul li {
text-align: left !important;
list-style: none;
color: #252020;
font-size: 18px;
font-family: 'Roboto', sans-serif;
line-height: 35px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
}

.mid-top-tranding ul li a {
/*color:#636363;*/
color: black;
font-size: 16px;
}

.mid-top-tranding ul li:hover {
padding-left: 3px;
}

.mid-top-tranding ul li:hover a {
color: #475fa5;
}

.mid-top-tranding ul li::before {
content: "\f105";
font-family: fontawesome;
font-size: 18px !important;
margin-right: 10px;
color: #475fa5;
}

.categories-list ul li span {
float: right;
}
/*top tranding E */

.mid-index-button {
display: inline-block;
padding: 6px;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 2px solid transparent;
border-radius: 4px;
color: #7885ab;
background-color: #fff;
border-color: #7885ab;
min-width: 262px;
}

.mid-fed-button {
display: inline-block;
padding: 8px 1px;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 2px solid transparent;
border-radius: 4px;
color: #d9534f;
background-color: #fff;
border-color: #d9534f;
min-width: 150px;
}

.fed-card-head {
font-weight: 500;
margin: 5px 0;
font-size: 12px;
color: black;
line-height: 1.3;
}

.fed-card-body {
font-family: Verdana,sans-serif;
font-size: 12px;
line-height: 1.2;
color: black;
}

.hr-fed {
border: 0;
border-top: 1px solid #9b9797;
margin: 7px 0;
}

.hr-text {
line-height: 1em;
position: relative;
outline: 0;
border: 0;
color: black;
text-align: center;
height: 1.9em;
opacity: .9;
}

.hr-text:before {
content: '';
background: -webkit-linear-gradient(left, transparent, black, transparent);
background: linear-gradient(to right, transparent, black, transparent);
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
}

.hr-text:after {
content: attr(data-content);
position: relative;
display: inline-block;
color: black;
padding: 0 .5em;
line-height: 1.5em;
color: black;
background-color: #fcfcfa;
font-size: 20px;
}

.mid-terms {
font-size: 14px;
text-transform: uppercase;
position: relative;
color: #fff;
line-height: 40px;
padding: 0 30px;
background-color: #475fa5;
font-weight: 600;
}

.mid-terms-fnt {
font-size: 15px;
font-family: inherit;
font-weight: 300;
line-height: 1.3;
margin: 10px 0;
}

.mid-adcontact-fnt {
font-size: 17px;
}

.mid-ccare {
font-size: 14px;
text-transform: uppercase;
position: relative;
color: #fff;
line-height: 40px;
padding: 0 30px;
background-color: #475fa5;
font-weight: 600;
margin: 10px 0;
}

.mid-ccare-fnt {
font-size: 15px;
}

.loadMore {
padding: 10px;
text-align: center;
background-color: #d9534f;
color: #fff;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #fff;
box-shadow: 0 1px 1px #ccc;
transition: all 600ms ease-in-out;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
}

.loadMore:hover {
background-color: #fff;
color: #d9534f;
}

.mid-advertise {
color: #636363;
background-color: transparent;
}

.mid-ccare :hover {
color: #fff;
}

hr.ad-style {
border: 0;
height: 1px;
background: #333;
background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.mid-blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}

.mid-blockquote:before {
color: #ccc;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}

.mid-blockquote p {
display: inline;
}

.mid-otherportal p {
font-family: Verdana,sans-serif;
font-size: 12px;
line-height: 1.5;
}

/*
* red scroll
*/

#mid-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}

#mid-scroll::-webkit-scrollbar {
width: 7px;
background-color: #F5F5F5;
}

#mid-scroll::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #d9534f;
height: 1em;
}

.mid-scrollbar {
background: #F5F5F5;
overflow-y: scroll;
}

@font-face {
src: url(http://fonts.googleapis.com/css?family=Open+Sans:300);

}

.mid-ad-container {
border: 10px solid #eee;
text-align: center;
color: #666;
margin-top: 35px;
font-family: 'Open Sans', sans-serif;
}

.mid-ad-btn {
max-width: 400px;
}

.mid-ad-heading {
font-size: 22px;
padding: 5px;
background: #EEE;
color: black;
}

.mid-body-row {
color: #1b1b1b;
padding: 15px;
background: #FFF;
font-size: 17px;
text-align: left;
min-height: 150px;
max-height: 280px;
}

.mid-body-row :nth-of-type(even) {
background: #F8F8F8;
}

.btn {
border-radius: 0px;
}

.spacer {
width: 100%;
height: 50px;
}

/*Already Defined Colours*/
/*Background*/
.primary-bg {
background: #337AB7;
color: #FFF;
}

.success-bg {
background: #5CB85C;
color: #FFF;
}

.info-bg {
background: #5BC0DE;
color: #FFF;
}

.warning-bg {
background: #F0AD4E;
color: #FFF;
}

.danger-bg {
background: #D9534F;
color: #FFF;
}

.dark-bg {
background: #444;
color: #FFF;
}

.royal-bg {
background: #8E74E2;
color: #FFF;
}

.static-bg {
background: #2BB0A6;
color: #FFF;
}

/*Only Text Colours*/
.primary-text {
background: #FFF;
color: #337AB7;
}

.success-text {
background: #FFF;
color: #5CB85C;
}

.info-text {
background: #FFF;
color: #5BC0DE;
}

.warning-text {
background: #FFF;
color: #F0AD4E;
}

.danger-text {
background: #FFF;
color: #D9534F;
}

.dark-text {
background: #FFF;
color: #444;
}

.royal-text {
background: #FFF;
color: #8E74E2;
}

.static-text {
background: #FFF;
color: #2BB0A6;
}

.recommended {
/*USER DEFINED COLOUR*/
background: #c9302c;
color: #FFF;
/*USER DEFINED COLOUR*/
padding: 3px 0 3px 0;
margin-top: 10px;
text-align: center;
margin-bottom: -35px;
font-family: 'Open Sans', sans-serif;
}

.mid-tbl-head {
font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.2rem;
line-height: 2rem;
letter-spacing: 0.01rem;
color: black;
background-color: #f5f5f5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}

/*!

*/ .button {
margin: .4em;
padding: 1em;
cursor: pointer;
background: #e1e1e1;
text-decoration: none;
color: #666;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.grow {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.grow:active, .grow:focus, .grow:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

.shrink {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.shrink:active, .shrink:focus, .shrink:hover {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}

@-webkit-keyframes pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}

@keyframes pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}

.pulse {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.pulse:active, .pulse:focus, .pulse:hover {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}

@keyframes pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}

.pulse-grow {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.pulse-grow:active, .pulse-grow:focus, .pulse-grow:hover {
-webkit-animation-name: pulse-grow;
animation-name: pulse-grow;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

@-webkit-keyframes pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}

@keyframes pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}

.pulse-shrink {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.pulse-shrink:active, .pulse-shrink:focus, .pulse-shrink:hover {
-webkit-animation-name: pulse-shrink;
animation-name: pulse-shrink;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

@-webkit-keyframes push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

.push {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.push:active, .push:focus, .push:hover {
-webkit-animation-name: push;
animation-name: push;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

.pop {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.pop:active, .pop:focus, .pop:hover {
-webkit-animation-name: pop;
animation-name: pop;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

.rotate {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.rotate:active, .rotate:focus, .rotate:hover {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}

.grow-rotate {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.grow-rotate:active, .grow-rotate:focus, .grow-rotate:hover {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
}

.float {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.float:active, .float:focus, .float:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}

.sink {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.sink:active, .sink:focus, .sink:hover {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}

@-webkit-keyframes hover {
50% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}

@keyframes hover {
50% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}

.hover {
display: inline-block;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.hover:active, .hover:focus, .hover:hover {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-animation-name: hover;
animation-name: hover;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

@-webkit-keyframes hang {
50% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}

100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}

@keyframes hang {
50% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}

100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}

.hang {
display: inline-block;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.hang:active, .hang:focus, .hang:hover {
-webkit-transform: translateY(6px);
transform: translateY(6px);
-webkit-animation-name: hang;
animation-name: hang;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

.skew {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.skew:active, .skew:focus, .skew:hover {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
}

.skew-forward {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.skew-forward:active, .skew-forward:focus, .skew-forward:hover {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
}

.skew-backward {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.skew-backward:active, .skew-backward:focus, .skew-backward:hover {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

@-webkit-keyframes wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}

33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}

49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}

66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}

83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}

33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}

49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}

66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}

83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

.wobble-vertical {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-vertical:active, .wobble-vertical:focus, .wobble-vertical:hover {
-webkit-animation-name: wobble-vertical;
animation-name: wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}

33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}

49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}

66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}

83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}

100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@keyframes wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}

33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}

49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}

66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}

83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}

100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

.wobble-horizontal {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-horizontal:active, .wobble-horizontal:focus, .wobble-horizontal:hover {
-webkit-animation-name: wobble-horizontal;
animation-name: wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px,8px);
transform: translate(8px,8px);
}

33.3% {
-webkit-transform: translate(-6px,-6px);
transform: translate(-6px,-6px);
}

49.95% {
-webkit-transform: translate(4px,4px);
transform: translate(4px,4px);
}

66.6% {
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px);
}

83.25% {
-webkit-transform: translate(1px,1px);
transform: translate(1px,1px);
}

100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
}

@keyframes wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px,8px);
transform: translate(8px,8px);
}

33.3% {
-webkit-transform: translate(-6px,-6px);
transform: translate(-6px,-6px);
}

49.95% {
-webkit-transform: translate(4px,4px);
transform: translate(4px,4px);
}

66.6% {
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px);
}

83.25% {
-webkit-transform: translate(1px,1px);
transform: translate(1px,1px);
}

100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
}

.wobble-to-bottom-right {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-to-bottom-right:active, .wobble-to-bottom-right:focus, .wobble-to-bottom-right:hover {
-webkit-animation-name: wobble-to-bottom-right;
animation-name: wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px,-8px);
transform: translate(8px,-8px);
}

33.3% {
-webkit-transform: translate(-6px,6px);
transform: translate(-6px,6px);
}

49.95% {
-webkit-transform: translate(4px,-4px);
transform: translate(4px,-4px);
}

66.6% {
-webkit-transform: translate(-2px,2px);
transform: translate(-2px,2px);
}

83.25% {
-webkit-transform: translate(1px,-1px);
transform: translate(1px,-1px);
}

100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
}

@keyframes wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px,-8px);
transform: translate(8px,-8px);
}

33.3% {
-webkit-transform: translate(-6px,6px);
transform: translate(-6px,6px);
}

49.95% {
-webkit-transform: translate(4px,-4px);
transform: translate(4px,-4px);
}

66.6% {
-webkit-transform: translate(-2px,2px);
transform: translate(-2px,2px);
}

83.25% {
-webkit-transform: translate(1px,-1px);
transform: translate(1px,-1px);
}

100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
}

.wobble-to-top-right {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-to-top-right:active, .wobble-to-top-right:focus, .wobble-to-top-right:hover {
-webkit-animation-name: wobble-to-top-right;
animation-name: wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

@keyframes wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

.wobble-top {
display: inline-block;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-top:active, .wobble-top:focus, .wobble-top:hover {
-webkit-animation-name: wobble-top;
animation-name: wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

@keyframes wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

.wobble-bottom {
display: inline-block;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-bottom:active, .wobble-bottom:focus, .wobble-bottom:hover {
-webkit-animation-name: wobble-bottom;
animation-name: wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

@keyframes wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

.wobble-skew {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-skew:active, .wobble-skew:focus, .wobble-skew:hover {
-webkit-animation-name: wobble-skew;
animation-name: wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}

@keyframes buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}

.buzz {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.buzz:active, .buzz:focus, .buzz:hover {
-webkit-animation-name: buzz;
animation-name: buzz;
-webkit-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}

30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}

50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}

60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}

70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}

80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}

90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}

100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}

@keyframes buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}

30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}

50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}

60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}

70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}

80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}

90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}

100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}

.buzz-out {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.buzz-out:active, .buzz-out:focus, .buzz-out:hover {
-webkit-animation-name: buzz-out;
animation-name: buzz-out;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

.border-fade {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0);
}

.border-fade:active, .border-fade:focus, .border-fade:hover {
box-shadow: inset 0 0 0 4px #666,0 0 1px rgba(0,0,0,0);
}

.hollow {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: background;
transition-property: background;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0);
}

.hollow:active, .hollow:focus, .hollow:hover {
background: 0 0;
}

.trim {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.trim:before {
content: '';
position: absolute;
border: #fff solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}

.trim:active:before, .trim:focus:before, .trim:hover:before {
opacity: 1;
}

.outline-outward {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.outline-outward:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top,right,bottom,left;
transition-property: top,right,bottom,left;
}

.outline-outward:active:before, .outline-outward:focus:before, .outline-outward:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
}

.outline-inward {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.outline-inward:before {
pointer-events: none;
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top,right,bottom,left;
transition-property: top,right,bottom,left;
}

.outline-inward:active:before, .outline-inward:focus:before, .outline-inward:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
}

.round-corners {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.round-corners:active, .round-corners:focus, .round-corners:hover {
border-radius: 1em;
}

.glow {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.glow:active, .glow:focus, .glow:hover {
box-shadow: 0 0 8px rgba(0,0,0,.6);
}

.box-shadow-outset {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.box-shadow-outset:active, .box-shadow-outset:focus, .box-shadow-outset:hover {
box-shadow: 2px 2px 2px rgba(0,0,0,.6);
}

.box-shadow-inset {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}

.box-shadow-inset:active, .box-shadow-inset:focus, .box-shadow-inset:hover {
box-shadow: inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);
}

.float-shadow {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform,opacity;
transition-property: transform,opacity;
}

.float-shadow:active, .float-shadow:focus, .float-shadow:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}

.float-shadow:active:before, .float-shadow:focus:before, .float-shadow:hover:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
}

@-webkit-keyframes hover {
50% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}

@keyframes hover {
50% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}

@-webkit-keyframes hover-shadow {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
opacity: .4;
}

50% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
opacity: 1;
}

100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
opacity: .4;
}
}

@keyframes hover-shadow {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
opacity: .4;
}

50% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
opacity: 1;
}

100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
opacity: .4;
}
}

.hover-shadow {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.hover-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform,opacity;
transition-property: transform,opacity;
}

.hover-shadow:active, .hover-shadow:focus, .hover-shadow:hover {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-animation-name: hover;
animation-name: hover;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

.hover-shadow:active:before, .hover-shadow:focus:before, .hover-shadow:hover:before {
opacity: .4;
-webkit-transform: translateY(6px);
transform: translateY(6px);
-webkit-animation-name: hover-shadow;
animation-name: hover-shadow;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

.shadow-radial {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.shadow-radial:after, .shadow-radial:before {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
height: 5px;
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}

.shadow-radial:before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
background: radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
}

.shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
background: radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
}

.shadow-radial:active:after, .shadow-radial:active:before, .shadow-radial:focus:after, .shadow-radial:focus:before,
.shadow-radial:hover:after, .shadow-radial:hover:before {
opacity: 1;
}

.bubble-top {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top;
transition-property: top;
left: calc(50% - 10px);
top: 0;
border-width: 0 10px 10px;
border-color: transparent transparent #e1e1e1;
}

.bubble-top:active:before, .bubble-top:focus:before, .bubble-top:hover:before {
top: -10px;
}

.bubble-right {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: right;
transition-property: right;
top: calc(50% - 10px);
right: 0;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
}

.bubble-right:active:before, .bubble-right:focus:before, .bubble-right:hover:before {
right: -10px;
}

.bubble-bottom {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: bottom;
transition-property: bottom;
left: calc(50% - 10px);
bottom: 0;
border-width: 10px 10px 0;
border-color: #e1e1e1 transparent transparent;
}

.bubble-bottom:active:before, .bubble-bottom:focus:before, .bubble-bottom:hover:before {
bottom: -10px;
}

.bubble-left {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: left;
transition-property: left;
top: calc(50% - 10px);
left: 0;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
}

.bubble-left:active:before, .bubble-left:focus:before, .bubble-left:hover:before {
left: -10px;
}

.bubble-float-top {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-float-top:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
top: 0;
border-style: solid;
border-width: 0 10px 10px;
border-color: transparent transparent #e1e1e1;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top;
transition-property: top;
}

.bubble-float-top:active, .bubble-float-top:focus, .bubble-float-top:hover {
-webkit-transform: translateY(5px) translateZ(0);
transform: translateY(5px) translateZ(0);
}

.bubble-float-top:active:before, .bubble-float-top:focus:before, .bubble-float-top:hover:before {
top: -10px;
}

.bubble-float-right {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: '';
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: right;
transition-property: right;
}

.bubble-float-right:active, .bubble-float-right:focus, .bubble-float-right:hover {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}

.bubble-float-right:active:before, .bubble-float-right:focus:before, .bubble-float-right:hover:before {
right: -10px;
}

.bubble-float-bottom {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
bottom: 0;
border-style: solid;
border-width: 10px 10px 0;
border-color: #e1e1e1 transparent transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: bottom;
transition-property: bottom;
}

.bubble-float-bottom:active, .bubble-float-bottom:focus, .bubble-float-bottom:hover {
-webkit-transform: translateY(-5px) translateZ(0);
transform: translateY(-5px) translateZ(0);
}

.bubble-float-bottom:active:before, .bubble-float-bottom:focus:before, .bubble-float-bottom:hover:before {
bottom: -10px;
}

.bubble-float-left {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-float-left:before {
position: absolute;
z-index: -1;
content: '';
top: calc(50% - 10px);
left: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: left;
transition-property: left;
}

.bubble-float-left:active, .bubble-float-left:focus, .bubble-float-left:hover {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}

.bubble-float-left:active:before, .bubble-float-left:focus:before, .bubble-float-left:hover:before {
left: -10px;
}

.curl-top-left {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.curl-top-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
left: 0;
background: #fff;
background: linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
z-index: 1000;
box-shadow: 1px 1px 1px rgba(0,0,0,.4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width,height;
transition-property: width,height;
}

.curl-top-left:active:before, .curl-top-left:focus:before, .curl-top-left:hover:before {
width: 25px;
height: 25px;
}

.curl-top-right {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.curl-top-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
right: 0;
background: #fff;
background: linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
box-shadow: -1px 1px 1px rgba(0,0,0,.4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width,height;
transition-property: width,height;
}

.curl-top-right:active:before, .curl-top-right:focus:before, .curl-top-right:hover:before {
width: 25px;
height: 25px;
}

.curl-bottom-right {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.curl-bottom-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
right: 0;
background: #fff;
background: linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
box-shadow: -1px -1px 1px rgba(0,0,0,.4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width,height;
transition-property: width,height;
}

.curl-bottom-right:active:before, .curl-bottom-right:focus:before, .curl-bottom-right:hover:before {
width: 25px;
height: 25px;
}

.curl-bottom-left {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.curl-bottom-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
left: 0;
background: #fff;
background: linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
box-shadow: 1px -1px 1px rgba(0,0,0,.4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width,height;
transition-property: width,height;
}

.curl-bottom-left:active:before, .curl-bottom-left:focus:before, .curl-bottom-left:hover:before {
width: 25px;
height: 25px;
}

.mid-search-fnt {
font-family: Verdana,sans-serif;
font-size: 15px;
line-height: 1.5;
margin: 0px;
padding-top: 5px;
}

.mid-result-heading-fnt {
word-spacing:2px;
font-weight:500;
font-size: 16px;

text-decoration: none;
color: #252525;
line-height: normal;
margin: 10px 0;
}

.mid-result-body-fnt {
font-family: arial, sans-serif;
color: #252525;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
padding-top: 5px;
}

.mid-result-body-fnt-new {
font-family: arial, sans-serif;
color: #252525;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
padding-bottom: 5px;
}

.mid-result-web-link-fnt {
font-size: 15px;
text-decoration: none;
line-height: 17px;
color: #d9534f;
word-wrap: normal;
font-weight: 400;
}

.mid-result-link-fnt {
font-size: 13px;
text-decoration: none;
line-height: 17px;
color: #252525;
word-wrap: normal;
}

.btn-mid-catlog {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
}

/*
* red scroll
*/

#mid-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}

#mid-scroll::-webkit-scrollbar {
width: 7px;
background-color: #F5F5F5;
}

#mid-scroll::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #475fa5;
height: 1em;
}

.mid-scrollbar {
background: #F5F5F5;
overflow-y: scroll;
}

.mid-catalog-heading {
font-weight: 400;
margin: 10px 0;
font-size: 20px;
color: black;
}

.mid-catalog-body {
font-family: Verdana,sans-serif;
font-size: 15px;
line-height: 1.5;
color: black;
}

.mid-ad-container {
border: 10px solid #eee;
text-align: center;
color: #666;
margin-top: 35px;
font-family: 'Open Sans', sans-serif;
}

.mid-ad-btn {
max-width: 400px;
}

.mid-ad-heading {
font-size: 22px;
padding: 5px;
background: #EEE;
color: black;
}

.mid-body-row {
color: #1b1b1b;
padding: 15px;
background: #FFF;
font-size: 17px;
text-align: left;
min-height: 150px;
max-height: 280px;
}

.mid-body-row :nth-of-type(even) {
background: #F8F8F8;
}

.btn {
border-radius: 0px;
}

.spacer {
width: 100%;
height: 50px;
}

/*Already Defined Colours*/
/*Background*/
.primary-bg {
background: #337AB7;
color: #FFF;
}

.success-bg {
background: #5CB85C;
color: #FFF;
}

.info-bg {
background: #5BC0DE;
color: #FFF;
}

.warning-bg {
background: #F0AD4E;
color: #FFF;
}

.danger-bg {
background: #D9534F;
color: #FFF;
}

.dark-bg {
background: #444;
color: #FFF;
}

.royal-bg {
background: #8E74E2;
color: #FFF;
}

.static-bg {
background: #2BB0A6;
color: #FFF;
}

/*Only Text Colours*/
.primary-text {
background: #FFF;
color: #337AB7;
}

.success-text {
background: #FFF;
color: #5CB85C;
}

.info-text {
background: #FFF;
color: #5BC0DE;
}

.warning-text {
background: #FFF;
color: #F0AD4E;
}

.danger-text {
background: #FFF;
color: #D9534F;
}

.dark-text {
background: #FFF;
color: #444;
}

.royal-text {
background: #FFF;
color: #8E74E2;
}

.static-text {
background: #FFF;
color: #2BB0A6;
}

.recommended {
/*USER DEFINED COLOUR*/
background: #c9302c;
color: #FFF;
/*USER DEFINED COLOUR*/
padding: 3px 0 3px 0;
margin-top: 10px;
text-align: center;
margin-bottom: -35px;
font-family: 'Open Sans', sans-serif;
}

.mid-tbl-head {
font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 1.2rem;
line-height: 2rem;
letter-spacing: 0.01rem;
color: black;
background-color: #f5f5f5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}

/*!

*/ .button {
margin: .4em;
padding: 1em;
cursor: pointer;
background: #e1e1e1;
text-decoration: none;
color: #666;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.grow {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.grow:active, .grow:focus, .grow:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

.shrink {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.shrink:active, .shrink:focus, .shrink:hover {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}

@-webkit-keyframes pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}

@keyframes pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}

.pulse {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.pulse:active, .pulse:focus, .pulse:hover {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}

@keyframes pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}

.pulse-grow {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.pulse-grow:active, .pulse-grow:focus, .pulse-grow:hover {
-webkit-animation-name: pulse-grow;
animation-name: pulse-grow;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

@-webkit-keyframes pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}

@keyframes pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}

.pulse-shrink {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.pulse-shrink:active, .pulse-shrink:focus, .pulse-shrink:hover {
-webkit-animation-name: pulse-shrink;
animation-name: pulse-shrink;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

@-webkit-keyframes push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

.push {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.push:active, .push:focus, .push:hover {
-webkit-animation-name: push;
animation-name: push;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

.pop {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.pop:active, .pop:focus, .pop:hover {
-webkit-animation-name: pop;
animation-name: pop;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

.rotate {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.rotate:active, .rotate:focus, .rotate:hover {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}

.grow-rotate {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.grow-rotate:active, .grow-rotate:focus, .grow-rotate:hover {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
}

.float {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.float:active, .float:focus, .float:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}

.sink {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.sink:active, .sink:focus, .sink:hover {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}

@-webkit-keyframes hover {
50% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}

@keyframes hover {
50% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}

.hover {
display: inline-block;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.hover:active, .hover:focus, .hover:hover {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-animation-name: hover;
animation-name: hover;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

@-webkit-keyframes hang {
50% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}

100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}

@keyframes hang {
50% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}

100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}

.hang {
display: inline-block;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.hang:active, .hang:focus, .hang:hover {
-webkit-transform: translateY(6px);
transform: translateY(6px);
-webkit-animation-name: hang;
animation-name: hang;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

.skew {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.skew:active, .skew:focus, .skew:hover {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
}

.skew-forward {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.skew-forward:active, .skew-forward:focus, .skew-forward:hover {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
}

.skew-backward {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.skew-backward:active, .skew-backward:focus, .skew-backward:hover {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

@-webkit-keyframes wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}

33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}

49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}

66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}

83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}

33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}

49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}

66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}

83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

.wobble-vertical {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-vertical:active, .wobble-vertical:focus, .wobble-vertical:hover {
-webkit-animation-name: wobble-vertical;
animation-name: wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}

33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}

49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}

66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}

83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}

100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@keyframes wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}

33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}

49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}

66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}

83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}

100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

.wobble-horizontal {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-horizontal:active, .wobble-horizontal:focus, .wobble-horizontal:hover {
-webkit-animation-name: wobble-horizontal;
animation-name: wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px,8px);
transform: translate(8px,8px);
}

33.3% {
-webkit-transform: translate(-6px,-6px);
transform: translate(-6px,-6px);
}

49.95% {
-webkit-transform: translate(4px,4px);
transform: translate(4px,4px);
}

66.6% {
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px);
}

83.25% {
-webkit-transform: translate(1px,1px);
transform: translate(1px,1px);
}

100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
}

@keyframes wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px,8px);
transform: translate(8px,8px);
}

33.3% {
-webkit-transform: translate(-6px,-6px);
transform: translate(-6px,-6px);
}

49.95% {
-webkit-transform: translate(4px,4px);
transform: translate(4px,4px);
}

66.6% {
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px);
}

83.25% {
-webkit-transform: translate(1px,1px);
transform: translate(1px,1px);
}

100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
}

.wobble-to-bottom-right {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-to-bottom-right:active, .wobble-to-bottom-right:focus, .wobble-to-bottom-right:hover {
-webkit-animation-name: wobble-to-bottom-right;
animation-name: wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px,-8px);
transform: translate(8px,-8px);
}

33.3% {
-webkit-transform: translate(-6px,6px);
transform: translate(-6px,6px);
}

49.95% {
-webkit-transform: translate(4px,-4px);
transform: translate(4px,-4px);
}

66.6% {
-webkit-transform: translate(-2px,2px);
transform: translate(-2px,2px);
}

83.25% {
-webkit-transform: translate(1px,-1px);
transform: translate(1px,-1px);
}

100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
}

@keyframes wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px,-8px);
transform: translate(8px,-8px);
}

33.3% {
-webkit-transform: translate(-6px,6px);
transform: translate(-6px,6px);
}

49.95% {
-webkit-transform: translate(4px,-4px);
transform: translate(4px,-4px);
}

66.6% {
-webkit-transform: translate(-2px,2px);
transform: translate(-2px,2px);
}

83.25% {
-webkit-transform: translate(1px,-1px);
transform: translate(1px,-1px);
}

100% {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
}

.wobble-to-top-right {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-to-top-right:active, .wobble-to-top-right:focus, .wobble-to-top-right:hover {
-webkit-animation-name: wobble-to-top-right;
animation-name: wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

@keyframes wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

.wobble-top {
display: inline-block;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-top:active, .wobble-top:focus, .wobble-top:hover {
-webkit-animation-name: wobble-top;
animation-name: wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

@keyframes wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

.wobble-bottom {
display: inline-block;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-bottom:active, .wobble-bottom:focus, .wobble-bottom:hover {
-webkit-animation-name: wobble-bottom;
animation-name: wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

@keyframes wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}

33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}

49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}

66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}

83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}

100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}

.wobble-skew {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.wobble-skew:active, .wobble-skew:focus, .wobble-skew:hover {
-webkit-animation-name: wobble-skew;
animation-name: wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@-webkit-keyframes buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}

@keyframes buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}

.buzz {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.buzz:active, .buzz:focus, .buzz:hover {
-webkit-animation-name: buzz;
animation-name: buzz;
-webkit-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}

30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}

50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}

60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}

70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}

80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}

90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}

100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}

@keyframes buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}

30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}

40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}

50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}

60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}

70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}

80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}

90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}

100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}

.buzz-out {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.buzz-out:active, .buzz-out:focus, .buzz-out:hover {
-webkit-animation-name: buzz-out;
animation-name: buzz-out;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

.border-fade {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0);
}

.border-fade:active, .border-fade:focus, .border-fade:hover {
box-shadow: inset 0 0 0 4px #666,0 0 1px rgba(0,0,0,0);
}

.hollow {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: background;
transition-property: background;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0);
}

.hollow:active, .hollow:focus, .hollow:hover {
background: 0 0;
}

.trim {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.trim:before {
content: '';
position: absolute;
border: #fff solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}

.trim:active:before, .trim:focus:before, .trim:hover:before {
opacity: 1;
}

.outline-outward {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.outline-outward:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top,right,bottom,left;
transition-property: top,right,bottom,left;
}

.outline-outward:active:before, .outline-outward:focus:before, .outline-outward:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
}

.outline-inward {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.outline-inward:before {
pointer-events: none;
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top,right,bottom,left;
transition-property: top,right,bottom,left;
}

.outline-inward:active:before, .outline-inward:focus:before, .outline-inward:hover:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
}

.round-corners {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.round-corners:active, .round-corners:focus, .round-corners:hover {
border-radius: 1em;
}

.glow {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.glow:active, .glow:focus, .glow:hover {
box-shadow: 0 0 8px rgba(0,0,0,.6);
}

.box-shadow-outset {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.box-shadow-outset:active, .box-shadow-outset:focus, .box-shadow-outset:hover {
box-shadow: 2px 2px 2px rgba(0,0,0,.6);
}

.box-shadow-inset {
display: inline-block;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}

.box-shadow-inset:active, .box-shadow-inset:focus, .box-shadow-inset:hover {
box-shadow: inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);
}

.float-shadow {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform,opacity;
transition-property: transform,opacity;
}

.float-shadow:active, .float-shadow:focus, .float-shadow:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}

.float-shadow:active:before, .float-shadow:focus:before, .float-shadow:hover:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
}

@-webkit-keyframes hover {
50% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}

@keyframes hover {
50% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}

@-webkit-keyframes hover-shadow {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
opacity: .4;
}

50% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
opacity: 1;
}

100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
opacity: .4;
}
}

@keyframes hover-shadow {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
opacity: .4;
}

50% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
opacity: 1;
}

100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
opacity: .4;
}
}

.hover-shadow {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.hover-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform,opacity;
transition-property: transform,opacity;
}

.hover-shadow:active, .hover-shadow:focus, .hover-shadow:hover {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-animation-name: hover;
animation-name: hover;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

.hover-shadow:active:before, .hover-shadow:focus:before, .hover-shadow:hover:before {
opacity: .4;
-webkit-transform: translateY(6px);
transform: translateY(6px);
-webkit-animation-name: hover-shadow;
animation-name: hover-shadow;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}

.shadow-radial {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.shadow-radial:after, .shadow-radial:before {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
height: 5px;
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}

.shadow-radial:before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
background: radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
}

.shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
background: radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
}

.shadow-radial:active:after, .shadow-radial:active:before, .shadow-radial:focus:after, .shadow-radial:focus:before,
.shadow-radial:hover:after, .shadow-radial:hover:before {
opacity: 1;
}

.bubble-top {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top;
transition-property: top;
left: calc(50% - 10px);
top: 0;
border-width: 0 10px 10px;
border-color: transparent transparent #e1e1e1;
}

.bubble-top:active:before, .bubble-top:focus:before, .bubble-top:hover:before {
top: -10px;
}

.bubble-right {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: right;
transition-property: right;
top: calc(50% - 10px);
right: 0;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
}

.bubble-right:active:before, .bubble-right:focus:before, .bubble-right:hover:before {
right: -10px;
}

.bubble-bottom {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: bottom;
transition-property: bottom;
left: calc(50% - 10px);
bottom: 0;
border-width: 10px 10px 0;
border-color: #e1e1e1 transparent transparent;
}

.bubble-bottom:active:before, .bubble-bottom:focus:before, .bubble-bottom:hover:before {
bottom: -10px;
}

.bubble-left {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: left;
transition-property: left;
top: calc(50% - 10px);
left: 0;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
}

.bubble-left:active:before, .bubble-left:focus:before, .bubble-left:hover:before {
left: -10px;
}

.bubble-float-top {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-float-top:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
top: 0;
border-style: solid;
border-width: 0 10px 10px;
border-color: transparent transparent #e1e1e1;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: top;
transition-property: top;
}

.bubble-float-top:active, .bubble-float-top:focus, .bubble-float-top:hover {
-webkit-transform: translateY(5px) translateZ(0);
transform: translateY(5px) translateZ(0);
}

.bubble-float-top:active:before, .bubble-float-top:focus:before, .bubble-float-top:hover:before {
top: -10px;
}

.bubble-float-right {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: '';
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: right;
transition-property: right;
}

.bubble-float-right:active, .bubble-float-right:focus, .bubble-float-right:hover {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}

.bubble-float-right:active:before, .bubble-float-right:focus:before, .bubble-float-right:hover:before {
right: -10px;
}

.bubble-float-bottom {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
bottom: 0;
border-style: solid;
border-width: 10px 10px 0;
border-color: #e1e1e1 transparent transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: bottom;
transition-property: bottom;
}

.bubble-float-bottom:active, .bubble-float-bottom:focus, .bubble-float-bottom:hover {
-webkit-transform: translateY(-5px) translateZ(0);
transform: translateY(-5px) translateZ(0);
}

.bubble-float-bottom:active:before, .bubble-float-bottom:focus:before, .bubble-float-bottom:hover:before {
bottom: -10px;
}

.bubble-float-left {
display: inline-block;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.bubble-float-left:before {
position: absolute;
z-index: -1;
content: '';
top: calc(50% - 10px);
left: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: left;
transition-property: left;
}

.bubble-float-left:active, .bubble-float-left:focus, .bubble-float-left:hover {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}

.bubble-float-left:active:before, .bubble-float-left:focus:before, .bubble-float-left:hover:before {
left: -10px;
}

.curl-top-left {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.curl-top-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
left: 0;
background: #fff;
background: linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
z-index: 1000;
box-shadow: 1px 1px 1px rgba(0,0,0,.4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width,height;
transition-property: width,height;
}

.curl-top-left:active:before, .curl-top-left:focus:before, .curl-top-left:hover:before {
width: 25px;
height: 25px;
}

.curl-top-right {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.curl-top-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
right: 0;
background: #fff;
background: linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
box-shadow: -1px 1px 1px rgba(0,0,0,.4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width,height;
transition-property: width,height;
}

.curl-top-right:active:before, .curl-top-right:focus:before, .curl-top-right:hover:before {
width: 25px;
height: 25px;
}

.curl-bottom-right {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.curl-bottom-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
right: 0;
background: #fff;
background: linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
box-shadow: -1px -1px 1px rgba(0,0,0,.4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width,height;
transition-property: width,height;
}

.curl-bottom-right:active:before, .curl-bottom-right:focus:before, .curl-bottom-right:hover:before {
width: 25px;
height: 25px;
}

.curl-bottom-left {
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}

.curl-bottom-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
left: 0;
background: #fff;
background: linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);
box-shadow: 1px -1px 1px rgba(0,0,0,.4);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: width,height;
transition-property: width,height;
}

.curl-bottom-left:active:before, .curl-bottom-left:focus:before, .curl-bottom-left:hover:before {
width: 25px;
height: 25px;
}

.mid-banner-client {
border: 1.5px solid #ddd;
border-radius: 2px;
}

.mid-banner-header {
font-size: 18px;
font-weight: 500;
font-family: inherit;
line-height: 1.3;
margin: 10px 0;
}

.mid-banner-body {
font-size: 14px;
font-weight: 400;
color: black;
font-family: inherit;
line-height: 1.3;
margin: 10px 0;
}

.mid-contact-head {
font-family: "Segoe UI",Arial,sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.3;
margin: 10px 0;
}

a.active {
color: red;
}

.sticky-container {
padding: 0px;
margin: 0px;
position: fixed;
right: -170px;
top: 280px;
width: 220px;
z-index: 1200;
}

.sticky li {
list-style-type: none;
background-color: #fff;
color: #efefef;
height: 43px;
padding: 0px;
margin: 0px 0px 1px 0px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
cursor: pointer;
}

.sticky li:hover {
margin-left: -115px;
}

.sticky li img {
float: left;
margin: 5px 10px;
margin-right: 5px;
}

.sticky li p {
padding-top: 5px;
margin: 0px;
line-height: 16px;
font-size: 13px;
}

.sticky li p a {
text-decoration: none;
color: #2C3539;
}

.sticky li p a:hover {
text-decoration: underline;
}

.border {
border-radius: 25px;
border: 2px solid #ea3a3c;
}

#colorstar {
color: #ee8b2d;
}

.badForm {
color: #FF0000;
}

.goodForm {
color: #00FF00;
}

.sticky-container-feedback {
/*padding: 0px;
margin: 0px;*/
position: fixed;
/* left: 2px; */
top: 280px;
width: 30px;
z-index: 999;
}

.sticky-feeedback li {
list-style-type: none;
/*background-color: #fff;
color: #efefef;*/
/*height: 214px;
padding: 5px;*/
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
cursor: pointer;
}

.sticky-feeedback li:hover {
margin-left: -50px;
}

.sticky-feeedback li img {
float: right;
}

.sticky-feeedback li p {
padding-top: 5px;
margin: 0px;
line-height: 16px;
font-size: 13px;
}

.sticky-feeedback li p a {
text-decoration: none;
color: #2C3539;
}

.sticky-feeedback li p a:hover {
text-decoration: underline;
}

.border-feedback {
/*border-radius: 6px;
border: 2px solid #ea3a3c;*/
}

.midfetured {
position: absolute;
top: -9px;
right: 4px;
z-index: 1; /*Set overflow to hidden, to mask inner square*/
overflow: hidden; /*Set size and add subtle rounding to soften edges*/
width: 100px;
height: 100px;
border-radius: 3px 5px 3px 0;
}

.midfetured-inner {
position: absolute;
bottom: 0;
right: 0;
width: 145px;
height: 145px;
-ms-transform: rotate(45deg); /* IE 9 */
-o-transform: rotate(45deg); /* Opera */
-moz-transform: rotate(45deg); /* Firefox */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
-ms-transform-origin: 100% 100%; /* IE 9 */
-o-transform-origin: 100% 100%; /* Opera */
-moz-transform-origin: 100% 100%; /* Firefox */
background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent
0%, rgba(1,1,1,.2) 50%);
background-size: 4px,auto, auto,auto;
background-color: #aa0101;
box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px
0 0 rgba(255,255,255,.2);
}

.midfetured-inner:before, .midfetured-inner:after {
content: " ";
display: block;
position: absolute;
bottom: -16px;
width: 0;
height: 0;
border: 8px solid #800000;
}

.midfetured-inner:before {
left: 1px;
border-bottom-color: transparent;
border-right-color: transparent;
}

.midfetured-inner:after {
right: 0;
border-bottom-color: transparent;
border-left-color: transparent;
}

.midfetured-label {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
padding-bottom: 5px;
color: #fff;
text-shadow: 0 1px 1px rgba(1,1,1,.8);
font-size: 0.95em;
font-weight: bold;
text-align: center;
}

.more-less {
float: right;
color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #EEEEEE;
}

.mid-view-more {
margin: 0px;
font-family: "Roboto",sans-serif;
color: #636363;
text-transform: none;
font-weight: normal;
padding: 10px 14px 10px 1px;
font-size: 16px;
line-height: 20px;
}

.fnt-btn-red {
color: #d9534f;
}

.mid-profile-lbl {
color: black;
font-size: 16px;
/*padding-top: 26px;*/
padding-top:5px;
margin-bottom: 0;
text-align: right;
}

.mid-change-link {
color: #d9534f !important;
background-color: transparent;
font-size: 15px;
}

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

#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: block;
}

#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}

#no-more-tables tr {
border: 1px solid black;
}

#no-more-tables td {
border: none;
border-bottom: 1px solid black;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: left;
}

#no-more-tables td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}

#no-more-tables td:before {
content: attr(data-title);
}
}

.res-heading-matter {
font-family: Verdana,sans-serif;
font-size: 15px;
line-height: 1.5;
}

.res-heading {
font-size: 20px;
font-weight: 400;
margin: 10px 0;
}

.card-addres-head {
font-size: 20px;
font-weight: 400;
margin: 10px 0;
}

.res-card-matter {
font-weight: 400;
margin: 10px 0;
font-size: 16px;
font-family: "Segoe UI",Arial,sans-serif;
}

.res-card-h5 {
font-weight: 400;
margin: 10px 0;
font-size: 18px;
}

.cpyrght {
background-color: white;
height: 1px;
margin: 10px;
}

.mid-tandc-head {
font-size: 25px;
line-height: 1.3;
font-weight: 400;
margin: 10px 0;
}

.mid-tandc-body {
margin: 0 0 10px;
color: #000;
font-family: Verdana,sans-serif;
font-size: 15px;
line-height: 1.6;
}

u.dotted {
border-bottom: 1px dashed #999;
text-decoration: none;
}

.top-header-fnt {
display: inline;
font-size: 14px;
color: #ffffff;
font-family: 'Roboto', sans-serif;
/*padding-right: 40px;*/
padding-right: 25px;
line-height: 1.3;
}

.downloadhover ul:after {
position: absolute;
left: 50%;
top: -8px;
width: 0;
height: 0;
content: '';
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid white;
}

.error500-btn {
border-radius: 25px;
border: 2px solid #ea3a3c;
padding: 10px;
}

.error500-head {
color: #4e4c4c;
font-weight: 400;
margin: 10px 0;
font-size: 40px;
}

.error500-body {
color: #4e4c4c;
font-family: Verdana,sans-serif;
font-size: 18px;
line-height: 1.5;
}

.four-not-four-form {
border-radius: 25px;
border: 2px solid #d9534f;
padding: 20px;
}

.dash-offer-detail-title {
font-weight: 500;
font-size: 19px;
font-family: "Segoe UI",Arial,sans-serif;
line-height: 1.3;
}

.dash-offer-detail-head {
font-family: Verdana,sans-serif;
font-size: 12px;
line-height: 1.1;
}

.dash-offer-detail-body {
margin: 0px 0 14px;
font-family: Verdana,sans-serif;
font-size: 16px;
line-height: 1.5;
}

.dash-offer-detail-total {
margin: 0 0 0px;
font-family: Verdana,sans-serif;
font-size: 16px;
line-height: 1.5;
}

.dash-offer-detail-count {
font-family: Verdana,sans-serif;
font-size: 25px;
line-height: 1.5;
}

.dash-offer-details-bg {
background-color: #ececec;
}

.fnt-approved {
color: green;
}

.fnt-disapprove {
color: red;
}

.mid-aboutus-head {
font-size: 25px;
font-family: inherit;
font-weight: 300;
line-height: 1.3;
margin: 10px 0;
}

.testimonial-btn {
border-radius: 15px;
border: 2px solid #d9534f;
padding: 15px;
width: 200px;
height: 120px;
color: black;
text-transform: uppercase;
}

.testimonial-card-fnt {
font-family: Verdana,sans-serif;
font-size: 14px;
line-height: 1.5;
color: black;
}

.testimonial-inner-head-fnt {
font-weight: 500;
margin: 5px 0;
font-size: 17px;
color: black;
line-height: 1.3;
}

.testimonial-inner-body-fnt {
font-family: Verdana,sans-serif;
font-size: 15px;
line-height: 1.2;
color: black;
}

.testimonial-quote-body-fnt {
margin-top: 16px;
margin-bottom: 16px;
font-size: 16px;
width: 100%;
/*background-color: #f3f3f3;*/
padding: 8px 12px;
/*border-left: 4px solid #ea3a3c;*/
}

.testimonial-product-head-fnt {
font-size: 25px;
color: black;
}

.testimonial-product-body-fnt {
color: black;
font-size: 16px;
}

.mid-online-head {
margin: 0 0 10px;
color: #262626;
font-family: Verdana,sans-serif;
font-size: 17px;
line-height: 1.6;
}

.buy-directory-fnt-head {
font-size: 20px;
color: red;
}

.buy-directory-fnt-cost {
font-size: 19px;
font-weight: 700;
}

/*vertical divider*/

@media ( min-width: 768px ) {
.grid-divider {
position: relative;
padding: 0;
}

.grid-divider > [class*='col-'] {
position: static;
}

.grid-divider > [class*='col-']:nth-child(n+2):before {
content: "";
border-left: 1px solid #DDD;
position: absolute;
top: 0;
bottom: 0;
}

.col-padding {
padding: 0 15px;
}
}

.shadow-z-1 {
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
/* -- Material Design Table style -------------- */
.table {
width: 100%;
max-width: 100%;
margin-bottom: 2rem;
background-color: #fff;
}

.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
text-align: left;
padding: 0.5rem;
vertical-align: top;
border-top: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.table > thead > tr > th {
font-weight: 600;
color: #757575;
vertical-align: bottom;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
font-size: 17px;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}

.table > tbody + tbody {
border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.table .table {
background-color: #fff;
}

.table .no-border {
border: 0;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 0.8rem;
}

.table-bordered {
border: 0;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 0;
border-bottom: 1px solid #e0e0e0;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f5f5f5;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: rgba(0, 0, 0, 0.12);
}

@media screen and (max-width: 768px) {
.table-responsive-vertical > .table {
margin-bottom: 0;
background-color: transparent;
}

.table-responsive-vertical > .table > thead,
.table-responsive-vertical > .table > tfoot {
display: none;
}

.table-responsive-vertical > .table > tbody {
display: block;
}

.table-responsive-vertical > .table > tbody > tr {
display: block;
border: 1px solid #e0e0e0;
border-radius: 2px;
margin-bottom: 1.6rem;
}

.table-responsive-vertical > .table > tbody > tr > td {
background-color: #fff;
display: block;
vertical-align: middle;
text-align: right;
}

.table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
content: attr(data-title);
float: left;
font-size: inherit;
font-weight: 400;
color: #757575;
}

.table-responsive-vertical.shadow-z-1 {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
border: none;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}

.table-responsive-vertical > .table-bordered {
border: 0;
}

.table-responsive-vertical > .table-bordered > tbody > tr > td {
border: 0;
border-bottom: 1px solid #e0e0e0;
}

.table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
border-bottom: 0;
}

.table-responsive-vertical > .table-striped > tbody > tr > td,
.table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
background-color: #fff;
}

.table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
background-color: #f5f5f5;
}

.table-responsive-vertical > .table-hover > tbody > tr:hover > td,
.table-responsive-vertical > .table-hover > tbody > tr:hover {
background-color: #fff;
}

.table-responsive-vertical > .table-hover > tbody > tr > td:hover {
background-color: rgba(0, 0, 0, 0.12);
}
}

.table-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
background-color: #fde0dc;
}

.table-hover.table-mc-red > tbody > tr:hover > td,
.table-hover.table-mc-red > tbody > tr:hover > th {
background-color: #f9bdbb;
}

.online-shopping {
font-family: Verdana,sans-serif;
font-size: 15px;
line-height: 1.5;
}

.online-shopping-td {
font-family: Verdana,sans-serif;
font-size: 15px;
}

.online-shopping-heading {
font-weight: 400;
margin: 10px 0;
font-size: 20px;
font-family: "Segoe UI",Arial,sans-serif;
}

.about-us-link {
font-weight: 400;
margin: 10px 0;
font-size: 18px;
font-family: "Segoe UI",Arial,sans-serif;
line-height: 1.3;
}

.important-website-td {
font-family: Verdana,sans-serif;
font-size: 15px;
line-height: 1.5;
}

.popup-close {
z-index: 1;
position: relative;
}

.footer-head-fnt {
margin: 0px;
font-family: 'Roboto', sans-serif;
color: white;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
line-height: 1.3;
}

.buysell-title-fnt {
margin: 0px;
font-family: "Roboto",sans-serif;
color: #636363;
text-transform: capitalize;
font-weight: bold;
padding: 1px 14px 10px 1px;
font-size: 16px;
line-height: 20px;
}

.view-details-search-head {
margin: 0px 5px;
font-family: "Roboto",sans-serif;
color: #636363;
text-transform: capitalize;
font-weight: bold;
padding: 10px 14px 10px 1px;
font-size: 16px;
line-height: 20px;
}

/*.view-details-search-matter {
margin: 0px;
font-family: "Roboto",sans-serif;
color: #636363;
color: #252525;
text-transform: none;
font-weight: normal;
padding: 10px 14px 10px 14px;
border-left: 1px solid #b6b6b6;
font-size: 16px;
line-height: 20px;
}*/

.search-index {
margin: 10px 0;
font-size: 20px;
font-family: inherit;
font-weight: 300;
line-height: 1.3;
}

.mid-prime-cust {
font-weight: 400;
margin: 10px 0;
font-family: inherit;
line-height: 1.3;
font-size: 25px;
}

.feedback-heading {
font-family: inherit;
font-weight: 300;
line-height: 1.3;
font-size: 20px;
margin: 10px 0;
}

.feedback-body {
font-size: 18px;
font-family: inherit;
margin: 10px 0;
line-height: 1.3;
}

.prime-cust-card-head {
font-size: 18px;
font-family: inherit;
font-weight: 300;
line-height: 1.3;
margin: 10px 0;
}

.prime-cust-card-body {
font-family: inherit;
font-weight: 300;
line-height: 1.3;
font-size: 15px;
margin: 10px 0;
margin: 10px 0;
}

.prime-cust-card-footer {
font-size: 10.2px;
font-family: inherit;
font-weight: 300;
line-height: 1.3;
margin: 10px 0;
}

.bs-offer-info {
margin: 0px;
font-family: "Roboto",sans-serif;
/* color: #636363; */
color: #252525;
text-transform: none;
font-weight: normal;
padding: 1px 14px 10px 1px;
font-size: 16px;
line-height: 20px;
}

.mob-heading {
font-size: 20px;
font-family: inherit;
font-weight: 300;
line-height: 1.3;
}

.index-category {
font-family: inherit;
font-weight: 300;
line-height: 1.3;
position: relative;
border-bottom: 3px solid;
border-color: #ea3a3c;
font-size: 100%;
padding: 0;
margin: 0px 0px -1px 0px;
height: 40px;
}

.mar-10 {
margin: 10px 0;
}

.hm-width {
width: 45%;
}

.mid-mobisearch {
width: 100%;
position: relative;
z-index: 1000;
font-size:25px;
}

.mid-mobisearch:before {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 50px;
line-height: 50px;
font-family: 'FontAwesome';
content: '\f002';
background: #ea3a3c;
text-align: center;
color: #fff;
border-radius: 5px;
-webkit-font-smoothing: subpixel-antialiased;
font-smooth: always;
}

.mid-mobisearchTerm {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 3px solid #ea3a3c;
padding: 5px;
height: 50px;
border-radius: 5px;
outline: none;
}

.mid-mobisearchButton {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
opacity: 0;
cursor: pointer;
}

.sticky-mid {
position: fixed;
top: 0;
}

.nopadding {
padding: 0 !important;
margin: 0 !important;
}

.flex-container {
display: flex;
justify-content:center;
}

.flex-container>div {

text-align: center;
line-height: 75px;
font-size: 30px;
padding:0px 2px;
}

.flex-container-menu {
display: flex;

}

.flex-div-menu {
min-width: 25px;
margin: 5px;
text-align: center;
line-height: 20px;
}

.categories-box-mobi {
height: 60px;
width: 60px;
background: #ffffff;
line-height: 55px;
border-radius: 2px;
font-family: 'Roboto', sans-serif;
transition: all 0.5s ease 0s;
}

.main-mobi-banner {
background: url(images/industry-bg.html) top left no-repeat;
background-size: cover;
background-attachment: fixed;
}

.mobi-category {
color: white;
font-size: 18px;
padding-top: 5px;
}

.mid-mobi-head {
display: inline-block;
vertical-align: middle;
font-size: 29px;
color: #ed2228;
font-weight: 900;

}

.mid-google-form-heading
{
font-family: Verdana,sans-serif;
font-size: 18px;
line-height: 1.5;
text-align: center;
}
.mid-google-form-para {
font-size: 16px;
font-family: "Segoe UI",Arial,sans-serif;
line-height: 1.3;
font-weight: 400;
margin: 10px 0;
}
.mid-form-heading {
font-family: Verdana,sans-serif;
color: #323232;
font-size: 20px;
line-height: 1.5;
text-align: center
}

.map-responsive{
overflow:visible;
padding-bottom:47%;
position:relative;
height:0;
}

.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.fed-card-head{
font-weight: 500;
margin: 5px 0;
font-size: 15px;
color: black;
line-height: 1.3
}

.carousel-testimonial .carousel-control {
width: 4%;
background-image: none;
}
.carousel-testimonial .carousel-control.left {
margin-left: 15px;
}
.carousel-testimonial .carousel-control.right {
margin-right: 15px;
}
.carousel-testimonial .cloneditem-1,
.carousel-testimonial .cloneditem-2,
.carousel-testimonial .cloneditem-3 {
display: none;
}

@media all and (min-width: 768px) {
.carousel-testimonial .carousel-inner > .active.left,
.carousel-testimonial .carousel-inner > .prev {
left: -50%;
}
.carousel-testimonial .carousel-inner > .active.right,
.carousel-testimonial .carousel-inner > .next {
left: 50%;
}
.carousel-testimonial .carousel-inner > .left,
.carousel-testimonial .carousel-inner > .prev.right,
.carousel-testimonial .carousel-inner > .active {
left: 0;
}
.carousel-testimonial .carousel-inner .cloneditem-1 {
display: block;
}
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
.carousel-testimonial .carousel-inner > .item.active.right,
.carousel-testimonial .carousel-inner > .item.next {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
left: 0;
}
.carousel-testimonial .carousel-inner > .item.active.left,
.carousel-testimonial .carousel-inner > .item.prev {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
left: 0;
}
.carousel-testimonial .carousel-inner > .item.left,
.carousel-testimonial .carousel-inner > .item.prev.right,
.carousel-testimonial .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
@media all and (min-width: 992px) {
.carousel-testimonial .carousel-inner > .active.left,
.carousel-testimonial .carousel-inner > .prev {
left: -25%;
}
.carousel-testimonial .carousel-inner > .active.right,
.carousel-testimonial .carousel-inner > .next {
left: 25%;
}
.carousel-testimonial .carousel-inner > .left,
.carousel-testimonial .carousel-inner > .prev.right,
.carousel-testimonial .carousel-inner > .active {
left: 0;
}
.carousel-testimonial .carousel-inner .cloneditem-2,
.carousel-testimonial .carousel-inner .cloneditem-3 {
display: block;
}
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
.carousel-testimonial .carousel-inner > .item.active.right,
.carousel-testimonial .carousel-inner > .item.next {
-webkit-transform: translate3d(25%, 0, 0);
transform: translate3d(25%, 0, 0);
left: 0;
}
.carousel-testimonial .carousel-inner > .item.active.left,
.carousel-testimonial .carousel-inner > .item.prev {
-webkit-transform: translate3d(-25%, 0, 0);
transform: translate3d(-25%, 0, 0);
left: 0;
}
.carousel-testimonial .carousel-inner > .item.left,
.carousel-testimonial .carousel-inner > .item.prev.right,
.carousel-testimonial .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.mid-testimonial-fnt {
font-size: 17px;
font-family: inherit;
font-weight: 300;
line-height: 1.3;
margin: 10px 0;
}

.mid-testimonial-btn {

background-color: white;
color: #d9534f;
padding: 5px;
margin: 1px 2px;
border: 1px solid #d9534f;

}

.mid-testimonial-btn:hover {

background-color: white;
color: #d9534f;
padding: 5px;
margin: 1px 2px;
border: 1px solid #d9534f;

}

.mid-testimonial-btn.active {
background-color: #d9534f;
color: white;
padding: 5px;
margin: 1px 2px;
}

.feedback-lbl {
position: relative;
top: -18px;
color: #565353;
font-size: 17px;
font-weight: 300;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
}

.grid-border {
border-radius: 10px;
border: 2px solid #f9d2d1;

}
.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #555;background: #f5f6f5; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #ea3a3c !important; background: #fff; }
.nav-tabs > li > a::after { content: ""; background: #d43f3a; height: 3px; position: absolute; width: 100%; left: 0px;
bottom: -7px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #d43f3a none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:20px}
.nav-tabs > li {width:20%; text-align:center;}
.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
.nav-tabs > li:after {
content: " ";
position: absolute;
left: 45%;
opacity:0;
margin: 0 auto;
bottom: 0px;
border: 5px solid transparent;
border-bottom-color: #ddd;
transition:0.1s ease-in-out;

}
.nav-tabs > li.active:after {
content: " ";
position: absolute;
width: 15px;
left: 45%;
opacity:1;
margin: 0 auto;
bottom: -36px;
border: 15px solid transparent;
border-top-color: #ea3a3c;

}

/* .badge-notify{
background:red;
position:relative;
top: -20px;
left: -35px;
} */

@media all and (max-width:724px){
.nav-tabs > li > a > span {display:none;}
.nav-tabs > li > a {padding: 5px 5px;}
}

/*advance search style*/

body{
font-family: 'Roboto', sans-serif;
}
.pt-20{
padding-top:20px;
}
#main-banner {
background: url(../../../midassets.com/images/industry-back-final.jpg) top left no-repeat;
background-size: cover;
background-attachment: fixed;
}
#search-section {
background: #ea3a3c;
padding: 6px;
}
.text-center {
text-align: center;
}
#search-button button {
background: -webkit-linear-gradient(left, #ffffff 50%, #262626 50%) repeat scroll right bottom/200% 100% transparent;
background: linear-gradient(to right, #ffffff 50%, #262626 50%) repeat scroll right bottom/200% 100% transparent;
color: #ffffff;
padding: 10px;
font-family: 'Roboto', sans-serif;
font-size: 20px;
border: none;
border-radius: 4px;
-webkit-transition: background 350ms ease-in-out;
transition: background 350ms ease-in-out;
width: 88%;
outline: 0 !important;
}
.form-group {
margin-bottom: 2px;
}
#search-input input.form-control {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
padding-left: 25px;
color: black;
}
#search-input .form-control {
height: 50px;
border: none;
font-size: 16px;
font-family: 'Roboto', sans-serif;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}

/*advance Search tab*/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
color: #ea3a3c;
background-color: #ffffff;
font-weight: 600;
font-size:13px;
}

.nav-pills>li>a {
border-radius: 4px;
border: 1px solid white;
color: white;
font-size:13px;
padding:10px;
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: transparent;
font-size:13px;
}

/*advance Search dropdown*/

.adv-search-txt,.adv-search-txt:hover{
color: white;
font-size: 18px;
float: right;
padding-top: 10px;
}
.adv-search-f-box{
display: inline-flex;
flex-wrap: nowrap;
width: 100%;
padding: 0;
}
.adv-search-f-box > div{width:50%;}

.adv-search-f-box-inner{
display: inline-flex;
flex-wrap: nowrap;
width: 100%;
padding: 0;
}
.adv-search-f-box-inner > div{width:50%;}
.adv-search-f-box-inner div:nth-of-type(1) {
flex-basis: 60%;
}
.adv-search-f-box-inner div:nth-of-type(2) {
flex-basis: 40%;
}

.home-search{
display: inline-flex;
flex-wrap: nowrap;
width: 100%;
padding: 0;
}
.home-search div:nth-of-type(1) {
flex-basis: 80%;
}
.home-search div:nth-of-type(2) {
flex-basis: 20%;
}

#adv-search-input input.form-control {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
padding-left: 25px;
color: black;
}
#adv-search-input .form-control {
height: 35px;
border: none;
font-size: 16px;
font-family: 'Roboto', sans-serif;
}
#adv-search-button button {
background: -webkit-linear-gradient(left, #ffffff 50%, #262626 50%) repeat scroll right bottom/200% 100% transparent;
background: linear-gradient(to right, #ffffff 50%, #262626 50%) repeat scroll right bottom/200% 100% transparent;
color: #ffffff;
padding: 6px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
border: none;
border-radius: 4px;
-webkit-transition: background 350ms ease-in-out;
transition: background 350ms ease-in-out;
width: 45%;
outline: 0 !important;
}

.adv-search-head{
margin:0;
font-size:24px;
}

.adv-search-head:before,
.adv-search-head:after {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 15%;
}

.adv-search-head:before {
right: 0.5em;
margin-left: -50%;
}

.adv-search-head:after {
left: 0.5em;
margin-right: -50%;
}

.adv-search-title{
margin: 0;
color: #aa3333;
font-weight: 600;
font-size: 16px;
}

.search-f-container{
display: inline-flex;
flex-wrap: nowrap;
width: 100%;
padding: 0;
}
.search-f-container div:nth-of-type(1) {
flex-basis: 80%;
}
.search-f-container div:nth-of-type(2) {
flex-basis: 20%;
}

.adv-cat-ddl{
font-size: 16px;
border-radius: 2px;
background: #ffffff;
height: 50px;
width: 97%;
border-radius: 4px;

border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

#search-button button {
background: -webkit-linear-gradient(left, #ffffff 50%, #262626 50%) repeat scroll right bottom/200% 100% transparent;
background: linear-gradient(to right, #ffffff 50%, #262626 50%) repeat scroll right bottom/200% 100% transparent;
color: #ffffff;
padding: 10px;
font-family: 'Roboto', sans-serif;
font-size: 20px;
border: none;
border-radius: 4px;
-webkit-transition: background 350ms ease-in-out;
transition: background 350ms ease-in-out;
width: 84%;
outline: 0 !important;
}
@media(min-width: 320px) and (max-width:767px){
#search-button button {
width: 100%;
}
.adv-cat-ddl{

width: 78%;

}

#adv-search-button button {

width: 84%;

}
.adv-search-f-box-inner div:nth-of-type(1) {
flex-basis:100%;
}
.adv-search-f-box-inner div:nth-of-type(2) {
flex-basis: 25%;
}

}

.ib {
display: inline-block;
}
.print-desc-fnt {
margin: 0px;
font-family: "Roboto",sans-serif;
color: #636363;
text-transform: capitalize;
font-weight: bold;
padding: 3px 21px 4px 10px;
font-size: 16px;
line-height: 20px;
}
.download-app-fnt {
font-size: 14px;
text-transform: uppercase;
position: relative;
color: #fff;
line-height: 25px;
padding: 0 4px;
background-color: #d9534f;
font-weight: 600;
}
.padd-lr-5{
padding: 0px 5px;
}

.padd-lr-50 {
padding: 0px 50px;
}
.flex-container {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.flex-item {

width: auto;
height: auto;
margin: 10px 2px;
}
.MID-sms-floatbtn {
position: fixed;
bottom: 135px;
right: 24px;
width: 64px;
height: 40px;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
line-height: 38px;
text-align: center;
z-index: 100;
cursor: pointer;
border-radius: 50%;

display: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.MID-enquiry-floatbtn {
position: fixed;
bottom: 230px;
right: 24px;
width: 64px;
height: 40px;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
line-height: 38px;
text-align: center;
z-index: 100;
cursor: pointer;
border-radius: 50%;

display: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.MID-print-floatbtn {
position: fixed;
bottom: 330px;
right: 24px;
width: 64px;
height: 40px;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
line-height: 38px;
text-align: center;
z-index: 100;
cursor: pointer;
border-radius: 50%;

display: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.feedback-lbl {
position: relative;
top: -18px;
color: #565353;
font-size: 17px;
font-weight: 300;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
}
.mid-profile-lbl {
color: black;
font-size: 16px;
padding-top: 7px;
margin-bottom: 0;
text-align: right;
font-weight:500;
}
.float-label {
left: 0;
top: 7px;
font-size: 16px;
pointer-events: none;
}
.form-group1 {
position: relative;
margin-top: 35px;
margin-bottom: 20px;
}
.mid-dashboard-container{
background-image: url(../images/pw_maze_white.html);
}
.top-header-bar {
background-image: linear-gradient(to right, #89216B, #DA4453);
height: 5px;
border-radius: 34px;
margin-bottom: 0px;
}
.dashboard-modal-header{
background: #DA4453; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #89216B, #DA4453); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #89216B, #DA4453); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+,
Safari 7+ */
}
.infocontainer__offer:hover .infocontainer__cta{
transform: translateY(-2px);
box-shadow: 1px 1px 4px 2px #9124684f;
}
.infocontainer__cta {
background-image: linear-gradient(to right, #89216B, #DA4453);
color: white;
font-weight: 500;
padding: 10px;
margin:5px 10px;
transition: all ease .3s;
}
.infocontainer__cta a:hover, .infocontainer__cta a:hover{
color: white;
width:auto;
}
.mid-mobi-head {
display: inline-block;
vertical-align: middle;
font-size: 29px;
color: #153db5;

}
.mar-5-10{
margin:5px 10px;
}
.dashboard-top-flex-container
{
display: flex;flex-direction: row;flex-wrap:wrap;transition: all ease 0.3s;
}
.dashboard-top-flex-container > div
{
width:25%;
}
.dashboard-top-flex-container a:hover{
color: white;
transform: translateX(-1px);
}
.dashboard-top-flex-card-1{
background: #e35c59;
background-image: url(../images/buy-bg.html);}
.dashboard-top-flex-card-2{
background: #49b6d7;background-image: url(../images/sell-bg.html);}
.dashboard-top-flex-card-3{
background: #44b6ae;background-image: url(../images/offer-response.html);}
.dashboard-top-flex-card-4{
background: #f59c1a;background-image: url(../images/offer-response-mid-portal.html);}
/* .badge-notify{
background:red;
position:relative;
top: -20px;
left: -35px;
} */
@media all and (max-width:724px){
.nav-tabs > li > a > span {display:none;}
.nav-tabs > li > a {padding: 5px 5px;}
}
.dashboard-top-flex-card{
background-position: right bottom;
background-size: auto;
background-repeat: no-repeat;
color: white;
background-blend-mode: soft-light;
margin: 5px 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
border-radius: 5px;padding-bottom: 5px;
}
@media (min-width:320px) and (max-width: 767px){
.dashboard-top-flex-container
{
display: flex;flex-direction: row;flex-wrap:wrap;
}
.dashboard-top-flex-container > div
{
width:50%;
}
}

.result_container{
display:flex;
flex-direction: row;
flex-wrap: wrap;
}
.result_container > div{
margin-top:3px;
}
.result_container > .left-1{
width:16.66%;
}
.result_container > .left-2{
width:16.66%;
}
.result_container > .right-1{
width:83.3%;
padding-left:5px;
}
.result_container > .right-2{
width:83.3%;
padding-left:5px;
}
.result_container > div {
padding:2px 10px;
}

.result_container-2{
display:flex;
flex-direction: row;
flex-wrap: wrap;
}

.result_container-2 > div{
width:100%;
padding:1px 15px 1px 25px;
}
hr.style1 {
border-top: 1px dotted #8c8b8b;
}

.result_container--right-title a{
word-spacing: 2px;
font-weight: 500;
font-size: 16px;
text-decoration: none;
color: #252525;
line-height: normal;
margin: 2px 0;
}

.result_container--right-location a,.result_container--right-location span{
font-size: 13px;
text-decoration: none;
line-height: 17px;
color: #000;
word-wrap: normal;
}
.result_container--right-contactname span{
font-size: 15px;
text-decoration: none;
line-height: 17px;
color: #000;
word-wrap: normal;
}
.result_container--right-contactno span{
font-size: 15px;
text-decoration: none;
line-height: 17px;
color: #000;
word-wrap: normal;
}
.result_container--right-desc{
font-size: 15px;
text-decoration: none;
line-height: 18px;
color: #000;
word-wrap: normal;
padding-top: 13px;
}
.result_container--right-desc a,.result_container--right-desc a:hover{
color:#d9534f;
}
.result_container--right-website a{
font-size: 15px;
text-decoration: none;
line-height: 17px;
color: #d9534f !important;
word-wrap: normal;
font-weight: 400;
}
.result_container--right-bottom{
display:flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.result_container--right-bottom > div{
margin-top:5px;
}

.result_container--right-top{
display:flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
@media (min-width:320px) and (max-width:767px){
.result_container--right-top {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items:flex-start;
}
.result_container--right-bottom{
display:flex;
flex-direction: column;
flex-wrap: wrap;
justify-content:flex-start;
}
.result_container > div:nth-child(2),.result_container > div:nth-child(4){

padding-left:1px;order:1;
}
.result_container > .left-1 {order: 3;width:100%;}
.result_container > .right-1 {order: 1;width:100%;margin:1px 10px;}
.result_container > .left-2 {order: 3;width:100%;}
.result_container > .right-2 {order: 4;width:100%;margin:1px 10px;}
}

.result_container--right-bottom > div:last-child{
align-self: center;
}

.mt-5{
margin-top:5px;
}
.mt-8{
margin-top:8px;
}
.mt-10{
margin-top:10px;
}
.mar-10 {
margin: 10px 0;
}
.icon-red-color{
color:#213f99;
padding: 0 5px 0 2px;
}
.btn-cta,.btn-cta:hover {

color: #fff;
background-color: #2a2b65;
border-color: #2a2b65;
border-radius: 2px !important;
font-size:14px;
}
.result_container--right-patch {
background-color: #f7f4f46e;
padding: 5px;
}
.fbox-city {
display: flex;
flex-direction: row;
background: #f7f4f46e;
padding: 5px 0;
}
.fbox-city > div:first-child {
width:25%;
}

@media(min-width:320px) and (max-width:767px){
.fbox-city {

flex-direction: column;

}
.fbox-city > div:first-child {
width:100%;
}
}
@media(max-width:766px) and (min-width:481px){
.mid-mobi-head {
padding-top:15px;
}
}
@media(max-width:950px) and (min-width:760px){
.mid-mobi-head {
    padding-top: 26px;

}
}