/**********************************************************************
  __      __ _                   _____
  \ \    / /(_)                 / ____|
   \ \  / /  _   ___ __      __| (___    ___   _   _  _ __  ___  ___
    \ \/ /  | | / _ \\ \ /\ / / \___ \  / _ \ | | | || '__|/ __|/ _ \
     \  /   | ||  __/ \ V  V /  ____) || (_) || |_| || |  | (__|  __/
      \/    |_| \___|  \_/\_/  |_____/  \___/  \__,_||_|   \___|\___|
          web: www.viewsource.biz  email: office@viewsource.biz
                    Copyright (c) 2005-2009 ViewSource
                    
***********************************************************************/


/* C O M M O N ********************************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
body {margin: 0px; padding: 0px; background: #eeeeee; color:#141414;font: 12px 'Open Sans', sans-serif;}

h1 {margin: 0px 0px 10px 0px; font-size: 16px;}
h2 {margin: 0px 0px 10px 0px; font-size: 14px;}
h3 {margin: 0px 0px 2px 0px; font-size: 12px;}

ul {margin:0px; padding: 0px;list-style-type: none;}
li {margin: 0px;	padding: 0px;}

hr {border: 0px; border-top: 1px solid #ddd; }

a, a:visited {color:#009; text-decoration:none;}
a:hover {text-decoration:underline;}
a img, a:visited img, a:hover img {border: 0px;}
a{outline:none;}
img {border: 0px; }
form {margin: 0px;	padding: 0px;}

.clear{clear:both;}
header				{}
footer				{}
section				{float:left;}
aside				{float:left;}


.SiteWidth			{width:1170px;margin:0 auto 0 auto;}

#box { border: 1px solid #ccc; margin: 2px 0 2px 0px; }

p{margin:0px;}
/* M A I N   C O N T A I N E R S **************************************/

#Header       {position: absolute;z-index: 500;width: 100%;top: 0px;}
#Body          {}
#Footer        {height: 30px;background:#ffffff;}
.CenterCol.Index{padding-top:40px;width:870px;}

