xp-dev.com Git - namibia/blob - public/css/app/about_us.css

   1 .about_us {
   2     color: #413E3E;
   3     line-height: 16px;
   4     padding: 30px 0 0;
   5     width: 951px;
   6 }
   7 .row-fluid .about_us div h2, .row-fluid .about_us .span4 h2 {
   8     font-family: arial;
   9     font-size: 22px;
  10     font-style: normal;
  11     font-weight: normal;
  12     padding-bottom: 0px;
  13         line-height: 22px;
  14         text-align:left;
  15 }
  16 .about_us hr.grey {
  17     border-color: #D3D3D3;
  18     border-width: 1px 0 0;
  19     margin: 0 0 5px;
  20 }
  21 .b4cvids {
  22         list-style:none;
  23         margin:0;
  24         padding:0;
  25 }
  26 .b4cvids li {
  27         display:block;
  28         float:left;
  29         text-align:left;
  30         width:100%;
  31         line-height:38px;
  32         font-size:12px;
  33 }
  34 .b4cvids li:hover{
  35         background:#d6d4d5;
  36 }
  37 .about_us .vid_icon {
  38         background-image: url("../../imgs/btn-play-n.png");
  39         display:block;
  40         height:38px;
  41         padding-right:15px;
  42         background-repeat:no-repeat;
  43         width:32px;
  44         float:left;
  45         cursor:pointer;
  46 }
  47 .about_us .vid_icon:hover {
  48         background-image: url("../../imgs/btn-play-o.png");
  49         display:block;
  50         height:38px;
  51         padding-right:15px;
  52         background-repeat:no-repeat;
  53         float:left;
  54         width:32px;
  55         cursor:pointer;
  56 }
  57 .about_us .frame-vid {
  58         background-image: url("../../imgs/frame-vid.png");
  59         min-height:455px;
  60         padding-top:23px;
  61         background-repeat: no-repeat;
  62 }
  63 .about_us .frame-vid iframe {
  64         margin: 0 0 0 -3px;
  65 }
  66
  67 .frame-vid767, .frame-vid480, .frame-vid577{
  68         display:none;
  69 }
  70 .frame-vid767, .frame-vid480, .frame-vid577{
  71         float:left;
  72 }
  73 .frame-vid577 {
  74     background-image: url("../../imgs/frame-vid525.png");
  75     background-repeat: no-repeat;
  76     display: block;
  77     min-height: 300px;
  78     padding-left: 17px;
  79     padding-right: 20px;
  80     padding-top: 19px;
  81 }
  82 .frame-vid480 {
  83     background-image: url("../../imgs/frame-vid425.png");
  84     background-repeat: no-repeat;
  85     display: block;
  86     min-height: 268px;
  87     padding-left: 12px;
  88     padding-right: 20px;
  89     padding-top: 13px;
  90         background-size:270px 184px
  91 }
  92
  93 /* mobile and tablet*/
  94
  95 @media (min-width: 768px) and (max-width: 979px) {
  96         .about_us .frame-vid979  {
  97                 display:none;
  98         }
  99
 100 }
 101
 102 @media (max-width: 767px) {
 103
 104
 105 }
 106
 107 @media (max-width: 480px) {
 108         .frame-vid480 {
 109         display:block;
 110         }
 111
 112 }