/*IMPORT SCSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* FONTS */
/*-------------------------------------------*/
/*-------------------------------------------*/
/* COLORS */
/*-------------------------------------------*/
/*-------------------------------------------*/
input:not([type="checkbox"]):not([type="submit"]):not([type="file"]):not([type="radio"]), textarea, select { background-color: transparent !important; border: 1px solid #ccc !important; font-family: "Roboto", sans-serif; padding: 15px; }

input:not([type="checkbox"]):not([type="submit"]):not([type="file"]):not([type="radio"]):focus, textarea:focus { border-color: #0989c4 !important; }

textarea { height: 180px; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666; font-family: "Roboto", sans-serif; opacity: 1; }

::-moz-placeholder { /* Firefox 19+ */ color: #666; font-family: "Roboto", sans-serif; opacity: 1; }

:-ms-input-placeholder { /* IE 10+ */ color: #666; font-family: "Roboto", sans-serif; opacity: 1; }

:-moz-placeholder { /* Firefox 18- */ color: #666; font-family: "Roboto", sans-serif; opacity: 1; }

.upper-row, .lower-row { height: 360px; }

.upper-row a.primary-color, .lower-row a.primary-color { color: #f70606; }

.upper-row a:not(.primary-color):hover, .upper-row a:not(.primary-color):active, .lower-row a:not(.primary-color):hover, .lower-row a:not(.primary-color):active { color: #fff !important; }

@media (min-width: 576px) { .upper-row > div:first-child, .lower-row > div:last-child { background-color: #f7f5f5; }
  .upper-row > div:last-child, .lower-row > div:first-child { background-color: #f70606; color: #fff; } }

@media (max-width: 575px) { section#main-content > div > .row { background-color: #f70606; }
  .upper-row, .lower-row { height: auto; }
  .upper-row > div:first-child, .lower-row > div:first-child { background-color: #f7f5f5; }
  .upper-row > div:first-child h6, .lower-row > div:first-child h6 { color: #333; }
  .upper-row > div:last-child, .lower-row > div:last-child { background-color: #f70606; color: #fff; }
  .upper-row > div:last-child h6, .lower-row > div:last-child h6 { color: #fff; } }