body {
background : url("../images/stripes-beige.png") 50% 0 repeat #ffffff;
padding-top : 60px;
}
p {
hyphens : no;
}
@media (max-width: 979px) {
body {
padding : 0;
}
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}
@media (max-width: 767px) {
.container {
width : 610px;
}
}
@media (max-width: 640px) {
.container {
width : 450px;
}
}
@media (max-width: 480px) {
.container {
width : 330px;
}
}
@media (max-width: 360px) {
.container {
width : 290px;
}
}
@media (max-width: 320px) {
.container {
width : 250px;
}
}
.wrapper {
position : relative;
padding : 30px;
}
.page-inner {
background-color : #f8f7f5;
padding : 10px;
box-shadow : 0 0px 0px rgb(0, 0, 0, 0.055);
}
.page-inner .sub-inner {
padding : 10px;
}
.btn-primary {
background-color : #1faeff;
}
.btn-primary:focus, .btn-primary:hover {
background-color : #569ce3;
}

p a {
color : #4a4a4a;
}

a {
text-decoration : none;
color : #404040;
}
a:hover {
text-decoration : none;
color : #902020;
}


}
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 1em;
  table-layout: auto;
  max-width: 100%;
}
th, td {
  font-weight: normal;
  text-align: left;
  line-height: 20px;
  vertical-align: top;
  padding-bottom: 10px;
}
td {
  min-width: 110px;
}


