@font-face {
    font-family: COPGOTHB;
    src: url(../css/COPGOTHB.ttf);
}

@font-face {
    font-family: COPGOTB;
    src: url(../css/COPGOTB.ttf);
}

@font-face {
    font-family: COPRGTL;
    src: url(../css/COPRGTL.ttf);
}

@font-face {
    font-family: bpgMtavr;
    src: url(../css/bpg_mrgvlovani_caps_2010.ttf);
}

@font-face {
    font-family: arialNusx;
    src: url(../css/arial_geo.ttf);
}


body {
margin:0;
padding:0;
font-family:bpgMtavr;
}

/*Media resizing styles*/
@media only screen and (min-width:1200px ){
.jcArea,
.mainBlockSize {
   width:1200px;
}
}

@media only screen and (min-width:1024px ) and (max-width:1200px){
.jcArea,
.mainBlockSize {
   width:1024px;
}
}


@media only screen and (min-width:800px) and (max-width:1024px){
.jcArea,
.mainBlockSize {
   width:800px;
}
}

@media only screen and (max-width:800px){
.jcArea,
.mainBlockSize {
   width:480px;
}
}


.cTop {
display:inline-block;
width:auto;
height:100%;
vertical-align:bottom;
margin:0;
padding:0px 50px 0px 50px;
text-align:center;
}

.cSpace {
  content: '';
  display: block;
  clear: both;
}


.cSpace {
  content: '';
  display: block;
  clear: both;
}

.topLine1 {
position:relative;
display:table;
width:100%;
text-align:center;
vertical-align:middle;
}

.topText1{
display:table-cell;
font-family:COPRGTL ;
font-size:48px;
text-align:center;
vertical-align:middle;
}

.topLine1 img{
display:inline-block;
}

.topLogo{
display:table-cell;
text-align:center;
vertical-align:middle;
}

.topLine2{
position:relative;
display:block;
width:100%;
height:60px;
text-align:center;
vertical-align:middle;
}

.topLine2 img{
display:inline-block;
}

.topLine2 span{
font-weight:700;
}

.title{
display:block;
font-size:18px;
font-weight:700;
padding:5px 0px 5px 0px;
text-transform:uppercase;
font-family:bpgMtavr;

}

.text{
display:block;
font-size:18px;
font-weight:300;
padding:5px 0px 5px 0px;
font-family:COPGOTB;
text-transform:uppercase;
color:#444;
}


.aboutUs{
position:relative;
display:inline-block;
text-align:left;
padding:20px 10px 20px 10px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
box-shadow:0px 0px 0px rgba(0,0,0,0),3px 0px 3px rgba(0,0,0,0.5),0px 0px 0px rgba(0,0,0,0),-3px 0px 3px rgba(0,0,0,0.5);
}
.bgcss-greycube {
/*box-sizing: content-box;
outline: medium none currentcolor;*/
background-color: rgb(210, 210, 210);
background-attachment: scroll, scroll, scroll, scroll, scroll, scroll, scroll;
background-image: linear-gradient(30deg, rgb(153, 153, 153) 12%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 87%, rgb(153, 153, 153) 87.5%, rgb(153, 153, 153) 0px), linear-gradient(150deg, rgb(153, 153, 153) 12%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 87%, rgb(153, 153, 153) 87.5%, rgb(153, 153, 153) 0px), linear-gradient(30deg, rgb(153, 153, 153) 12%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 87%, rgb(153, 153, 153) 87.5%, rgb(153, 153, 153) 0px), linear-gradient(150deg, rgb(153, 153, 153) 12%, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 0) 87%, rgb(153, 153, 153) 87.5%, rgb(153, 153, 153) 0px), linear-gradient(60deg, rgb(187, 187, 187) 25%, rgba(0, 0, 0, 0) 25.5%, rgba(0, 0, 0, 0) 75%, rgb(187, 187, 187) 75%, rgb(187, 187, 187) 0px), linear-gradient(60deg, rgb(187, 187, 187) 25%, rgba(0, 0, 0, 0) 25.5%, rgba(0, 0, 0, 0) 75%, rgb(187, 187, 187) 75%, rgb(187, 187, 187) 0px), none;
background-repeat: repeat;
background-position: 0px 0px, 0px 0px, 40px 70px, 40px 70px, 0px 0px, 40px 70px;
background-origin: padding-box;
background-clip: border-box;
background-size: 80px 140px;
}