.CenterCol     {float:left;width:100%;padding-top:40px;padding-bottom: 40px;}
.CenterCol.Col{padding-top:0px;padding-bottom:0px;}
#RightCol      {width: 270px;float:left;padding-left:30px;padding-top: 40px;padding-bottom:30px;}
.Left{float:left}
.Right{float:right}
.Col5{width:160px;padding:17px 17px 0px 0;}
.ColParent .Col5:nth-child(5n){padding-right:0px;}
.ColParent .Col5:nth-child(5n+1){clear:both;}
.PictureImg img{display:block;max-width:100%;}
.ColParent:after{content:"";clear:both;display:table;}
.Flex{display:flex;align-items: center;}
/* C O N T A I N E R S   E L E M E N T S ******************************/
.IndexSliderTop li{padding-top:33.3%;background-size:cover;position: relative;}
.HeaderTop				{width: 100%;height:40px;background:#141414;color:#ababab;}
.HeaderTopContent		{height:40px;vertical-align:middle;display:table-cell;}
.HeaderTopContent	a	{color:#a5a5a5;text-decoration:none;}
.HeaderTopContent	a:hover{color:#00B2D9;}

.HeaderColor{color:#00b2d9;}
.HeaderBottomContent	{height:40px;vertical-align:middle;display:table-cell;}
.HeaderBottomContent a	{padding:0px 65px;border-right:1px solid #32341e;font-size:14px;color:#ad854d;text-transform:uppercase;}
.HeaderBottom			{height:90px;background:#fff;}
.HeaderBottomLine		{height:50px;background: transparent url("/design/images/background-tranparent.png") repeat;}
.HeaderLeft             {float:left;}
.HeaderRight            {float:right;}
#HeaderLogo img         {position:absolute;margin-top:-40px;z-index: 1000;}
.HeaderLang             {display: inline;padding-left:5px;cursor:pointer;}
.HeaderLeft .HeaderTopContent{padding-left:300px;text-transform:uppercase}
.HeaderLang :hover {color:#fff;}
.HeaderLang :visited{color:#848484;}
.HeaderLang1, .HeaderLang1:visited{color:#fff;text-transform:uppercase;}
.HeaderLang1 :hover{color:#00b2d9;}
.HeaderLangContent{padding-top:11px;position:absolute;z-index:1000;text-align:left;margin-left:-5px;}
.IconLangLeft{padding-right:5px;font-size:12px;}
.IconLangRight{padding-left: 5px;}
.HeaderLangDropdown {box-shadow:0 5px 10px rgba(0,0,0,0.2);border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);background-color:#fff;list-style-type:none;display:none;}
.HeaderLangDropdown li a{padding: 5px 5px 5px 35px;font-size:12px;display:block;text-transform:uppercase;}
.HeaderLangDropdown li:last-child{border:none;}
.HeaderLangDropdown a:hover{background-color:#00B2D9;opacity:0.8;color:#fff}
#HeaderSearch           {}
#HeaderSearch input     {border: 1px solid #ccc; background: #f9f9f9;}
#HeaderSearchButon      {color:#444; font-size: 10px; height: 20px;}
#HeaderOpcije           {margin: 5px 0 0 0px; }
#HeaderOpcije a 		{color:#000; text-decoration:none;}
#HeaderOpcije a:visited {color:#000; text-decoration:none;}
#HeaderOpcije a:hover 	{color:#000; text-decoration:underline;}
.Menu {display: table-cell;vertical-align: middle;height:90px;position: relative;}
.English{background:url("/design/images/lang-EN.png")5px center no-repeat;padding-left: 20px;}
.Srpski	{background:url("/design/images/lang-SR.png")5px center no-repeat;padding-left: 20px;}
.China {background:url("/design/images/lang-CN.png")5px center no-repeat;padding-left: 20px;}
.Turkey {background:url("/design/images/lang-TR.png")5px center no-repeat;padding-left: 20px;}
.HideText{text-transform:uppercase;}
#LeftColContent         {background: #fff; padding:0px 5px 0px 5px;}
.TableRow{display:table-row;}
.HeaderTitleBox			{background:url("/design/images/header-title.jpg")no-repeat;padding:33px 0px;}
.HeaderContent		{display:table;margin:0 auto;}
.HeaderTitle{margin-bottom:3px;}
.HeaderTitle h1{ font-family:'Open Sans', sans-serif;color:#eee;font-size:30px;text-transform:uppercase;height:50px;padding: 0px 30px;border:1px solid #5f6062;display:table-cell;text-align:center;vertical-align: middle;}
.Backcramp{background:url("/design/images/title-header.png") repeat;color:#eee;font-size:12px;text-transform:uppercase;height:30px;padding: 0px 30px;border:1px solid #5f6064;display:table-cell;text-align:center;vertical-align: middle;}
.Backcramp a {color:#eee;}

.WithBg{margin:30px 0;}
.WithBg span{background: #cecece url("/design/images/about-line.jpg") no-repeat;height:84px;display:table-cell;text-align:justifly;vertical-align: middle;color:#606060;font-size:13px;font-weight: 600;font-style: italic;padding: 0 30px;}
.ArticleText{font-size:14px;}
.ArticleText p {margin:0px;}
.OneArticleContent img {display:block;max-width:100%;padding: 0 30px 15px 0;}
#CenterColContent       {}
.CategoryTitle{text-transform:uppercase;display:table-cell;width:870px;height:55px;display:table-cell;text-align:center;vertical-align: middle;border-bottom:10px solid #0a8aa9;color:#fff;font-size:18px;background:#24292f;}
.CategoryTitle:hover{text-decoration:none;}
.CategoryTitle:visited{color:#fff}
.CategoryContainer{display:block;padding-bottom:60px}
.CategoryContent{padding-top:30px;font-size:13px;}
.CategoryText{width:470px;padding-left:30px;}
.CategoryImg{}
.CategoryImg img {display:block;max-width:100%;}
#RightColContent        {}
.RightContent{padding:30px;background: #000 url("/design/images/right-bg.png") no-repeat;}
.RightLink{display:block;padding:8px 30px;color:#fff;font-size:18px;text-transform:uppercase;background:url("/design/images/title-header.png") repeat;margin-bottom:10px;}
.RightLink:hover{text-decoration:none;background: #00B2D9;}
.RightLink:visited{color:#fff}
.RightPhone{text-transform:uppercase;color:#ddd;font-size:16px;background:url("/design/images/blue_transparent.png") repeat;width:210px;height:107px;display:table-cell;text-align:center;vertical-align: middle;}
.RightPhone span{color:#fff;font-weight:bold;display:block;}
.RightBox{padding-bottom:45px;padding-top:30px;}
#FooterContent          {}
#Footer a, #Footer a:visited 		{color:#000;text-decoration:none;}
#Footer a:hover 		{text-decoration:underline;}
#FooterBottom           {width: 790px; height: 4px;}
.SliderTextContainer {position: absolute;bottom: 120px;width: 100%;text-align: center;top: 20.8%;}

.SliderTextContainer a:hover {text-decoration: none;}
.SliderTitle a{font-size:100px;color:#fff;font-weight:800;text-transform: uppercase;text-decoration: none;text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.7);line-height:106px;}
.SliderText a{font-size:16px;color:#231f20;font-weight:600;text-decoration: none;padding:15px 60px;background:#00b2d9;text-transform: uppercase;}
.SliderText{padding-top:60px;}
.ArticleAboutContent{padding:50px 0;background:#eee;}
.Article1AboutContent{text-align:center;padding-bottom:50px;}
.Article2AboutContent{background:url("/design/images/about.jpg") no-repeat;padding: 50px;}
.IndexArticle1Title{color:#141414;font-size:44px;text-transform: uppercase;font-weight:300;}
.IndexArticle1Title h2{margin:0px;color:#0ba8ca;font-size:24px;text-transform: uppercase;font-weight:600;}
.IndexArticle1Text{font-size:15px;text-transform: uppercase;color:#141414;}
.WhiteSepartor{width:50px;height:3px;background:#fff;margin: 0 auto;}
.IndexArticle2Title{text-align:center;}
.IndexArticle2Title h2{color:#fff;font-size:30px;text-transform: uppercase;font-weight:600;margin-bottom:19px;white-space: nowrap;}
.Article2Box{display:block;float:left;width:330px;padding-right:40px;}
.Article2Box:nth-child(3n){padding-right:0px;}
.Article2BoxTop{background:url("/design/images/white_transparent.png") repeat;text-align:center;padding-top:50px}
.Article2BoxBottom{background:#fff;;padding:20px;color:#161617;}
.Article2BoxImg1{background:url("/design/images/white_l.png") no-repeat  center 100%;height:100px;}
.Article2BoxImg2{background:url("/design/images/white_k.png") no-repeat  center 100%;height:100px;}
.Article2BoxImg3{background:url("/design/images/white_b.png") no-repeat  center 100%;height:100px;}
.Article2BoxTitle{height:47px;color:#0ba8ca;font-size:18px;text-transform: uppercase;padding-top: 25px;}
.Article2BoxText{font-size:14px;text-align:center;}
.Article2Box:hover {text-decoration:none;}
.Article2Box:hover .Article2BoxImg1{background:url("/design/images/white_l.png") no-repeat  center 0%;height:100px;}
.Article2Box:hover .Article2BoxImg2{background:url("/design/images/white_k.png") no-repeat  center -30%;height:100px;}
.Article2Box:hover .Article2BoxImg3{background:url("/design/images/white_b.png") no-repeat  center 0%;height:100px;}
.Article2Box:hover  .Article2BoxTop{background:url("/design/images/blue_transparent.png") repeat;text-align:center;padding-top:50px} 
.Article2Box:hover .Article2BoxTitle{color:#fff;}
.Article2Box:hover .Article2BoxBottom{background:#000;padding:20px;color:#fff;}
.bx-wrapper .bx-viewport{border:none;left:0;}
.IndexArticle2Text{padding-top:30px;}

.Pagination{display:table;margin:46px auto 0 auto;border:1px solid #eee;border-collapse: collapse;}
.Pagination .Option{display:table-cell;font-size:11px;border:1px solid #eee;}
.Pagination .Option a, .Pagination .Option span{display:table-cell;height:28px;width:28px;vertical-align:middle;text-align:center;color:#fff;background:#141414;text-transform:uppercase;}
.Pagination .Option span{color:#ffffff;background:#00b2d9;;}
.Pagination .Option.Prev a, .Pagination .Option.Next a{width:100px;}
.Pagination .Option a:hover{text-decoration:none;color:#ffffff;background:#00b2d9;}


.FooterContent{text-align:center;}
.FooterTop {background: #000;padding:40px 0px 40px 0px;font-size: 12px;color:#a8b0b6;text-transform: uppercase;}
 .FooterBox {
    float: left;
    width: 270px;
    padding-right: 30px;
}
.FooterBoxTitle {font-size: 16px;}
.FooterBoxContent {padding-top: 25px;}

.FooterBottom {
    height: 50px;
    background-color: #000;
    color: #909090;
    font-size: 12px;
    font-weight: 300;
    border-top:1px solid  #3d3d3d;
}
.FooterBottomLeft {
    float: left;
}
.FooterBottomRight {
    float: right;
}
.FooterBottomContent {height: 50px;display: table-cell;vertical-align: middle;}
.FooterUp {
    height: 30px;
    width: 30px;
    background-color: #1c1c1c;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;}
.FooterUp:hover{background:#00B2D9;color:#fff;}
.FooterBottomContent a{color: #848484;}
.FooterBottomContent a:hover {color:#00B2D9;}
.FooterBox:nth-child(4) {padding-right: 0px;}
.FooterBoxContent .FooterLogo{float:left;padding:0px 20px 0px 0px;display:block;}

.FooterOption{padding-bottom:8px;}
.FooterPhone {padding: 0px 0px 15px;color:#797979;}
.FooterBoxContent a {display: block;color:#a8b0b6;font-size:12px;padding-bottom:8px;}
.FooterBoxContent a span{}
.FooterBoxContent a:hover {color:#00b2d9;text-decoration: none;} 
.FormBotton{cursor: pointer;border:none;width: 196px;height:90px;text-transform: uppercase;background: transparent url('/design/images/orange_bg.png') repeat scroll 0% 0%;color:#fff;font-size: 18px;font-family: 'Times New Roman', sans-serif;}
.FormEmail{padding-left: 5px;border-top:0px;border-left:0px;border-right:0px;background: transparent;border-bottom:1px solid #4a4a4a;width:300px;color:#a5a5a5;font-size:17px;font-family: 'Times New Roman', sans-serif;}
.IndexContentMap img {display:block;max-width: 100%;}
.IndexContentMap{ height: 443px;
    background-image: url(/design/images/maps.jpg);
    display: block;
    background-repeat: no-repeat;
    background-position: center;}
.IndexBannerCotant{background: transparent url('/design/images/banner_bg.png') no-repeat;padding:50px 0;}
.IndexBannerBox{width:270px;}
.IndexBannerBox img {display:block;max-width:270px;height:140px;}
.ArticleSliderController{display:table;margin-left:20px;}
.ArticleSliderController .Control{display:table-cell;padding:0 4px 0 0;}
.ArticleSliderController .Control span a{display:block;width:25px;height:25px;border:1px solid #464646;}
.ArticleSliderController .Control span a:hover{text-decoration:none;background: #00B2D9}
.ArticleSliderController .Control span a:before{display:table-cell;width:25px;height:25px;vertical-align:middle;text-align:center;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);font-size:12px;color:#464646;}
.ArticleSliderController .Control #ArticleIndexPrev a:before{content:"\f053";}
.ArticleSliderController .Control #ArticleIndexNext a:before{content: "\f054";}
.PartnerText{padding-bottom:40px;padding-top:30px;font-size:14px;font-weight:300;color:#9f9f9f;text-align: center;}
.ArticleSliderController .Control span a:hover:before{color: #FFF;}

.Display h2 {display: inline-block;margin-left:82px;}

.IndexContainer{padding:50px 0px;background: #fff;}
.IndexContent{float:left;width:370px;}
.IndexContent a {display:block;color:#fff;}
.IndexContentTitle{display:table-cell;vertical-align:middle;text-align:center;height:65px;font-size:18px;text-transform:uppercase;background:#00B2D9;width: 370px;}
.BlackSepartor{width:50px;height:3px;background:#141414;margin: 0 auto;}
.IndexContainerTitle{text-align:center;}
.IndexContainerTitle h2{color:#141414;font-size:30px;text-transform: uppercase;font-weight:600;margin-bottom:19px;}
.IndexSliderController{display:table;margin-left:20px;}
.IndexSliderController .Control{display:table-cell;padding:0 4px 0 0;}
.IndexSliderController .Control span a{display:block;width:25px;height:25px;border:1px solid #d7d7d7;}
.IndexSliderController .Control span a:hover{text-decoration:none;}
.IndexSliderController .Control span a:before{display:table-cell;width:25px;height:25px;vertical-align:middle;text-align:center;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);font-size:12px;color:#a8a8a8;}
.IndexSliderController .Control #ArticlePrev a:before{content:"\f053";}
.IndexSliderController .Control #ArticleNext a:before{content: "\f054";}
.IndexContainerText{padding-bottom:40px;padding-top:30px;font-size:14px;font-weight:300;color:#1e1e1e;text-align: center;}
.IndexSliderController .Control span a:hover{background: #00B2D9;color: #FFF;}
.IndexSliderController .Control span a:hover:before{color: #FFF;}
/* C L A S S   B O X **************************************************/

.box-left-cel {margin: 5px 0 5px 0px; width: 190px;}
.box-header-left-cel {background:#ccc; padding-left:5px; height: 25px;}

.box-right-cel {margin: 5px 0 5px 0px; widh: 190px;}
.box-wrap-right-cel {}

.box-footer-right-cel {border-bottom: 2px solid #cccccc; font-size: 0px; padding: 0px; margin: 0px;}


.box-banner {margin: 5px 0 0 0; width: 190px;}
.box-banner-content {}

.box-content {border:2px solid #ccc;padding: 3px;}


/* C L A S S   C A T A L O G ******************************************/

.one-item {margin: 0 0 30px 0px;}
.one-item-picture {border: 1px solid #cccccc; margin: 3px;}
.one-item-parameter {width: 230px;}
.one-item-group-filter {width: 395px;}
.one-item-group-items {margin: 0 0 30px 30px;}
.one-item-group-items-parameter {width: 200px;}
.one-item-group-items-picture {border: 1px solid #cccccc;}
.category-items {margin: 0 0 30px 0px;}
.category-items-parameter {width: 230px;}
.category-items-picture {border: 1px solid #cccccc;}
.category-items-group-items-filter {width: 395px;}
.category-items-group-items {margin: 0 0 30px 30px;}
.category-items-group-items-parameter {width: 200px;}
.category-items-group-items-picture {border: 1px solid #cccccc;}


/***************************** C U S T O M ******************************/

.galleryThumbs { margin: 3px;}

.galleryThumbs img {padding:0px;margin:0px;border: 0px;}

.info {background: #f9f9f9; border: 1px solid #eeeeee; padding: 5px; margin: 5px;}
.ContactContent{width:100%;}
.ContactLeft{width:50%;background:#a8b0b6;float:left;}
.ConatctRight{width:50%;float:right;}
.ContactText{text-transform: uppercase;padding-top:20px;color:#000;}
.ContactTop{padding:30px 0;background:#eaeaea}
.ContactBox{padding:0px 0 0px 30px;width:570px;text-align:center;}
.ContactBottom{padding:30px 0}
.ContactTitle h2{font-size:20px;}
.ContactInput{padding-bottom:15px}
.ContactInput:nth-child(4){padding-bottom:30px}
.ContactInputButton{float:right;font-family:'Open Sans' sans-serif;cursor:pointer;width:158px;height:42px;background:#eee;color:#141414;border: 1px solid #787777;font-size:13px;font-weight:700;text-transform: uppercase;}
.ContactInputButton:hover{background:#00b2d9;color:#fff;}
.ContactInputBox{display:table;margin:0 auto;}
.ContactInput input{width:555px;padding:12px 0px 12px 15px;border:none;border-bottom:1px solid #cfcfcf;background:#eee;color:#141414;font-size:11px;sfont-family:'Open Sans', sans-serif;}
.ContactInput input:focus{border-color:#00b2d9}
.Captcha input{width:170px;padding:12px 0px 12px 15px;border:none;border-bottom:1px solid #cfcfcf;background:#eee;color:#141414;font-size:11px;font-family:'Open Sans', sans-serif;}
.ContactInput textarea{width:555px;padding:12px 0px 12px 15px;border:none;border-bottom:1px solid #cfcfcf;background:#eee;color:#141414;font-size:11px;font-family:'Open Sans', sans-serif;}
.ContactInput textarea:focus{border-color:#00b2d9}
.ContactInput.Error input	{border-bottom: 1px solid #F00;}
.ContactInput.Error textarea	{border-bottom: 1px solid #F00;}
.ContactInput input::-webkit-input-placeholder {
   text-transform: uppercase;
    color:    #141414;
}
.ContactInput input:-moz-placeholder {
    text-transform: uppercase;
    color:    #141414;
}
.ContactInput input::-moz-placeholder {
  text-transform: uppercase;
    color:    #141414;
}
.ContactInput input:-ms-input-placeholder {
text-transform: uppercase;
    color:    #141414;
}

.ContactInput textarea::-webkit-input-placeholder {
   text-transform: uppercase;
    color:    #141414;
}
.ContactInput textarea:-moz-placeholder {
    text-transform: uppercase;
    color:    #141414;
}
.ContactInput textarea::-moz-placeholder {
  text-transform: uppercase;
    color:    #141414;
}
.ContactInput textarea:-ms-input-placeholder {
text-transform: uppercase;
    color:    #141414;
}
.Captcha input::-webkit-input-placeholder {
   text-transform: uppercase;
    color:    #141414;
}
.Captcha input:-moz-placeholder {
    text-transform: uppercase;
    color:    #141414;
}
.Captcha input::-moz-placeholder {
  text-transform: uppercase;
    color:    #141414;
}
.Captcha input:-ms-input-placeholder {
text-transform: uppercase;
    color:    #141414;
}
.ContactContainer{padding-top:30px;}
.TextTop			{display:inline-block}
.TextBottom				{display:none}

.BannerBox img {
    padding: 30px 0px 0px;
    display: block;
max-width: 100%;
}
.bxslider li:hover img{opacity: 0.7;
    filter: alpha(opacity=70);}
.bxslider li:hover .IndexContentTitle {background:#000;}    
.ContactMap{width:100%;height:767px;border:none;}
.CategoryTextHeight{height:215px;overflow: hidden;}
.Button{width:150px;padding:11px 0;margin-top:20px;background:#039dbf;color:#fff;font-size:13px;font-weight:700;text-transform: uppercase;text-align: center;display: block}
.Button:visited{;color:#fff;}
.Button:hover{color:#fff;background:#24292f;text-decoration: none;}
.GalleryBox{padding-top: 30px;}
.OneArticleContent .PictureImg img{padding: 0px}