.navbar, #menu, .logo, h1, h2, h3, h4, h5, h6 {
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#header > .container {
margin-top : 20px;
border-bottom : 1px dashed #b8e5ff;
position : relative;
}
.navbar .nav > li > a {
font-size : 16px;
padding : 15px 15px;
}
.navbar .nav > li > a:hover {
color : #A12125;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover {
background-color : #909090;
text-shadow : none;
box-shadow : none;
color : #ffffff;
}
.navbar a.brand {
font-size : 22px;
font-weight : normal;
padding : 12px 0 5px 20px;
letter-spacing : 1px;
}
.navbar a.brand i {
color : #1faeff;
}
.navbar a.brand:hover i {
animation : moveFromLeft 300ms ease;
}
.navbar-inner {
background : none 0 0 repeat scroll rgb(244, 240, 232, 1);
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
background-color : #1faeff;
background-image : none;
}
.nav-collapse .dropdown-menu a:hover {
color : #ffffff;
}
@media (max-width: 979px) {
.nav-collapse .dropdown-menu a:hover {
color : #000000;
}
}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
margin : 0;
}
.top-social {
margin-bottom : 0;
margin-top : 30px;
}
.top-social li {
float : left;
list-style : none;
margin-left : 1px;
}
.top-social li a {
width : 16px;
font-size : 16px;
line-height : 1;
color : #999999;
}
.top-social li a:hover {
color : #000000;
}
.top-social [class^="icon-"]:before, .top-social [class*=" icon-"]:before {
width : auto;
}
.logo {
margin-bottom : 10px;
}
.logo .logo-img {
display : block;
margin-bottom : 10px;
}
.logo .site-title, .logo .site-title a {
font-size : 50px;
line-height : 50px;
font-weight : bold;
text-shadow : 1px 1px 0 #ffffff;
margin : 0;
color : #1faeff;
}
.logo .sub-title {
margin : 0;
padding-left : 2px;
color : #555555;
font-size : 10px;
line-height : 10px;
text-transform : uppercase;
}
@media (max-width: 767px) {
.logo {
text-align : center;
margin-bottom : 20px;
}
}
#menu {
position : absolute;
bottom : 0;
right : 0;
}
#menu a {
display : block;
color : #555555;
}
#menu ul {
margin : 0;
}
#menu > ul {
display : block;
}
#menu > ul > li {
float : left;
position : relative;
list-style : none;
margin-left : 20px;
}
#menu > ul > li > a {
font-size : 14px;
}
#menu > ul a {
padding : 6px 5px;
}
#menu > ul a.current {
color : #1faeff;
}
#menu > ul > li:hover > a, #menu > ul li:hover, #menu > ul a:hover {
color : #1faeff;
}
#menu ul ul {
width : 160px;
position : absolute;
background-color : #eeeeee;
background-color : rgb(237, 237, 237, 0.9);
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.055);
}
#menu ul ul a {
padding : 10px;
font-size : 12px;
border-bottom : 1px solid #f1f1f1;
}
#menu ul ul li:last-child a {
border-bottom : none;
}
#menu ul ul a:hover {
background-color : #e5e5e5;
color : #000000;
}
#menu ul ul li {
list-style : none;
position : relative;
}
#menu li:hover {
visibility : inherit;
}
#menu li:hover ul, #menu li.sfHover ul {
left : 0;
top : 32px;
z-index : 99;
}
#menu li li:hover ul, #menu li li.sfHover ul {
left : 160px;
top : 0;
}
.res-menu {
width : 100%;
display : none;
}
@media (max-width: 979px) {
}
@media (max-width: 767px) {
#menu {
float : none;
position : relative;
padding : 10px;
margin-bottom : 20px;
background-color : #999999;
}
#menu ul {
display : none;
}
.res-menu {
display : block;
margin : 0;
}
}
.flexslider {
position : relative;
}
.flexslider .slides {
list-style : none;
margin-left : 0;
}
.flexslider .slides li {
position : relative;
}
.flexslider .slides > li {
display : none;
}
.flexslider .slides .slide-caption {
font-family : Ubuntu, sans-serif;
background-color : #1faeff;
color : #ffffff;
padding : 20px;
position : absolute;
bottom : 60px;
left : 50%;
width : 50%;
margin-left : -25%;
}
.loading .flex-viewport {
max-height : 300px;
}
@media (max-width: 767px) {
.slides .slide-caption {
display : none;
}
}
.flex-direction-nav {
position : absolute;
margin-left : 0;
left : 0;
right : 0;
bottom : 57%;
width : 100%;
opacity : 1;
transition : all 0.3s ease-out;
}
.flex-direction-nav li {
list-style : none;
}
.flex-direction-nav a {
position : absolute;
display : inline-block;
width : 50px;
height : 90px;
text-indent : -9999px;
transition : all 0.3s ease-out;
}
.flex-direction-nav .flex-prev {
background : url("../images/arrow-slider-left.png") 50% 50% no-repeat;
left : 0;
background-color : #555555;
}
.flex-direction-nav .flex-prev:hover {
opacity : 1;
background-color : #1faeff;
}
.flex-direction-nav .flex-next {
background : url("../images/arrow-slider-right.png") 50% 50% no-repeat;
right : 0;
background-color : #555555;
}
.flex-direction-nav .flex-next:hover {
opacity : 1;
background-color : #1faeff;
}
.flex-direction-nav .flex-disabled {
opacity : 0.3;
}
@media screen and (max-width: 767px) {
.flex-direction-nav {
top : 0;
height : 100%;
}
.flex-direction-nav a {
height : 100%;
}
}
.flex-control-nav {
width : 100%;
position : absolute;
bottom : 14px;
text-align : center;
margin-left : 0;
}
.flex-control-nav li {
margin : 0 10px;
display : inline-block;
}
.flex-control-paging li a {
background-color : #555555;
text-indent : -9999px;
cursor : pointer;
display : block;
width : 20px;
height : 10px;
transition : all 0.3s ease-out;
}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
background-color : #1faeff;
}
@media screen and (max-width: 767px) {
.flex-control-nav {
display : none;
}
}
section.breadcrumbs {
border-bottom : 0 solid #b8b8b8;
}
section.breadcrumbs .page-header {
margin-bottom : 0;
padding : 0;
border : 0;
}
section.breadcrumbs .page-header h1 {
margin : 0;
padding : 0 10px 0 0;
font-size : 24.5px;
line-height : 24.5px;
letter-spacing : 2px;
}
section.breadcrumbs .page-header h1 small {
font-size : 14px;
}
section.breadcrumbs .breadcrumbs {
font-size : 10.5px;
line-height : 10.5px;
margin-top : 5px;
margin-bottom : 23px;
}
section.breadcrumbs .breadcrumbs i {
margin : 0 5px;
}
.welcome .btn-primary {
background-color : #1faeff;
}
.welcome .btn-primary:hover {
background-color : #1faeff;
}
@media (max-width: 480px) {
.welcome h1 {
font-size : 18px;
line-height : 20px;
}
.welcome h4 {
font-size : 14px;
line-height : 20px;
}
}
#page-sidebar .tab-content {
padding : 5px 10px;
border : #dddddd solid 1px;
}
.the-icons {
list-style-type : none;
margin-left : 2em;
text-indent : -0.8em;
}
.the-icons li [class^="icon-"], .the-icons li [class*=" icon-"] {
width : 0.8em;
}
#filtrable {
margin-left : 0;
}
#filtrable li {
float : left;
margin-right : 10px;
margin-bottom : 10px;
list-style : none;
}
#filtrable a {
display : inline-block;
padding : 7px 15px;
background-color : #ffffff;
color : #555555;
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.1);
transition : all 0.3s ease-out;
}
#filtrable a:hover {
background-color : #eeeeee;
}
#filtrable .current a {
background-color : #1faeff;
color : #ffffff;
}
.portfolio .thumbnail {
padding : 0;
margin-bottom : 20px;
text-align : center;
border : #ffffff solid 10px;
position : relative;
overflow : hidden;
cursor : default;
}
.portfolio .thumbnail .mask, .portfolio .thumbnail .mask-1, .portfolio .thumbnail .mask-2, .portfolio .thumbnail .content, .portfolio .thumbnail .caption {
padding : 0;
width : 100%;
height : 100%;
position : absolute;
overflow : hidden;
top : 0;
left : 0;
}
.portfolio .thumbnail h2 {
text-transform : uppercase;
text-align : center;
position : relative;
font-size : 14px;
margin : 20px 0 0 0;
}
.portfolio .thumbnail p {
font-size : 11.9px;
line-height : 1;
position : relative;
padding : 10px 20px 20px;
text-align : center;
}
.portfolio .thumbnail a.info {
display : inline-block;
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
.portfolio .span3 {
width : 460px;
}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.portfolio .span3 {
width : 352px;
}
}
@media (max-width: 979px) {
.portfolio .thumbnail h2 {
margin-bottom : 20px;
}
}
@media (max-width: 767px) {
.portfolio .thumbnail h2 {
margin-bottom : 20px;
font-size : 24px;
}
.portfolio .thumbnail p {
display : block;
font-size : 16px;
}
.portfolio .thumbnail a.info {
display : inline-block;
font-size : 16px;
padding : 10px 15px;
}
}
@media (max-width: 480px) {
.portfolio .thumbnail h2 {
margin-bottom : 0;
font-size : 18px;
}
.portfolio .thumbnail p {
display : block;
font-size : 12px;
}
.portfolio .thumbnail a.info {
display : inline-block;
font-size : 12px;
padding : 5px 10px;
}
}
@media (max-width: 360px) {
.portfolio .thumbnail h2 {
margin-bottom : 0;
font-size : 14px;
}
.portfolio .thumbnail p {
display : block;
font-size : 11px;
}
.portfolio .thumbnail a.info {
display : inline-block;
font-size : 12px;
padding : 5px 10px;
}
}
@media (max-width: 360px) {
.portfolio .thumbnail h2 {
margin-bottom : 20px;
font-size : 14px;
}
.portfolio .thumbnail p {
display : none;
}
.portfolio .thumbnail a.info {
display : inline-block;
font-size : 12px;
padding : 5px 10px;
}
}
.related-projects .thumbnail {
margin-bottom : 0;
}
.single-portfolio .ps-description .icons span {
font-weight : 600;
}
.tiled .span6 {
margin-bottom : 20px;
}
.tiled .span6 .inner-image a {
height : 312px;
overflow : hidden;
}
.tiled .span3 {
margin-bottom : 20px;
}
.tiled .span3 .inner-image a {
height : 142px;
overflow : hidden;
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 979px) {
.tiled .span6 {
margin-bottom : 20px;
}
.tiled .span6 .inner-image a {
height : 230px;
}
.tiled .span3 {
margin-bottom : 20px;
}
.tiled .span3 .inner-image a {
height : 101px;
}
.tiled .span2 .inner-text {
display : none;
}
}
@media (max-width: 767px) {
.tiled .span2 {
display : none;
}
.tiled .span6 .inner-image a, .tiled .span3 .inner-image a {
height : 410px;
}
}
@media (max-width: 640px) {
.tiled .span6 .inner-image a, .tiled .span3 .inner-image a {
height : 290px;
}
}
@media (max-width: 480px) {
.tiled .span6 .inner-image a, .tiled .span3 .inner-image a {
height : 200px;
}
}
@media (max-width: 360px) {
.tiled .span6 .inner-image a, .tiled .span3 .inner-image a {
height : 170px;
}
}
.tiled.first {
margin-top : 0;
}
.media a, .thumbnail {
position : relative;
}
.media .frame-overlay, .thumbnail .frame-overlay, .portfolio article .frame-overlay {
background-color : #ffffff;
position : absolute;
height : 100%;
width : 100%;
left : 0;
top : 0;
opacity : 0;
}
.media a:hover .frame-overlay, .thumbnail:hover .frame-overlay, .portfolio article:hover .frame-overlay {
opacity : 0.5;
transition : 0.4s;
}
.service {
overflow : hidden;
margin-bottom : 20px;
}
.service .well {
padding-top : 1px;
}
.service > .well {
margin-bottom : 1px;
}
.service .service-desc {
overflow : hidden;
}
.service .service-icon {
float : left;
padding : 10px 20px;
width : 100px;
height : 100px;
font-size : 100px;
line-height : 1;
color : #1faeff;
}
@media (max-width: 980px) {
.service .service-icon {
width : 50px;
font-size : 40px;
}
}
@media (max-width: 480px) {
.service .service-icon {
float : none;
margin-left : 25%;
width : 50%;
height : auto;
}
}
.pagination ul > li > a, .pagination ul > li > span {
padding : 7px 14px;
background-color : #ffffff;
}
.pagination ul > li > a:hover {
background-color : #eeeeee;
}
.pagination ul > .active > a, .pagination ul > .active > span {
background-color : #eeeeee;
}
.pagination ul > .disabled > a, .pagination ul > .disabled > span {
background-color : #cccccc;
}
.pagination ul > .disabled > a:hover, .pagination ul > .disabled > span:hover {
background-color : #cccccc;
}
#footer {
margin-top : 50px;
padding-bottom : 20px;
background-color : #d6ccb9;
}
#footer .thumbnail {
box-shadow : none;
}
#footer .widget-title {
font-size : 17.5px;
font-weight : bold;
text-transform : uppercase;
}
#footer .widget-inner {
margin-bottom : 30px;
}
#footer .widget-inner:last-child {
margin-bottom : 0;
}
#footer .footer-navigate {
list-style : none;
margin-left : 0;
}
#footer .footer-navigate li a {
display : block;
padding : 5px 0;
}
#footer .lates-blog-post li {
margin-bottom : 10px;
}
#footer .social {
margin-left : 0;
list-style : none;
}
#footer .social li {
float : left;
font-size : 24px;
}
#footer .social a {
color : #555555;
}
#footer .social a:hover i {
animation : moveFromLeft 300ms ease;
}
#footer-menu {
font-size : 10.5px;
padding : 10px 0;
background-color : #eeeeee;
}
#footer-menu ul {
list-style-type : none;
margin : 0;
}
#footer-menu li {
float : left;
margin-left : 10px;
}
#footer-menu li a {
color : #555555;
}
#footer-menu li a:hover {
color : #333333;
border-bottom : 1px solid #333333;
}
#footer-menu .copyright {
margin-bottom : 0;
}
#page-sidebar, #sidebar {
margin-top : 30px;
}
#page-sidebar .widget, #sidebar .widget {
margin-bottom : 30px;
}
#page-sidebar .widget-title, #sidebar .widget-title {
padding : 0 10px 0 0;
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
}
#page-sidebar .widget-inner, #sidebar .widget-inner {
background-color : #ffffff;
padding : 10px;
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.055);
}
#page-sidebar .accordion, #sidebar .accordion {
margin-bottom : 0;
}
#page-sidebar .nav-tabs, #sidebar .nav-tabs {
margin-bottom : 0;
border-bottom : none;
}
#page-sidebar .nav-tabs li, #sidebar .nav-tabs li {
border : none;
padding-bottom : 0;
margin-bottom : 0;
}
#page-sidebar .nav-tabs li a, #sidebar .nav-tabs li a {
font-weight : 300;
}
#page-sidebar .nav-tabs > li > a, #sidebar .nav-tabs > li > a {
background-color : #FAFAFA;
border-color : #ddd;
border-bottom : none;
}
#page-sidebar .nav-tabs > li > a:hover, #sidebar .nav-tabs > li > a:hover {
background-color : #ddd;
border-color : #ddd;
border-bottom : none;
}
#page-sidebar .nav-tabs > .active > a, #sidebar .nav-tabs > .active > a, #page-sidebar .nav-tabs > .active > a:hover, #sidebar .nav-tabs > .active > a:hover {
background-color : #ffffff;
border : #ddd solid 1px;
border-bottom : none;
}
.categories-widget {
background-color : transparent !important ;
}
.categories-widget ul {
list-style-type : none;
margin-left : 0;
}
.categories-widget li {
margin-bottom : 4px;
overflow : hidden;
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.055);
}
.categories-widget li:last-child {
margin-bottom : 0;
}
.categories-widget a {
display : block;
cursor : pointer;
line-height : 50px;
overflow : hidden;
position : relative;
background-color : #ffffff;
height : 50px;
}
.categories-widget a .ca-icon {
float : left;
font-size : 20px;
width : 50px;
line-height : 50px;
color : #555555;
transition : all 200ms ease;
}
.categories-widget a .ca-icon:before {
transition : all 200ms ease;
}
.categories-widget a .ca-name {
display : block;
z-index : 3;
}
.categories-widget a:hover {
color : #ffffff;
background-color : #555555;
border-color : #1faeff;
}
.categories-widget a:hover .ca-icon {
font-size : 30px;
vertical-align : middle;
color : #1faeff;
animation : moveFromLeft 300ms ease;
}
.categories-widget a:hover .ca-name {
animation : moveFromRight 300ms ease;
}
@keyframes moveFromLeft {
from {
opacity : 0;
transform : translateX(-50%) rotate(45deg) scale(3);
}
to {
opacity : 1;
transform : translateX(0%);
}
}
@keyframes moveFromRight {
from {
opacity : 0;
transform : translateX(50%);
}
to {
opacity : 1;
transform : translateX(0%);
}
}
@keyframes moveFromZoom {
from {
opacity : 0;
transform : scale(2);
}
to {
opacity : 1;
transform : translateX(0%);
}
}
@media (max-width: 767px) {
#search input[type="text"] {
width : 100%;
}
}
.accordion-group {
background-color : #ffffff;
border : 0;
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.055);
}
.accordion-group .accordion-heading {
background-color : #919191;
}
.accordion-group .accordion-heading:hover {
background-color : #006ac1;
transition : all 0.3s ease-out;
}
.accordion-group .accordion-heading .accordion-toggle {
color : #ffffff;
padding : 8px;
}
.accordion-group .accordion-heading .accordion-toggle:hover {
color : #ffffff;
}
.accordion-group .accordion-heading .accordion-toggle:hover i {
animation : moveFromLeft 300ms ease;
}
.tags a {
display : inline-block;
padding : 4px 10px;
margin : 0 3px 5px 0;
color : #ffffff;
background-color : #1faeff;
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.15);
}
.tags a i {
width : 16px;
text-align : center;
margin-right : 5px;
}
.tags a:hover {
background-color : #1faeff;
transition : all 0.3s ease-out;
}
.tags a:hover i {
animation : moveFromLeft 300ms ease;
}
.welcome {
padding : 0 20px;
}
.welcome h4 {
margin-bottom : 30px;
}
.works .thumbnail {
box-shadow : none;
margin-bottom : 20px;
border : none;
padding : 0;
}
.highlights {
padding-top : 20px;
}
.highlights .icon i {
font-size : 64px;
color : #1faeff;
width : 70px;
height : 70px;
line-height : 70px;
display : inline-block;
border : #1faeff solid 3px;
padding : 15px;
border-radius : 70px;
background-clip : padding-box;
}
.highlights .item:hover {
color : #1faeff;
}
.highlights .item:hover i {
animation : moveFromZoom 300ms ease;
color : #1faeff;
border-color : #1faeff;
}
.blog-post {
margin-bottom : 30px;
}
.blog-post .blog-post-inner {
background-color : #ffffff;
padding : 2px 0 0 0;
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.055);
}
.blog-post .span2 {
text-align : center;
background-color : #1faeff;
color : #ffffff;
}
.blog-post .span2 a {
color : #ffffff;
display : block;
padding : 20px 0;
}
.blog-post .span2 a:hover {
background-color : #1faeff;
}
.blog-post .span10 {
border-top : 2px solid #1faeff;
}
.blog-post .post-meta-date {
display : block;
padding : 0 5px 0 5px;
color : #ffffff;
background-color : #006ac1;
}
.blog-post .post-meta-date:hover {
background-color : #1faeff;
border : 0;
}
.blog-post .read-more {
color : #1faeff;
border-bottom : 1px solid transparent;
}
.blog-post .read-more:hover {
color : #1faeff;
border-bottom : 1px solid #1faeff;
transition : all 0.3s ease-out;
}
.post-title {
margin-top : 10px;
font-size : 18px;
font-weight : bold;
}
.post-title a {
color : #555555;
}
.post-title a:hover {
color : #1faeff;
}
.post-meta {
overflow : hidden;
margin : 0 0 10px 0;
font-size : 11px;
}
.post-meta li {
float : left;
margin-right : 15px;
list-style : none;
}
.post-meta li:first-child {
margin-right : 7px;
}
.post-meta a:hover {
border-bottom : 1px solid #1faeff;
}
.post-meta-label {
font-weight : bold;
}
.post-media {
margin-bottom : 15px;
box-shadow : 0 1px 3px rgb(0, 0, 0, 0.055);
}
.post-content {
padding : 0 10px;
}
.image-icon {
padding : 10px;
text-align : center;
}
.image-icon [class^="icon-"], .image-icon [class*=" icon-"] {
width : 100px;
height : 100px;
font-size : 100px;
line-height : 1;
margin-top : 20px;
display : inline-block;
}
.image-icon [class^="icon-"]:before, .image-icon [class*=" icon-"]:before {
width : 100px;
}
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
.hero-unit {
padding : 40px;
}
}
@media (max-width: 480px) {
.hero-unit {
padding : 20px;
font-size : 18px;
line-height : 1.5;
}
.hero-unit h1 {
font-size : 26px;
line-height : 2;
}
}
#toTop {
background : url("../images/totop.png") 50% 50% no-repeat scroll rgb(0, 0, 0, 0.7);
color : #ffffff;
position : fixed;
right : 10px;
bottom : 10px;
display : none;
overflow : hidden;
height : 50px;
width : 50px;
text-decoration : none;
text-indent : -999px;
}
#toTop:active, #toTop:focus {
outline : none;
background-color : #1faeff;
}
#toTopHover {
background : url("../images/totop.png") 50% 50% no-repeat scroll #A12125;
display : block;
overflow : hidden;
float : left;
height : 50px;
width : 50px;
opacity : 0;
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}
.mc-1 {
background-color : #252525;
border-color : #f4b300;
color : #ffffff;
}
.mc-2 {
background-color : #252525;
border-color : #78ba00;
color : #ffffff;
}
.mc-3 {
background-color : #252525;
border-color : #2673ec;
color : #ffffff;
}
.mc-4 {
background-color : #252525;
border-color : #ae113d;
color : #ffffff;
}
.mc-5 {
background-color : #2e1700;
border-color : #632f00;
color : #ffffff;
}
.mc-6 {
background-color : #4e0000;
border-color : #b01e00;
color : #ffffff;
}
.mc-7 {
background-color : #4e0038;
border-color : #c1004f;
color : #ffffff;
}
.mc-8 {
background-color : #2d004e;
border-color : #4617b4;
color : #ffffff;
}
.mc-9 {
background-color : #001e4e;
border-color : #006ac1;
color : #ffffff;
}
.mc-10 {
background-color : #004d60;
border-color : #008287;
color : #ffffff;
}
.mc-11 {
background-color : #004a00;
border-color : #199900;
color : #ffffff;
}
.mc-12 {
background-color : #15992a;
border-color : #00c13f;
color : #ffffff;
}
.mc-13 {
background-color : #e56c19;
border-color : #ff981d;
color : #ffffff;
}
.mc-14 {
background-color : #b81b1b;
border-color : #ff2e12;
color : #ffffff;
}
.mc-15 {
background-color : #b81b6c;
border-color : #ff1d77;
color : #ffffff;
}
.mc-16 {
background-color : #691bb8;
border-color : #aa40ff;
color : #ffffff;
}
.mc-17 {
background-color : #1b58b8;
border-color : #1faeff;
color : #ffffff;
}
.mc-18 {
background-color : #569ce3;
border-color : #56c5ff;
color : #ffffff;
}
.mc-19 {
background-color : #00aaaa;
border-color : #00d8cc;
color : #ffffff;
}
.mc-20 {
background-color : #83ba1f;
border-color : #91d100;
color : #ffffff;
}
.mc-21 {
background-color : #d39d09;
border-color : #e1b700;
color : #ffffff;
}
.mc-22 {
background-color : #e064b7;
border-color : #ff76bc;
color : #ffffff;
}
.mc-23 {
background-color : #696969;
border-color : #00a4a4;
color : #ffffff;
}
.mc-24 {
background-color : #696969;
border-color : #ff7d23;
color : #ffffff;
}
.clear {
clear : both;
}
.hide {
display : none;
}
.show {
display : block;
}
.spacer {
height : 50px;
}
.pull-center {
text-align : center;
}
.well-transprent {
background-color : transparent;
}
.btn {
background-image : none;
}
.gmap {
max-width : 100%;
line-height : 0;
}
.video {
position : relative;
overflow : hidden;
padding-bottom : 56.25%;
padding-top : 30px;
height : 0;
}
.video iframe, .video object, .video embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
a:focus, a {
outline : 0;
}
.first {
margin-top : 0 !important ;
margin-left : 0 !important ;
}
.last {
margin-bottom : 0 !important ;
margin-right : 0 !important ;
}