
      [class^="icon-social-"],
      [class*=" icon-social-"] {
        background-image: url("/sites/all/themes/skifi/images/icons/social-red.png");
      }
      [class^="icon-color"],
      [class*=" icon-color"] {
        background-image: url("/sites/all/themes/skifi/bootstrap/img/glyphicons-halflings-red.png");
      }
      [class^="icon-picon-"],
      [class*=" icon-picon-"] {
        background-image: url("/sites/all/themes/skifi/images/icons/picons/picons-red.png");
      }
      .view-display-id-home_portfolio .img-mask-hover,
      .view-display-id-portfolio2 .img-mask-hover,
      .view-display-id-portfolio3 .img-mask-hover,
      .view-display-id-portfolio4 .img-mask-hover {
        background-image: url('/sites/all/themes/skifi/images/portfolio-hover-red.png');
      }
/* <style type="text/css"> */
    body{
      font-family: PlayRegular, Helvetica, arial, sans-serif;
    }

    h1, h2, h3, h4, h5, h6{
      font-weight: normal;
    }

    #slider_container h1, #slider_container h2, #slider_container h3, #slider_container h4, #slider_container h5{
      font-family: PlayBold;
    }

    blockquote{
      font-family: 'PT Serif', serif;
      font-style: italic;
    }
/* </style> */
/* <style type="text/css"> */

    /*
     * LAYOUT SETTING
     */

  .WrapperWidth {
    max-width:1600px;
  }

    /* boxed setting */

/* portfolio width settings */

/* 2 cols */
    .view-display-id-portfolio2 .portfolio-container .views-row{
      width: 760px;
    }

/* 3 cols */
    .view-display-id-portfolio3 .portfolio-container .views-row{
      width: 497px;
    }

/* 4 cols */
    .view-display-id-portfolio4 .portfolio-container .views-row{
      width: 362px;
    }
    body {
      font-family: verdana,helvetica,arial
    }
    body {
      background: url(/sites/all/themes/skifi/images/bg/plain.gif) repeat;;
    }

    body {
      font-size: 12px;
    }

    #mainMenu {
      font-size: 13px;
    }	/*
	 * custom colors --------------------------
	 *
	 */
    .theme-scheme, .node-product .product-title, #contentAndSidebars .menu-arrow, 
    .btn.node-add-to-cart, .btn.node-add-to-cart:hover, .node-product .product-title, 
    #title-region, .curly-brac, 
    .dropdown-menu .active > a,
    .dropdown-menu .active > a:hover,
    .dropdown-menu li > a:hover,
    .dropdown-menu li > a:focus,
    .dropdown-submenu:hover > a,
    .label-theme {
      background-color:  #f02828; 
    }

    .color, #site-name a, .blocktitle, #social-tagline, .plain-title {
    	color: #f02828 ;
    }

    @media (max-width:640px) {
      .view-display-id-portfolio4 .portfolio-container .views-field-title a {
    	color: #f02828;
        text-decoration: underline;
      }
    }

    #FooterRegion #footer a, #FooterRegion .more-link a {
    	color: #f02828;
    }

    #BottomRegion .color{
    	color: #fff;
    }

    .theme-border, .sf-menu li ul,  .box, .plain-title, .portfolio-container .views-field-created,
    #FooterRegion, #contentAndSidebars .blocktitle, #highlightedRegion {
      border-color: #f02828;
    }

    .noSlider .sf-menu li ul {
      border-color: #ee2828;
    }

    .node-product .product-images .field-type-image, #stickyHeader {
      border-color: #f45e5e;
    }

    .product-title-border {
      background: #f67e7e;
    }

    .btn.btn-theme, .btn-theme:focus,
    .btn-theme:active,  .btn.node-add-to-cart,
    #buttonMenu #secondary-menu-links li a {
      background: #f02828; /* Old browsers */
    }

    ul.plan  li.head, .meta .terms .field-item,
    .dropdown-menu .active > a,
    .dropdown-menu .active > a:hover,
    .dropdown-menu li > a:hover,
    .dropdown-menu li > a:focus,
    .dropdown-submenu:hover > a  {
      background: #f02828; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViN2MxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjk2NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #f45e5e 0%, #f02828 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f45e5e), 
          color-stop(100%,#f02828)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #f45e5e 0%, #f02828 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #f45e5e 0%, #f02828 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #f45e5e 0%, #f02828 100%); /* IE10+ */
      background: linear-gradient(to bottom, #f45e5e 0%, #f02828 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45e5e',
           endColorstr='#f02828', GradientType=0 ); /* IE6-8 */

      border-right:none;
      border-left:1px solid #f45e5e;
      box-shadow: -1px 0 0 0 rgba(0,0,0,.07) inset;
    }

    ul.plan  li.head {
      border-top:1px solid #ee2828;
    }

    .pricing-table div.ptable:first-child  li.head{
      border-left: 1px solid #ee2828;
    }

    .pricing-table div.ptable:last-child  li.head,
    .pricing-table div.ptable:nth-last-child(-n+1) > ul.plan > li.head{
      border-right: 1px solid #ee2828;
    }

    .btn.btn-theme:hover, .btn.node-add-to-cart:hover, #buttonMenu #secondary-menu-links li a:hover {
      background: #f24848;
      text-decoration: none;
    }

    .shadow-transition:hover{
      -webkit-box-shadow: 0px 0px 9px rgba(240,40,40, 0.8);
      -moz-box-shadow:    0px 0px 9px rgba(240,40,40, 0.8);
      box-shadow:         0px 0px 9px rgba(240,40,40, 0.8);
    }

    /*bootstrap line 1194 */
    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
      border-color: rgba(240,40,40, 0.8);
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240,40,40, 0.6);
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240,40,40, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240,40,40, 0.6);
    }

    .bar .foreground {
      background: #f02828; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViN2MxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjk2NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #f67e7e 0%, #f02828 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f45e5e), 
          color-stop(100%, #f02828)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #f67e7e 0%, #f02828 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #f67e7e 0%, #f02828 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #f67e7e 0%, #f02828 100%); /* IE10+ */
      background: linear-gradient(to bottom, #f67e7e 0%, #f02828 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67e7e', 
          endColorstr='#f02828', GradientType=0 ); /* IE6-8 */
    }

    .poll .bar {
      box-shadow: 0 1px 2px rgba(100,100,100,.2) inset;
      background: #eee;
    }

    #highlightedRegion {
      background-color: #161616;
    }

    #feedback-link:hover {
      background: #f02828;
    }

    a, .more-link a{
      color: #f02828;
    }

    a:hover, a:active{
      color: #f45e5e;
    }
/* 	end custom colors */


/* header setting */

    #header{
      min-height: 85px;
    }
    #logocontainer{
      margin-top: 12px;
    }
    #texttitles{
      margin-top: 12px;
    }
    #headerRight{
      margin-top: 0px;
    }
