#dow:hover {
    filter: alpha (Opacity=70);
    opacity: 0.7;
}

<!--footer style btn-->
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  padding: 10px 16px;
  border-radius: 0px;
}

.btn-lg {
  font-size: 14px;border-radius: 0px;
}

.btn-primary {
  color: #fff;border-radius: 0px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
}

/***********************
  OUTLINE BUTTONS
  ************************/

  .btn.outline {
    background: none;
    padding: 5px 10px;
}
.btn-primary.outline {
    border: 2px solid #848484;
    color: #848484;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: #b1b0b0;
    border-color: #b1b0b0;
}
.btn-primary.outline:active, .btn-primary.outline.active {
    border-color: #848484;
    color: #848484;
    box-shadow: none;
}

/***********************
  CUSTON BTN VALUES
  ************************/

  .btn {
    padding: 5px 10px;
    border: 0 none;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}



.city {float: left; padding-right: 15px; font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height:2.4;}

.infobox
{
    padding:5px;}

    .infobox img {
        padding-left:10px;}

        .data:before {
            content:url('/content/images/seminar-icon/calendar.png');
            padding-right:5px;}

            .data a {
                font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif; font-size: 16px; color: #557799; line-height:2.5;}

                .data {
                    float:left; padding-right:15px;}

                    .specific{
                        font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif; color: #333333;}

                        .right-info {
                            padding-top:10px; float: right; padding-right:10px;}

                            .right-info-dop {
                                padding-top:10px; float: right; padding-right:10px; margin-right:15px;}

                                .right-info-price {float: right; padding-right:15px; margin-right:10px;}
                                .right-info-price_sale{float: right;padding-right: 30px;}
                                .priceSeminar_sale{font-size: 17.4px;font-weight: 400;color: rgb(85, 119, 153);margin-left: 7px;text-decoration:line-through;}


                                .pencil:before {
                                    content:url('/content/images/seminar-icon/edit12.png');
                                    padding-right:5px;}



                                    .events_box h1,
                                    .boxHelpReg h2, 
                                    .boxSeminar h2, 
                                    .boxOnLineCons h3{
                                        font-family: 'Ubuntu Condensed','Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif; 
                                    }

/*.boxSeminar h1, .boxHelpReg h4, .decorLink a, .decorLink a:hover, .boxSeminar .labelAdd,
.boxSeminar .labelCod, .headerRegSem .labelCod, .priceSeminar, .ext_list h3, .events time,
.boxOnLineCons h4, .boxOnLineCons h5,.boxTextBanner h4, .boxTextBanner h5,#seminarTabs h3,
.boxHeaderVK,.headerRegSem .list3{
    font-family: 'Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
    }*/
    .ext_list li p,
    .btnSoilerText a,
    .boxContentVK ul li{
        font-family: Arial, Helvetica, sans-serif;
    }



    /* ============= Start Status Panel () ========= */
    .container-status {
        overflow:hidden;
        width:100%;
        margin:5px auto;
    }
    .container-status   ul{
      margin: 0;
      padding: 0;
      list-style-type:none;
  }



  #breadcrumbs-one li{
      float: left;
      display:inline;
  }

  #breadcrumbs li a, #breadcrumbs li span{

      color: #888888;

      font-size: 12px;

  }

  #breadcrumbs li:after{

      content: "\2192";

      font-size: 13px;

      padding: 0 4px;

      color: #888888;

  }

  #breadcrumbs li {

      display: inline;

  }

  #breadcrumbs li:last-child:after {

      content: "";

  }

  #breadcrumbs {

      border-bottom: 2px solid #e0e0e0;

      padding: 7px 0;

      overflow: hidden;

      width: 100%;

      padding-left: 20px;

      margin-top: -13px;

      padding-bottom: 5px;

  }



  /* ============== END Status panel =========== */
  .classLineGray {
    border-top-color: rgb(166, 166, 166);
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom: 0;
}
/* ================= Block News Start ============= */

