@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 100%;
    min-height: 340px;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

body {
    height: 100%;
    font-family: 'open_sansregular';
    margin: 0;
    background: #F7F7F7;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.close {
    color: #B9B9B9;
    background: transparent;
    border: 1px solid #B9B9B9;
    padding: 0px 5px;
    border-radius: 20px;
    cursor: pointer;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #BCBCBC;
    border-radius: 10px;
}

#content {
    position: relative;
    height: 100%;
}

header {
    border-top: 5px solid #FAB490;
}

header > button {
    background: transparent;
    border: 0 none;
    margin: 20px;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

#search-area {
    height: 200px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#search-area form input, header form input {
    width: 100%;
    height: 44px;
    border: 1px solid #CCCDC8;
    border-radius: 3px;
    padding: 2px 60px 2px 5px;
}

#search-area form input:focus {
    box-shadow: none;
    outline: none;
}

input:focus, button:focus {
    outline: none;
}

#search-area h1 {
    text-align: center;
    font-family: 'open_sanssemibold';
    color: #6C6C6C;
    font-size: 34px;
    margin: 0 0 25px 0;
}

#search-area h1 span {
    color: #00B9EB;
    position: relative;
    display: inline-block;
}

#search-area h1 span .logo-big {
    background: url('../img/logo.png') no-repeat center center transparent;
    content: ' ';
    display: block;
    width: 82px;
    height: 91px;
    position: absolute;
    bottom: 18px;
    right: -36px;
}

#search-area form, header form .form-group {
    position: relative;
}

#search-area button , header .form-group  button {
    position: absolute;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background: #a2d06f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyZDA2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZmNlNjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #a2d06f 0%, #9fce60 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a2d06f), color-stop(100%,#9fce60)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #a2d06f 0%,#9fce60 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #a2d06f 0%,#9fce60 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #a2d06f 0%,#9fce60 100%); /* IE10+ */
    background: linear-gradient(to right,  #a2d06f 0%,#9fce60 100%); /* W3C */
    margin: 0;
    color: #fff;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
}

#search-area p {
    font-size: 14px;
    text-align: center;
    color: #999999;
    margin: 25px 0;
}

#search-area p b {
    font-weight: normal;
    color: #6C6C6C;
    font-family: 'open_sansregular'
}

#search-area p span {
    color: #00BAEC;
}

#additional-buttons {
    position: absolute;
    bottom: 60px;
    width: 100%;
    text-align: center;
}

#additional-buttons > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin: 0 -20px;
}

#additional-buttons > ul > li {
    width: 73px;
    text-align: center;
    color: #D8D8D8;
    margin: 0 20px;
    cursor: pointer;
}

#additional-buttons > ul > li:hover,  #additional-buttons > ul > li.active {
    color: #990000;
}

#additional-buttons > ul > li > span {
    display: inline-block;
    border: 2px solid #D8D8D8;
    font-size: 21px;
    padding: 10px 15px;
    border-radius: 27px;
    position: relative;
}

#additional-buttons > ul > li:hover > span, #additional-buttons > ul > li.active > span {
    border-color: #990000;
}

#additional-buttons > ul > li > p {
    color: #999999;
    font-size: 11px;
    margin: 0;
    margin-top: 2px;
}

#additional-buttons > ul > li:hover > p, #additional-buttons > ul > li.active > p {
    color: #990000;
}

#right-panel {
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    width: 200px;
    background: #fff;
    overflow: hidden;
    transition: width 2s;
    -webkit-transition: width 0.5s;
}

#right-panel.collapsed {
    width: 0px;
}

#right-panel .inner {
    padding: 35px 15px 15px 15px;
    width: 200px;
    border-top: 1px solid #CCCDC8;
    border-left: 1px solid #CCCDC8;
    height: 100%;
    position: relative;
}

#right-panel .inner .block {
    margin-bottom: 30px;
}

#right-panel .inner .block h4 {
    font-family: 'open_sanssemibold';
    color: #4A4A4A;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0;
}

#right-panel .inner .block ul {
    list-style: none;
    margin: 0;
    padding: 5px 10px;
}

#right-panel .inner .block ul li a {
    color: #4C4C4C;
    font-size: 11px;
    text-decoration: none;
}

#right-panel .social-wrapp {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 108px;
}

#right-panel .social-wrapp ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

#right-panel .social-wrapp ul li {
    margin: 4px;
}

#right-panel .social-wrapp ul a {
    color: #fff;
    font-size: 20px;
    display: inline-block;
}

