.tabs {

    font-weight: 100;

    margin: 1em 0 0;

    overflow: hidden;

    position: relative;

    width: 100%;

}

.tabs nav {

    text-align: center;

}

.tabs nav ul {

    display: inline-block;

    list-style: outside none none;

    margin: 0 0 -6px 0;

    padding: 0;

}

.section-bg {

background-color:white;

}



.tabs nav ul li {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: #d5b2b9 #d5b2b9 -moz-use-text-color;

    border-image: none;

    border-style: solid solid none;

    border-width: 1px 1px medium;

    display: block;

    float: left;

    margin: 0 0.25em;

    position: relative;



     -moz-border-radius: 10px 10px 0px 0px;

    -webkit-border-radius: 10px 10px 0px 0px;

    -khtml-border-radius: 10px 10px 0px 0px;

    border-radius: 10px 10px 0px 0px;

    behavior: url(/css/border-radius.htc);

    border-radius: 10px 10px 0px 0px;

        

    background-color: white;

}

.tabs nav li.tab-current {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: #970f2c #970f2c -moz-use-text-color;

    border-image: none;

    border-style: solid solid none;

    border-width: 1px 1px medium;

    box-shadow: 0 2px #970f2c inset;

    z-index: 100;

}

.tabs nav li.tab-current:before, .tabs nav li.tab-current:after {

    background: none repeat scroll 0 0 #970f2c;

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    right: 100%;

    width: 1000px;

}

.tabs nav li.tab-current:after {

    left: 100%;

    right: auto;

    width: 4000px;

}

.tabs nav a {

    color: #becbd2;

    display: block;

    font-size: 1.2em;

    line-height: 2;

    padding: 0 1.25em;

    white-space: nowrap;

    text-transform: uppercase;

    font-weight: 700;

    

    -webkit-transition: padding 0.4s ease-in-out; /* Safari 3.1 to 6.0 */

    transition: padding 0.4s ease-in-out;    

}

.tabs nav a:hover {

    color: #768e9d;

}

.tabs nav li.tab-current a {

    color: #970f2c;

}

.tabs nav a:before {

    display: inline-block;

    font-family: "icomoon";

    font-variant: normal;

    font-weight: normal;

    line-height: 1;

    margin: -0.25em 0.4em 0 0;

    text-transform: none;

    vertical-align: middle;

}



@keyframes animated-a-i {

	from { background-position: 10px -55px; }

	to { background-position: 10px 0px; }

}



.tabs nav li.tab-current .i-about {

    background-image: url(../images/icon-about.png);

    background-position: 10px 0px;

    background-repeat: no-repeat;

    animation: animated-a-i 0.3s ease-in-out 1;

   

    padding: 0 1.25em 0 75px;

   -webkit-transition: padding 0.4s ease-in-out; /* Safari 3.1 to 6.0 */

    transition: padding 0.4s ease-in-out;    

}



.tabs nav li.tab-current .i-company {

    background-image: url(../images/icon-company.png);

    background-position: 10px 0px;

    background-repeat: no-repeat;

    animation: animated-a-i 0.3s ease-in-out 1;

   

    padding: 0 1.25em 0 75px;

   -webkit-transition: padding 0.4s ease-in-out; /* Safari 3.1 to 6.0 */

    transition: padding 0.4s ease-in-out;    

}



.tabs nav li.tab-current .i-approach {

    background-image: url(../images/icon-approach.png);

    background-position: 10px 0px;

    background-repeat: no-repeat;

    animation: animated-a-i 0.3s ease-in-out 1;

   

    padding: 0 1.25em 0 75px;

   -webkit-transition: padding 0.4s ease-in-out; /* Safari 3.1 to 6.0 */

    transition: padding 0.4s ease-in-out;    

}



.content section {

    display: none;

    font-size: 1.25em;

    margin: 0 auto;

    max-width: 1230px;

    padding: 2em 10px;

}

.content section:before, .content section:after {

    content: "";

    display: table;

}

.content section:after {

    clear: both;

}

.no-js .content section {

    border-bottom: 1px solid #47a3da;

    display: block;

    padding-bottom: 2em;

}

.content section.content-current {

    display: block;

}

@media screen and (max-width: 52.375em) {

.tabs nav a span {

    display: none;

}

.tabs nav a:before {

    margin-right: 0;

}



}

@media screen and (max-width: 32em) {

.tabs nav ul, .tabs nav ul li a {

    padding: 0;

    width: 100%;

}

.tabs nav ul li {

    margin: 0 0 0 -1px;

    width: calc(33% + 1px);

}

.tabs nav ul li:last-child {

    border-right: medium none;

}

}