.events_box {
    border-bottom: 1px solid rgb(204, 204, 204);
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.events_box h1 {

    text-align: left!important;
    font-size: 32px;
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    line-height: 1.1;
}
.events_box h3 {
    color: #34495E;
    font-weight: 400;
    padding-top: 0px;
    
}

.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.ext_list li p{
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 20px;
}
.ext_list h3 {

    font-size: 19px;
    margin-right: 0px;
    margin-top: -5px;
    margin-bottom: 9px;
    text-align: left;
}
.events>li{margin-bottom: 17px;}
.events>li>div{padding-top: 4px;}
.events>li>figure{margin: 0 21px 0 0;}
.events>li>figure img{
    width: 165px;
    height: 155px;  
}
.events>li>div a{
    text-decoration: none;
}
.events>li>div a:hover{
    text-decoration:underline

}   
.events time{

    font-weight: 400;
    color: #ec9036;
    text-align: right!important;
    position: relative;
    bottom: 0px;    
}

.news{padding-right: 20px;}
.news>li{
    margin-bottom: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.news>li>div{}
.news>li>figure{margin: 2px 21px 0 0;}
.news>li>figure time{
    width: 59px;
    height: 63px;
    display: block;
    text-align: center;
    background: url('/content/images/time.png') no-repeat;
    font-size: 32px;
    line-height: 39px;
    font-weight: bold;
    color: #4e4e4e;
    padding: 12px 0 0;
    text-shadow: 1px 1px 1px #fefdfd;
    letter-spacing: -2px;
}
.news>li>figure time span{
    display: block;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0;
    margin-top: -21px;
}

.img_wrap1{
    display: inline-block;
    background-color: rgb(199, 199, 199);
    position: relative;
    padding: 5px;
    margin-bottom: 5px;
    behavior:url(js/PIE.htc); /* ie7-8 */
}
.img_wrap1 img{z-index: 10;position: relative;}

.img_wrap1:hover em{width: 100%;height: 100%;}
.img_wrap1 em, .button em, .list1 a, .news a, .testimonials blockquote a{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* ================ Left block elements ======= */
.leftBoxGray, .boxHeaderVK{
    behavior:url(js/PIE.htc); /* ie7-8 */
}

.leftBoxGray {
    display: block;
    position: relative;
    background-color: rgb(221, 221, 221);
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.leftBoxGray p{
    line-height: 16px;
}

.leftBoxGray a{
    color: rgb(68,68,68);
}

.leftBoxGray a:hover{
    color:#428BCA;
    text-decoration: underline;
}

.img_left_icons {
    margin-top:3px; 
}

.boxOnLineCons {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}
.boxOnLineCons h3{
    text-align: center!important;
    font-size: 22px;
    font-weight: 400;
    color: rgb(236,144,54);
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: 0;
}
.boxOnLineCons h4, 
.boxTextBanner h4{
    font-size: 17.5px;
    line-height: 22px;
}
.boxOnLineCons h4{
    padding-top: 25px;
    padding-bottom: 35px;
}
.boxTextBanner h4 {
    color: #d87614;
    margin-top: 10px;
    margin-bottom: 10px;
}
.boxOnLineCons h5{
    line-height: 18px;
    padding-top: 15px;
    padding-bottom: 25px;
    text-align: center!important;
}
.boxOnLineCons img {
    padding-left: 0px;
    float: left;
    margin-left:-5px;
}
.boxTextBanner {
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 10px;
    color: #444;
}

.img_left_icons:hover{
    opacity:0.8;
}

.boxTextBanner a{
    opacity:0.8;
}
.boxTextBanner a:visited{

}
.boxTextBanner h5, 
.boxOnLineCons h5{
    font-size: 14px;
    
}
.boxTextBanner a{
    text-decoration: none;
}
.boxTextBanner a:hover{
    text-decoration: none!important;
    color: #db0000!important;
}

.leftBoxVK {
    background-color: white;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-top-left-radius:4px;
    -moz-border-top-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    margin-top: 30px;
    text-align: center;
    display: block;
    position: relative;
}

.boxHeaderVK {
    background-color: rgb(85,119,153);
    border-color: white;
    border-style: solid;
    border-width: 2px;
    height: 40px;
    color: white;
    
    font-size: 18px;
    line-height: 32px;  
    text-align: center;
}
.boxHeaderVK img{
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    left: 5px;
    float: left;
}
.boxContentVK {
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 15px;   
}
.boxContentVK ul {
    list-style: square;
    padding-left: 30px;
    padding-top: 0px;
}
.boxContentVK ul li {
    border: none;
    background-image: none;
    color: rgb(85,119,153);
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;  
}
.boxContentVK ul li:hover {
    border: none;
    background-image: none;
    color: #557799!important;
    background-color: #fff; 
}
.blockPhotoVK {
    display: block;
    position: relative;
    float: left; 
    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 10px;
    text-align: center;
    width: 65px;
}
.blockPhotoVK img {
    padding: 5px;
}
.blockPhotoVK a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: rgb(85,119,153);
}
.boxVK1{
    margin: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    height: 180px;
    border-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    display: block;
}
/* === END Left elements style === */

/* ==============  РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… ============= */

/* ==============  РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… ============= */
.rightposition{
    text-align: right!important;
    float:right;
}
.pagination{
    width:100%;
    float:right;
    text-align:center;
}

.pagination ul{
    width:100%;
    float:right;
    padding:0px;
    margin:0px;
}

.pagination ul li{
    /*  float:left;*/
    display:inline-block;
    list-style:none;
    margin:3px 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
}

.pagination ul li a, .pagination ul li a:visited{
    display:block;
    padding:5px 10px;
    text-decoration:none;
}

.pagination ul li a:hover{
    display:block;
    padding:5px 10px;
    text-decoration:none;
}

/* === Style button page navigation == */
.pagination ul li a:link.normal, .pagination ul li a:visited.normal, .blogpagination ul li a:link.normal, .blogpagination ul li a:visited.normal{
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    color:#999;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
}

.pagination ul li a:hover.normal, .blogpagination ul li a:hover.normal{
    border:1px solid #d25809;
    color:#fff;
    background-color: #ec9036;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius:4px; /* for linux */
    -o-border-radius: 4px; /* Opera */
    -ms-border-radius: 4px; /* IE8 */
    border-radius: 4px;
    behavior:url(js/PIE.htc); /* ie7-8 */
}

.pagination ul li .normalactive, .pagination ul li .normalactive, .blogpagination ul li a:link.normalactive, .blogpagination ul li a:visited.normalactive{
    border:1px solid #d25809;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color: #ec9036;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
}

.pagination ul li .normalactive, .blogpagination ul li a:hover.normalactive{
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    color:#eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
}
/* === END Style button page navigation == */

.boxHelpReg {
    padding-left: 10px;
    padding-right: 10px;
}
.boxHelpReg h2{
    font-size: 27.3px;
    line-height: 1.1;
    padding-left: 0px;
    margin-left: -10px;
}



.boxHelpReg,
.boxHelpReg ol li,
ul .standartListSmall li a,
#seminarTabs ul .standartListSmall li a,
ul .standartList li{
    font-family: Arial, Helvetica, sans-serif;  
}
.boxHelpReg h4{
    font-size: 17.5px;
    line-height: 1.1;
    margin-top: 10px;
    margin-bottom: 10px;
}
.boxHelpReg ol {
    list-style: decimal;
    padding-left: 15px;
    line-height: 20px;
}
.boxHelpReg ol li {
    font-size: 14px;
    line-height: 20px;
}
.decorLink a{
    font-size: 15px;
    line-height: 22px;
    color: rgb(85, 119, 153)!important;
    font-weight: 400;
}
.decorLink a:hover{
    font-size: 15px;
    line-height: 22px;
    color: rgb(219, 0, 0)!important;
    font-weight: 400;
    color:#db0000;
    text-decoration: none;
}
ul .standartListSmall {
    list-style: square!important;
    padding-left: 15px;
    padding-top: 0px;
    padding-bottom: 5px;
    font-weight: normal;
}
ul .standartListSmall li a,
#seminarTabs ul .standartListSmall li a{
    font-weight: normal;
    font-size: 14px;
    color: rgb(68, 68, 68);
    padding-top: 0px;
    padding-bottom: 0px;
}

ul .standartList {
    list-style: square!important;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-weight: normal;
}
ul .standartList li{
    font-weight: normal;
    font-size: 14px;
    color: rgb(68, 68, 68);
    padding-bottom: 5px;
}
/* ==================== Start Style Seminars ==================== */

.boxSeminar {
    display: block;
    padding-top: 25px;
}
.boxSeminar h1 p{
    color: #313131;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: -10px;
}
.boxSeminar h1 {
    text-align: left;
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 0px;
}
.boxSeminar h2 {
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    color: rgb(236, 144, 54);
    text-transform: uppercase;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0px;
}
.boxSeminar .labelAdd {
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: rgb(236, 144, 54);
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0;
    margin-top: 0px;
}
.boxSeminar .labelCod, .headerRegSem .labelCod{
    text-align: left;
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    color: rgb(85,119,153);
    padding-bottom: 0px;
    margin-bottom: 0;
    margin-top: 0px;
}
.recordSeminar {
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;

}
.priceSeminar {

    font-size: 20px;
    font-weight: 400;
    color: rgb(236, 144, 54);
    margin: 5px 0 9px;  
}
element.style {
}
.btnSoilerText a{
    width: 205px;
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    color: white!important;
}
.btnSeminar {
    position: relative right;
    padding: 3px 15px 3px 15px;
    margin-bottom: 0px;
    line-height: 24px;
    height: 32px;
    cursor: pointer;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgb(245,245,245) 1%, rgb(204, 204, 204) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgb(245, 245, 245)), color-stop(100%,rgb(204, 204, 204)));
    background: -webkit-linear-gradient(top, rgb(245, 245, 245) 1%,rgb(204, 204, 204) 100%);
    background: -o-linear-gradient(top, rgb(245,245,245) 1%,rgb(204, 204, 204) 100%);
    background: -ms-linear-gradient(top, rgb(245,245,245) 1%,rgb(204, 204, 204) 100%);
    background: linear-gradient(top, rgb(245,245,245) 1%,rgb(204, 204, 204) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cccccc',GradientType=0 );
    border-color: rgb(171, 171, 171);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: rgb(34, 34, 34);
    text-shadow: 0 1px 1px rgb(255, 255, 255);
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif!important;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    behavior:url(js/PIE.htc); /* ie7-8 */
}
.btnSeminar:hover{
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(238,238,238)), to(rgb(204,204,204)));
    background: -moz-linear-gradient(top center, rgb(238,238,238), rgb(204,204,204));
    background: -o-linear-gradient(top, rgb(238,238,238) 1%,rgb(204,204,204) 100%);
    background: -ms-linear-gradient(top, rgb(238,238,238) 1%,rgb(204,204,204) 100%);
    color: rgb(219,00,00)!important; 
    text-decoration: none!important;
    border-color: rgb(171,171,171);
    behavior:url(js/PIE.htc); /* ie7-8 */        
}
/*  ======== Start Tabs Style  for page-seminat.html ============ */