.BoardOfAdvisers{
position:relative;
display:inline-block;
width:50%;
text-align:left;
padding:20px 50px 20px 0px;
left:20%;
}


.ADROptions{
position:relative;
display:inline-block;
width:50%;
text-align:left;
padding:20px 50px 20px 0;
left:-10%;
}

.CasesHandled{
position:relative;
display:inline-block;
width:50%;
text-align:left;
padding:20px 50px 20px 0px;
left:20%;
}


.eduMCLEs{
position:relative;
display:inline-block;
width:50%;
text-align:left;
padding:20px 50px 20px 0;
left:-10%;
}

.marginTop{
margin-top:50px;
}


.xTop {
text-align:center;
font-size:40px;
min-height:120px;
padding: 20px 0px 20px 0px;
}

.xMiddle {
text-align:center;
font-size:20px;
}

.xFooter {
text-align:center;
font-family:Arial;
font-size:12px;
min-height:100px;
}

.xPanel {
width:100%;
text-align:center;
font-family:Arial;
font-size:12px;
min-height:50px;
}

.cLine .content{
display:inline-block;
width:100%;

}

.cLine .content.cTitle {
font-size:40px;
margin:10px;
}

.cText {
position:relative;
font-size:20px;
text-align:center;
}

.bgBlue {
background:RGBA(48,48,48,100);
padding:20px 0px 20px 0px;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
height:1000px;
}



.bgGrey {
background:#444;
padding:0;
color:#ddd;
}

.bg4Grey {
background:RGBA(178,178,178,100) URL("../images/bg4-grey.png");
padding:20px 0px 20px 0px;
}


#cLine0{
position:fixed;
width:100%;
display:block;
z-index:100;
text-align:center;
background:#7abc3b;
height:50px;
}

#cLine1{
background:RGBA(255,255,255,100);
padding:100px 0px 30px 0px;
}

#cLine2 {
padding:0px 0px 0px 0px;
}

#cLine3 {
margin:0px 0px 0px 0px;
}

#cLine4 {
margin:0px 0px 0px 0px;
}

#cLine5 {
margin:0px 0px 0px 0px;
}

#cLine6 {
margin:0px 0px 10px 0px;
}

#cLine7 {
margin:0px 0px 10px 0px;
}

#cLine8 {
margin:0px 0px 10px 0px;
}


.sOrder{
background-color:RGBA(215,215,215,1);
}

.sCommerce{
background-color:RGBA(119,63,63,1);
}

.sLinePhotos{
}

.sLinePhotos img{
height:150px;
margin:10px;
}



.cBody {
display:table;
width:100%;
min-height:600px;
}



.container {
  margin: -18 0 0 0;
  min-width: 910px;
  width: 100%;
  margin:0px;
  padding:0;
     
}

.cDeskboard{
display:table-cell;
min-height:600px;

word-wrap: break-word;
}

.cBanner {
display:table-cell;
width:200px;
min-height:600px;
border-left: 1px solid gray; 
}

.cBottom {
display:block;
background:black;
color:grey;
text-align:center;
font-size:10px;
}


.def{
color:#333;
font-size:18px;
text-decoration:none;
}

.def:hover{
color:#777;
text-decoration:underline;
}

.fbText {
display:inline-block;
}

.fblink{
color:RGBA(43,163,30,1);
font-size:12px;
text-decoration:none;
}

.fblink:hover{
color:#333;
text-decoration:underline;
}



.cLine .content{
display:inline-block;
width:100%;

}

.cLine .content.cTitle {
font-size:40px;
margin:10px;
}


.left {
float:left;
text-align:left;
}

.right {
float:right;
text-align:right;
}

