@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,700');
/*----------------------------------------------
		treiierarhi.ro
----------------------------------------------*/
img { border: none;}
ul { list-style-type:none;}
.hidden {display:none;}
.show {display: block;}
.clear {clear:both;}
iframe {border:none;}
.strikeout{text-decoration: line-through;}
a {color:#ec3455;text-decoration: none;font-size: 1em;}
a:hover {color: #6e1a29; text-decoration: none;}

/*----------------------------------------------
		LAYOUT
----------------------------------------------*/

body{
	margin:0;
	padding:0;
	font-family: 'Cormorant Garamond', serif;
	font-size:1.2em;
	background:#f5f6f7;
	width: 100%;
}

header#mainHeader{
	height: 780px;
	margin: 0;
	padding: 0;
	background-image: url(img/backimg.jpg);
	background-size: cover;
	background-position: top;
	position: relative;
	overflow: hidden;
}

header#mainHeader h1 {
	clear: both;
	position: absolute;
	padding: 10px;
	top: 20%;
	left: 10%;
	color: #6e1a29;
	font-family: 'Cormorant Garamond', serif;
	font-size: 3.5em;
	/*text-shadow: 0px 0px 4px #ccc;*/
	background: rgba(255, 255, 255, 0.7);
	z-index: 10;
}

nav#mainNav {
	display: block;
	width: 100%;
	/*background: #f5f6f7;*/
	overflow: hidden;
	padding: 20px 0px 10px;
	float:right;
	z-index: 10;
	position: relative;
	font-weight: 700;
	color:#000;
	margin: 0;
}
header#secondHeader {
	display: block;
	width: 100%;
	background: #f5f6f7;
	overflow: hidden;
	padding: 0 10px 10px;
	margin: 0;
	float:right;
	box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.08);
	position: fixed;
	top:0;
	left: 0;
	z-index: 10;
}
header#secondHeader h1 {float:left; margin:-5px 20px 0; padding: 0; }
header#secondHeader h1 a {color: #000;}
header#secondHeader h1 a:hover {color: #000;}
nav#mainNav ul#sitMenu {padding: 0;margin: -5px 0 0;vertical-align:baseline;float:left; background-color: #222; }

nav#mainNav ul#lang, nav#secondNav ul#lang {float: right; margin:0px 20px 0 0;}
nav#mainNav ul li{margin:0;padding: 5px 10px; display:inline; float:left;/* margin-right:5px; */}
nav#mainNav ul li:first-child {border:none; color: #fff; font-size: 1.5em;}
nav#mainNav ul li:last-child {border:none;}
nav#secondNav ul li {margin:0;padding: 0px; display:inline; float:left; margin-right:5px; }

nav#mainNav ul li a {
	text-decoration:none;
	display:inline-block;
	padding:5px;
	color:#fff;
	transition-property: border-top, opacity;
	transition-duration: 0.6s;
	transition-timing-function: ease-out;
}
nav#secondNav ul li a {padding:0px 10px 0px 20px; text-align: center;}
nav#mainNav ul li a strong
	{display:block; font-size:1.16em; font-weight:normal; font-family: 'Cormorant Garamond', serif; }
nav#mainNav ul li a span
	{ display:block; font-size:0.86em; text-align:center; font-family: 'Cormorant Garamond', serif;}
nav#mainNav ul li a:hover {
	text-decoration:none;
	color:#ec3455;
	padding-top:5px;
	opacity:1;
	transition-property: border-top, opacity;
	transition-duration: 0.6s;
	transition-timing-function: ease-out;
}

nav#mainNav #selected a {border-top:solid 5px #fff; padding-top:14px; opacity:1;}

#logoIcon {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	background: #f5f6f7;
	margin: -100px auto;
	position: relative;
	background-image: url(img/iconlogo-01.png);
	background-position: 50% 15%;
	background-repeat: no-repeat;
	z-index: 3;
}
#videoContainer {
	background:
        -ms-radial-gradient(grey 15%, transparent 16%),
        -ms-radial-gradient(grey 15%, transparent 16%),
        black;
	background:
        -moz-radial-gradient(grey 15%, transparent 16%),
        -moz-radial-gradient(grey 15%, transparent 16%),
        black;
    background:
        -webkit-radial-gradient(grey 15%, transparent 16%),
        -webkit-radial-gradient(grey 15%, transparent 16%),
        black;
    background:
        -o-radial-gradient(grey 15%, transparent 16%),
        -o-radial-gradient(grey 15%, transparent 16%),
        black;
    background-position: 0 0, 80px 80px;

    -webkit-background-size:10px 10px;
    -moz-background-size:10px 10px;
    background-size:10px 10px;
	z-index: 2;
	height: 100%;
	width: 100%;
	position: absolute;
	opacity: 0.3;
}
#backgroundVideo {
	z-index: 1;
	position:absolute;
	width: 100%;
	display: block;
	max-height: 250%;
}