#page-wrap-tabs { 
    width: 100%; 
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    color:rgb(68,68,68);
}
#page-wrap-tabs ol {
    list-style: decimal;
    padding-left: 35px;
    padding-bottom: 10px;
}

#page-wrap-tabs ol li ul {
    list-style: square;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-weight: normal;
}
#page-wrap-tabs ol li ul li {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:rgb(68,68,68);
    padding-bottom: 5px;
}
.tabshide { position: absolute; top: -9999px; left: -9999px; }

#seminarTabs, #seminarTabs1 { 
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px; 
    margin: -5px 0 20px 0; 

}
#seminarTabs1 h3{
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 18px;
   font-weight: 400;
   line-height: 24px;
   color: #313131;
   margin: 25px 0 7px;
   float: left;
}

#seminarTabs .tabsnav { 
    overflow: hidden; 
    margin: 0 0 10px 0;
    background-color: rgb(85,119,163);
    border: 1px solid rgb(204,204,204);
}
#seminarTabs1 ul {
    list-style: none;
    margin-top: -7px;
    padding-left: 4px;
}
#seminarTabs ul li.tabsnav-one,#seminarTabs ul li.tabsnav-two,
#seminarTabs ul li.tabsnav-three,#seminarTabs ul li.tabsnav-four,
#seminarTabs ul li.tabsnav-five,#seminarTabs ul li.tabsnav-six,#seminarTabs ul li.tabsnav-seven{
    background-color: rgb(85,119,163);
}
#seminarTabs .tabsnav li { 
    width: auto; 
    float: left;
    margin: 0; 
}
#seminarTabs .tabsnav li.last { margin-right: 0; }
#seminarTabs .tabsnav li a { 
    padding: 10px 10px;
    margin-left: 0px;
    color: rgb(255,255,255);
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif; 
    font-size: 16px;
    font-weight: 400; 
    text-align: center;
    z-index: 1; 
    border-right:#FFFFFF solid 1px; 
}
#seminarTabs .tabsnav li a:hover { 
    background-color: rgb(221, 221, 221);
}
@media (min-width: 320px) and (max-width: 767px){
    .boxSeminar h1 p{
        margin-bottom: 10px !important;
    }
    .boxSeminar{
        padding-left: 15px;
    }
    #seminarTabs1 h3{
        margin-top: 0px !important;
    }
    .colorIndexBox{
        margin-top: 5px !important;
    }
    #seminarTabs1 .col-md-4:nth-child(2),
    #seminarTabs1 .col-md-4:nth-child(3){
        margin-top: 30px;
    }
    .Catalog-list1{
        margin-bottom: 28px !important;
    }
}
@media (width: 320px){
    .ciBuilding{
        top: 49px !important;
        left: 86px !important;
    }
    .ciNet, .ciSoc{
        top: 26px;
        left: 276px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    #seminarTabs1 h3{
        font-size: 14px !important;
    }
    .boxSeminar{
        width: 104%;
    }
    #seminarTabs1 .col-sm-4{
        padding-right: 0px;
    }
    .ciBuilding{
        top: 22px !important;
        left: -153px !important;
    }
    .ciNet{
     top: 0px !important;
     left: 2px !important;
 }
}
@media (min-width: 992px) and (max-width: 1199px){
  /*  
  .ciSoc{
        top: 50px !important;
        left: 279px !important;
    }
    .ciBuilding{
        top: 74px !important;
        left: 86px !important;
    }
    .ciNet{
        top: 50px !important;
        left: 280px !important;
    }
  */
}
#seminarTabs ul { list-style: none; margin-top: -7px;}
#seminarTabs ul li a {display: block; padding: 4px;}
#seminarTabs ul li a:hover {color: rgb(219,00,00); text-decoration: none; }

#seminarTabs ul li.tabsnav-one a.current, 
#seminarTabs ul.tabs-program li a:hover,
#seminarTabs ul li.tabsnav-two a.current,
#seminarTabs ul.tabs-teacher li a:hover,
#seminarTabs ul li.tabsnav-three a.current,
#seminarTabs ul.tabs-responses li a:hover,
#seminarTabs ul li.tabsnav-four a.current,
#seminarTabs ul.tabs-addTheme li a:hover,
#seminarTabs ul li.tabsnav-five a.current,
#seminarTabs ul.conditions li a:hover,
#seminarTabs ul li.tabsnav-six a.current,
#seminarTabs ul.tabs-video li a:hover, 
#seminarTabs ul li.tabsnav-seven a.current,
#seminarTabs ul.tabs-service li a:hover { 
 padding-bottom: 10px;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 background-color: rgb(236,144,54);
 -webkit-background-clip: padding-box;
 -webkit-box-shadow: inset 0 0 1px rgb(253,00,00);
 -moz-background-clip: padding-box;
 -moz-box-shadow: inset 0 0 1px rgb(253,00,00);
 margin-left: 0px;
 font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
 color: #fff;
 z-index: 2;
}
#tabs-conditions li a,
#tabs-service li a{
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #557799!important;
    font-weight: 400;
}
#tabs-conditions li a:hover,
#tabs-service li a:hover{
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: rgb(219,00,00)!important;
    font-weight: 400;
}
/* -- for IE8 only --*/
#tabs-program h4{
    font-family: 'Ubuntu Condensed', 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-size: 17.5px;
    font-style: normal;
    line-height: 19.25px;
    margin-top: 10px;
}
#tabs-program p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    vertical-align: baseline;
}

