aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
table.p_list tr, table.p_list td, .p_info tr, .p_info td {
    margin: 0;
	padding: 0;
	list-style: none;
}


/* Global properties ======================================================== */
html {width:100%;height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
    background: #fff;
    font-size: 15px;
    color: #333;
    -webkit-font-smoothing: antialiased;
}

a {
	color: #555;
	text-decoration: none;
}

.all {width:100%;}
p {
	padding-top: 5px;
	padding-bottom: 5px; 
}
h1  {
    margin-top: 0;
    margin-bottom:20px;
    font-size: 22px;
    text-transform: uppercase;
    color: #2aacd7;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
}

h2 {
    margin-top: 10px;
    margin-bottom:10px;
    font-size: 22px;
    text-transform: uppercase;
    color: #2aacd7;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
}

h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    color: #2aacd7;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 20px;
	padding-bottom: 20px; 
    }

.zag  {
    color:#075299;
    font-size:15px;
    font-weight: 600;
	padding-top: 30px;
	padding-bottom: 30px;
	text-transform:uppercase;
}

.ttl1  {
    font-size:15px;
    font-weight: 600;
	padding-top: 15px;
	padding-bottom: 20px;
	text-transform:uppercase;
}
.ttl-n  {  
    color: #015eac; 
    font-size:45px;
    font-weight: 600;
	padding-top: 15px;
	padding-bottom: 20px;
	text-transform:uppercase;
}


.ttl-b  {
    font-size:15px;
    font-weight: 600;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bld {
    font-weight: 600;
}


/*  Сontainer 1 ======================================================== */
.row-1 {width:100%; background: #fff; height:120px;}
.container-1 {
	margin-left: auto;
	margin-right: auto;
	width: 960px; 
	height:120px;
	padding-top: 0px;
}

.grid-1-logo,
.grid-1-1
{
	display:inline;
	float: left;
	position: relative;
}

.container-1 .grid-1-logo  {
	width:425px;
	padding-left: 0px;
	padding-top: 0px;
}
.container-1 .grid-1-1 {
	width:415px;
	padding-left: 1px;
	padding-top: 8px;
	text-align:left;
	color:#333;
}

.container-1 .grid-1-1 {color:#333; font-size:18px; padding-top:15px;}


/*  	LOGO  ======================================================== */
.row-logo {width:100%; background: #fff; height:120px;background:url(../images/header-bg.jpg) #fff repeat-x;}
.container-logo {
	margin-left: auto;
	margin-right: auto;
	width: 90%; 
	height:120px;
	padding-top: 0px;
}
.grid-logo,
.grid-phohe-header {
	display:inline;
	float: left;
	position: relative;
}
.container-logo .grid-logo  {
	width: 50%; 
	padding-left: 0px;
	padding-top: 0px;
}
.container-logo .grid-phohe-header  {
	width: 50%; 
	padding-right: 50px;
    color:#333;
    font-size:16px;
    padding-top:19px;
	font-weight: 600;
	text-align:right;
	line-height: 1.4em;
}

.container-logo a {color:#2aacd7;text-decoration:none;font-size:15px;}
.container-logo a:hover {color:#2aacd7;text-decoration:underline;}


   
/*  Сontainer 2 - MENU-1 ======================================================== */
.row-2 {width:100%;height:70px;background:#37a73e;}
.container-2 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.grid-2-1
{
	display:inline;
	float: left;
	position: relative;
}
.container-2 .grid-2-1 {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top:0px;
}
#center { text-align: center; }

/*    Menu-up   */
 
#cssmenu {padding: 0; margin: 0; border: 0;}
#cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;}
#cssmenu ul {position: relative; z-index: 111; }
#cssmenu ul li { float: left; min-height: 1px; vertical-align: middle;}
#cssmenu ul li.hover,
#cssmenu ul li:hover {position: relative; z-index: 9; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 8; width: 200px;}
#cssmenu ul ul li {float: none;}
#cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; }
#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul ul {bottom: 0; left: 0;}
#cssmenu ul ul {margin-top: 0; }
#cssmenu ul ul li {font-weight: normal;}
#cssmenu a { display: block; line-height: 1em; text-decoration: none;}

/***/
#cssmenu {
  font-weight: bold;
 }
  #cssmenu > ul { *display: inline-block;}

  #cssmenu:after, #cssmenu ul:after {
    content: '';
    display: block;
    clear: both; 
}
/***/

#cssmenu a {
    color: #fff;
    padding-left:25px; 
    padding-right:25px;
    border-right: 1px solid #006e00; 
    height:70px;
}
    

#cssmenu ul { text-transform: uppercase; }

    #cssmenu ul ul {
      text-transform: none;
      min-width: 350px;
      margin-left: 0px;
      top:70px;
}
      #cssmenu ul ul a {
        background: #d6d6d6;
        border: 0px solid #fff;
        border-top: 0 none;
        font-size: 17px; 
        text-transform: none;
 		padding-top:2px;
 		height:50px;
        color: #02471a;
}

#cssmenu .p-top {padding-top:27px;background: #d6d6d6;}


      #cssmenu ul ul a:hover {
        color: #30ba61;
        text-decoration:underline;
        
}

      #cssmenu ul ul ul { border-top: 0 none; }

      #cssmenu ul ul li { position: relative }
/***/

#cssmenu > ul > li > a {font-size: 15px; line-height: 150%; padding-top:15px; padding-bottom:7px;}

#cssmenu ul ul li:first-child > a { border-top: 0px solid #fff; }
        #cssmenu ul ul li:hover > a { background: #d6d6d6; }

        #cssmenu ul ul li:last-child > a {
          border-radius: 0 0 3px 3px;
          box-shadow: 0 0px 0 #fff; 
}
        #cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; }

        #cssmenu ul ul li.has-sub > a:after {
          content: '';
          position: absolute;
          top: 0%;
          right: 15px;
          margin-top: -8px; }
