iframe
	{
		display: block;
		margin: 0 auto;
	}

  	html, body
  	{
  		margin: 0;
  		padding: 0;
      height: 100%; width: 100%;
      /*background: #f9f8f7;*/

      font-family: 'Roboto', sans-serif;
  	}

    h3
    {
      font-family: 'Roboto', sans-serif;
      color: #D64541;
      text-transform: uppercase;
      /*margin: 0 auto;*/
      text-align: left;
      font-size: 1.8em;
      /*border-bottom: 1px solid #D64541;*/
    }

    #disqus_thread
    {
      margin-top: 10px;
    }

    .candidate
    {
      width: 100%;
      padding: 10px;
    }

  .candidatesList
  {
    margin-top: 25px;
  }
    .candidatesList .candidate:nth-child(odd)
    {
      /*background-color: #FF8585;*/
      background-color: #f9f8f7;
      border-top: 1px solid rgba(232,229,224,0.4);
      border-bottom: 1px solid rgba(232,229,224,0.4);
      /*color: white;*/
    }

    .newContentText img
    {
      clear: both;
      display: block;
      margin: 0 auto;
      margin-top: 15px;
      margin-bottom: 15px;
      max-width: 600px !important;
      height: auto !important;

      border-bottom: 1px dotted #D64541;
      border-top: 1px dotted #D64541;
    }

    .newContentText
    {
      clear: both;
      font-size: 1.2em;
       /*text-indent: 20px;*/

       /*font-weight: bold;*/
       margin-top: 30px;
    }

    .newContentTime
    {
      /*margin-top: 30px;*/
      clear: both;
      text-align: left;
      float: left;
      color: #999;
      font-style: italic;
      /*margin-bottom: 15px;*/
    }

    #ukraineLogo
    {
      margin: 0 auto;
      height: 55%;
      width: auto;
    }

    .fixedStyle
    {
      /*position: fixed;*/
      opacity: 0.8;
      background: black;
    }

    #topHeader .menuItems
    {
      width: 1024px;
      margin: 0 auto;
			text-align: center;
    }

  	#topHeader
  	{
      z-index: 99999;
  		height: 80px;
  		/*border: 1px solid red;*/
      position: fixed;
      top: 0;
      width: 100%;

      right: 0;
      left: 0;
      margin-right: auto;
      margin-left: auto;
      margin-top: -20px;

      text-align: left;
      /*position: relative;*/
  	}


    @-webkit-keyframes dropMenu
    {
      0%   { -webkit-transform: translateY(0px); }
      50%  {   -webkit-transform: translateY(60px);}
      100% {   -webkit-transform: translateY(40px);}
    }

    @-moz-keyframes dropMenu
    {
      0%   { -moz-transform: translateY(0px); }
      50%  {   -moz-transform: translateY(60px);}
      100% {   -moz-transform: translateY(40px);}
    }

    #topHeader .menuItemAnimation
    {
      -webkit-animation: dropMenu 1s; /* Chrome, Safari, Opera */
      -moz-animation: dropMenu 1s; /* Chrome, Safari, Opera */
      animation: dropMenu 1s;

      animation-fill-mode: forwards;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-fill-mode: forwards;

/*        -webkit-animation-delay: 1s;
        animation-delay: 1s;
*/    }

  #topHeader .menuItem a
  {
    text-decoration: none;
    color: white;
  }

   #topHeader .menuItem  a::before {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  /*padding: 10px 0;*/
  max-width: 0;
  border-bottom: 1px solid red;
  color: #fff;
  content: attr(data-hover);
  -webkit-transition: max-width 0.5s;
  -moz-transition: max-width 0.5s;
  transition: max-width 0.5s;
  white-space: nowrap;
  }

  #topHeader .menuItem  a:hover::before,
#topHeader .menuItem  a:focus::before {
  color: red;
