/* 
==========================================================
   	THEME NAME:  D.FACTO
   	THEME URI:   http://themeforest.net/user/RedFatCat/
   	DESCRIPTION: D.Facto is modern one page parallax portfolio theme for agencies, artists and freelancers.
   	Author:      RedFatCat Design
	Author:      URI:http://themeforest.net/user/RedFatCat
   	VERSION:     1.0.0
   	LICENSE:     GNU General Public License
   	LICENSE URI: license.txt
========================================================== */

/* GENERAL SECTION
========================================================== */
.promo-title h2                         {
                                            padding-bottom: 30px;
                                            font-size: 36px;
                                        }
.promo-title p                          {
                                            margin-top: 0.5em; 
                                            margin-bottom: 1em; 
                                            font-size: 14px;
                                            line-height: 1.6em;
                                        }
.top-padding                            { padding: 0!important }
.margin-top                             { margin: 150px 0 0 }
.blockquote                             {
                                            margin-bottom: 20px!important;
                                            font-weight: 700;
                                            font-size: 6em!important;
                                            font-family: 'Source Sans Pro', sans-serif;
                                        }
.cite                                   {
                                            position: relative;
                                            z-index: 999;
                                            margin-bottom: 100px!important;
                                            color: #fcfcfc;
                                            text-align: center;
                                            font-weight: 400!important;
                                            font-size: 1.6em;
                                        }
.thumbnail>img,
.img-thumbnail                          { margin-bottom: 1em }
.thumbnail,
.img-thumbnail                          { border-bottom: none!important }
#Section-advantages                     { background: #ecf0f1 }
#Section-advantages i                   {
                                            margin: 0 auto;
                                            width: 33px;
                                            height: 33px;
                                        }
#Section-advantages h2                  {
                                            margin: 0 0 30px 0;
                                            color: #45475C;
                                        }
#Section-advantages h3                  {
                                            padding: 30px 0 0;
                                            color: #3f424c;
                                            text-transform: uppercase;
                                            font-weight: 700;
                                            font-size: 24px;
                                            font-family: 'Source Sans Pro', sans-serif;
                                            line-height: 32px;
                                        }
#Section-advantages p                   {
                                            padding: 10px 20px 0 0;
                                            color: #555;
                                            text-align: left;
                                            font-weight: 400;
                                            font-size: 16px;
                                            line-height: 1.6em;
                                        }
#Section-advantages .circ-wrap          {
                                            border: 3px solid #45475C;
                                            border-radius: 500px;
                                            background: #eff0f1;
                                            color: #45475C;
                                            transition: color 0.3s linear;
                                            -moz-transition: color 0.3s linear;
                                            -webkit-transition: color 0.3s linear;
                                            -o-transition: color 0.3s linear;

                                        }
#Section-advantages .circ-wrap:hover    {
                                            color: #f86862;
                                            border: 3px solid #f86862;
                                        }
#Section-products                       {
                                            background: #f0f2eb;
                                            color: #45475C;
                                        }
#Section-products p,
#Section-products h3                    { color: #45475C }
.well                                   {
                                            padding-top: 100px;
                                            padding-bottom: 100px;
                                            border: none;
                                            -webkit-border-radius: 0px;
                                            -moz-border-radius: 0px;
                                            border-radius: 0px;
                                            color: #fff!important;
                                        }
.well-contact                           {
                                            padding-top: 20px;
                                            padding-bottom: 20px;
                                            border: none;
                                            -webkit-border-radius: 0px;
                                            -moz-border-radius: 0px;
                                            border-radius: 0px;
                                            -webkit-box-shadow: 0 1px 5px -1px #333;
                                            -moz-box-shadow: 0 1px 5px -1px #333;
                                            box-shadow: 0 1px 5px -1px #333;
                                            color: #fff!important;
                                        }
#Section-advantages .well               {
                                            position: relative;
                                            top: 0;
                                            left: 0;
                                            z-index: 0;
                                            margin-top: 60px;
                                            margin-bottom: -100px;
                                            width: 100%;
                                            height: 100%;
                                            background: url(../../images/layout/teaserone.jpg) 0% 0% fixed repeat;
                                        }
.pattern                                {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            z-index: 2;
                                            width: 100%;
                                            height: 100%;
                                            background: transparent url(../../images/layout/pattern.png);
                                        }
.well .lead                             {
                                            position: relative;
                                            z-index: 3;
                                            font-size: 420%;
                                        }
#Section-products .well                 {
                                            position: relative;
                                            top: 0;
                                            left: 0;
                                            z-index: 0;
                                            margin-top: 60px;
                                            margin-bottom: -100px;
                                            width: 100%;
                                            height: 100%;
                                            background: url(../../images/layout/teasertwo.html) 0% 0% fixed repeat;
                                        }
#Section-team                           {
                                            background: #222a31;
                                            color: #f5f5f5;
                                        }
#Section-team .circ-wrap                {
                                            background: #fff;
                                            color: #45475C;
                                        }
#Section-team h2                        {
                                            border-color: #f0f0f0!important;
                                            color: #f0f0f0!important;
                                        }
#Section-team h3                        {
                                            padding: 20px 0 0 20px;
                                            color: #C9CAD6;
                                        }
#Section-team .well                     {
                                            position: relative;
                                            top: 0;
                                            left: 0;
                                            z-index: 0;
                                            margin-top: 60px;
                                            margin-bottom: -100px;
                                            width: 100%;
                                            height: 100%;
                                            background: url(../../images/layout/teaserthree.html) 0% 0% fixed repeat;
                                        }
#Section-price                          {
                                            padding-top: 0;
                                            padding-bottom: 0;
                                            background: #cfd6de;
                                        }
#Section-team h2,
#Section-products h3,
#Section-advantages h2,
#Section-price h2,
#Section-price h3                       {
                                            position: relative;
                                            display: inline-block;
                                            margin: 0 0 45px;
                                            outline: none;
                                            border-top: 2px solid #45475C;
                                            border-bottom: 2px solid #45475C;
                                            color: #45475C;
                                            text-decoration: none;
                                            text-transform: uppercase;
                                            letter-spacing: 2px;
                                            font-weight: 700;
                                            -webkit-transition: border-color 0.3s, color 0.3s;
                                            transition: border-color 0.3s, color 0.3s;
                                        }
#Section-price .well                    {
                                            position: relative;
                                            top: 0;
                                            left: 0;
                                            z-index: 0;
                                            margin-top: 60px;
                                            margin-bottom: -100px;
                                            width: 100%;
                                            height: 100%;
                                            background: url(../../images/layout/teaserfour.jpg) 0% 0% fixed repeat;
                                        }