#tabs-addTheme li h3, .sem-add-theme h3{
    font-family: 'Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 19.040000000000003px;
    font-weight: 700;
    line-height: 30px;
    color: rgb(41, 55, 61);
    margin: 5px 0 9px;
}
.list3 li{
    line-height: 20px;  
}
.ext_box h4{
    font-size: 17.5px;
    font-family: 'Ubuntu Condensed', 'Roboto Condensed', Arial, Helvetica, sans-serif;
    line-height: 19.25px;
    margin-top: 10px;
}
.ext_box, .ext_box p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
}
/* -- end for IE8 --*/
/* ==== END Style TABS === */


/* ================= START style Table  ======================= */

.selectTableSeminar{
    margin-top: 15px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}
.dataTables_wrapper {
    position: relative;
    min-height: 220px;
    clear: both;
    _height: 302px;
    zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid rgb(221, 221, 221);
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 40%;
    float: left;
    padding-top:10px;
    padding-left: 10px;
}
.dataTables_filter {
    width: 50%; 
    float: right;   
    text-align: right;
    
}
.dataTables_info {
    width: 60%; 
    float: left;
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: -8px;
}

.dataTables_paginate {
    width: 44px;
    * width: 50px;
    float: right;
    text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    width: 19px;
    margin-left: 3px;
    float: left;
}



/* * * * * * * * * * * * * * DataTables display * * * * * * * * * * * * * * */
table.display {
    margin: 0 auto;
    width: 100%;
    clear: both;
}

table.display thead th {
    padding: 8px 18px 8px 10px;
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
    background-color: rgb(221,221,221);
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    * cursor: hand;
}

table.display tfoot th {
    padding: 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.display tr.heading2 td {border-bottom: 1px solid #aaa;}
table.display td {padding: 3px 10px;}
table.display td.center {text-align: center;}

#topTableSeminar th, #topTableSeminar td {
    text-align:center;vertical-align:middle
}


#topTableSeminar tr.even {
    background-color: #f5f5f5;
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;   
}
#topTableSeminar tr.odd {
    background-color: white;
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;       
}
#topTableSeminar tr.selectActive.odd,
#topTableSeminar tr.selectActive.odd a {
    background-color: white;
    color:#db0000;
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
}

/* ====================* Misc *===================== */
.bottom {
    margin-top: 15px;
    display: block;
    padding-top: 0px;
    background-color: rgb(221, 221, 221);
    height: 40px;
}

.top .dataTables_info {float: none;}
.clear {clear: both;}
.dataTables_empty {text-align: center;}
tfoot input {margin: 0.5em 0;   width: 100%;    color: #444;}

tfoot input.search_init {   color: #999;}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {background-color: #d1cfd0;  border: 2px solid #A19B9E;}
.topTableSeminar_alt_pagination div.dataTables_info {width: 40%;}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
}

.paging_full_numbers span.paginate_button {background-color: rgb(221, 221, 221);}
.paging_full_numbers span.paginate_button:hover {background-color: #ccc;}
.paging_full_numbers span.paginate_active {background-color: #99B3FF;}
table.display tr.even.row_selected td {background-color: #B0BED9;}
table.display tr.odd.row_selected td {background-color: #9FAFD1;}

#topTableSeminar tbody tr .selectActive .odd  td,
#topTableSeminar tbody tr .selectActive .even  td{
    color: #db0000!important;
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
    font-size: 15px;
}

#topTableSeminar tbody tr.even:hover td,
#topTableSeminar tbody tr.even:hover td a,
#topTableSeminar tbody tr.odd:hover td a,
#topTableSeminar tbody tr.odd:hover td{
    cursor: pointer;
    background-color: rgb(105, 163, 185);
    color: #ffffff!important;
}

#topTableSeminar tbody tr .nonLink td:hover,
#topTableSeminar tbody tr .nonLink td:hover{
    cursor: default;
    background-color: rgb(0,0,0);
    color: #ffffff;
}
/* ========= END style TABLES == */

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: rgb(229, 229, 255);
}
.toolsBlock {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgb(221, 221, 221);
}
.forRigh{
    display: block;
    text-align: right!important;
    margin: 0px;
    padding: 0px;
}

.redLabelSeminar {
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: rgb(219,00,00);
    line-height: 30px;
    padding-left: 0px;
    text-align:left;
}
.textLabelSeminar {
    color: #000000;
    font-family: "Roboto Condensed","Arial Narrow",Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
}
.ColorBoxGray h2 {
    font-size: 27.3px;
    line-height: 1.1;
    font-family: 'Ubuntu Condensed','Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
}

.list3 {
    list-style: disc;
    padding-left: 10px;
    padding-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #4e4e4e;
}
.list3 li {
    margin-left: 5px;
}
.addInfo {
    margin-top: 10px;
    display: block;
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #34495e;
    margin-bottom:15px;

}
/* ========== РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… ====== */
#tabs-program .img_wrap1 img{
    width: 180px;
}

/* ======= РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…  РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… =========== */
#tabs-teacher .img_wrap1 img{
    width: 165px;
}
/* ============ РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… - РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… ======== */
.quote {
    display: block;
    position:relative;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 0;
    margin-right: 17px;
    padding:0px 10px 10px 15px;
    font-size:15px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}
.quote > i {
    position:absolute;
    margin: -8px 0 0 -33px;
    font-size:20px;
    color: rgb(85, 119, 153);
    opacity:0.5;
}
.quote > div > i {
    position: absolute;
    margin: 5px 0 0 10px;
    font-size: 20px;
    color: rgb(85, 119, 153);
    opacity:0.5;
}