max-width: 100%;
}

  #topHeader .menuItem
  {
    /*list-style:none;*/
    margin:0;
    display:inline-block;

    /*border: 1px solid red;*/

    margin-right: 20px;

    color: white;
    text-transform: uppercase;

      font-family: 'Open Sans', sans-serif;
      font-size: 1em;

      /*opacity: 0;*/

  }


  	.wideWrapper
  	{
  		width: 100%;
  		/*border: 1px solid green;*/
  	}

  	.viewportWrapper
  	{
  		width: 1024px;
  		/*border: 1px solid red;*/
  		margin: 0 auto;
      position: relative;
      height: 100%;
      /*min-height: 150px;*/
  	}

    .thinTitleWrap
    {
      opacity: 0;

      -webkit-transition: opacity 1.5s ease-in-out;
      -moz-transition: opacity 1.5s ease-in-out;
      transition: opacity 1.5s ease-in-out;

      font-family: 'Roboto', sans-serif;
      text-align: center;
      color: white;
      /*font-weight: 300;*/
      text-transform: uppercase;
      /*padding-top: 55%;*/


      position: absolute;
      left:0;
      right:0;
      margin-left:auto;
      margin-right:auto;

      bottom: 25px;

      /*border: 1px solid red;*/

      background: rgba(0,0,0,0.5);

    }

    .thinTitle
    {
      font-size: 4.0em;
      border-bottom: 1px solid white;
      padding-bottom: 5px;

    }

    .thinBigTitle
    {
      display: block;
      font-size: 6.0em;
      /*background: url(logo.png) no-repeat left center;*/
    }

  	.mainHoverBackground
  	{
      /*height: 494px;*/
      height: 78% !important ;
      /*transition: background-image 0.4s linear;*/
       background: url(../images/bg2.jpg) no-repeat center -140px fixed;
	     -webkit-background-size: cover;
	     -moz-background-size: cover;
	     -o-background-size: cover;
	     background-size: cover;
       background-color: #ccc;
  	}

    .mainDecoration
    {
      width: 100%;
      /*border: 1px solid red;*/
      height: 18px;
      margin-top: -18px;
    }

    .mainDecoration img
    {
      display: block;
      max-width: 36px;
      width: 36px;
      height: 18px;
    }

    .side-l
    {
      background: white;
      width: 43%;
      height: 18px;
      float: left;
    }
    .side-r
    {
      background: white;
      width: 43%;
      height: 18px;
      float: right;

    }

    .arrow
    {
      position: absolute;
      left: 50%;
      margin-left: -218px;
      border-right: 200px solid white;
      border-left: 200px solid white;
      background: none;
    }

    .quoteBlock
    {
      min-height: 200px;
      /*border: 1px solid red;*/
      font-size: 1.7em;
      font-family: 'Roboto', sans-serif;

      /* Safari, Opera, and Chrome */
      display:-webkit-box;
      -webkit-box-pack:center;
      -webkit-box-align:center;

    }

    .sectionSocial
    {
      background: #f9f8f7 !important;
      border-top: 1px solid rgba(232,229,224,0.4);
      border-bottom: 1px solid rgba(232,229,224,0.4);
    }

    .fancyTitle
    {
      /*color: #D64541;*/
      text-transform: uppercase;
      font-size: 16px;
      line-height: 16px;
      line-height: 1.6rem;
      border-bottom: 1px solid #D64541;
      letter-spacing: .1em;
      text-align: center;
      display: block;
      width: 100%;
      margin: 0 auto;
      margin-top: 10px;
    }
    .fancyTitle .graybg
    {
      background-color: #f9f8f7 !important;
    }
    .fancyTitle b
    {
      font-family: 'Roboto', sans-serif;
      padding-left: 10px;
      padding-right: 10px;
      background: white;
      position: relative;
      top: 9px;
      top: 0.9rem;
    }

    .socialWrapper
    {
      /*margin-top: 25px;*/
      width: 100%;
      text-align: center;
    }
    .socialWrapper img
    {
      padding: 7px;
       -webkit-transition: all .2s ease-in-out;
      -webkit-transform: scale(0.9);

      -moz-transition: all .2s ease-in-out;
      -moz-transform: scale(0.9);
      transform: scale(0.9);
    }
    .socialWrapper img:hover
    {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      transform: scale(1.1);
    }

    .newBlockLink
    {
      text-decoration: none !important;
    }

    .newBlock p
    {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 5px;
	  margin: 119px 0px 0px;
    }
    .newBlock b
    {
      color: white;
      text-transform: uppercase;
    }