section#mainSection {
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #ddd;
	/*overflow: hidden;*/
	text-align: justify;
	position: relative;
	font-family: 'Cormorant Garamond', serif;
	z-index: 5;
}
section#mainSection:after {content: ""; clear: both; display: block;}
section#mainSection article {width: 66%; float: left; padding: 30px 20px 20px; border-right: solid 1px #ddd;}
section#mainSection aside {width: 30%; float: right; padding:0;}
section#mainSection aside div {padding: 20px 20px 20px;}
section#mainSection h3 {font-family: 'Cormorant Garamond', serif; font-size: 1.5em;}

section#aboutSection, section#presentationSection {clear: both; height: 400px; overflow: hidden; position: relative;}
section#presentationSection {margin-top:65px; z-index: 1;}
section#aboutSection:after, section#presentationSection:after {content: ""; clear: both; display: table;}
section#aboutSection .gridCell, section#presentationSection .gridCell {
	width:25%;
	float: left;
	max-width: 25%;
	max-height: 200px;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
/**
 * Slider
 */
 .slideshow-container {
   width: 1200px;
   font-size: 0;
   transition: 1s ease;
   height: 200px;
 }

 .slideshow-container:hover {
   animation-play-state: paused;
 }

.slide img {
   width: 400px;
   height: auto;
   display: inline-block;
   font-size: 16px;
   text-align: center;
 }


.slide {
	animation-delay: 3s;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-name: slidein;
	animation-iteration-count: infinite;
	animation-direction: alternate;

	-webkit-animation-delay: 3s;
	-webkit-animation-duration: 30s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-name: slidein;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
}

#errorSection {text-align: center; position: relative; top:40px;}
.anim1, .anim2, .anim3, .anim4{
	position: relative;
	margin: 0;
	padding: 0;
	/*left:-800px;*/
	animation-delay: 3s;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-name: slidein;
	animation-iteration-count: infinite;
	animation-direction: alternate;

	-webkit-animation-delay: 3s;
	-webkit-animation-duration: 30s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-name: slidein;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
}
.anim2 {animation-delay: 9s; -webkit-animation-delay: 9s;}
.anim3 {animation-delay: 5s; -webkit-animation-delay: 5s;}
.anim4 {animation-delay: 7s; -webkit-animation-delay: 7s;}

@keyframes slidein {
  0% {
    transform: translate(0px);
    animation-timing-function: ease-in-out;
  }
  10% {
    transform: translate(0px);
    animation-timing-function: ease-in-out;
  }
  25% {
    transform: translate(-400px);
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: translate(-400px);
    animation-timing-function: ease-in-out;
  }
  75% {
    transform: translate(-800px);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translate(-800px);
    animation-timing-function: ease-in-out;
  }
}

@-webkit-keyframes slidein {
  0% {
    -webkit-transform: translate(0px);
    -webkit-animation-timing-function: ease-in-out;
  }
  10% {
    -webkit-transform: translate(0px);
    -webkit-animation-timing-function: ease-in-out;
  }
  25% {
    -webkit-transform: translate(-400px);
    -webkit-animation-timing-function: ease-in-out;
  }
  50% {
    -webkit-transform: translate(-400px);
    -webkit-animation-timing-function: ease-in-out;
  }
  75% {
    -webkit-transform: translate(-800px);
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translate(-800px);
    -webkit-animation-timing-function: ease-in-out;
  }
}


.triangleBottomRight{
	position: absolute;
	bottom: 0;
	right:0;
	width:0;
	height:0;
	border-right: 110px solid #fff;
	border-top: 110px solid transparent;
	border-left: 110px solid transparent;
	border-bottom: 110px solid #fff;
}
.triangleBottomRight p span {font-size: 1.9em; margin-left: 20px;}