.quote small {
    opacity:0.7;
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size:14px;
    margin-top:10px;
    font-style: normal;
}
/* ============ РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… =========*/
.fw_video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.fw_video iframe, .fw_video object, .fw_video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.fw_video iframe{   frameborder:0px;}
.fw_descr {
    color: rgb(71, 71, 71);
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 3px 2px;
    background-color: rgb(245, 245, 245);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px 4px 4px 4px;
    font-size: 12px;
    line-height: 16px;
    margin: 10px 0 5px;
    padding: 5px;
}
/* ======= РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… =============== */
#galleryOverlay{
    width:100%;
    height:100%;
    position:fixed;
    top:0;left:0;
    opacity:0;
    background-color:#222;
    background-color:rgba(0,0,0,0.8);
    overflow:hidden;
    display:none;
    -moz-transition:opacity 1s ease;
    -webkit-transition:opacity 1s ease;
    transition:opacity 1s ease;
    z-index:1000000;
}
#galleryOverlay.visible{opacity:1;}
#gallerySlider{
    height:100%;
    left:0;
    top:0;
    width:100%;
    white-space:nowrap;
    position:absolute;
    -moz-transition:left 0.4s ease;
    -webkit-transition:left 0.4s ease;
    transition:left 0.4s ease;
}
#gallerySlider .placeholder{
    background:url("/content/images/preloade.gif") no-repeat center center;
    height:100%;
    line-height:1px;
    text-align:center;
    width:100%;
    display:inline-block;
}
#gallerySlider .placeholder:before{
    content:"";
    display:inline-block;
    height:50%;
    width:1px;
    margin-right:-1px;
}
#gallerySlider .placeholder img{
    display:inline-block;
    max-height:100%;
    max-width:100%;
    vertical-align:middle;
}
#gallerySlider.rightSpring{
    -moz-animation:rightSpring 0.3s;
    -webkit-animation:rightSpring 0.3s;
}
#gallerySlider.leftSpring{
    -moz-animation:leftSpring 0.3s;
    -webkit-animation:leftSpring 0.3s;
}
@-moz-keyframes rightSpring{
    0%{margin-left:0px;}    
    50%{    margin-left:-30px;}
    100%{   margin-left:0px;}
}

@-moz-keyframes leftSpring{
    0%{margin-left:0px;}
    50%{margin-left:30px;}
    100%{margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
    0%{     margin-left:0px;}
    50%{    margin-left:-30px;}
    100%{   margin-left:0px;}
}

@-webkit-keyframes leftSpring{
    0%{     margin-left:0px;}
    50%{    margin-left:30px;}
    100%{   margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
    border:none;
    text-decoration:none;
    background:url('/content/images/arrows-photo.png') no-repeat;
    opacity:0.5;
    cursor:pointer;
    position:absolute;
    width:43px;
    height:58px;
    top:50%;
    margin-top:-29px;
    
    -moz-transition:opacity 0.2s ease;
    -webkit-transition:opacity 0.2s ease;
    transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
    opacity:1;
}

#prevArrow{
    background-position:left top;
    left:40px;
}

#nextArrow{
    background-position:right top;
    right:40px;
}

.box_row {
    padding-top: 10px;
    border-color: #cdcdcd;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
}
article .img-polaroid{margin-bottom:0;display:block;}
article .span3{margin-bottom:9px;}
.span3 {width: 160px;}
figure.img-polaroid {
    display: inline-block;
    width: 160px;
    margin: 0 0 15px 0;
}
.span3 img {width: 150px}
.img-polaroid {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 0;
    border: 0;
    background: 0;
    box-shadow: none;
}

.magnifier {
    position: relative;
    display: block;
}
.magnifier:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    background: rgba(55, 55, 55, 0.7);
}
.magnifier:after, .magnifier:hover:after{
    background: .7;
    -webkit-transition:opacity .2s linear;
    -moz-transition:opacity .2s linear;
    -o-transition:opacity .2s linear;
    transition:opacity .2s linear;
}
/* ======================== Page Registrtion Seminar =================== */
.headerRegSem {
    display: block;
    padding-bottom: 15px;
}
.headerRegSem h1, .headerRegSem h3{
    font-family: 'Roboto Condensed','Arial Narrow',Arial,sans-serif;
    text-align: left;
}
.headerRegSem h1{
    font-size: 28px;        /* for i8 only */
    line-height: 30.799999237060547px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -10px;
    padding-bottom: 5px;
}
.headerRegSem h2{
    text-align: left;
    font-family: "Ubuntu Condensed",'Roboto Condensed','Arial Narrow',Arial,sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: rgb(236, 144, 54);
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 0;
    margin-top: 0px;
}
.headerRegSem h3 {
    font-size: 20px;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0px;
}   
.headerRegSem .dateTime {
    color: rgb(85,119,153);
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 14px;
}

.infoRegSem {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
    text-align: center;
}
.boxFormRegSem, .boxFormRegSem input{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.boxFormRegSem {
    position: relative;
    display: block;
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-color:rgb(221, 221, 221);
    border-width: 1px;
    text-align: left;
    behavior:url(js/PIE.htc); /* ie7-8 */      
}
.boxFormRegSem input[type="text"] {
    width: 100%;
    border-style: solid;
    border-color:#ababab;
    border-width: 1px;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left;
    color: #ababab;
}
.boxFormRegSem input[type="text"]:focus{
    color: #34495e;
}
.boxFormRegSem label {
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding-right: 15px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
}
.hotelReg label {
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding-right: 15px;
    padding-top: 10px;
    padding-left: 5px;
    font-style: normal;
    line-height: 18px;
    font-weight: 400;
    text-align: left;
}
.hotelReg input{
    padding-top: 0px;
}
.boxAddUser {
    margin-bottom: 30px;
    padding-top: 30px;
}
.boxAddUser h5 {
    color: rgb(85,119,153);
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
}

.boxAddUser .button,
.legenda, .legendaOrg{
    -khtml-border-radius:4px; /* for linux */
    -o-border-radius: 4px; /* Opera */
    -ms-border-radius: 4px; /* IE8 */
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    behavior:url(js/PIE.htc); /* ie7-8 */   
}
.boxAddUser .button {
    border-style: solid;
    border-color:rgb(221, 221, 221);
    border-width: 1px;
    text-align: center;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    color: rgb(85,119,153);
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size:15px;     
}
.boxAddUser .button:hover {
    background-color: rgb(85,119,153);
}
.legenda, .legenda span{
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 14px; /* ie8 */
    line-height: 18px;
}
.legenda, .boxFormRegSem .legenda{
    position: relative;
    background-color: #fff;
    margin-top:-38px;
    margin-left: 25px;
    border-style: solid;
    border-color:#ccc;
    border-width: 1px;
    width: auto;
    padding-bottom: 7px;
    padding: 7px;
    color:white;
    font-weight: 400;
    text-align: left;
}
.legenda span {
    font-weight: 600;
    font-style: normal;
    font-weight: normal\0/; /* ie8 */
    color: rgb(85,119,153);
    text-align: center;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 35px;
}
.legenda a{
    text-decoration: none;
    color: rgb(153,177,199);
}
.legenda a:hover{
    color: rgb(236, 144,54);
}
.legendaOrg {
    background-color: rgb(236,144,54);
    margin-top:-38px;
    margin-left: 25px;
    border-style: solid;
    border-color: rgb(185,101,17);
    border-width: 1px;
    line-height: 18px;
    width: 200px;
    padding-bottom: 7px;
    padding-top: 7px;
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-align: center;
}
/* ========================= Style Page Cabinet ======================= */

.boxHeaderCabinet,
.colorHeaderCab,
.colorHeaderCabNext{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}
.boxHeaderCabinet {
    position: relative;
    margin-left:0px;
    margin-right: 0px;
    margin-top: 35px;
    display: block;
    border-style: solid;
    border-color:rgb(221, 221, 221);
    border-width: 1px;
    border-top:0px;
}
.boxHeaderCabinet h4{ /* for IE8 */
    font-size: 17.5px;
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
}
.boxHeaderCabinet, .CabBoxGray, .boxCabinet,
.legendaCab, 
.boxFormCab, .boxFormList,
.boxHeaderCabinet .button,
.boxFormCab .button,
.onlyBox .button, .groupEmptyBtn .button,
.legendaAtt, .boxAttention, .legendaAdd{
    -khtml-border-radius:4px; /* for linux */
    -o-border-radius: 4px; /* Opera */
    -ms-border-radius: 4px; /* IE8 */
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    behavior:url(js/PIE.htc); /* ie7-8 */
}
.colorHeaderCab, .colorHeaderCabNext,
.colorHeaderCabDis{
    -webkit-border-top-left-radius:4px;
    -moz-border-top-left-radius:4px;
    border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-top-right-radius:4px;
    border-top-right-radius:4px;
    behavior:url(js/PIE.htc); /* ie7-8 */
}
.colorHeaderCab {
    display: block;
    position: relative;
    margin:0px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 0px;
    background-color: rgb(85,119,153);
    color: white;
}
.colorHeaderCab {
    margin: 0px;
}
}
.colorHeaderCab h4{ /* for IE8 */
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: white;
    text-decoration: none;
    line-height: 22px;  
}
.colorHeaderCab a h4{
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: white;
    text-decoration: none;
    line-height: 18px;  
}
.colorHeaderCab a{
    text-decoration: none!important;
    color: white;
}
.colorHeaderCab a h4:hover {
    text-decoration: none!important;
    color: rgb(236,144,54);
}
.colorHeaderCab a:hover{
    text-decoration: none!important;
    color: rgb(236,144,54)!important;
}