/*    .newBlock:hover
    {
      background: #E08283;
    }
*/
  .newBlock
    {
      text-overflow: ellipsis;
      margin-left: 10px;
      font-size: 0.9em;
      font-family: 'Roboto', sans-serif;
      position: relative;
      /*color: #858585;*/
      /*color: white;*/
      color: black;
      min-height: 180px;
      width: 482px;
      border-bottom: 1px dotted #E08283;
      background: #f6f6f6;

      margin-top: 25px;
      padding: 5px 5px 5px 8px;

      display: inline-block;
      vertical-align: top;


       -webkit-transition: background-color .2s ease-in-out;
       -moz-transition: background-color .2s ease-in-out;
       transition: background-color .2s ease-in-out;


       background-position: center center;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
       /*background-color: #ccc;*/
    }

    .blogBlock
    {
      text-overflow: ellipsis;
      margin-left: 10px;
      font-size: 0.9em;
      font-family: 'Roboto', sans-serif;
      position: relative;
      /*color: #858585;*/
      /*color: white;*/
      color: black;
      min-height: 70px;
      width: 482px;
      border-bottom: 1px dotted #E08283;
      background: #f6f6f6;

      margin-top: 25px;
      padding: 5px 5px 5px 8px;

      display: inline-block;
      vertical-align: top;


       -webkit-transition: background-color .2s ease-in-out;
       -moz-transition: background-color .2s ease-in-out;
       transition: background-color .2s ease-in-out;

    }

    .adminNewBlock i
    {
      margin-left: 7px;
      margin-right: 7px;
    }

    .adminNews .adminNewBlock a
    {
      color: black;
    }

    .adminNews .adminNewBlock
    {
      padding: 5px;
    }

    .adminNews
    {
      margin-top: 15px;
    }

    .adminNews .adminNewBlock:nth-child(odd)
    {
      background-color: #f9f8f7;
      border-top: 1px solid rgba(232,229,224,0.4);
      border-bottom: 1px solid rgba(232,229,224,0.4);
    }

    .lastPhotosSection img:hover
    {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      transform: scale(1.1);
    }

    .lastPhotosSection img
    {
      cursor: pointer;
      height: 50px;
      width: auto;

      margin: 5px;
       -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
       transition: all .2s ease-in-out;
    }
    .lastPhotosSection
    {
      cursor: pointer;
      clear: both;
      margin-top: 5px;
      margin-bottom: 5px;
      text-align: center;
    }

    .copyright
    {
      font-family: 'Roboto', sans-serif;
      padding: 15px;
      text-align: center;
    }

    #readAllNews:hover
    {
      background-color: #C0392B;
    }

    #readAllNews a, .categoryItem a
    {
      text-decoration: none;
      color: white;
    }

    .categoryItemsList
    {
      margin-top: 25px;
      text-align: center;
    }


    .categoryItem:hover
    {
      background-color: #C0392B;
    }


    .categoryItemActive
    {
      background-color: #C0392B !important;
      font-weight: bold;
    }

    .categoryItem
    {
      margin-right: 10px;
      display: inline-block;
      width: 170px;
      color: white;
      text-transform: uppercase;
      background-color: #E08283;
      text-align: center;
      border-radius: 3px;
      font-size: 1.0em;
      padding: 7px;
    }

    #readAllNews
    {
      font-family: 'Roboto', sans-serif;
      margin: 0 auto;
      display: block;
      width: 150px;
      margin-top: 35px;
      background-color: #E08283;
      text-align: center;
      padding: 10px;
      color: white;
      border-radius: 3px;

      cursor: pointer;
       -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
       transition: all .2s ease-in-out;
    }

    .contactItem
    {
      margin-top: 15px;
      width: 330px;
      /*float: left;*/
      vertical-align: top;
      display: inline-block;
      text-align: left;
    }

	.contactItem div {
		padding: 3px 0px 5px;
	}

	.contactItem div.center {
		text-align: center;
	}

	.contactItem.half {
		width: 450px;
	}

	.contactItem div a.link {
		color: #D64541 !important;
		margin: 0px 5px 0px;
		font-size: 14pt;
	}

    h4
    {
      text-transform: uppercase;
      /*text-decoration: underline;*/
      color: #D64541 !important;
      font-size: 0.9em;
    }

    .contactItem i
    {
      width: 23px;
      text-align: center;
    }

    #programList li
    {
      text-decoration: none;
      padding: 5px;
      color: #D64541;
      cursor: pointer;
			text-transform: none;
    }

    #programList li:first-letter
    {
      text-transform: uppercase;
    }

    #programList
    {
      text-transform: lowercase;
      list-style:none;
      padding: 5px;
    }

    #galleryWrapper
    {
      clear: both;
      display: block;
      min-height: 300px;
    }

    .ribbon {
      width: 100%;
    position: absolute;
   text-align: center;
   font-size: 10px!important;
   background: #d64b4b;
   background: -webkit-gradient(linear, left top, left bottom, from(#d64b4b), to(#ab2c2c));
   background: -webkit-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -moz-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -ms-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -o-linear-gradient(top, #d64b4b, #ab2c2c);
   background-image: -ms-linear-gradient(top, #d64b4b 0%, #ab2c2c 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   /*font-family: 'Helvetica Neue',Helvetica, sans-serif;*/
   }
.ribbon h1 {
   /*font-size: 20px!important;*/
   font-size: 1.9em !important;
   color: #f5f5f5;
   text-shadow: #d65c5c 0 1px 0;
   margin:0px;
   padding: 5px 5px;
   }
.ribbon:before, .ribbon:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #c23a3a;
   z-index: -1;
   }
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   }
.ribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
   border-color: #871616 transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   }
.ribbon .ribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   }
.ribbon-stitches-top {
   margin-top:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
   }
.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
   }