/***/

    #cssmenu ul li:hover > a, #cssmenu ul li.active > a {
      background: #d6d6d6;

 }
    #cssmenu ul li.has-sub > a:after {
      content: '';
      margin-left: 5px; 
}
    #cssmenu ul li.last ul {
      left: auto;
      right: 0; 
      
}
      #cssmenu ul li.last ul ul {
        left: auto;
        right: 99.5%;
 }	
 
 
 
 /*  /Menu-up */
  
 /*  	CONTENT  ======================================================== */
.row-content {width:100%; background: #fff;}
.container-content {
	margin-left: auto;
	margin-right: auto;
	width: 95%; 
	padding-top: 10px;
}

.grid-content-1,
.grid-content-2
{
	display:inline;
	float: left;
	position: relative;
}

.container-content .grid-content-1  {
	padding-left: 0px;
	padding-top: 30px;
	text-align:left;
	padding-bottom: 40px;
	width:25%;
}
.container-content .grid-content-1 h1 {
    margin-top: 0;
    margin-bottom:0px;
    font-size: 22px;
    text-transform: uppercase;
    color: #2aacd7;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
}
.container-content .grid-content-2  {
	padding-left: 20px;
	padding-right: 20px;
	width:74%;
	padding-top: 30px;
	text-align:justify;
	padding-bottom: 40px;
}

.container-content .grid-content-2 h1 {
    margin-top: 0;
    margin-bottom:20px;
    font-size: 22px;
    text-transform: uppercase;
    color: #2aacd7;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
}
.container-content .grid-content-2 h2 {
    margin-top: 10px;
    margin-bottom:10px;
    font-size: 22px;
    text-transform: uppercase;
    color: #2aacd7;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
}

.container-content .grid-content-2 h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    color: #204b99;
    font-weight: bold;
    text-transform: uppercase;
    }

.container-content .grid-content-2  hr {
	border: 0;
	border-bottom: 1px solid #eeeeee;
	margin: auto;
	width: 100%;
}

.container-content a {text-decoration: underline;color:#2aacd7;}
.container-content a:hover { text-decoration: none;color:#2aacd7;}
 
/*        CSS MENU 2                                                              */
 
#cssmenu2 {padding: 0; margin: 0; border: 0;}
#cssmenu2 ul, #cssmenu2 li {list-style: none; margin: 0; padding: 0;}
#cssmenu2 ul {position: relative; z-index: 7; }
#cssmenu2 ul li { float: left; min-height: 1px; vertical-align: middle;}
#cssmenu2 ul li.hover,
#cssmenu2 ul li:hover {position: relative; z-index: 9; cursor: default;}
#cssmenu2 ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 8; width: 200px;}
#cssmenu2 ul ul li {float: none;}
#cssmenu2 ul ul ul {top: 0; left: auto; right: -99.5%; }
#cssmenu2 ul li:hover > ul { visibility: visible;}
#cssmenu2 ul ul {bottom: 0; left: 0;}
#cssmenu2 ul ul {margin-top: 0; }
#cssmenu2 ul ul li {font-weight: normal;}
#cssmenu2 a { display: block; line-height: 1em; text-decoration: none;}

/***/
#cssmenu2 {
  font-weight: bold;
 }
  #cssmenu2 > ul { *display: inline-block;}

  #cssmenu2:after, #cssmenu2 ul:after {
    content: '';
    display: block;
    clear: both; 
}
/***/