section#content {clear: both; width: 100%; margin:50px 0 0; padding: 0; text-align: justify; z-index: 3; position: relative;}
section#content article {margin: 20px 50px;}

.anunt {width:90%; margin:10px 0 0 40px; padding:0; border-bottom:solid 2px #999; overflow: hidden;}
.anunt h4 {
	margin:5px;
	padding:5px;
	font-size:1.5em;
	border:1px solid #c4d7ed;
	background: #f0f0f0;
	width:200px;
	text-align:center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	float: left;
}
.anunt h3 {margin:5px; padding:0; font-size:1.6em; float: left;}
.anunt h5 {clear:both; float:left; text-align: left;display: block; padding: 0 20px; font-size:1.1em;}
.anunt h5 + div {float:right; width: 55%; border-bottom: solid 1px #ddd; padding: 0 20px;}
.anunt ul {margin:0; padding:0 0 5px; list-style-type:disc;}
.anunt ul li {margin:0px 0px 2px 70px; padding:0;}

footer#mainFooter {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 400px;
	background-color: #222;
	color: #fff;
	border-top:solid 5px #ccc;
}
footer#mainFooter aside {width: 28%; float:left; margin:0; padding: 0;}
footer#mainFooter aside div {padding: 5px 20px;}
footer#mainFooter div#map {width: 70%; float: right; margin: 0; padding: 0;}
footer#mainFooter div#map strong {color: #000;}

@media screen and (max-width: 1040px){
section#mainSection article {width: 60%; float: left; padding: 30px 20px 20px; border-right: solid 1px #ddd;}
section#mainSection aside {width: 35%; float: right; padding:0;}
nav#mainNav ul#lang, nav#secondNav ul#lang {margin:0;}
}

@media screen and (max-width: 950px){
section#mainSection article {width: 60%; float: left; padding: 30px 20px 20px; border-right: solid 1px #ddd;}
section#mainSection aside {width: 35%; float: right; padding:0;}
nav#mainNav ul {float:right;}
nav#mainNav {width:23%;}
}

@media screen and (max-width: 915px){
section#mainSection article {width: 60%; float: left; padding: 30px 20px 20px; border-right: solid 1px #ddd;}
section#mainSection aside {width: 35%; float: right; padding:0;}
nav#mainNav ul {float:right;}
nav#mainNav {width:23%;}
#backgroundVideo, #videoContainer {display: none;}
}

@media screen and (max-width: 820px){
section#mainSection article {width: 90%; float: left; margin:20px 0 0; padding: 0 20px; border:none;}
section#mainSection aside {width: 90%; float: left; margin: 0; padding: 0 20px;}
nav#mainNav ul {float:left;}
nav#mainNav {width:100%;}
#backgroundVideo, #videoContainer {display: none;}
}

@media screen and (max-device-width: 1040px){
section#mainSection article {width: 60%; float: left; padding: 30px 20px 20px; border-right: solid 1px #ddd;}
section#mainSection aside {width: 35%; float: right; padding:0;}
nav#mainNav ul#lang, nav#secondNav ul#lang {margin:0;}
}

@media screen and (max-device-width: 950px){
section#mainSection article {width: 60%; float: left; padding: 30px 20px 20px; border-right: solid 1px #ddd;}
section#mainSection aside {width: 35%; float: right; padding:0;}
nav#mainNav ul {float:right;}
nav#mainNav {width:23%;}
}

@media screen and (max-device-width: 915px){
section#mainSection article {width: 60%; float: left; padding: 30px 20px 20px; border-right: solid 1px #ddd;}
section#mainSection aside {width: 35%; float: right; padding:0;}
nav#mainNav ul {float:right;}
nav#mainNav {width:23%;}
#backgroundVideo, #videoContainer {display: none;}
}

@media screen and (max-device-width: 820px){
section#mainSection article {width: 90%; float: left; margin:20px 0 0; padding: 0 20px; border:none;}
section#mainSection aside {width: 90%; float: left; margin: 0; padding: 0 20px;}
nav#mainNav ul {float:left;}
nav#mainNav {width:100%;}
#backgroundVideo, #videoContainer {display: none;}
}

@viewport{
    width:extend-to-zoom;
    zoom:1.0;
    user-zoom:fixed;
}

/*
 * jquery.popeye.style.css 2.1
 *
 * Example styles for jQuery.popeye
 *
 * Copyright (C) 2011 Christoph Schuessler (schreib@herr-schuessler.de)
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */

/* fallback styles for image list */
.ppy-imglist { width: 100%; display: block;  overflow: hidden;}
.ppy-imglist li {
    padding: 10px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    list-style: none;
    float: left;
    display: block;
    margin: 0 10px 10px 0;
}
.ppy-imglist li a img { display: block; border:  0;}

.ppy3.ppy-active, .ppy4.ppy-active {  width: 400px; float: left; margin: 0 20px 10px 0;}
.ppy4.ppy-active {float: right; margin: 0 0 10px 20px;}
.ppy3 .ppy-outer, .ppy4 .ppy-outer {}

.ppy3 .ppy-stage, .ppy4 .ppy-stage {width: 400px; height: 250px; overflow: hidden; cursor: pointer;}

.ppy3 .ppy-stagewrap, .ppy4 .ppy-stagewrap { background: #333;}

.ppy3 .ppy-caption, .ppy4 .ppy-caption {
    margin: 10px 0 0 0;
    padding: 0 5px 3px 0;
    font-size: 0.9em;
    line-height: 1.3em;
    color: #666;
    height: 30px;
    overflow: auto;
    border-bottom: 1px solid #ddd;
}

.ppy3.ppy-expanded .ppy-caption, .ppy4.ppy-expanded .ppy-caption
{margin: 0; padding: 10px; color: #fff; border-bottom: 1px solid #333;  background: #666;}

.ppy3 .ppy-counter, .ppy4 .ppy-counter {
    background: #333;
    color: #fff;
    padding: 0 5px;
    font-size: 0.8em;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

.ppy3 .ppy-loading, .ppy4 .ppy-loading { background: #333 url(img/loading3.gif) no-repeat center !important;}
.ppy3 .ppy-nav, .ppy4 .ppy-nav {
    background:     #333;
    background:     rgba(51,51,51,0.7);
    background:     -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgba(51,51,51,0.5)),
        color-stop(0.4, rgba(51,51,51,0.3)),
        color-stop(0.6, rgba(51,51,51,0.3)),
        color-stop(1, rgba(51,51,51,0.5))
    );
    background:     -moz-linear-gradient(
        center bottom,
        rgba(51,51,51,0.5) 0%,
        rgba(51,51,51,0.3) 40%,
        rgba(51,51,51,0.3) 60%,
        rgba(51,51,51,0.5) 100%
    );
    width: 100%;
    height: 100%;
    text-align: center;
}
.ppy3 .nav-wrap, .ppy4 .nav-wrap {
    width: 104px;
    height: 32px;
    padding: 30% 0 0 0;
    margin: 0 auto 0 auto;
}
.ppy3 .ppy-nav a, .ppy4 .ppy-nav a {
    display: block;
    overflow: hidden;
    text-indent: -900em;
    height: 22px;
    float: left;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.ppy3 .ppy-prev, .ppy4 .ppy-prev { width: 22px; background: url(img/prev3.png) no-repeat center;}
.ppy3 .ppy-next, .ppy4 .ppy-next { width: 22px; background: url(img/next3.png) no-repeat center;}
.ppy3 .ppy-switch-enlarge, .ppy4 .ppy-switch-enlarge { width: 30px; background: url(img/enlarge3.png) no-repeat center;}
.ppy3 .ppy-switch-compact, .ppy4 .ppy-switch-compact { width: 30px; background: url(img/compact3.png) no-repeat center;}
.ppy3 .ppy-play, .ppy4 .ppy-play { width: 22px; background: url(img/play3.png) no-repeat center;}
.ppy3 .ppy-pause, .ppy4 .ppy-pause { width: 22px; background:url(img/pause3.png) no-repeat center;}
.ppy3 .ppy-nav a:hover, .ppy4 .ppy-nav a:hover { background-color: #333; cursor: pointer;}
/*
 * jquery.popeye.css 2.1
 *
 * Mandatory CSS classes for jQuery.popeye
 *
 * Copyright (C) 2011 Christoph Schuessler (schreib@herr-schuessler.de)
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */
.ppy-outer { display: none;}
.ppy-active .ppy-outer { display: block;}
.ppy-stage {background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.ppy-placeholder { position: relative;}
.ppy-caption,.ppy-captionwrap {overflow: hidden;}
.ppy-hidden { display:  none !important;}


/*
 * jquery.popeye.style.css 2.1
 *
 * Example styles for jQuery.popeye
 *
 * Copyright (C) 2011 Christoph Schuessler (schreib@herr-schuessler.de)
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */

/* fallback styles for image list */
.ppy-imglist { width: 100%; display: block;  overflow: hidden;}
.ppy-imglist li {
    padding: 10px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    list-style: none;
    float: left;
    display: block;
    margin: 0 10px 10px 0;
}
.ppy-imglist li a img { display: block; border:  0;}

.ppy3.ppy-active, .ppy4.ppy-active {  width: 400px; float: left; margin: 0 20px 10px 0;}
.ppy4.ppy-active {float: right; margin: 0 0 10px 20px;}
.ppy3 .ppy-outer, .ppy4 .ppy-outer {}

.ppy3 .ppy-stage, .ppy4 .ppy-stage {width: 400px; height: 250px; overflow: hidden; cursor: pointer;}

.ppy3 .ppy-stagewrap, .ppy4 .ppy-stagewrap { background: #333;}

.ppy3 .ppy-caption, .ppy4 .ppy-caption {
    margin: 10px 0 0 0;
    padding: 0 5px 3px 0;
    font-size: 0.9em;
    line-height: 1.3em;
    color: #666;
    height: 30px;
    overflow: auto;
    border-bottom: 1px solid #ddd;
}

.ppy3.ppy-expanded .ppy-caption, .ppy4.ppy-expanded .ppy-caption
{margin: 0; padding: 10px; color: #fff; border-bottom: 1px solid #333;  background: #666;}

.ppy3 .ppy-counter, .ppy4 .ppy-counter {
    background: #333;
    color: #fff;
    padding: 0 5px;
    font-size: 0.8em;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

.ppy3 .ppy-loading, .ppy4 .ppy-loading { background: #333 url(img/loading3.gif) no-repeat center !important;}
.ppy3 .ppy-nav, .ppy4 .ppy-nav {
    background:     #333;
    background:     rgba(51,51,51,0.7);
    background:     -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgba(51,51,51,0.5)),
        color-stop(0.4, rgba(51,51,51,0.3)),
        color-stop(0.6, rgba(51,51,51,0.3)),
        color-stop(1, rgba(51,51,51,0.5))
    );
    background:     -moz-linear-gradient(
        center bottom,
        rgba(51,51,51,0.5) 0%,
        rgba(51,51,51,0.3) 40%,
        rgba(51,51,51,0.3) 60%,
        rgba(51,51,51,0.5) 100%
    );
    width: 100%;
    height: 100%;
    text-align: center;
}
.ppy3 .nav-wrap, .ppy4 .nav-wrap {
    width: 104px;
    height: 32px;
    padding: 30% 0 0 0;
    margin: 0 auto 0 auto;
}
.ppy3 .ppy-nav a, .ppy4 .ppy-nav a {
    display: block;
    overflow: hidden;
    text-indent: -900em;
    height: 22px;
    float: left;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.ppy3 .ppy-prev, .ppy4 .ppy-prev { width: 22px; background: url(img/prev3.png) no-repeat center;}
.ppy3 .ppy-next, .ppy4 .ppy-next { width: 22px; background: url(img/next3.png) no-repeat center;}
.ppy3 .ppy-switch-enlarge, .ppy4 .ppy-switch-enlarge { width: 30px; background: url(img/enlarge3.png) no-repeat center;}
.ppy3 .ppy-switch-compact, .ppy4 .ppy-switch-compact { width: 30px; background: url(img/compact3.png) no-repeat center;}
.ppy3 .ppy-play, .ppy4 .ppy-play { width: 22px; background: url(img/play3.png) no-repeat center;}
.ppy3 .ppy-pause, .ppy4 .ppy-pause { width: 22px; background:url(img/pause3.png) no-repeat center;}
.ppy3 .ppy-nav a:hover, .ppy4 .ppy-nav a:hover { background-color: #333; cursor: pointer;}

.switch-field {
  font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	overflow: hidden;
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field a {
  float: left;
	text-decoration:none;
}

.switch-field a {
  display: inline-block;
  width: 60px;
  background-color: #222;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 6px 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

.switch-field a:hover {
	cursor: pointer;
}

.switch-field [data-selected="true"] {
  background-color: #6e1a29;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.switch-field a:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field a:last-of-type {
  border-radius: 0 4px 4px 0;
}