/* -------- */
.newsPagination
{
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;

  text-align: center;
}

    .newsPagination>li>a:hover
    {
      background: #E08283 !important;
    }

.newsPagination>li {
  display: inline;
}

.newsPagination>li>a
{
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  background-color: #f6f6f6;
  border: 1px solid #E08283;;

  color: black;

       -webkit-transition: background-color .2s ease-in-out;
       -moz-transition: background-color .2s ease-in-out;
       transition: background-color .2s ease-in-out;
}

.newsPagination>li:first-child>a, .newsPagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.newsPagination>li:last-child>a, .newsPagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.blogAvatar
{
  width: 80px;
  height: 80px;
  border: 4px solid white;
  position: absolute;
  left: -40px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 99999px;
}



.webypage_hub_image {
	float:left;
	width: 110px;
	text-align: center;
}

.webypage_hub_image img{
	width: 80px;
}

.webypage_hub_desc {
	float:left;
}

.webypage_hub_desc h4 {
	margin: 0px 0px 10px;
}


.newContentText .l-col_1 {
	width: 66.6667%;
}

.newContentText .l-col_2 {
	width: 33.3333%;
	position: sticky;
	top: 0px;
	padding-top: 0px;
}

.l-col_1, .l-col_2 {
	float: left;
}

.newContentText .l-col_2 .mvxs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

form#petition_form {
	padding: 0px 0px 0px 20px;
}