/*Contact Form*/
/*Contact Window*/
.contactWindow{
position:absolute;
display:visible;
right:100px;
top:50px;
width:350px;
height:300px;
border:1px solid grey;
border-radius:5px;
background:white;
opacity: 0.8;
filter: alpha(opacity=80);
margin:0;
padding:10px 20px;
z-index:10;
text-align: left;
font-family: Arial;
font-size: 12px;
}
.contactWindow .contactHead{
padding: 5px;
border-bottom: 1px solid #ddd;
margin-bottom: 5px;
text-transform:uppercase;
font-family:bpgMtavr;
font-size:16px;
}

.
.contactWindow  a {
font-size:12px;
}

.contactWindow .contactForm label{
width: 100px;
position: relative;
display: inline-block;
text-align: left;
padding-right: 5px;
font-size:14px;
line-height:32px;
}

.contactWindow .contactForm input{
width:150px;
margin:5px;
}

.contactWindow .contactForm textarea{
width: 300px;
height:100px;
margin: 10px;
}

.contactWindow .sendButton{
display:inline-block;
border:3px outset #eee;
padding:3px 20px 3px 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
cursor:pointer;
 -webkit-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 10ms;
  -o-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 10ms;
  transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 10ms;
}

.contactWindow .sendButton:hover{
background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
background: linear-gradient(to bottom, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}


/*map*/
#GooglesMapSize{
height:100px;
}

.advertPanel{
width:100%;
text-align:left;
}

.advertPanel > div{
display:inline-block;
float:left;
}

.textAdvert {
color: white;
text-shadow: 5px 5px 10px #000;
font-size: 41;
background-color: rgba(0,0,0,0.2);
padding: 10px;
border-radius: 50px;
}

/*top menu css style*/
#cTopMenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  height: 32;
  float: left;
  margin-top: 6px;
  margin-left: 100px;
  min-width: 500px;
  margin-left: 52px; 
  border-right: 0px;
  opacity:0.9;
  filter:aplha(opacity=90);
}

#cTopMenu ul,
#cTopMenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cTopMenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
  height: 100%;
}

#cTopMenu a {
  display: block;
  text-decoration: none;
  height: 100%;
  text-transform:uppercase;
}
/* Custom CSS Styles */
#cTopMenu {
background: transparent;
border-bottom: 4px solid #407724;
font-family: bpgMtavr;
font-size: 16px;
font-weight: 700;
border-radius: 5px;
}
#cTopMenu > ul {
  *display: inline-block;
	height: 100%;
}

#cTopMenu:before {
position:relative;
content:'';
background: URL("../images/logo100.png") no-repeat;
display: inline-block;
width: 50px;
height: 40px;
background-size: 40px;
float: left;
left:-50px;
}


#cTopMenu:after,
#cTopMenu ul:after {
  content: '';
  display: block;
  clear: both;
}


#cTopMenu ul {
  text-transform: uppercase;
}
#cTopMenu ul li:hover > a,
#cTopMenu ul li.active > a {
  background: #467e26;
  color: #ffffff;
  border-radius:3px 3px 0px 0px;
  border:1px inside #333;
  box-sizing: border-box;
}

#cTopMenu a {
  background: transparent;
  color: white;
  padding: 0 20px;
}
#cTopMenu > ul > li > a {
  line-height: 30px;
}




.creator {
font-size:12px;
font-family:arial;
padding:5px;
}


.anim *{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
 }
 
 .colBlocks {
 display:block;
 width:100%;
 vertical-align:top;
 }
 .colBlocks  .block4 {
 display:inline-block;
 width:calc(25% - 10px);
 box-sizing:border-box;
 border: 1px solid #ddd;
 padding:15px 5px;
 box-shadow:3px 3px 3px rgba(0,0,0,0.3);
 vertical-align:top;
 font-size: 14px;
 margin-left: 5px;
 }
 
 .colBlocks  .block3 {
 display:inline-block;
 width:calc(33.33% - 10px);
 box-sizing:border-box;
 border: 1px solid #ddd;
 padding:15px 5px;
 box-shadow:3px 3px 3px rgba(0,0,0,0.3);
 vertical-align:top;
 font-size: 14px;
 margin-left: 5px;
 }
 
 h3 {
 font-family:bpgMtavr;
 }