.colorHeaderCabNext {
    display: block;
    position: relative;
    margin:0px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 0px;
    background-color: #ec9036;
    color: white;
    behavior:url(js/PIE.htc); /* ie7-8 */
}
.colorHeaderCabNext {
    margin: 0px;
}
.colorHeaderCabNet h4{ /* for IE8 */
    font-size: 17.5px;
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
}
.colorHeaderCabNext a h4{
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: white;
    text-decoration: none;
    line-height: 18px;  
}
.colorHeaderCabNext a{
    text-decoration: none!important;
    color: white;
}
.colorHeaderCabNext a h4:hover {
    text-decoration: none!important;
    color: rgb(219,00,00);  
}
.colorHeaderCabNext a:hover{
    text-decoration: none!important;
    color: rgb(87,46,0)!important;
}

.boxHeaderCabinet .button {
    font-family: 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight:normal;
    font-style: normal;
    font-variant:normal;
    text-decoration:none; 
    text-align:left;
    position: relative;
    display: block;
    background-color: rgb(85,119,153);      
    margin-top: 10px;
    padding-bottom: 11px;
    padding-top: 11px;
    padding-left: 11px;
    padding-right: 11px;
    color: #FFFFFF;


}
.boxHeaderCabinet .button:hover {
    color: #999999;
}


.button2 {
    color:#ffffff;
    background-color: #EC9036;
    font-family: 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight:normal;
    font-style: normal;
    font-variant:normal;
    text-decoration:none; 
    text-align:left;
    border-radius:3px;
    position: relative;
    display: block;
    border-style: solid;
    border-color:rgb(221, 221, 221);
    border-width: 1px;
    margin: 5px 0;
    padding-bottom: 11px;
    padding-top: 11px;
    padding-left: 11px;
    padding-right: 11px;
    width:100%;
    
    
}
.button2:hover {
    color: #CCCCCC;
    text-decoration:none;
}

.inforight {margin-top:17px; font-size:17px; color:  rgb(85,119,153);}