.features-list li .icons i              {
                                            padding-right: 25px;
                                            color: #53575E;
                                        }

/* HEADER SECTION
========================================================== */
body                                    {
                                            padding-top: 60px;
                                            padding-bottom: 0px;
                                            background: #F7F7F7;
                                            color: #45475C!important;
                                            font-size: 16px;
                                        }
h1,
h2,
h3,
h4,
.navbar .navbar-brand                   {
                                            font-weight: 500;
                                            font-family: 'Source Sans Pro', sans-serif;
                                        }
.separator                              {
                                            margin: 2.5em 0;
                                            height: 55px;
                                        }
.float-right                            { float: right }
hr                                      {
                                            clear: both;
											margin: 10px 0 30px;
											height: 0;
											border-width: 0;
                                        }
.hr                                     {
                                            position: absolute;
                                            left: 0;
                                            z-index: 1;
                                            margin: 30px 0;
                                            padding: 30px 0;
                                            width: 100%;
                                            border-color: rgba(250,250,250, 0.1);
                                            border-top: 1px solid;
                                        }
.img-circle                             { margin: 10px 0 30px }
.img-circle h3                          { font-size: 24px }
.lead                                   {
                                            padding: 0 0 25px;
                                            text-align: center!important;
                                            font-size: 36px!important;
                                        }
.lead-contact                           {
                                            padding: 0;
                                            text-align: center!important;
                                            font-size: 36px!important;
                                        }
.lead-clients h2                        {
                                            margin-bottom: 35px;
                                            text-align: center!important;
                                            font-size: 60px!important;
                                        }
.lead-social                            {
                                            padding: 0 0 20px;
                                            text-align: center!important;
                                            font-size: 36px!important;
                                        }
.lead-parallax                          {
                                            position: relative;
                                            z-index: 999;
                                            margin: 100px 0;
                                            color: #fff !important;
                                            text-align: center!important;
                                            font-size: 60px!important;
                                        }
p                                       { text-rendering: optimizeLegibility }
.text-right                             { text-align: right }
.slider-container                       {
                                            margin-top: 100px!important;
                                            background-color: #fff;
                                        }
.padding-top                            { padding-top: 50px }
.maxWide                                { max-width: 100%!important }
.justify                                { text-align: justify }
.JohnDoe h3                             { font-size: 32px!important }
header                                  { padding-top: 50px }
section                                 {
                                            position: relative;
                                            margin-top: -5px;
                                            padding-top: 50px;
                                            padding-bottom: 50px;
                                            min-width: 100%;
                                            width: 100%;
                                        }
nav a                                   { font-weight: 400!important }
.navbar .nav > li > a                   {
                                            float: none;
                                            padding: 30px 5px 35px;
                                            border-top: 10px solid transparent;
                                            color: #ecf0f1;
                                            text-decoration: none;
                                            text-transform: uppercase;
                                            text-shadow: none;
                                            font-size: 14px;
                                        }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus        {
                                            border-bottom: 5px solid #f86862;
                                            background: none;
                                            -webkit-box-shadow: none;
                                            -moz-box-shadow: none;
                                            box-shadow: none;
                                            color: #ecf0f1;
                                            text-decoration: none;
                                        }
.navbar .navbar-brand                   {
                                            margin-right: 30px;
                                            padding: 2px 15px 30px 15px;
                                            max-width: 300px;
                                            color: #ecf0f1;
                                            text-shadow: none;
                                            letter-spacing: 2px;
                                            font-weight: 100;
                                            font-size: 40px;
                                        }
.navbar                                 {
                                            -webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
                                            -moz-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
                                            box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
                                        }
.navbar                                 {
                                            padding-right: 20px;
                                            padding-left: 20px;
                                            min-height: 60px;
                                            max-height: 101px;
                                            border: none;
                                            -webkit-border-radius: 0px;
                                            -moz-border-radius: 0px;
                                            border-radius: 0px;
                                            background: #4e5b6c;
                                            background-image: none;
                                            background-repeat: repeat-x;
                                            -webkit-box-shadow: 0 1px 5px -1px #333;
                                            -moz-box-shadow: 0 1px 5px -1px #333;
                                            box-shadow: 0 1px 5px -1px #333;
                                            filter: none;
                                        }
.navbar-toggle:hover,
.navbar-toggle:focus                    { background-color: #fff!important }
.logo                                   {
                                            float: left;
                                            border: 0;
                                            background-color: transparent;
                                            color: transparent;
                                            text-shadow: none;
                                            font: 0/0 a;
                                        }
#head-top                               {
                                            position: relative;
                                            display: inline-block;
                                            overflow: hidden;
                                            margin-top: 100px;
                                            padding-top: 0px;
                                            padding-bottom: 0px;
                                            width: 100%;
                                            height: 100%;
                                            background: #f8fafa;
                                        }
#head-top .jumbotron                    {
                                            padding-top: 160px;
                                            min-height: 300px;
                                            -webkit-border-radius: 0px;
                                            -moz-border-radius: 0px;
                                            border-radius: 0px;
                                            background: none;
                                            color: #ffffff;
                                        }
/* Menu Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after                   {
                                            display: inline-block;
                                            opacity: 0;
                                            -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
                                            -moz-transition: -moz-transform 0.3s, opacity 0.2s;
                                            transition: transform 0.3s, opacity 0.2s;
                                        }
.cl-effect-1 a::before                  {
                                            margin-right: 3px;
                                            color: #ecf0f1;
                                            content: '[';
                                            font-size: 16px;
                                            -webkit-transform: translateX(25px);
                                            -moz-transform: translateX(25px);
                                            transform: translateX(25px);
                                        }
.cl-effect-1 a::after                   {
                                            margin-left: 3px;
                                            color: #ecf0f1;
                                            content: ']';
                                            font-size: 16px;
                                            -webkit-transform: translateX(-25px);
                                            -moz-transform: translateX(-25px);
                                            transform: translateX(-25px);
                                        }
.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after             {
                                            opacity: 1;
                                            -webkit-transform: translateX(0px);
                                            -moz-transform: translateX(0px);
                                            transform: translateX(0px);
                                        }
.page-header h2,
.page-header h3                         {
                                            font-size: 60px;
                                            line-height: 74px;
                                        }

/* BUTTONS 
========================================================== */
.btn                                    {
                                            border: none;
                                            border-radius: 0!important;
                                            background: #34495e;
                                            -webkit-box-shadow: none;
                                            -moz-box-shadow: none;
                                            box-shadow: none;
                                            color: white;
                                            text-decoration: none;
                                            text-shadow: none;
                                            letter-spacing: 1px;
                                            font-weight: normal;
                                            font-size: 16px;
                                            -webkit-transition: 0.25s;
                                            -moz-transition: 0.25s;
                                            -o-transition: 0.25s;
                                            transition: 0.25s;
                                            -webkit-backface-visibility: hidden;
                                        }