#right-panel .social-wrapp ul a.fb {
    background: #6585B6;
    padding: 3px 13px;
    border-radius: 26px;
}

#right-panel .social-wrapp ul a.tw {
    background: #53C0DE;
    padding: 3px 8px;
    border-radius: 25px;
}

#right-panel .social-wrapp ul a.rss {
    background: #FCB954;
    padding: 3px 9px;
    border-radius: 28px;
}

#right-panel .close {
    position: absolute;
    top: 25px;
    right: 15px;
}

.popover {
    position: absolute;
    background: #fff;
    border: 1px solid #BCBCBC;
    bottom: 100%;
    width: 300px;
    margin-bottom: 12px;
    margin-left: -20px;
}

.popover .popover-title {
    margin: 0;
    text-align: center;
    color: #7F7F7F;
    font-size: 12px;
    padding: 8px;
    background: #F8F8F8;
    border-bottom: 1px solid #BCBCBC;
}

.popover .steps {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #F7F7F7;
    padding: 8px;
    list-style: none;
}

.popover .popover-content {
    padding: 10px;
}

.popover .popover-content > img {
    margin: 15px;
    display: inline-block;
    width: 60px;
    height: 60px;
}

.popover .popover-content > p {
    font-size: 12px;
    color: #333333;
    margin: 0 0 15px 0;
}

.popover .popover-content  .btn.btn-add-to-chrome {
    background: #F1F1F1;
    color: #585858;
    font-size: 14px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.1);
}

.popover .steps li {
    width: 100%;
    margin: 0;
    color: #333333;
    font-size: 12px;
    text-align: left;
    padding: 5px 0;
}

.col-1, .col-11 {
    float: left;
}

.col-1 {
    width: 30px;
}

.col-11 {
    width: 230px;
}

.popover > .arrow, .popover > .arrow:after, .search-links .arrow, .search-links .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow::after, .search-links .arrow:after {
    border-width: 10px;
}

.popover > .arrow::after, .search-links .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}

.popover > .arrow, .search-links .arrow {
    bottom: -11px;
    margin-left: -11px;
    border-width: 11px;
    border-top-color: #BCBCBC;
    border-bottom-width: 0;
    left: 55px;
}

.popover {
    display: none;
}

.active > .popover {
    display: block;
}

iframe {
    width: 100%;
    border: 0;
    height: 100%;
}

header > form {
    padding: 0 85px;
    background: url('../img/logo.png') no-repeat left center transparent;
    background-size: contain;
    background-position: 20px center;
    max-width: 975px;
}

header.result {
    padding: 20px 0 8px 0;
    border-bottom: 1px solid #DBDBDB;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #FFFFFF;
}

header.result form input {
    background: #F7F7F7;
}

header .search-links {
    padding: 0 85px;
}

header .search-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 10px;
}

header .search-links ul li {
    padding: 0px 10px;
    border-right: 1px solid #CCCCCC;
    position: relative;
}

header .search-links ul li:last-child {
    border: 0 none;
}

header .search-links a {
    color: #818181;
    font-size: 12px;
    font-family: 'open_sanssemibold';
    text-decoration: none;
}

.search-links .arrow {
    bottom: -9px;
    margin-left: -11px;
    border-width: 11px;
    border-bottom-color: #BCBCBC;
    border-top-width: 0;
    left: 50%;
}

header .search-links .arrow:after {
    bottom: -11px;
    border-width: 10px;
    margin-left: -10px;
    content: " ";
    border-bottom-color: #FAFAFC;
    border-top-width: 0;
}

header .form-group .reset {
    position: absolute;
    background: transparent;
    border: 0 none;
    color: #D8D8D8;
    right: 53px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}



header .search-links .arrow, header .search-links .arrow:after {
    display: none;
}

header .search-links .active .arrow, header .search-links .active .arrow:after {
    display: block;
}

header .search-links .active a {
    color: #F77631;
}

#content.result {
    padding-top: 108px;
}

@media (max-width: 768px) {
    #additional-buttons ul li {
        margin: 0 10px;
    }
    
    header > form {
        padding: 0 60px 0 55px;
        background-position: 5px center;
    }
    
    header .search-links {
        padding: 0 60px 0 55px;
    }
}

@media (max-height: 500px) {
    #additional-buttons {
        bottom: 20px;
    }
    
    #right-panel .social-wrapp {
        bottom: 60px;
    }
}

@media (max-height: 640px) {
    #additional-buttons, .add-to-def {
        display: none;
    }
}