@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  /*overflow-y: scroll;*/
  overflow-y: inherit;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231; }

body, button, input, select, textarea {
  font-family: sans-serif;
  color: #222; }

a {
  color: #000; }

a:visited {
  color: #000; }

a:hover {
  color: #000; }

a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal;
  *overflow: visible; }

table button, table input {
  *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.ir br {
  display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/*  Orange Brand typography
  April 2015
  by Atriom Pavlov

  ver. 1.0

*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- Orange Sans Font Family init --- */
@font-face {
  font-family: 'OrangeSans75Bold';
  src: url("../../fonts/OrangeSans/orangesans75-webfont.eot");
  src: url("../../fonts/OrangeSans/orangesans75-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/OrangeSans/sb-75.woff") format("woff"), url("../../fonts/OrangeSans/orangesans75-webfont.ttf") format("truetype"), url("../../fonts/OrangeSans/orangesans75-webfont.svg#webfont") format("svg"); }
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- General --- */
* {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Arial; }

h1, h2, h3, h4, h5, b, strong {
  font-weight: bold;
  font-family: Arial;
  color: #000; }

small {
  font-size: 11px; }

/* ---  Specials ---*/
.inverted {
  color: #ffffff; }

.shorten {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.centered {
  text-align: center; }

.hidden {
  display: none !important;
  visibility: hidden; }

.hidden_alt {
  opacity: 0;
  overflow: hidden;
  height: 0;
  margin: 0;
  padding: 0; }

.align_left {
  text-align: left; }

.align_right {
  text-align: right; }

.bold {
  font-weight: bold; }

.float_left {
  float: left; }

.float_right {
  float: right; }

/* ---  Specials -> valign ---*/
.valign_middle {
  display: table;
  height: 90px;
  overflow: visible; }

.valign_middle > * {
  display: table-cell;
  vertical-align: middle; }

/* --- Coloring--- */
.txt_digital_orange {
  color: #ff7900; }

.txt_digital_white {
  color: #ffffff; }

.txt_digital_black {
  color: #000000; }

/* --- Font sizing -> Title --- */
h1.ver_1 {
  font-size: 60px;
  line-height: 72px; }

h1.ver_2 {
  font-size: 50px; }

h1 {
  font-size: 40px; }

/* --- Font sizing -> Heading --- */
h2.ver_1 {
  font-size: 30px;
  line-height: 36px; }

h2, h2.ver_2 {
  font-size: 25px; }

h2.ver_3 {
  font-size: 20px; }

/* --- Font sizing -> Sub Heading --- */
h3, h4, h5 {
  font-size: 18px; }

h5.leading {
  font-size: 16px; }

h5.leading2 {
  font-size: 14px; }

/* --- Font sizing -> Body text --- */
b, strong {
  font-size: 14px; }

b.leading {
  font-size: 16px; }

/* --- Font sizing -> Body text --- */
* {
  font-size: 14px; }

/* --- text selection bg color --- */
::selection {
  background: #ff6600;
  color: #ffffff;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: #ff6600;
  color: #ffffff;
  /* Gecko Browsers */ }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- list --- */
ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }

ul.list_square {
  display: inline-block; }

ul.list_square li {
  position: relative;
  padding: 0 0 10px 15px;
  font-size: 14px;
  line-height: 16px;
  display: block; }

ul.list_square li:before {
  position: absolute;
  content: '■';
  color: #f60;
  left: 0;
  top: 0; }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* --- hr --- */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Margin set*/
/*5px set*/
.margin_5 {
  margin: 5px; }

.margin_5_0 {
  margin: 5px 0; }

.margin_0_5 {
  margin: 0 5px; }

.margin_5_0_0_0 {
  margin: 5px 0 0 0; }

.margin_0_5_0_0 {
  margin: 0 5px 0 0; }

.margin_0_0_5_0 {
  margin: 0 0 5px 0; }

.margin_0_0_0_5 {
  margin: 0 0 0 5px; }

/*10px set*/
.margin_10 {
  margin: 10px; }

.margin_10_0 {
  margin: 10px 0; }

.margin_0_10 {
  margin: 0 10px; }

.margin_10_0_0_0 {
  margin: 10px 0 0 0; }

.margin_0_10_0_0 {
  margin: 0 10px 0 0; }

.margin_0_0_10_0 {
  margin: 0 0 10px 0; }

.margin_0_0_0_10 {
  margin: 0 0 0 10px; }

/*20px set*/
.margin_20 {
  margin: 20px; }

.margin_20_0 {
  margin: 20px 0; }

.margin_0_20 {
  margin: 0 20px; }

.margin_20_0_0_0 {
  margin: 20px 0 0 0; }

.margin_0_20_0_0 {
  margin: 0 20px 0 0; }

.margin_0_0_20_0 {
  margin: 0 0 20px 0; }

.margin_0_0_0_20 {
  margin: 0 0 0 20px; }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Paddings set*/
/*5px set*/
.padding_5 {
  padding: 5px; }

.padding_5_0 {
  padding: 5px 0; }

.padding_0_5 {
  padding: 0 5px; }

.padding_5_0_0_0 {
  padding: 5px 0 0 0; }

.padding_0_5_0_0 {
  padding: 0 5px 0 0; }

.padding_0_0_5_0 {
  padding: 0 0 5px 0; }

.padding_0_0_0_5 {
  padding: 0 0 0 5px; }

/*10px set*/
.padding_10 {
  padding: 10px; }

.padding_10_0 {
  padding: 10px 0; }

.padding_0_10 {
  padding: 0 10px; }

.padding_10_0_0_0 {
  padding: 10px 0 0 0; }

.padding_0_10_0_0 {
  padding: 0 10px 0 0; }

.padding_0_0_10_0 {
  padding: 0 0 10px 0; }

.padding_0_0_0_10 {
  padding: 0 0 0 10px; }

/*20px set*/
.padding_20 {
  padding: 20px; }

.padding_20_0 {
  padding: 20px 0; }

.padding_0_20 {
  padding: 0 20px; }

.padding_20_0_0_0 {
  padding: 20px 0 0 0; }

.padding_0_20_0_0 {
  padding: 0 20px 0 0; }

.padding_0_0_20_0 {
  padding: 0 0 20px 0; }

.padding_0_0_0_20 {
  padding: 0 0 0 20px; }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Mobile Layout:300px to 480px. Inherits styles from:Src Layout. */
* {
  font-size: 11px; }

/* Tablet Layout:481px to 768px. Inherits styles from:Mobile Layout. */
@media only screen and (min-width: 481px) {
  * {
    font-size: 12px; } }
/* Desktop Layout:769px to a max of 1232px. Inherits styles from:Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
  * {
    font-size: 11px; } }
/* HD Layout:1232px up to 1300. Inherits styles from:Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1232px) {
  * {
    font-size: 12px; } }
/*  Orange Brand colors
  April 2015
  by Atriom Pavlov

  ver. 1.0

*/
/* --- Core digital palette --- */
.digital_orange {
  background: #ff7900; }

.digital_orange_alt {
  background: #F16E00; }

.digital_white {
  background: #ffffff; }

.digital_black {
  background: #000000; }

.digital_orange_alt {
  background: #f16E00; }

/* --- Digital grey palette --- */
/*light*/
.digital_light_grey_1 {
  background: #f6f6f6; }

.digital_light_grey_2 {
  background: #EEEEEE; }

.digital_light_grey_3 {
  background: #DDDDDD; }

.digital_light_grey_4 {
  background: #CCCCCC; }

/*mid*/
.digital_mid_grey_1 {
  background: #999999; }

.digital_mid_grey_2 {
  background: #666666; }

/*dark*/
.digital_dark_grey_1 {
  background: #444444; }

.digital_dark_grey_2 {
  background: #333333; }

.digital_dark_grey_3 {
  background: #232323; }

/* --- Digital  supporting palette --- */
.digital_supp_yellow {
  background: #ffd200; }

.digital_supp_blue {
  background: #4BB4E6; }

.digital_supp_green {
  background: #50BE87; }

.digital_supp_purple {
  background: #A885D8; }

.digital_supp_pink {
  background: #FFB4E6; }

/* --- Functional colors --- */
.digital_func_red {
  background: #DC3C14; }

.digital_func_green {
  background: #32C832; }

.digital_func_yellow {
  background: #FFCC00; }

.digital_func_blue {
  background: #527EBD; }

/*  Orange Brand animals
  April 2015
  by Atriom Pavlov

  ver. 1.0

*/
.omd_ani_40,
.omd_ani_60,
.omd_ani_80 {
  display: inline-block;
  background-repeat: no-repeat;
  background: url("../../images/brand3/animals_.png");
  /*-webkit-filter: brightness(0%); 
     -moz-filter: brightness(0%);
      -ms-filter: brightness(0%);
       -o-filter: brightness(0%);
          filter: brightness(0%);*/ }

/*Disabled state*/
.omd_ani_40.disabled,
.omd_ani_60.disabled,
.omd_ani_80.disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); }

/*Inverted state*/
.omd_ani_40.inverted,
.omd_ani_60.inverted,
.omd_ani_80.inverted {
  -webkit-filter: brightness(0%) invert(100%);
  -moz-filter: brightness(0%) invert(100%);
  -ms-filter: brightness(0%) invert(100%);
  -o-filter: brightness(0%) invert(100%);
  filter: brightness(0%) invert(100%); }

/*hover state*/
.omd_ani_40:hover,
.omd_ani_60:hover,
.omd_ani_80:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%); }

/*Scaling adjustment*/
.omd_ani_40 {
  width: 40px;
  height: 40px;
  background-size: 240px 40px; }

.omd_ani_60 {
  width: 60px;
  height: 60px;
  background-size: 360px 60px; }

.omd_ani_80 {
  width: 80px;
  height: 80px;
  background-size: 480px 80px; }

/* --- Icons coordonates --- */
.omd_ani_40.ico_colibri {
  background-position: 0px    0px; }

.omd_ani_60.ico_colibri {
  background-position: 0px    0px; }

.omd_ani_80.ico_colibri {
  background-position: 0px    0px; }

.omd_ani_40.ico_tigru {
  background-position: -40px    0px; }

.omd_ani_60.ico_tigru {
  background-position: -60px    0px; }

.omd_ani_80.ico_tigru {
  background-position: -80px    0px; }

.omd_ani_40.ico_delfin {
  background-position: -80px    0px; }

.omd_ani_60.ico_delfin {
  background-position: -120px    0px; }

.omd_ani_80.ico_delfin {
  background-position: -160px    0px; }

.omd_ani_40.ico_delfinnew {
  background-position: -80px    0px; }

.omd_ani_60.ico_delfinnew {
  background-position: -120px    0px; }

.omd_ani_80.ico_delfinnew {
  background-position: -160px    0px; }

.omd_ani_40.ico_fluture {
  background-position: -120px    0px; }

.omd_ani_60.ico_fluture {
  background-position: -180px    0px; }

.omd_ani_80.ico_fluture {
  background-position: -240px    0px; }

.omd_ani_40.ico_balena {
  background-position: -160px    0px; }

.omd_ani_60.ico_balena {
  background-position: -240px    0px; }

.omd_ani_80.ico_balena {
  background-position: -320px    0px; }

.omd_ani_40.ico_pantera {
  background-position: -200px    0px; }

.omd_ani_60.ico_pantera {
  background-position: -300px    0px; }

.omd_ani_80.ico_pantera {
  background-position: -400px    0px; }

.omd_ani_40.ico_,
.omd_ani_60.ico_,
.omd_ani_80.ico_ {
  background: none; }

/*  Orange Brand transnitions effects
  April 2015
  by Atriom Pavlov

  ver. 1.0

*/
.t_300 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/*  Orange Brand frames
  April 2015
  by Atriom Pavlov

  ver. 1.0

*/
button.digital_frame {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 14px; }

button.digital_frame:hover,
button.digital_frame:active {
  color: #000;
  background-color: inherit; }

button.digital_frame.inverted:hover,
button.digital_frame.inverted:active {
  color: #fff;
  background-color: inherit;
  border: 0; }

.digital_frame {
  display: inline-block;
  width: 200px;
  height: 200px;
  vertical-align: middle;
  font-weight: bold;
  color: #000;
  margin: 0; }

.t1 {
  background: url("../../images/brand3/frame/ORANGE_CARE_Frame_RGB_BLANK.svg");
  background-size: 200px 200px;
  background-repeat: no-repeat; }

.t2 {
  background: url("../../images/brand3/frame/ORANGE_FAMILY_Frame_RGB_BLANK.svg");
  background-size: 200px 200px;
  background-repeat: no-repeat; }

.t3 {
  background: url("../../images/brand3/frame/ORANGE_FUN_Frame_RGB_BLANK.svg");
  background-size: 200px 200px;
  background-repeat: no-repeat; }

.t4 {
  background: url("../../images/brand3/frame/ORANGE_HOME_Frame_RGB_BLANK.svg");
  background-size: 200px 200px;
  background-repeat: no-repeat; }

.t5 {
  background: url("../../images/brand3/frame/ORANGE_MONEY_Frame_RGB_BLANK.svg");
  background-size: 200px 200px;
  background-repeat: no-repeat; }

.t6 {
  background: url("../../images/brand3/frame/ORANGE_ON_THE_MOVE_Frame_BLANK.svg");
  background-size: 200px 200px;
  background-repeat: no-repeat; }

.t7 {
  background: url("../../images/brand3/frame/ORANGE_TARIFF_Frame_RGB_BLANK.svg");
  background-size: 200px 200px;
  background-repeat: no-repeat; }

.t8 {
  background: url("../../images/brand3/frame/ORANGE_WELLBEING_Frame_RGB_BLANK.svg");
  background-size: 200px 200px;
  background-repeat: no-repeat; }

.t9 {
  background: url("../../images/brand3/frame/ORANGE_CARE_Frame_RGB_BLANK.svg");
  background-size: 200px 200px;
  background-repeat: no-repeat; }

.t10 {
  background: url("../../images/brand3/frame/ORANGE_WORK_Frame_RGB_BLANK.svg");
  background-size: 200px 200px;
  background-repeat: no-repeat; }

.w200 {
  width: 200px;
  height: 200px;
  background-size: 200px 200px; }

.w400 {
  width: 400px;
  height: 400px;
  background-size: 400px 400px; }

/*  Orange Brand preloader
  April 2015
  by Atriom Pavlov

  ver. 1.0

*/
/* --- General --- */
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.rotating {
  -webkit-animation: rotating 3s cubic-bezier(0, 0, 0, 0) infinite;
  -moz-animation: rotating 3s cubic-bezier(0, 0, 0, 0) infinite;
  -ms-animation: rotating 3s cubic-bezier(0, 0, 0, 0) infinite;
  -o-animation: rotating 3s cubic-bezier(0, 0, 0, 0) infinite;
  animation: rotating 3s cubic-bezier(0, 0, 0, 0) infinite; }

.preloader {
  display: inline-block;
  background: url("../../images/brand3/preloader.png");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  margin: 0 10px 0 0; }

.w_20 {
  background-size: 20px 20px;
  width: 20px;
  height: 20px; }

.w_40 {
  background-size: 40px 40px;
  width: 40px;
  height: 40px; }

/*  Orange Brand buttons
  April 2015
  by Atriom Pavlov

  ver. 1.0
*/
/*General button styling (Default is Small button...)*/
button, .ob_bt {
  outline: none;
  cursor: pointer;
  background: none;
  padding: 0 10px;
  font-weight: bold;
  min-width: 44px;
  letter-spacing: 0px; }

button[disabled="true"],
button[disabled="disabled"] {
  opacity: 0.4; }

/*Button Sizing*/
button,
button.tiny_size,
.ob_bt.tiny_size {
  height: 30px;
  line-height: 29px; }

button.normal_size,
.ob_bt.normal_size {
  height: 40px;
  line-height: 38px; }

button.big_size,
.ob_bt.big_size {
  height: 40px;
  line-height: 34px;
  font-size: 16px; }

/*Button Colors*/
/*Default state*/
/* on white bg*/
button,
.ob_bt {
  background-color: none;
  border: 2px #000000 solid;
  color: #000000; }

button.color_purchase,
.ob_bt.color_purchase {
  background-color: #f16E00;
  border: 2px #f16E00 solid;
  color: #FFFFFF; }

button.color_positive,
.ob_bt.color_positive {
  background-color: #32C832;
  border: 2px #32C832 solid;
  color: #FFFFFF; }

button.color_negative,
.ob_bt.color_negative {
  background-color: #DC3C14;
  border: 2px #DC3C14 solid;
  color: #FFFFFF; }

.no_bt {
  background-color: none !important;
  border: 0; }

/* on black bg*/
button.inverted,
.ob_bt.inverted {
  background-color: #000000;
  border: 2px #FFFFFF solid;
  color: #FFFFFF; }

/* on black bg*/
button.inverted_alt,
.ob_bt.inverted_alt {
  background-color: inherit;
  border: 2px #FFFFFF solid;
  color: #FFFFFF; }

button.color_purchase.inverted,
.ob_bt.color_purchase.inverted {
  background-color: #f16E00;
  border: 2px #f16E00 solid;
  color: #FFFFFF; }

button.color_positive.inverted,
.ob_bt.color_positive.inverted {
  background-color: #32C832;
  border: 2px #32C832 solid;
  color: #FFFFFF; }

button.color_negative.inverted
.ob_bt.color_negative.inverted {
  background-color: #DC3C14;
  border: 2px #DC3C14 solid;
  color: #FFFFFF; }

/*Hover state*/
/* on white bg*/
button:hover,
.ob_bt:hover {
  background-color: #000000;
  border: 2px #000000 solid;
  color: #FFFFFF; }

button.disabled:hover,
.ob_bt.disabled:hover {
  background-color: inherit;
  border: 2px #000000 solid;
  color: inherit; }

/* on black bg*/
button.inverted:hover,
.ob_bt.inverted:hover {
  background-color: #FFFFFF;
  border: 2px #FFFFFF solid;
  color: #000000; }

button.disabled.inverted:hover,
.ob_bt.disabled.inverted:hover {
  background-color: inherit;
  border: 2px #FFFFFF solid;
  color: #FFFFFF; }

.no_bt:hover {
  background-color: none !important;
  background: none;
  color: #222;
  border: 0; }

button:focus,
.ob_bt:focus {
  /*border: 2px #f00 solid;*/ }

button.no_bt:focus {
  border: 0; }

/*Active state*/
/* on white bg*/
button:active,
.ob_bt:active {
  background-color: #f16E00;
  border: 2px #f16E00 solid;
  color: #FFFFFF; }

/* on black bg*/
button.inverted:active,
.ob_bt.inverted:active {
  background-color: #f16E00;
  border: 2px #f16E00 solid;
  color: #FFFFFF; }

/*special*/
button.color_invert,
.ob_bt.color_invert {
  -webkit-filter: invert(100%);
  filter: invert(100%); }

button.visited,
.ob_bt.visited {
  border: 1px #333 solid;
  color: #333; }

button.disabled,
.ob_bt.disabled {
  opacity: 0.7;
  cursor: default; }

img, object, embed, video {
  max-width: 100%; }

/* IE 6 support */
.tmplDiv {
  display: block;
  float: left;
  clear: both;
  width: 100%; }

/* Mobile Layout: 480px and below. */
.gridContainer {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 0%;
  padding-right: 0%; }

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
  .gridContainer {
    width: 97.675%;
    padding-left: 1.1625%;
    padding-right: 1.1625%; }

  .div2_5_1_1 {
    width: 23.0769%; }

  .div2_5_2_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 24.0769%; }

  .div2_5_3_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 24.0769%; }

  .div2_5_4_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 24.0769%; }

  .div3_4_1_1 {
    width: 48.7179%; }

  .div3_4_2_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 49.7179%; }

  .div3_4_3_1 {
    width: 35.8974%; }

  .div3_4_4_2 {
    clear: none;
    margin-left: 1.5641%;
    width: 62.5384%; }

  .div4_4_1_1 {
    width: 48.7179%; }

  .div4_4_2_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 49.7179%; }

  .div4_4_3_2 {
    width: 61.5384%; }

  .div4_4_4_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 36.8974%; }

  .div5_4_1_1 {
    width: 35.8974%; }

  .div5_4_2_2 {
    clear: none;
    margin-left: 1.5641%;
    width: 62.5384%; }

  .div5_4_3_1 {
    width: 48.7179%; }

  .div5_4_4_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 49.7179%; }

  .div6_4_1_2 {
    width: 61.5384%; }

  .div6_4_2_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 36.8974%; }

  .div6_4_3_1 {
    width: 48.7179%; }

  .div6_4_4_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 49.7179%; }

  .div7_3_1_1 {
    width: 23.0769%; }

  .div7_3_2_3 {
    clear: none;
    margin-left: 1.5641%;
    width: 75.3589%; }

  .div8_3_1_1 {
    width: 48.7179%; }

  .div8_3_2_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 49.7179%; }

  .div9_3_2_1 {
    width: 48.7179%; }

  .div9_3_3_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 49.7179%; }

  .div10_2_1_1 {
    width: 23.0769%; }

  .div10_2_2_4 {
    clear: none;
    margin-left: 1.5641%;
    width: 75.3589%; }

  .div11_2_1_2 {
    width: 35.8974%; }

  .div11_2_2_3 {
    clear: none;
    margin-left: 1.5641%;
    width: 62.5384%; }

  .div12_2_1_3 {
    width: 48.7179%; }

  .div12_2_2_2 {
    clear: none;
    margin-left: 1.5641%;
    width: 49.7179%; }

  .div13_2_1_4 {
    width: 74.3589%; }

  .div13_2_2_1 {
    clear: none;
    margin-left: 1.5641%;
    width: 24.0769%; } }
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
  .gridContainer {
    width: 88.2%;
    max-width: 950px;
    padding-left: 0.9%;
    padding-right: 0.9%;
    margin: auto; }

  .div2_5_1_1 {
    width: 18.3673%; }

  .div2_5_2_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div2_5_3_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div2_5_4_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div2_5_5_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div3_4_1_1 {
    width: 18.3673%; }

  .div3_4_2_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div3_4_3_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div3_4_4_2 {
    clear: none;
    margin-left: 1.0408%;
    width: 39.7755%; }

  .div4_4_1_1 {
    width: 18.3673%; }

  .div4_4_2_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div4_4_3_2 {
    clear: none;
    margin-left: 1.0408%;
    width: 39.7755%; }

  .div4_4_4_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div5_4_1_1 {
    width: 18.3673%; }

  .div5_4_2_2 {
    clear: none;
    margin-left: 1.0408%;
    width: 39.7755%; }

  .div5_4_3_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div5_4_4_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div6_4_1_2 {
    width: 38.7755%; }

  .div6_4_2_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div6_4_3_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div6_4_4_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div7_3_1_1 {
    width: 18.3673%; }

  .div7_3_2_3 {
    clear: none;
    margin-left: 1.0408%;
    width: 60.1836%; }

  .div7_3_3_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div8_3_1_1 {
    width: 18.3673%; }

  .div8_3_2_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div8_3_3_3 {
    clear: none;
    margin-left: 1.0408%;
    width: 60.1836%; }

  .div9_3_1_3 {
    width: 59.1836%; }

  .div9_3_2_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div9_3_3_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  .div10_2_1_1 {
    width: 18.3673%; }

  .div10_2_2_4 {
    clear: none;
    margin-left: 1.0408%;
    width: 80.5918%; }

  .div11_2_1_2 {
    width: 38.7755%; }

  .div11_2_2_3 {
    clear: none;
    margin-left: 1.0408%;
    width: 60.1836%; }

  .div12_2_1_3 {
    width: 59.1836%; }

  .div12_2_2_2 {
    clear: none;
    margin-left: 1.0408%;
    width: 39.7755%; }

  .div13_2_1_4 {
    width: 79.5918%; }

  .div13_2_2_1 {
    clear: none;
    margin-left: 1.0408%;
    width: 19.3673%; }

  /*2COL*/
  .div14_2_1_2 {
    width: 49.45%; }

  .div14_2_2_2 {
    margin-left: 1.0408%;
    width: 49.44%; } }