.boxHeaderCabinet .hideBtn {
    display: block;
    text-align: center;
    color: rgb(85,119,153);
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: -12px;
}
.boxHeaderCabinet .list3 {
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px; /*  ie8  */
    font-weight: 400;
    color: rgb(236,144,54);
}
.boxHeaderCabinet .list3 a{
    color: rgb(236,144,54);
}
.CabBoxGray {
    position: relative;
    background-color: rgb(221, 221, 221);
    border-style: solid;
    border-color:rgb(204,204,204);
    border-width: 1px;
    padding-top: 5px;
}
.CabBoxGray:before,
.CabBoxGray:after {
  display: table;
  content: " ";
}
.CabBoxGray:after {clear: both;}
.CabBoxGray h5 {
    margin-top: 0px;
    font-size: 15px;
    margin-bottom: 5px;
    font-family: 'Ubuntu Condensed', 'Roboto Condensed', Arial, Helvetica, sans-serif; /* ie8 */
}
.CabBoxGray h4 {
    padding-top: 15px;
    font-size: 18px!important;
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
}
.CabBoxGray .form-control {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 26px\0/; /* ie8 */
    padding-top: 4px\0/; /* ie8 */
}
.boxCabinet {
    margin-left:0px;
    margin-right: 0px;
    margin-top: 35px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-color:rgb(221, 221, 221);
    border-width: 1px;
    border-top:0px;
}
.boxCabinet h4{ /* for IE8 */
    font-size: 17.5px;
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
}
.boxCabinet .ps {
    color: rgb(136,136,136);
    font-style: italic;
}
.onlyBox{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
.onlyBox a:hover{
    color: rgb(219,00,00);
    text-decoration: none;
}
.onlyBox .button, .groupEmptyBtn .button{
    display: block;
    position: relative; /* ie8 */
    border-style: solid;
    border-color:rgb(221, 221, 221);
    border-width: 1px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: rgb(85,119,153);
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size:15px;
}
.onlyBox .button:hover, .groupEmptyBtn .button:hover{
    background-color: rgb(85,119,153);
}
.onlyBox p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.BoxBottom {
    position: relative;
    display: block;
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 20px;
}
.andData {
    margin-top: 20px;
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid;
    border-top-width: 1px;
    background-color: #eeeeee;
    padding-top: 15px;
    padding-bottom: 5px;
}
.colorHeaderCabDis {
    display: block;
    position: relative;
    margin:0px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 0px;
    background-color: rgb(221, 221, 221);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #444;
}
.colorHeaderCabDis a{
    text-decoration: none;
}
.colorHeaderCabDis a:hover{
    text-decoration: none;
    color: #db0000!important;
}
.colorHeaderCabDis {margin: 0px;}
.onlyBox .dateArea {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: rgb(85,119,153);
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size:15px;
}
.titleOldSem {
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    color: #4e4e4e;
}

.boxCabinet hr {
    margin-bottom: 10px;
}
.legendaCab {
    position: relative;
    background-color: rgb(85,119,153);
    margin-top:-38px;
    margin-left: 25px;
    border-style: solid;
    border-color:#ccc;
    border-width: 1px;
    line-height: 18px;
    width: 350px;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 20px;
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:white;
    font-weight: 400;
    text-align: left;
}
.boxFormCab, .boxFormList {
    position: relative;
    display: block;
    padding-left:10px;
    padding-right:10px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-color:rgb(221, 221, 221);
    border-width: 1px;
    text-align: left;
}


.boxFormCab textarea {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-top: 15px;
    margin-bottom: 0px;
}
.boxFormCab .addInfo {
    color: #818181!important;
    padding-left: 20px;
    padding-top: 0px;
    margin-top: 15px;
}
.boxFormCab .button {
    position: relative;
    display: block;
    border-style: solid;
    border-color:rgb(221, 221, 221);
    border-width: 1px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: rgb(85,119,153);
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size:15px;
}
.boxFormCab .button:hover {
    background-color: rgb(85,119,153);
}
.bgcolor55 {
    background-color:#557799; 
}
.text-white {
    color: rgb(255, 255, 255)!important;
    text-decoration: none;
}
.color55{
    color:#557799;
}
/* ======================== Style CATALOG Programs (page-catalig.html) ========================== */
.catalogHeader {
    padding-top: 25px;
}
.colorIndexBox{
    position: relative;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    margin-left: 12px;
    margin-bottom: 0px;
    margin-top: 29px;
}
.ciProm {background-color: rgb(0, 119, 95);}
.ciGov {background-color: rgb(144, 86, 163); top: 24px; left: 1px;}
.ciNet {background-color: rgb(0, 116, 158);}
.ciService {background-color: rgb(255, 27, 34);}
.ciSoc {background-color: rgb(174, 39, 99);}
.ciLand {background-color: rgb(125, 194, 66);}
.ciCulture {background-color: rgb(222, 130, 169);}
.ciBuilding {background-color: rgb(0, 181, 170); top: 25px; left: -197px;}
.ciMenag {background-color: rgb(220, 169, 14);}
.ciZemlya {background-color: rgb(177, 211, 85);}
.ciCommunication { background-color: rgb(77, 77, 79);}

.ciStaff { background-color: rgb(248, 159, 101);}
.ciEducation { background-color: rgb(104, 91, 199);}
.ciBuilding {
    background-color: rgb(0, 181, 170);
    top: 0 !important;
    left: 0 !important;
}

.addInfoBlue {
    display: block;
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: rgb(102, 159, 200);
    margin-bottom:15px;
}
.wrapper img{
    max-width: 100%;
}
.InfoTrenCode{
    margin-top: 0px;
    display: block;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: rgb(236,144,54)
}
.listTrening {margin:0px 0px 10px 0px; background:url(/content/images/hline.png) 0px 0px repeat-x;}
.listTrening li a{
    line-height: 22px!important;
    font-size: 16px!important;
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
}

#tabs-responses .boxFormCab .addInfo {
    color: rgb(129, 129, 129)!important;
    padding-left: 20px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.list_classick {margin:0px 0px 20px 0px;}
.list_classick li {
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 28px;
    position:relative;
    padding-left: 20px;
}
.list_classick li:before{
    position:absolute;
    top:2px;
    left:0px;
    display:inline-block;
    width:7px;
    height:7px;
    font-family: FontAwesome;
    font-size: 16px;
    color: rgb(37, 53, 68);
    content:'\f0da';
}
.Catalog-list li:before{
    position:absolute;
    top:2px;
    left:0px;
    display:inline-block;
    width:7px;
    height:7px;
    font-family: FontAwesome;
    font-size: 16px;
    color: rgb(37, 53, 68);
    content:'\f0da';
}
.Catalog-list1{padding-right: 21px;}
.Catalog-list1 li{
    font-size: 13px;
    line-height:20px;
    color: #7d8982;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 5px;
}
.Catalog-list1 li a{
    position: relative;
    display: inline !important;
    font-size: 13px;
    line-height: 20px;
    color: #7d8982 !important;
    margin-left: -3px;
    font-family: 'Roboto', sans-serif;
    list-style: none;
}
.Catalog-list1 li a:after{
    content: '—';
    margin-left: 4px;
    margin-right: 3px;
}
.Catalog-list1 li a:hover:after{
    color: #7d8982 !important;
}
.Catalog-list1 li a::hover .Catalog-list1 li a:after{
    color: #7d8982 !important;
}
.Catalog-list1 li a:hover{
    color: #539dec !important;
    text-decoration: none !important;
}
.Catalog-list li a{
    position:relative;
    display:inline-block;
    -webkit-transition:all 0.4s ease-out;
    -moz-transition:all 0.4s ease-out;
    -o-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
    font-size:14px; 
    font-family: Arial,Helvetica,sans-serif;
    line-height:16px;
    color: rgb(41, 55, 61 );
    margin:0px 0px 1px 20px;
    padding-bottom:1px;
    list-style: none;
}
.addInfo ol {
    padding-left: 20px!important;
}
.addInfo ol li{
    font-weight: 400!important;
}
.tcRed{
    color: #db0000!important;
}
.tcRedAtten{
    color: #db0000!important;
    font-size: 16px!important;
}
.tcBlueVIP {
    color: #69a3b9!important;
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
}
.psVIP {
    font-family: 'Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: italic;
    color: #557799; 
}
/* ======================== Style РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… (SUCCESSFULL) ============================= */

.succHeader h1, .succHeader h2{
    font-family: 'Ubuntu Condensed', 'Roboto Condensed', Arial, Helvetica, sans-serif;
}
.succHeader .blackLabel, .succHeader .textLabelSeminar{
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    font-size: 18px;
}
.succHeader {
    padding-top: 25px;
}
.succHeader h1{
    font-size: 28px;
    line-height: 30.799999237060547px;
}
.succHeader h2{
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    color: rgb(236, 144, 54);
    padding-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 0px;
}
.succHeader .blackLabel{
    color: #888;
    line-height: 30px;
    padding-left: 0px;
    text-align:left;
}
.succHeader .textLabelSeminar {
    color: rgb(85,119,153);
    line-height: 30px;
    padding-left: 0px;
}
.succHeader .toolsBlock {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding-top: 20px;
}
.succHeader .toolsBlock p{ /* ie8 */
    margin: 0 0 10px;
    line-height: 21.428571701049805px;
}
.succHeader .legenda span {/* ie8  */
    font-family: 'Roboto Condensed','Arial Narrow',Arial, Helvetica, sans-serif;
    line-height: 18px;
    font-size: 14px;
}
.succHeader .toolsBlock a {
    color: #999999;
}
.succHeader .toolsBlock a:hover {
    color: rgb(219,00,00);
    text-decoration: none;
}

.boxAttention {
    display: block;
    background-color: #ec9036;
    margin-top: 10px;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 17px;
    padding-top: 17px;
    border-style: solid;
    border-color: rgb(185, 101, 17);
    border-width: 1px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: 400;
}
.boxAttention a{
    color: #fae0c7;
    text-decoration: none;
}
.boxAttention a:hover{
    color: rgb(219,00,00);
    text-decoration: none;
}
.succHeader .boxFormRegSem {
    padding-right: 10px;
    padding-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
}
.succHeader .boxFormRegSem .ps {
    padding-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: italic;
    color: rgb(85,119,153);
}   
.legendaAtt {
    background-color: rgb(236, 144, 54);
    margin-top: -38px;
    margin-left: 25px;
    border-style: solid;
    border-color: rgb(185, 101, 17);
    border-width: 1px;
    line-height: 18px;
    width: 230px;
    padding-bottom: 7px;
    padding-top: 7px;
    font-family: 'Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    text-align: center;
}
.legendaAdd {
    background-color: rgb(85,119,153);
    
    margin-top: -38px;
    margin-left: 25px;
    border-style: solid;
    border-color: rgb(200, 200, 200);
    border-width: 1px;

    line-height: 18px;
    width: 230px;
    padding-bottom: 7px;
    padding-top: 7px;
    font-family: 'Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    text-align: center;
}
aside .boxFormRegSem {
    padding-right: 10px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}
.addInfoSucc label, .boxFormList .label {
    font-family: 'Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: rgb(85,119,153);
    margin: 25px 0 9px;
}
.addInfoSucc label a, .boxFormList .label a{
    color: inherit;
    text-decoration: none;
}
.addInfoSucc label a:hover, .boxFormList .label a:hover{
    color: rgb(219,00,00);
    text-decoration: none;
}
.addInfoSucc .ps {
    color: rgb(136,136,136);
    font-style: italic;
}
.addInfoSucc p{
    margin-bottom: 10px;
}
.blackLabel {
    font-family: 'Roboto Condensed','Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: rgb(136,136,136);
    line-height: 30px;
    padding-left: 10px;
    text-align:left;
}

/* ============================= Page List Style (page-list.html) ==================================== */

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
}
.form-inline .form-group label {
    font-size: 14px;
    line-height: 20px;
    padding-right: 10px;
}
.boxFormList .label {
    font-size: 18px;
    line-height: 28px;
    margin-top: 5px;
    margin-bottom: 25px;
}
.boxFormList a:hover{
    text-decoration: none;
}
.link-trening,
.link-mast-class,
.link-seminar {
    font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;   
}
.link-trening span a,
.link-mast-class span a,
.link-seminar span a{
    font-weight: 400;
    font-size: 17px;
    color: #557799; 

}
.link-trening span a:hover,
.link-mast-class span a:hover,
.link-seminar span a:hover{
    text-decoration: underline;
}

