/* ----------------------------------------------------------
  Style
  ----------------------------------------------------------- */


/* ----------------------------------------------------------
  Content:
  _ -  Colors
  _ -  Page Fix
  1 -  Theme Reset
  2 -  Top Section
  3 -  Slider
  4 -  Services
  5 -  Portfolio
  6 -  News
  7 -  Skills
  8 -  About Me
  9 -  Our Team
  10 - Contact
  11 - Smaller Screens Fix
  
  ----------------------------------------------------------- */


/* ----------------------------------------------------------
  Colors :
  Font Color : 737171;
  Span and Links Color : f43e32; 
  ----------------------------------------------------------- */ 




/* ----------------------------------------------------------
  _ - Page Fix
  ----------------------------------------------------------- */ 
/* ----------------------------------------------------------
  Wide Page Fix
  ----------------------------------------------------------- */

  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 30px;
  }
  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.564102564%;
    *margin-left: 2.510911074638298%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145300001%;
    *width: 91.3997999636383%;
  }
  .row-fluid .span10 {
    width: 82.905982906%;
    *width: 82.8527914166383%;
  }
  .row-fluid .span9 {
    width: 74.358974359%;
    *width: 74.30578286963829%;
  }
  .row-fluid .span8 {
    width: 65.81196581200001%;
    *width: 65.7587743226383%;
  }
  .row-fluid .span7 {
    width: 57.264957265%;
    *width: 57.2117657756383%;
  }
  .row-fluid .span6 {
    width: 48.717948718%;
    *width: 48.6647572286383%;
  }
  .row-fluid .span5 {
    width: 40.170940171000005%;
    *width: 40.117748681638304%;
  }
  .row-fluid .span4 {
    width: 31.623931624%;
    *width: 31.5707401346383%;
  }
  .row-fluid .span3 {
    width: 23.076923077%;
    *width: 23.0237315876383%;
  }
  .row-fluid .span2 {
    width: 14.529914530000001%;
    *width: 14.4767230406383%;
  }
  .row-fluid .span1 {
    width: 5.982905983%;
    *width: 5.929714493638298%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1160px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1060px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 960px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 860px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 760px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 660px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 560px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 460px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 360px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 260px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 160px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 60px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }



/* ----------------------------------------------------------
  1 - Theme Reset
  ----------------------------------------------------------- */