#cssmenu2 a {
    background: #d6d6d6;
    color: #19243e;
    width:300px;
    padding-left:15px; 
}
#cssmenu2 ul { text-transform: none; }

    #cssmenu2 ul ul {
      text-transform: none;
      min-width: 200px;
      margin-left: 215px;
      top:0;
}
      #cssmenu2 ul ul a {
        background: #c9c9c9;
        color: #19243e;
        border: 1px solid #0082e7;
        border-top: 0 none;
        line-height: 150%;
        padding: 3px 10px; 
        font-size: 12px; 
}
      #cssmenu2 ul ul ul { border-top: 0 none; }

      #cssmenu2 ul ul li { position: relative }
/***/

#cssmenu2 > ul > li > a {font-size: 14px; line-height: 150%; border-bottom: 1px solid #fff; padding-top:15px; padding-bottom:15px;}

#cssmenu2 ul ul li:first-child > a { border-top: 1px solid #0082e7; }
        #cssmenu2 ul ul li:hover > a { background: #c9c9c9; }

        #cssmenu2 ul ul li:last-child > a {
          border-radius: 0 0 3px 3px;
          box-shadow: 0 1px 0 #1b9bff; 
}
        #cssmenu2 ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; }

        #cssmenu2 ul ul li.has-sub > a:after {
          content: '>>';
          position: absolute;
          top: 0%;
          right: 15px;
          margin-top: -8px;
 }
/***/

    #cssmenu2 ul li:hover > a, #cssmenu2 ul li.active > a {
      background: #c9c9c9;
      color: #2aacd7;
 }
    #cssmenu2 ul li.has-sub > a:after {
      content: '>>';
      margin-left: 5px; 
}
    #cssmenu2 ul li.last ul {
      left: auto;
      right: 0; 
}
      #cssmenu2 ul li.last ul ul {
        left: auto;
        right: 99.5%;
 }	
	
