* { margin:0; padding:0; border:0; outline:0; font-size:100%; border:none; }
html { overflow-y: scroll !important; }
body { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; background:url(../images/bgr.gif) #f2f2f2; color:#383838; }
:focus { outline:none; }
.clear { clear:both; visibility:hidden; }
.left { float:left; }
.right { float:right; }
.devider34 { width:34px; height:34px; float:left; }
/* div { zoom:1; } */

.errors { left:50%; margin-left:-400px; top:0; overflow:hidden; display:block; width:800px; position:absolute; }
.errors .body { display:none; background-image:url(../images/errors/body.gif); background-repeat:repeat-y; padding:10px 10px 0 10px; text-align:left; font-family:Tahoma; font-size:11px; color:#FF0000; }
.errors .body .Error { background-image:url(../images/errors/error.gif); background-repeat:no-repeat; background-position:top left; padding:3px 0 8px 25px; }
.errors .body .Warning { background-image:url(../images/errors/warning.gif); background-repeat:no-repeat; background-position:top left; padding:3px 0 8px 25px; }
.errors .body .Notice { background-image:url(../images/errors/notice.gif); background-repeat:no-repeat; background-position:top left; padding:3px 0 8px 25px; }
.formerror { padding:5px 10px; margin-bottom:10px; background-color:#FFFEE4; border:1px solid #FF0000; color:#FF0000; }
.errortooltip { z-index: 1000; position:absolute; color:#FF0000; border:1px solid #FF0000; background-color:#FFFEE4; padding:5px 10px; width:250px; text-align:left; }

.title .formtitle { font-size: 24px; font-weight: bold; }
.popup .popupcontent .title { background-color:#3c3c3c; color:#FFF; font-weight:bold; border-radius:2px; }
.popup .popupcontent .title .formtitle { font-family: Arial, sans-serif; font-size:12px; float:left; padding:7px 10px; }
.popup .popupcontent .title .close { float:right; display:block; cursor:pointer; width:33px; height:28px; background:url(../images/close.png) no-repeat; }
.popup .popupcontent .title a.close:hover { background-position:0 -29px; }

h1 { font-family:'Roboto Condensed', sans-serif; font-weight:normal; font-size:19px; color:#24568e;  margin-bottom:10px; padding-left:20px; background:url(../images/h1.png) no-repeat left center; }
h2 { font-family:'Roboto Condensed', sans-serif; font-weight:normal; font-size:18px; color:#3b78bb; line-height:23px; }
h3 { font-family:'Roboto Condensed', sans-serif; font-weight:normal; font-size:16px; color:#3b78bb; padding-bottom:10px; }
h4 { }
h5 { }
h6 { }

#contpage {position: relative; background:url(../images/bgr.gif) #f2f2f2; color:#383838; padding-bottom: 75px;}
.cpage { margin:0 auto; max-width:1000px; text-align:left;  }
.headerbgr { background:url(../images/header_bgr.png) repeat-x; }

.cheader { max-width:1000px; height:115px; margin:0 auto; background:url(../images/header_img.gif) no-repeat left 24px; }
.cheader .language { height:24px; text-align:right; padding-right: 14px;}
.cheader .language a { line-height:24px; padding-left:22px; font-size:11px; color:#a9bbce; text-decoration:none; }
.cheader .language a.bg { background:url(../images/flag_bg.jpg) no-repeat left top; }
.cheader .language a.de { background:url(../images/flag_de.jpg) no-repeat left top; }
.cheader .language a.en { background:url(../images/flag_en.jpg) no-repeat left top; }
.cheader .language a.tr { background:url(../images/flag_tr.jpg) no-repeat left top; }
.cheader .language a.ru { background:url(../images/flag_ru.jpg) no-repeat left top; }
.cheader .logo { padding-top: 17px;  float:left; }
.cheader .nav { padding:28px 5px 0 0; text-align:right; float:right; text-transform:uppercase;}
.cheader .nav a { padding:0 12px; font-family: 'Roboto Condensed', sans-serif; color:#FFF; text-decoration:none; }
#mobmenu { cursor:pointer; float: right;  padding:25px 20px 0 0; visibility: hidden; }
.logout { background:url(../images/icon_logout.png) no-repeat left center; float: left;}

.ccontent {  }
.ccontent p { padding-bottom:12px; line-height:24px; }
.ccontent ul li { padding:4px 0 8px 12px; line-height:20px; background:url(../images/arrow.png) no-repeat left 11px; list-style:none; }
.ccontent ul li.last, .ccontent ul li ul li.last { padding-bottom:0; }
.ccontent ul li ul { padding-top:7px; }
.main ul.nobullet { padding-bottom:10px; }
.main ul.nobullet li { background-image:none; padding-left:0; }
.ccontent ul li ul li { background:url(../images/bullet_dash.png) no-repeat left 12px; padding-left:14px; }
.ccontent .main { max-width:685px; padding-right:30px; /*margin-right: 290px;*/}
.ccontent .coll { width:272px; padding:0px 10px 0px 13px; float:right;}
.ccontent .coll2 {padding:14px; display: none; visibility: hidden;}

.ccontent .collageframe {/**/position:relative; overflow:hidden; height: 202px;/**/ padding:3px 0 5px 3px; background-color:#fff; margin-bottom:20px; border:#dfdfdf solid 1px;}
.ccontent .collage { /*max-width:990px;*/ /**/position:absolute; right:4px;/**/ width:990px; height: 202px; padding:0px; background:#24568e;}
.ccontent .collage .tall { width:140px; height:202px; border:#FFF solid 1px; background:#24568e; float:right; }
.ccontent .collage .square { width:101px; height:100px; border:#FFF solid 1px; background:#3b78bb; float:left; }
.ccontent .collage .wide { width:204px; height:100px; border:#FFF solid 1px; background:#09F; float:left; }
.ccontent .collage .last { width:189px; height:100px; border:#FFF solid 1px; background:#09F; float:left; }
.ccontent .collage .slogan { width:278px; height:88px; padding:12px 0 0 16px; float:left; background:#fff; }
.ccontent .collage .slogan a, .ccontent .main .gallbox a.viewgall { background:url(../images/bullet_yellow.png) no-repeat left 6px; line-height:35px; padding-left:12px; color:#6b6b6c; font-size:13px; font-family:'Roboto Condensed', sans-serif; text-decoration:none; }
.ccontent .collage .slogan a:hover, .ccontent .main .gallbox a:hover { color:#3b78bb;}

.ccontent .main .teambox { width:200px; margin-right:22px; float:left; }
.ccontent .main .teambox img, .ccontent .coll img, .ccontent .coll2 img, .ccontent .main .gallbox img { padding:4px; background-color:#fff; border:#dfdfdf 1px solid; margin-bottom:10px; }
.ccontent .main .teambox p { padding-bottom:15px; color:#515151; }
.ccontent .main .teambox span { padding:0; font-size:12px; font-style:italic; }
.ccontent .main span { padding-left:20px; line-height:19px; }
.ccontent .main span.fax { background: url(../images/icon_fax.png) no-repeat left center; }

.ccontent .main .gallbox { width:312px; margin:0 20px 15px 0; float:left; }
.ccontent .main .gallbox  p { font-size:13px; line-height:16px; }
.ccontent .main .gallbox a.viewgall { line-height:12px; }
.ccontent .main .gallbox img { margin:0 10px 5px 0; }

.ccontent .main .paging { font-family:'Roboto Condensed', sans-serif; font-size:12px; margin-top:4px; }
.ccontent .main .paging a { padding:2px 8px; color:#919191; background-color:#fff; border:#dfdfdf 1px solid; margin-right:5px; text-decoration:none; }
.ccontent .main .paging a:hover { color:#3b78bb; }
.ccontent .main .paging a.arrowleft { padding:2px 9px; background:url(../images/arrowleft.png) no-repeat center 7px #fff; }
.ccontent .main .paging a.arrowleft:hover { background:url(../images/arrowleft.png) no-repeat center -16px #fff; }
.ccontent .main .paging a.arrowright { padding:2px 9px; background:url(../images/arrowright.png) no-repeat center 7px #fff; }
.ccontent .main .paging a.arrowright:hover { background:url(../images/arrowright.png) no-repeat center -16px #fff; }
.ccontent .main .paging a.current { color:#3b78bb;}

.footerbgr { background-color:#fff; border-top: #dfdfdf 1px solid; border-bottom:#3b78bb 3px solid; position: fixed; bottom: 0px; left: 0px; width: 100%;}
.cfooter { max-width:1000px; min-height:67px; padding: 31px 14px 0px 14px; margin:0 auto;}
.cfooter .block1 { font-size:11px; color:#919191; float:left; padding: 0px 0px 14px 0px;}
.cfooter .block1 .fnav a { color:#515151; padding:0 10px; background:url(../images/arrow.png) no-repeat left center; text-decoration:none; }
.cfooter .block1 a { color:#7997b8; text-decoration:none; }
.cfooter .block1 a:hover { color:#515151; }
.cfooter .block2 { color:#3b78bb; float:right; text-align:right; line-height:12px; }
.cfooter .block2 span {line-height:35px; padding-left:19px; }
.cfooter .block2 p { line-height:14px; }
.cfooter .block2 span.phone, .ccontent .main span.phone { background:url(../images/icon_phone.png) no-repeat left center; padding-right:10px;  }
.cfooter .block2 span.email, .ccontent .main span.email { background:url(../images/icon_email.png) no-repeat left center; white-space:nowrap; }

/*#mobmenu2 { background:url(../images/close.png) no-repeat right center #212121; padding:10px 30px 10px 15px; position: absolute; left: 45px; border-radius:2px; color:#FFF; text-align:left; text-decoration:none; width: 50px; }*/
.respmenu { width:180px; margin: 0px; display:none; height:100%; position:absolute; top:0px; right:0px; font-family:'Roboto Condensed', sans-serif; font-size:15px; background:#24568e; box-shadow:5px 5px 5px 0 rgba(0,0,0,0.1) inset; }
.respmenu ul{ list-style:none; line-height:42px; text-align:left; padding-left:20px; border-bottom: #184678 solid 1px;}
.respmenu ul li a{ text-decoration: none; color: #fff; background:url(../images/dev_dots_light.png) no-repeat left center; padding-left:10px; display: block;}

/************************************ POPUP **********************************/
.popupbg { position:fixed; z-index:200; display:block; left:0; top:0; background-color:#000; }
.popup { position:fixed; z-index:201; display:block; visibility:hidden; top:50%; left:50%; background-image:url(../images/black50.png); text-align:left; border-radius:5px; padding:10px; }
.popup .popupcontent { background-color:#FFF; padding:10px; border-radius:2px; }
.popup .popupopacity { visibility:hidden; opacity:0; background-color:#FFF; }

.popup .popupcontent .popupblock { width:500px; font-family:Arial, Helvetica, sans-serif; }

.title .formtitle { font-size: 24px; font-weight: bold; }
.popup .popupcontent .title { background-color:#24568e; color:#FFF; font-weight:bold; border-radius:2px; }
.popup .popupcontent .title .formtitle { font-family: Arial, sans-serif; font-size:12px; float:left; padding:7px 10px; }
.popup .popupcontent .title .close { float:right; display:block; cursor:pointer; width:33px; height:28px; background:url(../images/close.png) no-repeat; }
.popup .popupcontent .title a.close:hover { background-position:0 -29px; }
.popup form { padding:0; margin:0; }
.popup form .field { padding:10px 30px 0 0; }
.popup form .btn { padding:20px 0; }
.popup form .field .label { width:150px; text-align:right; padding:5px 10px 0 0; float:left; }
.popup form .field .left { padding-right:40px; }
.popup form .grey { color:#999; font-size:11px; }
.popup form .red { color:#cd0005; }
.popup form input { max-width: 475px; font-family:Helvetica, Arial, sans-serif; font-size:12px; padding:4px 6px; border:1px solid #A6A394; border-radius:2px; }
.popup form textarea { font-family:Helvetica, Arial, sans-serif; font-size:12px; padding:4px 6px; border:1px solid #A6A394; border-radius:2px; }
.popup form select { font-family:Helvetica, Arial, sans-serif; font-size:12px; padding:4px 6px; border:1px solid #A6A394; border-radius:2px; }
.popup .button  { background: #3C3C3C; cursor:pointer; text-align:center; width:140px; border-radius:2px; border:1px solid #3C3C3C; color:#FFF; text-decoration:none; padding:6px 10px; }
.popup .button:hover { background: #000; color:#FFF; border:1px solid #000; }
.popup .cbutton  { background: #AAA; cursor:pointer; text-align:center; width:140px; border-radius:2px; border:1px solid #AAA; color:#FFF; text-decoration:none; padding:6px 10px; }
.popup .cbutton:hover { background: #000; border:1px solid #000; }

/******************************** Form Login **************************************/
form.login .field { padding-top:15px; }
form.login input { border:1px solid #c3c3c3; font-size:13px; padding:5px; font-family: Arial, sans-serif; }
form.login .label { width:70px; padding-right:10px; line-height:27px; text-align:right; float:left; }
form.login .button input, form .button { background:#3b78bb; color:#FFFFFF; font-size:14px; padding:5px 10px; }
form.login .button input:hover, form .button:hover { background:#24568e; color:#e1e1e1; /*font-size:14px; padding:5px 10px; */cursor:pointer; }
form.login .red { padding-left:5px; color:#dd0000; }
/****************************** End Form Login ************************************/

@media (max-width:1024px) {
    .first {display: none; visibility: hidden;}
    .ccontent .main {padding: 14px; }
    .logo {padding:17px 0px 0px 14px;}
 }

 @media (max-width:884px) {
    .second {display: none; visibility: hidden;}
 }

 @media (max-width:860px) {
    .nav {display: none; visibility: hidden;}
    #mobmenu {visibility: visible;}
 }

@media (max-width:730px) {
    .fnav {display: none; visibility: hidden;}
    .cfooter .block2 { text-align: left;}
    .third {display: none; visibility: hidden;}
 }

 @media (max-width:730px) {
    .cfooter .block2 {float: left;}
 }

@media (max-width:615px) {
    .forth {display: none; visibility: hidden;}
    .ccontent .coll2 {display: block; visibility: visible;}
 }

 @media (max-width:730px) {
    .cfooter { padding: 0px 7px 0px 7px;}
    .cfooter .block1 { padding: 0px 0px 7px 0px;}
    .cfooter .block2 p {line-height: 22px; display: block;}
    .cfooter .block2 span {line-height: 18px; display: block;}
}

 @media (max-width:420px) {
    .fifth {display: none; visibility: hidden;}
    .cheader .logo img {width: 200px;}
    #mobmenu img {width: 20px;}
    #mobmenu {padding:18px 20px 0 0;}
 }

  @media (max-width:320px) {
    .collageframe {display: none; visibility: hidden;}
    .ccontent .main .gallbox {width: 300px; padding: 0px;}
    .main {padding: 0px;}
    .ccontent .main {padding: 0px;}
    .ccontent .main .gallbox {margin: 0px 0px 15px 0px;}
  }