/*
 * switchstyler
 * 
 *
 * Copyright (c) 2014 Luca Dimola
 * Licensed under the MIT license.
 */

html,
body{
height:100%;
margin:0;
font-family:'Raleway';
}

a {
  color: #333;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in-out;
   -moz-transition: color 0.2s ease-in-out;
     -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
}

a:focus,
a:active,
a:hover {
  color: #03C9A9;
}

/* Box description */
.box{
background:#eee;
background:rgba(238, 238, 238, 0.94);
padding:0;
width:65%;
margin:0 auto;
-webkit-transition:all 0.3s ease-in-out;
   -moz-transition:all 0.3s ease-in-out;
     -o-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
}

.box-content {
  padding: 25px;
}

.box-row{
  background: #ddd;
  padding: 5px 25px;
  border-bottom: 1px solid #fefefe;
  text-align: center;
-webkit-transition: background 0.2s ease-in-out;
   -moz-transition: background 0.2s ease-in-out;
     -o-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out;
}

.box-row:hover {
  background: #fefefe;
}
/* Helpers */
.pull-right{
right:0;
}
.fixed-container{
position:fixed;
height:100%;
}
.fluid{
display:table;
}
.center-middle{
display:table-cell;
vertical-align:middle;
}
ul.top-menu{
width:60%;
margin:0 auto;
display:block;
min-width:300px;
}
ul.top-menu li{
list-style-type:none;
font-size:35px;
text-transform:uppercase;
font-weight:700;
letter-spacing:4px;
color:#eee;
line-height:55px;
/*perspective*/
-webkit-perspective:600px;
   -moz-perspective:600px;
    -ms-perspective:600px;
     -o-perspective:600px;
        perspective:600px;
/*transition*/
-webkit-transition:all 0.3s ease-in-out;
   -moz-transition:all 0.3s ease-in-out;
     -o-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
}
/* Transitions */

.transition1{
/*transform*/
-webkit-transform:translate3d(50px, 0px, 0px) rotate3d(1, -1, 0, 30deg);
   -moz-transform:translate3d(50px, 0px, 0px) rotate3d(1, -1, 0, 30deg);
    -ms-transform:translate3d(50px, 0px, 0px) rotate3d(1, -1, 0, 30deg);
     -o-transform:translate3d(50px, 0px, 0px) rotate3d(1, -1, 0, 30deg);
        transform:translate3d(50px, 0px, 0px) rotate3d(1, -1, 0, 30deg);
}
.transition2{
font-weight:800;
/*transform*/
-webkit-transform:translate3d(50px, 0px, 0px) rotate3d(1, 1, 0, 30deg) scale(1.5);
   -moz-transform:translate3d(50px, 0px, 0px) rotate3d(1, 1, 0, 30deg) scale(1.5);
    -ms-transform:translate3d(50px, 0px, 0px) rotate3d(1, 1, 0, 30deg) scale(1.5);
     -o-transform:translate3d(50px, 0px, 0px) rotate3d(1, 1, 0, 30deg) scale(1.5);
        transform:translate3d(50px, 0px, 0px) rotate3d(1, 1, 0, 30deg) scale(1.5);
}
.section{
height:100%;
}
/* Colors */

.lightgray{
color:#eee;
}
.darkgray{
color:#333;
}
.green{
color:#03C9A9 !important;
}
.orange{
color:#D35400;
}
/* Backgrounds */

.bg-green{
background:#03C9A9;
}
.bg-dark{
background:#22313F;
}
/* Responsiveness */

@media (max-width: 600px){
.col-1-2 {
    widht:100%;
}
.container-description{
display:none;
}
ul.top-menu li{
font-size:20px;
line-height:30px;
}
}
@media (min-width: 601px){
.col-1-2 {
    width:50%;
}