.del-seminar a{color:#bbb;}
.del-seminar a span {color: #db0000!important;}

/* =============  РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… "РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…" ===== */
.label-pageList1{
    margin-left: -15px;
}
/* ==========   РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… CheckBox   ======== */
*|html .custom-radio{
    position: absolute;
    left: -9999px;
}



*|html .box-new-ckeck {
    border: 1px solid #CCC;
    display: inline-block;
    padding-right: 0px;
    border-radius: 3px;
    height: 28px;
}

*|html input[type="checkbox"] + label {
    background: url(/content/images/check.png) 0 0 no-repeat;
    padding-left: 26px;
    height: 26px;
    width: 26px;
}

*|html input[type="checkbox"]:checked + label {
    background-position: 0 -26px;
}

*|html .fg {
    height: 26px;
    line-height: 0px !important;
    margin-bottom: 0px !important;
}
.classbtn {background-color:rgb(236, 144, 54);padding:2px 17px; margin-bottom:3px; text-align:center; display:inline-block; height: auto; width:auto; color:#FFFFFF; font-family:'Roboto Condensed','Arial Narrow', Arial, sans-serif; }
.classbtn:hover {
   background-color:rgb(85, 119, 153); color:#FFFFFF; 
   }.classbtn:active {
       position:relative;
       top:1px;
   }

   /* ============================================================================================ */
   /*  ============================= RESPONSIVE LAYOUTS ========================================  */

   @media (min-width: 992px) and (max-width: 1199px){
    .boxVK1{    height: 250px;}
    .boxSeminar h2 {font-size: 22px;padding-bottom: 18px;}
    .boxSeminar h1 {font-size: 26px;}
    #seminarTabs .btnSeminar {font-size:14px;}
    #seminarTabs .tabsnav li a{
        padding: 10px 4px;
        font-size: 15px;
    }
    .span3 {width: 136px;}
    figure.img-polaroid {
        display: inline-block;
        width: 136px;
        margin: 0 0 15px 0;
    }
    .span3 img {width: 128px;}
    .boxFormRegSem {padding-right: 20%;}
}

@media (min-width: 768px) and (max-width: 991px){
    .boxSeminar h2 {font-size: 20px;padding-bottom: 16px;}
    .boxSeminar h1 {font-size: 24px;}
    #seminarTabs .btnSeminar {font-size:14px;}
    #seminarTabs .tabsnav li a{
        padding: 10px 4px;
        font-size: 14px;
    }
    .quote {
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 5px;
        margin-right: 10px;
    }
    .span3 {width: 135px;}
    figure.img-polaroid {
        display: inline-block;
        width: 135px;
        margin: 0 0 5px 0;
    }
    .span3 img {width: 116px;}
    .boxFormRegSem {padding-right: 10%;}
    .list3 li {margin-left: 15px;}  
}
@media (max-width:767px)
{   
    .box_row .span3 {width: 28%;float: left; margin: 0 20px 20px 0;}
    .boxFormRegSem {padding-right: 10px;}
    .priceSeminar 
    {
        margin-left: 0; font-size: 19px !important;

    }
}