form#petition_form input[type="text"] {
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
}


form#petition_form input.top_field {
	border-radius: 4px 4px 0px 0px;
}

form#petition_form input.buttom_field {
	border-radius: 0px 0px 4px 4px;
}

form#petition_form input.primary_field {
}

form#petition_form button {
	background: #D64541 none repeat scroll 0% 0%;
	transition: opacity 1.5s ease-in-out 0s;
	color: rgb(255, 255, 255);
	opacity: 0.8;
	padding: 5px;
	margin: 3px;
	border-radius: 4px;
	border: 0px solid rgba(0, 0, 0, 0.5);
	font-size: 14px;
}




/* progress bar */
.type-smaller {
    font-size: 0.75rem !important;
    line-height: 1.25001;
}

.type-weak {
    color: #9B9F9F;
}

.progress-bar-branded .progress-bar-bg, .completeness-branded .progress-bar-bg, .progress-bar-branded .completeness-bar, .completeness-branded .completeness-bar {
    background: #E1E5E5 none repeat scroll 0% 0%;
}

.progress-bar-bg, .completeness-bar {
    border-radius: 4px;
    overflow: hidden;
    clear: both;
    background: #DBF0F0 none repeat scroll 0% 0%;
}

.progress-bar-branded .progress-bar-fill, .completeness-branded .progress-bar-fill, .progress-bar-branded .completeness-progress, .completeness-branded .completeness-progress {
    background-color: #EC2C22;
}
.progress-bar-fill, .completeness-progress {
    height: 8px;
    text-indent: -5000px;
    font-size: 1%;
    background-color: #49B1BA;
}




/* New main page */
.post-block {
	display: inline-block;
	position: relative;
	z-index: 1;
	vertical-align: top;
	word-spacing: 0px;
}

.post-block {
	overflow: hidden;
	margin: 0px 10px 30px 10px;
	width: 300px;
}

.post-block {

}



.post-link {
    display: block;
    height: 100%;
	text-decoration: none !important;
	font-size: 0.6em;
	font-family: "Roboto",sans-serif;
	color: #000;
}


.post-preview {
    height: 400px;
    text-align: center;
}

.post-preview {
    position: absolute;
    top: 0px;
    left: 0px;
}

.post-block .post-preview {
    overflow: hidden;
    width: 300px;
/*    background: #F1F1F1 none repeat scroll 0% 0%; */
    text-align: center;
}


.post-data {
    padding: 200px 0px 0px;
    max-height: 150px;
    text-align: center;
}

.post-data {
    overflow: hidden;
    position: relative;
}


.post-data .post-title {
    overflow: hidden;
    max-height: 96px;
    margin-bottom: 3px;
	text-transform: uppercase;
}

.search {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 110px;
  padding-top: 0;
  z-index: 999999;
  opacity: 1;
  background-color: #21212E;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.5s linear;
  -moz-transition: transform 0.5s linear;
  -ms-transition: transform 0.5s linear;
  -o-transition: transform 0.5s linear;
  transition: transform 0.5s linear;
}
.search .container {
  position: relative;
  margin-top: 40px;
	padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
	width: 1170px;
}
.search.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.search-box {
  width: 97%;
  border: none;
  font-size: 16px;
  color: #FFF;
  background: none;
}
.search-box::-webkit-input-placeholder {
  color: #999!important;
}
.search-box::-moz-placeholder {
  color: #999!important;
}
.search-box::-ms-input-placeholder {
  color: #999!important;
}
.search-box::-o-input-placeholder {
  color: #999!important;
}
.search-close {
  position: absolute;
  right: 0;
  top: 5px;
  padding: 5px 15px;
  color: #FFF;
  background: rgba(41,42,46,1);
}
.search-close:hover {
  color: #B2223C;
}
.search input:focus {
  outline: none!important;
  -webkit-box-shadow: none;
  box-shadow: none;
}