body {
    background: url(../img/bg.png) repeat;
   
     
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus ,
input:focus {
   -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none; 
          border:none;
          outline: none; 
}

p , div , span dd , dt , li , a  , article , input , label {
    color: #737171; font-family: Arial , sans-serif; font-size: 12px; line-height: 23px; letter-spacing: 0.04em; 
}

a:hover  , span.red , dt {
    color: #f43e32; outline: none; 
}

input:focus , a:focus {
    outline: none; 
}

.custom {
    color: #f43e32; 
}

br.margin {
    clear: both; margin-bottom: 30px; 
}

a , input {
    text-shadow: 0px 1px 0px #111;
}

h1 , h2 , h3 , h4 , h5 , h6 {
    font-family: 'PT Sans' , sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #000;
    line-height: normal;
    color: #fff;
    clear: both; margin-bottom: 12px;
    letter-spacing: 0.05em; 
}

h1 {
    font-size: 46px; 
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 30px; 
}

h4 {
    font-size: 26px; 
}

h5 {
    font-size: 18px; 
}


h6 {
    font-size: 12px; 
}



body > section {
    clear: both;
    margin-bottom: 100px; 
}


body > section:last-child {
    margin-bottom: 10px; 
}

/* ----------------------------------------------------------
  2 - Top Section
  ----------------------------------------------------------- */ 


.top-section {
    background: #212121 url(../img/top_bg.png) repeat-x; position: fixed; z-index: 99; top: 0px; width: 100%; 
}

.top-section:after {
    background: url(../img/border_bottom.png) repeat-x; height: 11px; overflow: hidden; width: 100%; display: block;
    content: " ";
    
}

.top-section form.login {
    float: right; clear: both; margin-top: 10px; margin-bottom: 0px; 
}

form.login input {
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    margin-left: 10px; 
}

form.login input[type='text'] , form.login input[type='password'] {
    background: none;
    
    border: none; 
    border-bottom: 1px solid #383838;
    box-shadow: inset 0px 2px 3px #111111;
    width: 140px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;  font-size: 11px;
    line-height: normal; 
}

form.login input[type='text']:required:focus , form.login input[type='password']:required:focus  {
    background: #1b1a1a;
    border-bottom: 1px solid #383838;
    box-shadow: inset 0px 2px 3px #111111; 
}


.button {
    border: none;
    color: #fff;
    padding: 5px 12px; 
    box-shadow: 0px 1px 0px #000 , inset 0px 0px 20px #68211c;
    text-align: center; 
   
    
    
    /* Background Gradient - Border Top*/
    border-top: 1px solid #e8978e;
    background: #ff5346; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNTM0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMjNiMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ff5346 0%, #c23b31 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5346), color-stop(100%,#c23b31)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff5346 0%,#c23b31 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff5346 0%,#c23b31 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff5346 0%,#c23b31 100%); /* IE10+ */
    background: linear-gradient(top, #ff5346 0%,#c23b31 100%); /* W3C */
}


.menuLogo {
    clear: both; margin-top: 25px; margin-bottom: 5px;   
}

.menuLogo hgroup {
    float: left; clear: both; 
}

.menuLogo h1 {
    font-size: 32px; float: left; 
}

.menuLogo h6 {
    clear: none; float: left;  margin-left: 10px; margin-top: 20px; 
}


nav.menu {
    float: right;
    margin-top: 8px; 
}


nav.menu ul {
    padding: 0px; margin: 0px; 
}

nav.menu ul li {
    list-style: none; float: left; display: inline; 
}


nav.menu ul li a {
    font-size: 16px; margin-right: 10px; padding: 8px 20px;
    text-align: center; 
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    font-family: 'PT Sans' , sans-serif; 
}


nav.menu ul li a:hover {
    color: #fff; 
}

nav.menu ul li:last-child a {
    margin-right: -20px;
    
}

nav.menu ul li {
    position: relative; 
}


nav.menu ul ul {
    position: absolute;
    top: 30px;
    overflow: hidden; 
    z-index: 99; 
    left: 0px; width: 170px; 
    height: 0px;
    opacity: 0; 
    -moz-transition: opacity 0.5s , height 0.3s;
    -webkit-transition: opacity 0.5s , height 0.3s;
    transition: opacity 0.5s ,  height 0.3s; 
    
}

nav.menu ul li:hover ul {
    opacity: 1.0;
    overflow: visible;
    height: auto; 
}



/* ----------------------------------------------------------
  3 - Slider
  ----------------------------------------------------------- */

section.slider {
    margin-top: 141px; /* Fixed With Javascript */
    background:#101010 url(../img/dark_pa.png) repeat; 
    padding: 75px 0px 0px 0px;
      
    
}

section.slider .light {
    background: url(../img/slider_v_shadow.png) top center no-repeat;
    width: 1300px; height: 480px;
    position: absolute; top: 76px; left: 0px; z-index: 0; 
}


section.slider:after {
    overflow: hidden; width: 100%; display: block;
    content: " ";
    clear: both; float: left;
    
}

.flex-slider {
    height: 280px;   clear: both; position: relative; width: 815px;
    z-index: 1; 
    margin: 0 auto; 
    padding: 0px; 
    background: url(../img/slider_shadow.png) center bottom no-repeat;
    padding-bottom: 60px;
    
    
}


.flex-slider img {
    max-width: none;
    position: absolute; left: 0; 
}

.flex-slider ul.slides {
    height: 280px;
    overflow: hidden;
    padding: 0px; margin: 0px;
    width: 815px;
    overflow: hidden; 
    position: relative; 
}


.flex-slider ul.slides li {
    display: none; list-style: none; position: relative; 
    
    
}


ul.flex-direction-nav li {
    list-style: none; z-index: 2;
    opacity: 0;
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s; 
}

.flex-slider:hover ul.flex-direction-nav li {
    opacity: 1.0; 
}

ul.flex-direction-nav a , ul.flex-direction-nav a:focus , ul.flex-direction-nav a:active{
    border: none; outline: none; 
}

ul.flex-direction-nav li .prev {
    width: 60px; height: 72px; display: block; position: absolute;  left: -18px; 
    background: url(../img/arrow.png) no-repeat;
    text-indent: -9999px;
    top: 126px; 
}


ul.flex-direction-nav li .next {
    width: 60px; height: 72px; display: block; position: absolute;  right: -19px; 
    background: url(../img/arrow_right.png) no-repeat;
    text-indent: -9999px;
    top: 126px;
}

ol.flex-control-nav {
    bottom: 48px; position: absolute; z-index: 4; clear: both;
    background: url(../img/bullets_bg.png) repeat-x; height: 53px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 0px 35px;
    right: 25%; left: 25%;
    text-align: center; 
   
   
}

ol.flex-control-nav li {
    float: left; clear: none;  margin: 0px; list-style: none; display: inline; 
}

ol.flex-control-nav li a {
    cursor: pointer;
    float: left;
    margin-right: 16px; 
    margin-top: 15.5px; 
    width: 22px; height: 23px; display: block; text-indent: -9999px; 
    background: url(../img/bullet.png) no-repeat; 
}

ol.flex-control-nav li a.active {
    background: url(../img/bullet_active.png) no-repeat; 
}








/* ----------------------------------------------------------
  4 - Services
  ----------------------------------------------------------- */


section.mainSection.services .divider {
    background: none; 
    margin-top: -100px;
    
    
}

.services .service {
    margin-bottom: 70px; 
}

.services {
    margin-bottom: 30px;
    
}

.service h3 {
    text-transform: none; clear: none; 
}

.service .image {
    float: left; 
}

.service h3 , .service p {
    margin-left: 94px; 
}


.services.mainSection {
    background: url(../img/divider_back_fix.png) top right repeat-x;
     background-repeat: repeat-x;
     width: 100%;
     
    
     
}



/* ----------------------------------------------------------
  5 - Portfolio
  ----------------------------------------------------------- */


section.mainSection {
    position: relative;
    background: url(../img/divider_back.png) repeat-x;
    
}


section.mainSection .divider {
    background: url(../img/divider.png) center top no-repeat;
    height: 312px; width: 1300px; margin: 0 auto; 
    
}

section.mainSection .container {
    margin-top: -210px; 
}


section.mainSection header {
    margin-bottom: 30px; 
}


section.mainSection > .container {
    clear: both; 
}


.portfolio-items {
    clear: both; 
}


.portfolio-items .item .item-preview {
    background: url(../img/span3_shadow.png) left bottom no-repeat;
    padding-bottom: 37px;
    overflow: hidden; width: 100%;
    
    
    
}


.portfolio-items .item {
    position: relative;
    margin-bottom: 70px; 
}


.portfolio {
    margin-bottom: 30px; 
}


.portfolio-items .item img {
    max-width: none;
    position: relative; z-index: 0; 
}

.portfolio-items .item-preview {
     float: left; clear: both;
     margin-bottom: -15px; 
}

.portfolio-items .item .item-preview a.preview-image {
    height: 280px; overflow: hidden;
    float: left; clear: both;
    background: #1a1a1a; 
}



.portfolio-items .item-title {
    text-align: center; clear: both; 
}

.portfolio-items .item-title h3 {
    clear: both; margin-bottom: 0px; text-transform: none; 
}

.portfolio-items .item-title p {
    text-transform: lowercase; font-family: 'PT Sans' , sans-serif; font-weight: bold; font-size: 13px;
    letter-spacing: 0.05em;
}



/* Zoom */
.portfolio-items .item .zoom {
    width: 56px; height: 57px; background: url(../img/zoom_red.png) no-repeat;
    position: absolute;
    top: -20px; right: -20px; 
    opacity: 0;
    z-index: 1; 
}




/* ----------------------------------------------------------
  6 - News
  ----------------------------------------------------------- */

.news .item {
    margin-bottom: 70px; 
}

.news {
    margin-bottom: 30px; 
}

.news .content p {
    text-shadow: 0px 1px 0px #111; 
}

.news .item h5 {
    text-transform: none; font-weight: normal;
}




/* ----------------------------------------------------------
  7 - Skills
  ----------------------------------------------------------- */ 


.skills .ground {
    background: url(../img/skills_ground.png) left bottom no-repeat;
    height: 449px; clear: both;
    width: 1157px;
    margin-left: 50px;
    position: relative;
    
     
    
     
}


.skills .ground .left {
    position: absolute; left: 40px; bottom: 50px;
    height: 399px;
}

.skills .ground .left span {
    float: left; clear: both;
    position: absolute;
    color: #fff;
    padding: 5px 10px 5px 15px;
    background: #f4f4f4;
    box-shadow: 0px 0px 2px #000;
    border-radius: 100px 20px 20px 100px;
    left: -100px;
    color: #1c1c1c;
    width: 30px;
    text-align: right;
    
    
     
}

.skills .ground .left .first {
    bottom: 1%;  
}

.skills .ground .left .second {
    bottom: 47%;  
}

.skills .ground .left .third {
    top: 3%;  
}


.skills .ground .charts {
    position: relative;  left: 100px;
    width: 90%; 
    clear: both;
    height: 100%; 
    
    /* +50 Px for Bar */
}

.skills .ground .chart {
    text-align: center;
    width: 150px; 
    height: 100%; position: relative;  
    bottom: 0px;
    float: left;
    margin-right: 20px; display: inline;
    text-align: center; 
    
    
}

.skills .ground .charts .title {
    position: absolute; bottom: -40px; 
}
 

.skills .ground .chart .bar {
    width: 70px;
    height: 100%;   
    position: absolute;
    top: auto; bottom: 0px;
    overflow: hidden;
    
}


.skills .ground .chart .bar .inner {
    position: absolute; width: 50px;  top: auto; bottom: 70px;
    height: 95%;
    
}

.skills .ground .chart .bar .inner .bar-inner {
    bottom: 0px; position: absolute; width: 70px;
    margin: 0 auto; 
}


.skills .percentage {
    position: absolute;
    top: -42px; 
    z-index: 9;
    width: 50px; text-align: center;
    margin-left: 15%; 
}

/* Colors */


/* RED */
.skills .bar.red .inner .bar-inner:before {
   
   background: url(../img/red_top.png) left top no-repeat;
   width: 70px; height: 17px;
   content: " ";
   position: absolute; top: -17px;
   left: 0px; 
}

.skills .bar.red .inner .bar-inner {
    background: url(../img/red_body.png) repeat-y; 
}

.skills .bar.red .inner .bar-inner:after {
    background: url(../img/red_bottom.png) no-repeat;
    width: 70px; height: 17px; content: " ";
    position: absolute; bottom: -17px;
    left: 0px;
   
}

/* white */
.skills .bar.white .inner .bar-inner:before {
   
   background: url(../img/white_top.png) left top no-repeat;
   width: 70px; height: 17px;
   content: " ";
   position: absolute; top: -17px;
   left: 0px; 
}

.skills .bar.white .inner .bar-inner {
    background: url(../img/white_body.png) repeat-y; 
}

.skills .bar.white .inner .bar-inner:after {
    background: url(../img/white_bottom.png) no-repeat;
    width: 70px; height: 17px; content: " ";
    position: absolute; bottom: -17px;
    left: 0px; 
}




/* green */
.skills .bar.green .inner .bar-inner:before {
   
   background: url(../img/green_top.png) left top no-repeat;
   width: 70px; height: 17px;
   content: " ";
   position: absolute; top: -17px;
   left: 0px; 
}

.skills .bar.green .inner .bar-inner {
    background: url(../img/green_body.png) repeat-y; 
}

.skills .bar.green .inner .bar-inner:after {
    background: url(../img/green_bottom.png) no-repeat;
    width: 70px; height: 17px; content: " ";
    position: absolute; bottom: -17px;
    left: 0px; 
}


/* Blue */
.skills .bar.blue .inner .bar-inner:before {
   
   background: url(../img/blue_top.png) left top no-repeat;
   width: 70px; height: 17px;
   content: " ";
   position: absolute; top: -17px;
   left: 0px; 
}

.skills .bar.blue .inner .bar-inner {
    background: url(../img/blue_body.png) repeat-y; 
}

.skills .bar.blue .inner .bar-inner:after {
    background: url(../img/blue_bottom.png) no-repeat;
    width: 70px; height: 17px; content: " ";
    position: absolute; bottom: -17px;
    left: 0px; 
}





/* Blue */
.skills .bar.black .inner .bar-inner:before {
   
   background: url(../img/black_top.png) left top no-repeat;
   width: 70px; height: 17px;
   content: " ";
   position: absolute; top: -17px;
   left: 0px; 
}

.skills .bar.black .inner .bar-inner {
    background: url(../img/black_body.png) repeat-y; 
}

.skills .bar.black .inner .bar-inner:after {
    background: url(../img/black_bottom.png) no-repeat;
    width: 70px; height: 17px; content: " ";
    position: absolute; bottom: -17px;
    left: 0px; 
}

/* ----------------------------------------------------------
  8 - About Me
  ----------------------------------------------------------- */

.profile-image .image {
    height: 280px; overflow: hidden; width: 100%; clear: both; 
}

.profile-image img {
    max-width: none; 
}

.profile-image {
    background: url(../img/span3_shadow.png) left bottom no-repeat;
    padding-bottom: 37px;
    
}





/* ----------------------------------------------------------
  9 - Our team
  ----------------------------------------------------------- */

.our-team {
    margin-bottom: 65px; 
}

.our-team .item {
    margin-bottom: 35px; 
}

.our-team .item-preview {
    height: 280px; background: url(../img/span3_shadow.png) bottom no-repeat;
    width: 100%; overflow: hidden;
    padding-bottom: 37px;
    position: relative; 
}

.our-team .item-preview .image {
    height: 280px; overflow: hidden;
    z-index: 0; 
}

.our-team .item-preview img {
    max-width: none;
    
}

.our-team .item-preview .title {
    position: absolute; width: 100%; bottom: 37px; left: 0; 
    z-index: 9;
    background: url(../img/team_bg.png) repeat-y; 
    text-align: right;
    padding: 5px 0px; 
}

.our-team .item-preview .title * {
    float: right; clear: both; 
    margin-right: 10px; 
}

.our-team .item-preview .title h5 {
    margin-bottom: 3px;
    color: #f43e32;
    font-size: 22px;
    line-height: 100%;
    
     
}

.our-team .item-preview .title p {
    font-size: 11px;
    text-shadow: 1px 0px 0px #111;
    color: #fff;
    float: right; clear: both; margin: 0px 10px 0px 0px; ;
    line-height: 100%; 
}



.social a {
    width: 32px; height: 33px; display: block; float: left; margin-left: 8px;
    transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    
}

.social .facebook {
    background: url(../img/facebook.png) no-repeat; 
}

.social .twitter {
    background: url(../img/twitter.png) no-repeat; 
}


.social .linkedin {
    background: url(../img/linkedin.png) no-repeat; 
}

.social .flickr {
    background: url(../img/flickr.png) no-repeat; 
}

.social a:hover {
    opacity: 0.5; 
}

.our-team .social {
    clear: both; float: right;
}







/* ----------------------------------------------------------
  10- - Contact
  ----------------------------------------------------------- */
section.contact {
    margin-bottom: 30px; 
}


.map-content {
    background: url(../img/span6_shadow.png) bottom left no-repeat;
    padding-bottom: 40px; 
}

.map-content img {
    max-width: none; 
}

.map {
    overflow: hidden; 
}

.map .social {
    float: right; clear: both; margin-top: -40px; 
}


.map .frame {
    border: 10px solid #353535;
    width: 548px;
    overflow: hidden;
    box-shadow: 0px 0px 1px #000;
    margin-left: 1px;
    margin-top: 1px; 
}


.map dl {
     padding: 0px; margin: 0px; float: left; clear: both;
     margin-top: 30px; 
}
.map dt {
    float: left;   margin-bottom: 10px;
    clear: both;
     
}

.map dd {
    float: left; clear: none; margin-bottom: 10px;
     
}


.contact-form .form input[type='text'] , .contact-form .form textarea , .contact-form input[type='email'] {
    background: #171717;
    border: 1px solid #2b2b2b;
    outline: none; text-shadow: none;
    float: left; clear: both;
    padding: 20px 0px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px; 
}

.contact-form .form input[type='text']:required:focus , .contact-form .form textarea:required:focus , .contact-form input[type='email']:required:focus {
    border: 1px solid #2b2b2b; 
}

.contact-form .form input[type='text'] , .contact-form input[type='email'] {
    width:60%; padding-left: 10px;
}

.contact-form .form textarea {
    width: 98%; padding-left: 10px;
    height: 190px; 
}


.contact-form .form .submit {
    float: right; clear: both;
    padding: 12px 30px;
    font-size: 16px;
}


section.copyrights {
    text-align: center; border-top: 1px solid #333333;
    margin-bottom: 0px; padding-top: 10px;
}




/* ----------------------------------------------------------
  11 - Smaller Screen Fix
  ----------------------------------------------------------- */

@media only screen and (max-width: 1299px) {
    
    body > section .container {
         margin-left: 70px;
    }
    
    
    .skills .ground .left span {
        left: -50px;
    }
    
    .services.mainSection {
        width: 1300px;
    }
    
}