.btn:hover,
.btn:focus                              {
                                            background-color: #4e6d8d;
                                            color: white;
                                            -webkit-transition: 0.25s;
                                            -moz-transition: 0.25s;
                                            -o-transition: 0.25s;
                                            transition: 0.25s;
                                            -webkit-backface-visibility: hidden;
                                        }
.btn:active,
.btn.active                             {
                                            background-color: #2c3e50;
                                            -webkit-box-shadow: none;
                                            -moz-box-shadow: none;
                                            box-shadow: none;
                                            color: rgba(255, 255, 255, 0.75);
                                        }
.btn.disabled,
.btn[disabled]                          {
                                            background-color: #95a5a6;
                                            color: white;
                                        }
.btn-large                              { border-radius: 0px!important }
.btn.btn-large                          {
                                            position: relative;
                                            z-index: 3;
                                            padding: 20px 0;
                                        }
.btn.btn-primary                        { background-color: #1abc9c }
.btn.btn-primary:hover,
.btn.btn-primary:focus                  { background-color: #2fe2bf }
.btn.btn-primary:active,
.btn.btn-primary.active                 { background-color: #16a085 }
.btn.btn-info                           { background-color: #3498db }
.btn.btn-info:hover,
.btn.btn-info:focus                     { background-color: #5dade2 }
.btn.btn-info:active,
.btn.btn-info.active                    { background-color: #2383c4 }
.btn.btn-danger                         {
                                            background-color: #f86862;
                                            text-transform: uppercase;
                                        }
.btn.btn-danger:hover,
.btn.btn-danger:focus                   { background-color: #de543e }
.btn.btn-danger:active,
.btn.btn-danger.active                  { background-color: #dc2d1b }
.btn.btn-rfc                            {
                                            margin: 30px 0;
                                            padding: 15px 40px;
                                            border: 2px solid #909090!important;
                                            -webkit-border-radius: 2px!important;
                                            -moz-border-radius: 2px!important;
                                            border-radius: 2px!important;
                                            background: #fcfcfc;
                                            color: #666666;
                                            text-transform: uppercase;
                                            -webkit-transition: all 0.5s;
                                            -moz-transition: all 0.5s;
                                            transition: all 0.5s;
                                        }
.btn.btn-rfc:hover,
.btn.btn-rfc:focus                      {
                                            border: 2px solid #f86862!important;
                                            background: #f86862;
                                            color: #fcfcfc;
                                        }
.btn.btn-rfc:active,
.btn.btn-rfc.active                     { background-color: #fff }
.btn.btn-rfc-mail                       {
                                            padding: 4px 40px;
                                            border: 2px solid #fcfcfc!important;
                                            -webkit-border-radius: 2px!important;
                                            -moz-border-radius: 2px!important;
                                            border-radius: 2px!important;
                                            background: transparent;
                                            color: #fcfcfc;
                                            -webkit-transition: all 0.5s;
                                            -moz-transition: all 0.5s;
                                            transition: all 0.5s;
                                        }
.btn.btn-rfc-mail:hover,
.btn.btn-rfc-mail:focus                 {
                                            border: 2px solid #f86862!important;
                                            background: #f86862;
                                            color: #fff;
                                        }
.btn.btn-rfc-mail:active,
.btn.btn-rfc-mail.active                { background-color: transparent!important }
.btn.btn-success                        { background-color: #2ecc71 }
.btn.btn-success:hover,
.btn.btn-success:focus                  { background-color: #55d98d }
.btn.btn-success:active,
.btn.btn-success.active                 { background-color: #27ad60 }
.btn.btn-warning                        { background-color: #FFAA49 }
.btn.btn-warning:hover,
.btn.btn-warning:focus                  { background-color: #f4d03f }
.btn.btn-warning:active,
.btn.btn-warning.active                 { background-color: #cea70c }


/* PORTFOLIO 
========================================================== */
.grid-hover                             {
                                            margin: 0 auto;
                                            padding: 0 20px 100px 20px;
                                            max-width: 1300px;
                                            list-style: none;
                                            text-align: center;
                                        }
.grid-hover li                          {
                                            position: relative;
                                            display: inline-block;
                                            margin: 0;
                                            width: 290px;
                                            text-align: left;
                                            /*padding: 20px;*/
                                            padding: 0!important;
                                        }
.grid-hover figure                      {
                                            position: relative;
                                            margin: 0;
                                        }
.grid-hover figure img                  {
                                            position: relative;
                                            display: block;
                                            max-width: 100%;
                                        }
.grid-hover figcaption                  {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            padding: 20px 5px 0 10px;
                                            background: #263442;
                                            color: #fcfcfc;
                                        }
.grid-hover figcaption h3               {
                                            margin: 0;
                                            padding: 0;
                                            color: #fff;
                                        }
.grid-hover figcaption span:before      { content: 'by ' }
.grid-hover figcaption a                {
                                            display: inline-block;
                                            padding: 3px 8px 3px 8px;
                                            background: #f05036;
                                            color: #fff;
                                            text-align: center;
                                        }
/* Caption Style 4 */
.cs-style-4 li                          {
                                            -webkit-perspective: 1700px;
                                            -moz-perspective: 1700px;
                                            perspective: 1700px;
                                            -webkit-perspective-origin: 0 50%;
                                            -moz-perspective-origin: 0 50%;
                                            perspective-origin: 0 50%;
                                        }
.cs-style-4 figure                      {
                                            -webkit-transform-style: preserve-3d;
                                            -moz-transform-style: preserve-3d;
                                            transform-style: preserve-3d;
                                        }
.cs-style-4 figure > div                { overflow: hidden }
.cs-style-4 figure img                  {
                                            -webkit-transition: -webkit-transform 0.4s;
                                            -moz-transition: -moz-transform 0.4s;
                                            transition: transform 0.4s;
                                        }
.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img         {
                                            -webkit-transform: translateX(25%);
                                            -moz-transform: translateX(25%);
                                            -ms-transform: translateX(25%);
                                            transform: translateX(25%);
                                        }
.cs-style-4 figcaption                  {
                                            width: 50%;
                                            height: 100%;
                                            opacity: 0;
                                            -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
                                            -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
                                            transition: transform 0.4s, opacity 0.1s 0.3s;
                                            -webkit-transform: rotateY(-90deg);
                                            -moz-transform: rotateY(-90deg);
                                            transform: rotateY(-90deg);
                                            -webkit-transform-origin: 0 0;
                                            -moz-transform-origin: 0 0;
                                            transform-origin: 0 0;
                                            -webkit-backface-visibility: hidden;
                                            -moz-backface-visibility: hidden;
                                            backface-visibility: hidden;
                                        }
.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption  {
                                            opacity: 1;
                                            -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
                                            -moz-transition: -moz-transform 0.4s, opacity 0.1s;
                                            transition: transform 0.4s, opacity 0.1s;
                                            -webkit-transform: rotateY(0deg);
                                            -moz-transform: rotateY(0deg);
                                            transform: rotateY(0deg);
                                        }
.cs-style-4 figcaption a                {
                                            position: absolute;
                                            right: 36px;
                                            bottom: 20px;
                                        }
.cs-style-4 figcaption a:hover          {
                                            text-decoration: none;
                                        }
/* HOVER EFFECT
========================================================== */
.view-sixth img                         {
                                            -webkit-transition: all 0.4s ease-in-out 0.5s;
                                            -moz-transition: all 0.4s ease-in-out 0.5s;
                                            -ms-transition: all 0.4s ease-in-out 0.5s;
                                            -o-transition: all 0.4s ease-in-out 0.5s;
                                            transition: all 0.4s ease-in-out 0.5s;
                                        }
.view-sixth .mask                       {
                                            background-color: rgba(77, 86, 97, 0.7);
                                            opacity: 0;
                                            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
                                            filter: alpha(opacity=0);
                                            -webkit-transition: all 0.3s ease-in 0.4s;
                                            -moz-transition: all 0.3s ease-in 0.4s;
                                            -ms-transition: all 0.3s ease-in 0.4s;
                                            -o-transition: all 0.3s ease-in 0.4s;
                                            transition: all 0.3s ease-in 0.4s;
                                        }
.view-sixth h2                          {
                                            margin: 20px 40px 0px 40px;
                                            border-bottom: 1px solid rgba(0, 0, 0, 0.3);
                                            background: transparent;
                                            opacity: 0;
                                            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
                                            filter: alpha(opacity=0);
                                            -webkit-transition: all 0.3s ease-in-out 0.1s;
                                            -moz-transition: all 0.3s ease-in-out 0.1s;
                                            -ms-transition: all 0.3s ease-in-out 0.1s;
                                            -o-transition: all 0.3s ease-in-out 0.1s;
                                            transition: all 0.3s ease-in-out 0.1s;
                                            -webkit-transform: scale(10);
                                            -moz-transform: scale(10);
                                            -ms-transform: scale(10);
                                            -o-transform: scale(10);
                                            transform: scale(10);
                                        }
.view-sixth p                           {
                                            opacity: 0;
                                            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
                                            filter: alpha(opacity=0);
                                            -webkit-transition: all 0.3s ease-in-out 0.2s;
                                            -moz-transition: all 0.3s ease-in-out 0.2s;
                                            -ms-transition: all 0.3s ease-in-out 0.2s;
                                            -o-transition: all 0.3s ease-in-out 0.2s;
                                            transition: all 0.3s ease-in-out 0.2s;
                                            -webkit-transform: scale(10);
                                            -moz-transform: scale(10);
                                            -ms-transform: scale(10);
                                            -o-transform: scale(10);
                                            transform: scale(10);
                                        }
.view-sixth a.info                      {
                                            opacity: 0;
                                            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
                                            filter: alpha(opacity=0);
                                            -webkit-transition: all 0.3s ease-in-out 0.1s;
                                            -moz-transition: all 0.3s ease-in-out 0.1s;
                                            -ms-transition: all 0.3s ease-in-out 0.1s;
                                            -o-transition: all 0.3s ease-in-out 0.1s;
                                            transition: all 0.3s ease-in-out 0.1s;
                                            -webkit-transform: translateY(100px);
                                            -moz-transform: translateY(100px);
                                            -ms-transform: translateY(100px);
                                            -o-transform: translateY(100px);
                                            transform: translateY(100px);
                                        }
.view-sixth:hover .mask                 {
                                            opacity: 1;
                                            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
                                            filter: alpha(opacity=100);
                                            -webkit-transition-delay: 0s;
                                            -moz-transition-delay: 0s;
                                            -ms-transition-delay: 0s;
                                            -o-transition-delay: 0s;
                                            transition-delay: 0s;
                                        }
.view-sixth:hover img                   {
                                            -webkit-transition-delay: 0s;
                                            -moz-transition-delay: 0s;
                                            -ms-transition-delay: 0s;
                                            -o-transition-delay: 0s;
                                            transition-delay: 0s;
                                        }
.view-sixth:hover h2                    {
                                            opacity: 1;
                                            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
                                            filter: alpha(opacity=100);
                                            -webkit-transition-delay: 0.1s;
                                            -moz-transition-delay: 0.1s;
                                            -ms-transition-delay: 0.1s;
                                            -o-transition-delay: 0.1s;
                                            transition-delay: 0.1s;
                                            -webkit-transform: scale(1);
                                            -moz-transform: scale(1);
                                            -ms-transform: scale(1);
                                            -o-transform: scale(1);
                                            transform: scale(1);
                                        }
.view-sixth:hover p                     {
                                            opacity: 1;
                                            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
                                            filter: alpha(opacity=100);
                                            -webkit-transition-delay: 0.2s;
                                            -moz-transition-delay: 0.2s;
                                            -ms-transition-delay: 0.2s;
                                            -o-transition-delay: 0.2s;
                                            transition-delay: 0.2s;
                                            -webkit-transform: scale(1);
                                            -moz-transform: scale(1);
                                            -ms-transform: scale(1);
                                            -o-transform: scale(1);
                                            transform: scale(1);
                                        }
.view-sixth:hover a.info                {
                                            opacity: 1;
                                            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
                                            filter: alpha(opacity=100);
                                            -webkit-transition-delay: 0.3s;
                                            -moz-transition-delay: 0.3s;
                                            -ms-transition-delay: 0.3s;
                                            -o-transition-delay: 0.3s;
                                            transition-delay: 0.3s;
                                            -webkit-transform: translateY(0px);
                                            -moz-transform: translateY(0px);
                                            -ms-transform: translateY(0px);
                                            -o-transform: translateY(0px);
                                            transform: translateY(0px);
                                        }
.view                                   {
                                            position: relative;
                                            overflow: hidden;
                                            margin: 20px auto 10px 20px;
                                            cursor: default;
                                        }
.view .mask,
.view .content                          {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            overflow: hidden;
                                            width: 220px;
                                            height: 414px;
                                        }
.view img                               {
                                            position: relative;
                                            display: block;
                                        }
.view h2                                {
                                            position: relative;
                                            margin: 20px 0 0 0;
                                            padding: 10px;
                                            background: rgba(0, 0, 0, 0.8);
                                            color: #fff;
                                            text-align: center;
                                            text-transform: uppercase;
                                            font-size: 17px;
                                        }
.view p                                 {
                                            position: relative;
                                            padding: 75% 0 24px;
                                            color: #fff;
                                            text-align: center;
                                            font-style: italic;
                                            font-size: 14px;
                                            font-family: Georgia, serif;
                                        }
.view a.info                            {
                                            display: inline-block;
                                            padding: 7px 10px;
                                            background: #000;
                                            -webkit-box-shadow: 0 0 1px #000;
                                            -moz-box-shadow: 0 0 1px #000;
                                            box-shadow: 0 0 1px #000;
                                            color: #fff;
                                            text-decoration: none;
                                            text-transform: uppercase;
                                        }
.view a.info: hover                     {
                                            -webkit-box-shadow: 0 0 5px #000;
                                            -moz-box-shadow: 0 0 5px #000;
                                            box-shadow: 0 0 5px #000;
                                        }


/* ANIMATION
========================================================== */
.cbp-so-scroller                        {
                                            /*margin-top: 3em;*/
                                            overflow: hidden;
                                        }
/* Clear floats of children */
.cbp-so-section:before,
.cbp-so-section:after                   {
                                            display: table;
                                            content: " ";
                                        }
.cbp-so-section:after                   { clear: both }
/* Sides */
.cbp-so-side                            {
                                            float: left;
                                            overflow: hidden;
                                            margin: 0;
                                            padding: 3em 4%;
                                            min-height: 12em;
                                            -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
                                            -moz-transition: -moz-transform 0.5s, opacity 0.5s;
                                            transition: transform 0.5s, opacity 0.5s;
                                            /*width: 50%;*/
                                            width: 100%;
                                        }
/* Clear floats of children */
.cbp-so-side:before,
.cbp-so-side:after                      {
                                            display: table;
                                            content: " ";
                                        }
.cbp-so-side:after                      { clear: both }
.cbp-so-side-right                      { text-align: left }
.cbp-so-side-left                       { text-align: right }
.cbp-so-side-right img                  { float: left }
.cbp-so-side-left img                   { float: right }
/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side               { opacity: 0 }
.cbp-so-init .cbp-so-side-left          {
                                            -webkit-transform: translateX(-80px);
                                            -moz-transform: translateX(-80px);
                                            transform: translateX(-80px);
                                        }
.cbp-so-init .cbp-so-side-right         {
                                            -webkit-transform: translateX(80px);
                                            -moz-transform: translateX(80px);
                                            transform: translateX(80px);
                                        }
/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right
                                        {
                                            opacity: 1;
                                            -webkit-transform: translateX(0px);
                                            -moz-transform: translateX(0px);
                                            transform: translateX(0px);
                                        }
/* PROGRESS BARS
========================================================== */
.progress-title                         { margin: 0 0 5px 20px }
.progress                               {
                                            margin-right: 20px;
                                            margin-left: 20px;
                                            border-radius: 0!important;
                                        }
.progress-bar                           {
                                            padding-left: 10px;
                                            text-align: left!important;
                                        }
.progress-bar-info                      { background-color: #8B92A0!important }
.progress-bar                           {
                                            padding-top: 5px;
                                            font-size: 16px!important;
                                        }
.progress,
.ui-slider                              {
                                            height: 2px;
                                            background: #fcfcfc;
                                            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                                        }
.progress .bar                          { height: 3px }
.progress .bar,
.ui-slider .bar                         {
                                            background: #1abc9c;
                                            -webkit-box-shadow: none !important;
                                            -moz-box-shadow: none !important;
                                            box-shadow: none !important;
                                            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                                        }
.progress .bar-success,
.ui-slider .bar-success                 {
                                            background-color: #2ecc71;
                                            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                                        }
.progress .bar-warning,
.ui-slider .bar-warning                 {
                                            background-color: #FFAA49;
                                            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                                        }
.progress .bar-danger,
.ui-slider .bar-danger                  {
                                            background-color: #e74c3c;
                                            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                                        }
.progress .bar-info,
.ui-slider .bar-info                    {
                                            background-color: #3498db;
                                            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                                        }
.navbar .btn-navbar                     {
                                            float: right;
                                            margin: 0px;
                                            padding: 20px 20px;
                                            border-color: none;
                                            -webkit-border-radius: 0px;
                                            -moz-border-radius: 0px;
                                            border-radius: 0px;
                                            background-color: #292425;
                                            background-image: none;
                                            -webkit-box-shadow: none;
                                            -moz-box-shadow: none;
                                            box-shadow: none;
                                            color: #ffffff;
                                            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                                            filter: none;
                                        }
.advantages                             { margin-bottom: 70px }

/* FOUNDATION ICONS SIZE 
========================================================== */
.size-12                                { font-size: 12px }
.size-14                                { font-size: 14px }
.size-16                                { font-size: 16px }
.size-18                                { font-size: 18px }
.size-21                                { font-size: 21px }
.size-24                                { font-size: 24px }
.size-36                                { font-size: 36px }
.size-48                                { font-size: 48px }
.size-60                                { font-size: 60px }
.size-72                                { font-size: 72px }
.usage .point                           { width: 150px }
.usage .class                           { width: 250px }
.usage                                  { margin-top: 10px }
.usage input                            {
                                            margin-right: 3px;
                                            padding: 2px 5px;
                                            text-align: center;
                                            font-family: monospace;
                                        }
/* PRODUCTS
========================================================== */
.thumbnail.product-item                 {
                                            overflow: hidden;
                                            -webkit-box-sizing: border-box;
                                            -moz-box-sizing: border-box;
                                            box-sizing: border-box;
                                            padding-top: 20px;
                                            max-height: 300px;
                                            border-top: 0px;
                                            border-right: 0px;
                                            border-left: 0px;
                                            -webkit-border-radius: 0px;
                                            -moz-border-radius: 0px;
                                            border-radius: 0px;
                                            background: none;
                                            -moz-box-shadow: none;
                                            box-shadow: none;
                                        }
/* TEAM SECTION
========================================================== */
.person p                               {
                                            margin: 18px;
                                            padding: 10px 0 50px;
                                            color: #D6D6D6;
                                            text-align: justify;
                                            text-indent: 0px;
                                            font-size: 16px;
                                        }
.profession                             {
                                            padding: 10px 0 0 20px;
                                            color: #f0f0f0;
                                            text-align: center;
                                            letter-spacing: 1px;
                                            font-size: 20px;
                                            line-height: 40px;
                                        }
.social-contacts                        {
                                            margin-top: 22px;
                                            padding: 9px 0;
                                            -webkit-border-radius: 3px;
                                            -moz-border-radius: 3px;
                                            border-radius: 3px;
                                        }
.social-contacts a i                    {
                                            padding: 3px;
                                            color: #fff;
                                            text-decoration: none;
                                        }
.social-contacts a i:hover              {
                                            color: #f86862;
                                            text-decoration: none;
                                            -webkit-transition: all ease-in-out 0.2s;
                                            -moz-transition: all ease-in-out 0.2s;
                                            transition: all ease-in-out 0.2s;
                                        }
.social-contacts a:hover                { text-decoration: none }


/*  TWITTER 
========================================================== */
.twitter-box                            {
                                            position: relative;
                                            z-index: 777;
                                            padding: 50px 0 8px;
                                            background: transparent;
                                        }
#tweet_loader                           {
                                            color: #ecf0f1;
                                            font-size: 1.6em;
                                        }
#tweets                                 {
                                            position: relative;
                                            z-index: 777;
                                            margin-bottom: 60px;
                                            padding-left: 150px;
                                            min-height: 170px;
                                            width: 100%;
                                            background: url(../../images/layout/twitter_bird.png) no-repeat top;
                                        }
.tweetList                              { padding-top: 140px }
#tweets li                              {
                                            color: #ecf0f1;
                                            list-style: none;
                                            letter-spacing: 1px;
                                            font-size: 36px;
                                        }
#tweets li a                            {
                                            color: #f86862;
                                            text-decoration: none;
                                            text-transform: none;
                                        }
#tweets li .timestamp                   { text-align: right }
#tweets li.tweet_content_0              { border-top: 0px none }
#tweets li:last-child                   { border-bottom: 0px none }
#tweets .hash                           { color: #FFF }
#tweets .reply                          { color: #FFF }


/* CLIENTS SECTION
========================================================== */
.clients                                {
                                            background: #f6f6f6;
                                            text-align: center;
                                        }
.clients h3                             {
                                            padding-bottom: 10px;
                                            color: #45475C;
                                        }
.progress-striped .progress-bar-success { background-color: #a8d46f!important }
.progress-striped .progress-bar-danger  { background-color: #f86862!important }
.progress-striped .progress-bar-warning { background-color: #ffd006!important }
.progress-striped .progress-bar-default { background-color: #0597cd!important }
.progress-striped .progress-bar-design  { background-color: #9405cd!important }
.progress-bar-danger                    { background-color: #f05036!important }

/*  CAROUSEL SECTION
========================================================== */
/* Carousel base class */
.carousel                               {
                                            /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
                                            margin-top: -90px;
                                            margin-bottom: 60px;
                                        }
.carousel-2                             {
                                            margin-top: -60px;
                                            margin-bottom: -70px;
                                        }
/* Since positioning the image, we need to help out the caption */
.carousel-caption                       { z-index: 10 }
.carousel .item                         {
                                            width: 100%;
                                            height: 600px;
                                        }
/* Declare heights because of positioning of img element */
.carousel-2 .item                       {
                                            width: 100%;
                                            height: 180px;
                                        }
.carousel-inner > .item > img           {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            min-width: 100%;
                                            height: auto;
                                        }
.carousel-indicators li                 {
                                            display: inline-block;
                                            margin: 1px;
                                            width: 14px;
                                            height: 14px;
                                            border-radius: 10px;
                                            background: #BABCBE;
                                            text-indent: -999px;
                                            cursor: pointer;
                                        }
.carousel-indicators .active            {
                                            margin: 0;
                                            width: 16px;
                                            height: 16px;
                                            background-color: #4e5b6c;
                                        }
.carousel-products                      { min-height: 600px!important }
.carousel-indicators                    {
                                            top: 110%;
                                            left: 50%;
                                        }
.carousel-control                       {
                                            position: absolute;
                                            top: 0%;
                                            padding-top: 10px;
                                            width: 40px;
                                            height: 100%;
                                            border: none;
                                            -webkit-border-radius: 0px;
                                            -moz-border-radius: 0px;
                                            border-radius: 0px;
                                            background: none;
                                            color: #D0D0D1;
                                            text-align: center;
                                            font-weight: 100;
                                            font-size: 30px;
                                            line-height: 30px;
                                        }
.carousel-control:hover                 { color: #333 }
.carousel-control i                     {
                                            position: absolute;
                                            top: 40%;
                                            z-index: 5;
                                            display: inline-block;
                                        }
.carousel-control.right                 {
                                            right: -12%;
                                            left: auto;
                                            background: none;
                                            text-shadow: none;
                                        }
.carousel-control.left                  {
                                            right: auto;
                                            left: -12%;
                                            background: none;
                                            text-shadow: none;
                                        }
/* PRICING SECTION
========================================================== */
.pricing-table                          {
                                            margin: 0 -13px;
                                            margin-bottom: 30px;
                                            background: #fff;
                                            -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
                                            -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
                                            box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
                                            text-align: center;
                                            font-weight: 400;
                                            -webkit-transition: all 0.2s ease-in-out;
                                            -moz-transition: all 0.2s ease-in-out;
                                            -o-transition: all 0.2s ease-in-out;
                                            -ms-transition: all 0.2s ease-in-out;
                                            transition: all 0.2s ease-in-out;
                                            
                                        }
.top                                    { margin-top: -48px }
.pricing-table:hover                    {
                                            -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
                                            -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
                                            box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);

                                        }
/******************************** COLORS BODY *************************/
.pricing-table.green                    {
                                            border: 6px solid #2ECC71;
                                            text-align: center;
                                            font-weight: 400;
                                        }
.pricing-table.red                      {
                                            border: 6px solid #E74C3C;
                                            text-align: center;
                                            font-weight: 400;
                                        }
.pricing-table.orange                   {
                                            border: 6px solid #F39C12;
                                            text-align: center;
                                            font-weight: 400;
                                        }
.pricing-table.dark-blue                {
                                            border: 6px solid #34495E;
                                            text-align: center;
                                            font-weight: 400;
                                        }
.pricing-table.blue                     {
                                            text-align: center;
                                            font-weight: 400;
                                        }
/********************************** BOX CONTENT ************************/
.pricing-table-sign-up                  {
                                            margin: 0 0 100px 0;
                                            background: #fcfcfc;
                                            text-align: center;
                                        }
.pricing-table-features p               {
                                            padding: 5px 15px;
                                            text-align: center;
                                        }
.pricing-table-features p:nth-child(2n) { background: #fcfcfc }
.pricing-table-features,
.pricing-table-space                    {
                                            padding: 5px 0;
                                            background: #fff;
                                            line-height: 32px;
                                        }
.pricing-table p                        {
                                            padding: 12px;
                                            color: #4f4e4c;
                                            font-weight: 400;
                                            font-size: 1em;
                                        }
.pricing-table p strong                 { font-weight: 600 }
/********************************* BOX HEADER ********************************/
.pricing-table .pricing-table-header    {
                                            padding: 0px;
                                            background: #f05036;
                                            color: #f0f0f0;
                                        }
.pricing-table-header .heading          {
                                            display: inline-block;
                                            padding: 20px 0;
                                            width: 100%;
                                            color: #555;
                                            font-weight: 400;
                                            font-size: 36px;
                                        }
/**************************** COLOR BOX HEDER ***************************/
.pricing-table.orange .heading          { background: #F39C12 }
.pricing-table.green .heading           { background: #2ECC71 }
.pricing-table.red .heading             { background: #E74C3C }
.pricing-table.dark-blue .heading       { background: #34495E }
.pricing-table.blue .heading            { background: #fcfcfc }
.pricing-table.red .pricing-table-header .price-value
                                        { background: #C0392B }
.pricing-table.orange .pricing-table-header .price-value
                                        { background: #D35400 }
.pricing-table.green .pricing-table-header .price-value
                                        { background: #27AE60 }
.pricing-table.dark-blue .pricing-table-header .price-value
                                        { background: #2C3E50 }
.pricing-table.blue .pricing-table-header .price-value
                                        {
                                            border-top: 1px solid #e1e1e1;
                                            border-bottom: 1px solid #e1e1e1;
                                            background: #F8FAFA;
                                        }
.pricing-table-header .price-value      {
                                            display: inline-block;
                                            padding: 0 0 20px;
                                            width: 100%;
                                            color: #424242;
                                            font-weight: 200;
                                            font-size: 40px;
                                        }
.pricing-table-header .price-value span {
                                            color: #4f4e4c;
                                            font-size: 100px;
                                        }
.pricing-table-header .price-value span.mo
                                        { font-size: 200% }
.price-box                              { margin-top: 100px }
.pricing p                              {
                                            font-weight: 200;
                                            font-size: 30px;
                                        }
.pricing                                { margin-top: 65px }
.most-popular                           {
                                            margin: 10px;
                                            padding: 20px;
                                            text-transform: uppercase;
                                            letter-spacing: 1px;
                                            font-size: 19px;
                                            line-height: 48px;
                                        }
.most-popular-color .pricing-table .pricing-table-header
                                        { background: #f30!important }
/* MAIL SECTION
========================================================== */
iframe                                  {
                                            top: 2px;
                                            overflow: hidden;
                                            margin: 0 auto;
                                            margin: 0;
                                            width: 100%;
                                            height: 360px;
                                            border: none;
                                        }
.google-map                             {
                                            display: block;
                                            margin-top: 50px;
                                            padding: 0;
                                            max-height: 360px;
                                            border-bottom: 200px solid #373f49;
                                        }
.form-control                           {
                                            padding: 2px 0 0 15px;
                                            border-radius: 0px!important;
                                            background-color: transparent!important;
                                            color: #fcfcfc!important;
                                            font-size: 18px;
                                            line-height: 25px;
                                        }
.mail-bg                                {
                                            position: relative;
                                            z-index: 555;
                                            background: url(../../images/mail.html);
                                        }
.mail-bg p,
.mail-bg h2                             { color: #fcfcfc!important }
.contact-info                           { margin-bottom: 50px }
.contact-info h4                        {
                                            padding-bottom: 20px;
                                            letter-spacing: 1px;
                                            font-weight: 100;
                                            font-size: 38px;
                                            font-family: 'Raleway', sans-serif;
                                        }
.contact-info p                         { color: #fff }
.contact-info a,
.contact-info a:hover                   {
                                            color: #f5f5f5;
                                            text-decoration: none;
                                            text-transform: none;
                                        }


/* FOOTER SECTION
========================================================== */
footer                                  {
                                            display: inline-block;
                                            padding-top: 30px;
                                            padding-bottom: 5px;
                                            min-width: 100%;
                                            min-height: 180px;
                                            width: 100%;
                                            background: #263442;
                                            color: #656b7c;
                                        }
footer a                                {
                                            color: #656b7c!important;
                                            -webkit-transition: color 0.2s linear;
                                            -moz-transition: color 0.2s linear;
                                            -o-transition: color 0.2s linear;
                                            transition: color 0.2s linear;
                                        }
footer a:hover                          { color: #fff!important }
.footer-title h3                        { margin-top: 35px!important }
.logo-footer                            { margin: 30px 0 0 100px; }
.header-mail h2                         {
                                            border-top: 2px solid #fff!important;
                                            border-bottom: 2px solid #fff!important;
                                        }
footer .circ-wrap                       {
                                            float: left;
                                            margin: 10px;
                                        }
footer .circ-wrap a                     {
                                            padding: 10px;
                                            color: #333;
                                        }
footer .circ-wrap a:hover               {
                                            color: #f86862;
                                            text-decoration: none;
                                        }
footer p                                {
                                            font-weight: 400;
                                            font-family: 'Raleway', sans-serif;
                                            line-height: 28px;
                                        }
.contact-info p                         {
                                            font-weight: normal;
                                            line-height: 1.8em;
                                        }
.copyright                              {
                                            margin: 0 0 35px 100px;
                                            padding: 10px 0 0;
                                            border-top: 1px solid #656b7c;
                                        }
.copyright p                            { font-size: 14px!important }
.copyright a                            { color: #8E959C!important }
.copyright a:hover                      {
                                            color: #de543e!important;
                                            text-decoration: none;
                                        }
#foot-contact .lead                     { color: #484846 }
.twitter-color a:hover,
.facebook-color a:hover,
.google-color a:hover,
.dribbble-color a:hover,
.flickr-color a:hover                   { color: #fff!important }
#Section-social                         { float: right }
#Section-social .circ-wrap              {
                                            -webkit-box-sizing: border-box;
                                            -moz-box-sizing: border-box;
                                            box-sizing: border-box;
                                            margin: 45px 3px;
                                            padding: 0 10px 0 0;
                                            width: 60px;
                                            height: 60px;
                                            border: 2px solid #656b7c;
                                            -webkit-border-radius: 500px;
                                            -moz-border-radius: 500px;
                                            border-radius: 500px;
                                            background: #263442;
                                            text-align: center;
                                            line-height: 58px;
                                            -webkit-transition: color 0.3s linear;
                                            -moz-transition: color 0.3s linear;
                                            -o-transition: color 0.3s linear;
                                            transition: color 0.3s linear;
                                        }
#Section-social .circ-wrap:hover        {
                                            border: 2px solid #f86862;
                                            background: #f86862;
                                            -webkit-transition: color 0.5s linear;
                                            -moz-transition: color 0.5s linear;
                                            -o-transition: color 0.5s linear;
                                            transition: color 0.5s linear;
                                        }
.circ-wrap                              {
                                            -webkit-box-sizing: border-box;
                                            -moz-box-sizing: border-box;
                                            box-sizing: border-box;
                                            padding: 16px 0 0;
                                            width: 120px;
                                            height: 120px;
                                            text-align: center;
                                        }
.social-inline                          {
                                            display: inline-block;
                                            float: right;
                                        }

/* MEDIA SECTION
========================================================== */
/* @MEDIA WIDTH max-width: 979px */

@media (max-width: 979px){

	.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
                                       padding-top: 0px;
                                       padding-bottom: 0px;
                                   }
.navbar-fixed-top,
.navbar-fixed-bottom               { position: fixed !important }
.navbar .nav > li > a              { padding: 30px 10px }
.navbar                            { max-height: 100%!important }
.jumbotron h1                      { font-size: 40px }
.carousel-control                  { top: 0% }
.carousel-control                  {
                                       text-shadow: 0 2px 3px rgba(0,0,0,0.15)!important;
                                       -moz-text-shadow: 0 2px 3px rgba(0,0,0,0.15)!important;
                                       -webkit-text-shadow: 0 2px 3px rgba(0,0,0,0.15)!important;
                                   }
.carousel-control.left             {
                                       left: -10px;
                                       z-index: 1020;
                                   }
.carousel-control.right            {
                                       right: 5px;
                                       z-index: 1020;
                                   }
#head-top                          { min-height: auto }
.carousel .item                    { height: 400px }

}


/* @MEDIA WIDTH max-width: 767px */

@media (max-width: 767px){

	body                          {
                                  padding-right: 0px;
                                  padding-left: 0px;
                              }
.container                    {
                                  padding-right: 20px;
                                  padding-left: 20px;
                              }
.navbar-inverse .navbar-inner { min-height: 30px }
.navbar .navbar-brand         { padding: 15px 0px 10px }
.navbar .navbar-brand         {
                                  margin-left: 20px;
                                  margin-left: -20px;
                                  text-align: left;
                                  font-size: 20px;
                              }
.navbar .nav > li > a         {
                                  float: none;
                                  padding: 15px 20px 15px;
                                  -webkit-border-radius: 0px;
                                  -moz-border-radius: 0px;
                                  border-radius: 0px;
                              }
.lead-parallax                { font-size: 45px!important }
.copyright                    { margin: 0 }
.view                         { margin: 20px auto 10px 64px!important }
.logo-footer                  { margin: 30px 0 0 70px }
.page-header h2,
.page-header h3               {
                                  font-size: 50px!important;
                                  line-height: 54px!important;
                              }
.page-header h3               { padding-bottom: 0!important }
/* FIX FONT SIZE AND jumbotron padding in HEADER FOR MOBILE DEVICES 07/16/2013 */
#head-top .jumbotron          {
                                  padding-top: 100px;
                                  padding-right: 0px;
                                  padding-bottom: 15px;
                                  padding-left: 0px;
                              }
#head-top .jumbotron h1       {
                                  text-align: center;
                                  font-size: 24px;
                              }
#head-top .jumbotron .lead    {
                                  text-align: center;
                                  font-size: 16px;
                              }
.navbar-brand                 {
                                  position: relative;
                                  margin: -16px 0 0;
                              }
.navbar-brand img             { max-width: 200px }

.page-header h3               {
                                  padding-bottom: 50px;
                                  text-transform: uppercase;
                                  font-weight: 100;
                                  font-weight: 700;
                                  font-size: 62px;
                                  font-family: 'Source Sans Pro', sans-serif;
                                  line-height: 34px;
                                  line-height: 1.4em;
                              }
#head-top                     {
                                  margin-top: -100px;
                                  margin-bottom: -30px;
                                  height: auto!important;
                              }
.carousel-products            { min-height: 0!important }
.carousel-caption p           {
                                  margin-bottom: 20px;
                                  font-size: 21px;
                                  line-height: 1.4;
                              }
.carousel .item               {
                                  width: 100%;
                                  height: 200px;
                              }
.bs-glyphicons li             { width: 12.5% }
.carousel-indicators li       { display: none }
.carousel-indicators          {
                                  margin-left: -100px;
                                  width: 200px;
                              }
.tweetList                    { padding: 15px }
#tweets                       {
                                  margin: 0;
                                  padding: 0;
                                  background: none;
                              }
#tweets li                    {
                                  margin: 0;
                                  padding: 0;
                                  background: none;
                                  font-size: 1.5em;
                              }
.fullwidthbanner              { margin-top: 160px }

}

@media screen and (max-width: 73.5em) {
.cbp-so-scroller   { font-size: 65% }
.cbp-so-section h2 { margin: 0 }
.cbp-so-side img   { max-width: 120% }
}

@media screen and (max-width: 41.125em) {
	.cbp-so-side     {
                     float: none;
                     width: 100%;
                 }
.cbp-so-side img { max-width: 100% }
}
@media screen and (max-width: 31.5em) {
.grid-hover    { padding: 10px 10px 100px 10px }
.grid-hover li {
                   min-width: 300px;
                   width: 100%;
               }
}