/*  	MAIN PAGE ABOUT COMPANY  ======================================================== */
.row-aboutcomp {width:100%; background: #fff;}
.container-aboutcomp {
	margin-left: auto;
	margin-right: auto;
	width: 90%; 
	padding-top: 15px;
}

.grid-aboutcomp
{
	display:inline;
	float: left;
	position: relative;
}

.container-aboutcomp .grid-aboutcomp  {
	padding-left: 0px;
	padding-top: 0px;
	text-align:justify;
	padding-bottom: 40px;
}
.stay-center {text-align:center;}

/*  FOOTER ======================================================== */
.row-4 {width:100%;background:#232c31;padding-bottom:30px;}
.container-4 {
	margin-left: auto;
	margin-right: auto;
	width: 1004px;
	margin-top:10px;
	padding-top:20px;
}

.grid-4-1,
.grid-4-2,
.grid-4-3,
.grid-4-4
{
	display:inline;
	float: left;
	position: relative;
}
.container-4 .grid-4-1 {
	width:200px;
	margin-left: 30px;
	text-align: left;
}
.container-4 .grid-4-2 {
	width:200px;
	margin-left: 45px;
	text-align: left;
}
.container-4 .grid-4-3 {
	width:200px;
	margin-left: 45px;
	text-align: left;
}
.container-4 .grid-4-4 {
	width:200px;
	margin-left: 45px;
	text-align: left;
}

.container-4 .footer-title {
	text-align: left;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	line-height:2.0em;
}

.container-4 li {font-size:13px;}
.container-4 a {text-decoration: none;color:#fff;}
.container-4 a:hover { text-decoration: underline;color:#fff;}

/*  7 - FOOTER INFO ======================================================== */
.row-5 {width:100%;padding-bottom:40px;background:#838181;}
.container-5 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-top:20px;
}

.grid-5-1,
.grid-5-2,
.grid-5-3,
.grid-5-4
{
	display:inline;
	float: left;
	position: relative;
}
.container-5 .grid-5-1 {
	margin-top: 20px;
	margin-left: 60px;
    text-transform: none;
    color: #fff;
    line-height: 170%;
    font-size: 14px; 
    font-weight: bold;
}
.container-5 .grid-5-2 {
	margin-top: 20px;
	margin-left: 5%;
}
.container-5 .grid-5-3 {
	margin-top: 20px;
	margin-left: 50px;
}
.container-5 .grid-5-4 {
	margin-top: 20px;
	margin-left: 50px;
}
.container-5 ul a {
        text-transform: none;
        color: #fff;
        line-height: 170%;
        font-size: 14px; 
        font-weight: bold;
}
.container-5 ul li:hover > a {color: #a8ff20; }

.ttl3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 20px;
	padding-bottom: 20px; 
    }

/*  	MAIN PAGE MAP  ======================================================== */
.row-map {width:100%; background: #fff;}
.container-map {
	margin-left: auto;
	margin-right: auto;
	height: 450px;
}

.grid-map
{
	display:inline;
	float: left;
	position: relative;
}

.container-map .grid-map  {
    width: 100%;
	height: 450px;
}


/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}


.form-submit {
background: none repeat scroll 0% 0% #ff0000;
color: #FFF;
border-radius: 7px;
border: medium none;
padding: 15px 20px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;

}

.form-submit:hover {
    background: none repeat scroll 0% 0% #8bd0fb;
    color: #FFF;
}

.form-submit:active {
    background: none repeat scroll 0% 0% #8bd0fb;
    color: #FFF;
}

.form-text {
height: 30px;
}

.form-textarea-wrapper textarea {
width: 100%;
}

.resizable-textarea .grippie {
    background: url("../../misc/grippie.png") no-repeat scroll center 2px #EEE;
    border-right: 1px solid #DDD;
    border-width: 0px 1px 1px;
    border-style: solid;
    border-color: #DDD;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
    width: 100%;
}
	

/*  6 - SLIDER ======================================================== */

.row-6 {width:100%;height:350px;}
.container-6 {
	margin-left: auto;
	margin-right: auto;
	width:100%;
}

.grid-6
{
	display:inline;
	float: left;
	position: relative;
	margin-top: 0px;
	padding-top: 0px;
}
.container-6 .grid-6 {
	margin-left: 0px;
}


/* ------ */
.row-6-1 {width:100%;height:250px;background-color:#fff;}
.container-6-1 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.grid-6-1
{
	display:inline;
	float: left;
	position: relative;
	margin-top: 0px;
	padding-top: 0px;
}
.container-6-1 .grid-6-1 {
	margin-left: 0px;
}


/* ------ */
.partners {
	padding: 10px 0 0;
}
.partners .p_list {
	width: 100%;
}
.partners .p_list a {
	display: inline-block;
	overflow: hidden;
	position: relative;
	height: 60px;/*68px;*//*79px;*/
	vertical-align: middle;
}
.partners .p_list a:hover img {
	position: relative;
	top: -60px;/*-68px;*//*-79px;*/
}

/* ------ */
.view-source a:link, .view-source a:visited {
			background: #d1d9e6;
			border: none;
			clear: both;
			color: #555555;
			display: block;
		    font-size:11px;
			font-weight: bold;
			height: 30px;
			line-height: 30px;
			text-align: center;
			text-decoration: none;
			width: 90px;
			margin-left:0px;
		}

#main-area .view-source a:hover, .view-source a:active {
			background: #f0f0f0;
			text-decoration: none;
		}

		.hide {
			border: 1px dotted #0057a7;
			width: 100%;
			overflow: auto;
			overflow-y: hidden;
			padding: 7px;
			display: block;
		}

/* ------ */

.field-name-field-collection-elements
{
  margin-top:50px;
  padding-bottom:50px;
}

.field-name-field-collection-elements .field-item
{
  float:left;
  margin-right:30px;
  margin-bottom:30px;
}
.image-field-caption
{
  margin-top:18px;
  margin-bottom:20px;
}


.field-name-body .grid-3-3 
{
  padding-top:200px;
  margin-bottom:50px;
}

a.footer-link:link {color:#fff;text-decoration:none;}
a.footer-link:visited {color:#fff;text-decoration:none;} 
a.footer-link:hover {color:#a8ff20;text-decoration:underline;}
a.footer-link:active {color:#a8ff20;text-decoration:underline;}

