@import url(flexslider.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600&subset=latin,latin-ext);

body {
 -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
	}

h1,h2,h3,h4,.h1,.h2,.h3,.h4 {font-family: 'Open Sans', sans-serif; }
ul, li {list-style:none; margin:0; padding:0;}

.navbar {background:url(../images/ui/headerBG.jpg); height:132px; border-bottom:18px solid #3e8a4a;}
#navbar {margin:64px 0 0 0; float:right; }

table {border: 1px solid #ccc;}
table td {padding:0 20px;}

.list li {line-height:80px; background:url(../images/ui/ico.png) center left no-repeat; padding:0 0 0 50px; background-size:45px;}
.list2 li {line-height:30px; background:url(../images/ui/ico.png) top left no-repeat; padding:0 0 0 40px; background-size:25px;}

.header {transition: height 500ms, background 500ms;}
.header.tiny { height:80px;  }
.header.tiny .logo {height: 60px;}
.header.tiny #navbar {margin: 12px 0 0 0;}
.header.tiny .navbar-toggle {margin-top:15px;}

#navbar ul li a:hover {color: #fff200 !important;background-color: #5eb04a;}

.tiny .lang {display:none !important; }
.lang {width:1080px; margin:auto; position:relative;}
.langContent {position:absolute; top:26px; right:50px; font-size:11px; color:#fff;}

.langContent .choose { width:100px;display:block; padding:3px 25px 0 15px;  background:url(../images/ui/langIco.png),url(../images/ui/langIco.png); 
background-position: top left, 85px -80px; background-repeat: no-repeat; cursor:pointer;}
.tr {background:url(../images/ui/TR-flag.png) 5px 5px no-repeat; background-size:20px; color:#000;  padding:5px 0 5px 30px; display:block; font-size:11px; text-indent:-9999999px; float:right;}
.en {background:url(../images/ui/en-flag.png) 5px 5px no-repeat; background-size:20px; color:#000; padding:5px 0 5px 30px; display:block; font-size:11px; text-indent:-9999999px; float:right;}
.chooseContent {background:#fff; width: 90px; z-index:99999; position:relative; margin:0 0 0 -13px; padding:5px 3px;}

.slider {background:#5eadd4; width:100%; margin:auto; border-bottom:10px solid #dcddde; }
.slider hr {background:url(../images/ui/slideBorder.jpg) bottom center no-repeat; width:1080px; display:block; height:10px; border:none; margin:0 auto -10px auto; }
.flexslider {width:100%; margin:132px auto 0 auto; }

.grid1080 {width:1080px; margin:auto;}
#products .h1, #services .h1 {color:#4f8729; text-align:center; margin:60px 0; display:block;}

.useful {color: #fff;font-size: 13px;position: absolute;left: -120px;}
.useful:hover {color: #fff; text-decoration:none;}

.defaultHR {   height:4px; display:block; border:none;  background:url(../images/ui/hr.jpg) center center no-repeat #dcddde; background-size:1080px 4px;}


#products ul li {float:left;  position:relative; font-family: 'Open Sans', sans-serif;}
#products ul li a {width:270px; height:270px; display:block; text-align:center;  color:#4f8729; font-size:14px;-webkit-border-radius: 190px;
-moz-border-radius: 190px;border-radius: 190px;-webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; }
#products ul li a:hover {-webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.33);
-moz-box-shadow:    0px 1px 10px 0px rgba(50, 50, 50, 0.33);
box-shadow:         0px 1px 10px 0px rgba(50, 50, 50, 0.33);}
#products ul li a .title  {-webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; }

#products ul li:nth-child(1) a .title  {margin-left:-30px;}
#products ul li:nth-child(2) a .title  {margin-left:-30px;}
#products ul li:nth-child(3) a .title  {margin-left:-32px;}
#products ul li:nth-child(4) a .title  {margin-left:-28px;}
#products ul li a:hover .title {*font-size:24px;}

#products ul li a:hover .details {*display:block;  }
#products ul li a .details { display:none; font-style:normal; position:absolute; left:37%; bottom:10px; text-align:center;    }
#products ul li a span {position:absolute; bottom:30px;}
#products ul li:nth-child(1) a {background:url(../images/ui/productsIco.png) -20px -10px;}
#products ul li:nth-child(2) a {background:url(../images/ui/productsIco.png) -300px -0px;}
#products ul li:nth-child(3) a {background:url(../images/ui/productsIco.png) -570px -15px;}
#products ul li:nth-child(4) a {background:url(../images/ui/productsIco.png) -870px -15px;}

#services {margin:70px auto; font-family: 'Open Sans', sans-serif;}
#services .h1 {color:#febc04;} 
#services ul li  {float:left; position:relative; }
#services ul li a {font-size:18px; color:#545d68;  width:215px; height:170px; display:block; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; }
#services ul li a span {position:absolute; bottom:0; text-align:center; display:block; width:215px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out;}
#services ul li:nth-child(1) a {background:url(../images/ui/servicesIco.jpg) 30px 0 no-repeat;}
#services ul li:nth-child(1) a:hover {background:url(../images/ui/servicesIco.jpg) 30px 50px no-repeat;}

#services ul li:nth-child(1) a:hover .title,
#services ul li:nth-child(2) a:hover .title,
#services ul li:nth-child(3) a:hover .title,
#services ul li:nth-child(4) a:hover .title,
#services ul li:nth-child(5) a:hover .title { bottom:150px; border:1px solid #3E8A4A; border-radius:15px; padding:5px 0; }

#services ul li:nth-child(2) a {background:url(../images/ui/servicesIco.jpg) -170px 0 no-repeat;}
#services ul li:nth-child(2) a:hover {background:url(../images/ui/servicesIco.jpg) -170px 50px no-repeat;}


#services ul li:nth-child(3) a {background:url(../images/ui/servicesIco.jpg) -405px 0 no-repeat;}
#services ul li:nth-child(3) a:hover {background:url(../images/ui/servicesIco.jpg) -405px 50px no-repeat;}

#services ul li:nth-child(4) a {background:url(../images/ui/servicesIco.jpg) -665px 0 no-repeat;}
#services ul li:nth-child(4) a:hover {background:url(../images/ui/servicesIco.jpg) -665px 50px no-repeat;}

#services ul li:nth-child(5) a {background:url(../images/ui/servicesIco.jpg) -910px 0 no-repeat;}
#services ul li:nth-child(5) a:hover {background:url(../images/ui/servicesIco.jpg) -910px 50px no-repeat;}



.contact span {width:200px; display:block; float:left;}




#footer {border-top:18px solid #dcddde; background:#5eadd4; padding:30px 0;}
#footer .column {width:216px; float:left;}
#footer .h1 {color:#fff; font-size:24px;}
#footer ul {margin:10px 0; }
#footer ul li a:before {content:" › "; padding:0 5px 0 0; display:block; float:left;}
#footer ul li a {display:block; color:#fff;}
#footer .socialMedia ul li {float:left; margin:0 10px 0;}
#footer .socialMedia ul li a {background:url(../images/ui/socialIco.png); width:27px; height:28px; text-indent:-99999px; display:block; transition: height 500ms, background 500ms;}
#footer .socialMedia ul li a:hover {background:url(../images/ui/socialIco.png) left bottom;}
#footer .socialMedia ul li:nth-child(2) a{background:url(../images/ui/socialIco.png) -44px 0;}
#footer .socialMedia ul li:nth-child(2) a:hover{background:url(../images/ui/socialIco.png) -44px bottom;}
#footer .socialMedia ul li:nth-child(3) a{background:url(../images/ui/socialIco.png) -88px 0;}
#footer .socialMedia ul li:nth-child(3) a:hover{background:url(../images/ui/socialIco.png) -88px bottom;}
#footer .socialMedia span {color:#fff; margin:10px; display:block;}










/*
GLOBAL PAGE
*/

#titleHead {background:#f7941e; height:130px;margin: 132px 0 0 0; display:block;}
#titleHead .title {float:left; }
#titleHead .title h1{  color:#fff; font-size:48px; line-height:48px;}  
#titleHead .title h2 {font-weight:300; color:#fff;}
#titleHead img {float:right;}



#global .grid1080 {font-size:15px; font-family: 'Open Sans', sans-serif;}



.accordion {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:24px; padding:0 20px; line-height: 70px;background: #7a9b36;  border-bottom:5px solid #f1f1f2; color: #fff; }
.accordion .date {float:right; background:url(../images/ui/dateIco.png) center left no-repeat; padding:0 0 0 40px; width: 400px;}
.accordion-open { background: #7a9b36; color: #fff; }
.accordion-open span { background: url(../images/ui/arrowDropUp.png) bottom left no-repeat; display: block; float: right;  width:29px; height:18px; margin: 25px;}
.accordion-close span {background: url(../images/ui/arrowDropUp.png) top left no-repeat; display: block; float: right;  width:29px; height:18px; margin: 25px; }

.accordions .content { padding:30px 0; color:#4d4d4d; }
.accordions .content img {float:right;}