@font-face {font-family: "BreuerText";
  src: url("iconfontcustom/@font-face/BreuerText-Bold.otf") format('opentype');
  font-weight: bold;
}
@font-face {font-family: "BreuerText";
  src: url("iconfontcustom/@font-face/BreuerText-BoldItalic.otf") format('opentype');
  font-weight: bold;
  font-style: italic;
}
@font-face {font-family: "BreuerText";
  src: url("iconfontcustom/@font-face/BreuerText-Medium.otf") format('opentype');
  font-size: medium;
  font-weight: 500;
}
@font-face {font-family: "BreuerText";
  src: url("iconfontcustom/@font-face/BreuerText-MediumItalic.otf") format('opentype');
  font-size: medium;
  font-style: italic;
  font-weight: 500;
}
@font-face {font-family: "BreuerText";
  src: url("iconfontcustom/@font-face/BreuerText-Light.otf") format('opentype');
  font-size: medium;
  font-weight: 200;
}
@font-face {font-family: "BreuerText";
  src: url("iconfontcustom/@font-face/BreuerText-LightItalic.otf") format('opentype');
  font-size: medium;
  font-style: italic;
  font-weight: 200;
}
@font-face {font-family: "BreuerText";
  src: url("iconfontcustom/@font-face/BreuerText-Regular.otf") format('opentype');
  font-size: medium;
  font-weight: 400;
}
@font-face {font-family: "BreuerText";
  src: url("iconfontcustom/@font-face/BreuerText-RegularItalic.otf") format('opentype');
  font-size: medium;
  font-style: italic;
  font-weight: 400;
}
.cert h1 a{
    font-family:"BreuerText" !important;
    font-size:40px;
    font-style:italic;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
}
.bottom-text-logo{
  position: relative;
  margin-top: 84px;
  margin-left: 3px;
  display: inline-block;
}
.bottom-text-logo p{
  font-family:"BreuerText" !important;
  font-size:9px;
  font-style:italic;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;    
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(119,119,119,0.76);
}
.icon-box-content{
    text-align: justify;
}
.box-title{
    margin-top: 30px;
}

.tabs-container.center ul.tabs-menu{
    text-align: center;
    /*border-bottom: 1px solid #b4bfc3;
    border-top: 1px solid #b4bfc3;*/
    padding-top: 8px;
}
.tabs-container .tabs-menu li{
    display: inline-block;
}

.btn.small{
    padding: 5px 7px;
}

.btn.active{
    background: rgba(30, 171, 199, 1);
    color: #022b36;
}
.center{
    text-align: center;
}

.rolling{
    width: 100%;
    height:120px;
    background: url("../images/rolling.gif") no-repeat center;
}

.btn-default{
  background: #c8d3d7;
  border: 1px solid #c8d3d7;
}
.span3:nth-child(4n+1){
  margin-left: 0;
}
.ui-autocomplete {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ui-autocomplete .ui-autocomplete-category {
    font-weight: bold;
    line-height: 1.5;
    margin: 0.8em 0 0.2em;
    padding: 0.2em 0.4em;
}

.ui-autocomplete .ui-autocomplete-category:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.ui-autocomplete li {
    margin: 0 !important;
    padding: 5px !important;
}

.ui-autocomplete li:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

.ui-autocomplete a {
    color: #666;
    margin: 0 !important;
    padding: 0 !important;
}

.ui-autocomplete .ui-state-focus {
    background-color: #f5f5f5;
}

.ui-autocomplete .ui-menu-item a {
    clear: both;
}

.ui-autocomplete .menu-icon {
    display: block;
    float: left;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    margin-right: 12px;
    text-align: center;
    width: 40px;
}

.ui-autocomplete .menu-text {
    display: block;
    margin-left: 55px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-top: 5px;
    text-transform: none;
}

.ui-autocomplete .menu-info {
    color: #939ba2;
    display: block;
    font-size: 11.4px;
    font-style: italic;
    text-transform: capitalize;
}
.google-map{
  height: 415px;
}
.team-member h4{
  border-top: none;
}
.team-member h4:first-of-type{
  white-space: normal;  
  padding-bottom: 25px;
}
.team-member h4{
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  -webkit-hyphens:auto;
  hyphens:auto;
  word-wrap: break-word;      /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap;  
}

.portfolio-item-description h4{
    width: 85%;
    padding-bottom: 10px;
    border-bottom: 1px solid #b4bfc3;
    margin-bottom: 10px;
}
.portfolio-item-description h4 span { font: 13px/24px 'Open Sans', Arial, sans-serif; }

a.appraise{
  color: #0A3942;
  cursor: pointer;
  text-decoration: none;
  margin-left: 10px;
}
a.appraise:hover{
  /*background: #1EABC7;*/
  color: #1EABC7;
  cursor: pointer;
}
.hide{
  display: none;
}
.slider-selection{
  background: #5cb85c;
  background-color: #5cb85c !important;
}
.slider{
  width: 100%;
}
.tips{
    text-align: justify;
    border: 1px solid gainsboro;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.widget_categories ul{
    text-align: left;
}
.widget_categories ul li.active,.widget_categories ul li.active a, .widget_categories ul li:hover, .widget_categories ul li a:hover{
    background-color: #0D6777;
    color: white !important;
    cursor: pointer;
}
.auditor_rate{
    padding: 15px;
    border: 1px solid gainsboro;
    border-radius: 10px;
    background: #FFFFFC;
}
.portfolio-item-preview{
  margin-bottom: 10px;
}
.commentlist{
  margin: 20px 0px;
}
.comment-body{
  margin-bottom: 30px;
}
.show-meeting{
  margin-bottom: 10px;
  padding: 15px 0px;
  background: #0D6777;
  font-size: 16px;
  /*box-shadow: 6px 6px 20px #1c3542;*/
  color: #ffffff;
  border-radius: 10px;
  cursor: pointer;
}
.show-meeting strong{
  margin-left: 15px;
  text-transform: uppercase;
}
#page-header{
  margin-bottom: 30px;
}
.highlinght{
  margin-bottom: 20px;
}
.blog-post-title{
  width: 100%;
  margin: 0px;
}
.participant img{
  border-radius: 50%;
}
.participant{
  max-width: 100px;
  max-height: 150px;
  min-width: 100px;
  min-height: 100px;
  overflow: hidden;
  float: left;
  text-align: center;;
}
.divider{
  margin: 15px auto;
}
.sf-menu > li.current > ul > li.current{
  background-color: #0D6777; 
}
.sf-menu > li.current > ul > li.current > a{
  color: #fff; 
}
.link-help{
  float: left;
  /*margin-left: 15px;*/
  top: 0px;
  /*position: relative;*/
}
.link-help:hover{
  text-decoration: none;
}
.pricing-custom{
  background-color: rgba(169,225,236,1);
  text-align: center;
}
.pricing-custom ul{
  list-style-type: none !important;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0px 15px;
  margin: 0px 10px;
}

.pricing-custom-offer ul li:first-of-type{
  font-size: 22px;
  padding-bottom: 17px;
  color: #0A3942;
  margin-bottom: 0;
  line-height: 1.5em;
  font-family: 'Open Sans','sans-serif';
}
.pricing-custom-offer ul li:nth-child(2){
  font-size: 16px;
  margin-bottom: 20px;
  padding-right: .81em;
  line-height: .9em;
}
.h5-title{
  padding-bottom: 37px;
  line-height: 1.5em;
}
.pricing-custom-header{
  margin-bottom: 45px;
}
.pricing-custom-offer{
  padding-bottom: 20px;
}
.pricing-custom{
  float: left; 
  width: 100%; 
  position: relative; 
  overflow: hidden; 
  text-align: center; 
  max-height: 415px;
  min-height: 415px;
}
.pricing-custom-offer{
  opacity: 1; 
  bottom: -100%; 
  transition: 0.5s;
  top: auto;
}
.pricing-custom-offer ul li:nth-child(3){
  opacity: 0;
  transition: 0.5s;
  font-size: 16px;
  padding-bottom: 20px;
}
.pricing-custom:hover .pricing-custom-offer ul li:nth-child(3){
  opacity: 1;
  transition: .7s ease-in all;
  height: inherit;
}
.pricing-custom:hover img{
  transform: translateY(-100%);
  transition: 0.5s;
  opacity: 0;
}
.pricing-custom img{
  transition: 0.5s;
  opacity: 1;
}
.pricing-custom:hover .pricing-custom-offer{
  bottom: 0;
  opacity: 1; 
  transform: translateY(-100%);
  transition: 0.5s;
}
.pricing-custom .button{
  position: absolute;
  z-index: 9999;
  width: 100%;
  font-size: 16px;
  bottom: 45px;
}
 ul.fill-circle li{
  margin-bottom: 0;
 }
.progress{
    height: 9px;
    background-color: rgba(169, 225, 236, 0.65);
    margin-top: 7px;
    border-radius: 0px;
    position: relative; overflow: visible;
}
 .progress .progress-bar{
  border: 0px solid rgba(50, 65, 88, 1);
  background-color: rgba(20, 114, 133, 1);
  border-radius: 0;
 }

.progress .progress-bar.bar-red{
    background-color: red;
}
.progress .progress-bar.bar-orange{
    background-color: #D07C45;
}

.progress-current{
    position: absolute;
    top: -1px;
    width: 20px;
    height: 20px;
    background-color: rgba(30, 171, 199, 1);
    background-image: linear-gradient(to bottom, rgba(30, 171, 199, 1), rgba(30, 171, 199, 1));
    background-repeat: repeat-x;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    border-radius: 20px;
    margin-left: -10px;
    margin-top: -5px;
}

 .top-bar-right{
     font-size: 24px !important;
     color: rgba(30, 171, 199, 1);
 }
 .btn-criteria{
  background-color: rgba(20, 114, 133, 1);
  border: solid rgba(10, 57, 66, 1) 0px !important; 
  color: white;
 }
 .btn-criteria.active{
  color: white !important;
 }
 .tabs-container .tabs-menu li a:hover{
  color: #A9E1EC;
}
.sub-criteria{
  text-align: left;
  letter-spacing: 0.07em;
}
.sub-criteria .active{
    color: white !important;
    background: #1EABC7 !important;
}
.sub-criteria a{
  padding: 5px;
  color: #A9A9A9;
  margin: 0px 3px;
}
.label-bar-left{
  position: absolute;
  top: 0px;
  left: -36px;
}
.label-bar-right{
  position: absolute;
  top: 1px;
  right: -104px;
}
.label-bar-right output{
  display: inline-block;
  padding-top: 0px;
}
.h5-criteria{
  font-size: 24px;
  line-height: 1.5em;
  letter-spacing: normal;
}
.banner{
  position: relative;
  padding-top: 100px; 
  /*margin: 10px 0px;*/
  min-height: 75vh;
}
.banner .content{
  padding-top: 20px;
}
.banner:before {
  content : "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/slider-eu-900x400-HR.jpg);
  width: 100%;
  height: 100%;
  opacity : 0.5;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner-slider{
  max-width: 195px;
  color: white;
  padding: 10px;
  float: right;
  background-color: rgba(20, 114, 133, 1);
  font-size: 14px;
  transform: perspective(600px) rotateY(-90deg); 
  transform-origin: right center 0; 
  transition: 2s;
  /*padding: 18px 10px;*/
}
.banner-slider_load{
  opacity: 1; 
  transform: perspective(600px) rotateY(0deg); 
  transition: 2s;
  margin: 8px 10px;
  max-height: 300px;
  transition-delay: 2s;
  line-height: normal;
}
.banner-fast-links h3{
  font-weight: bold;
  color: #282751;
  letter-spacing:0.9px
}
.banner-fast-links a{
  color: #147285;
}
.banner-fast-links{
  /*transform: translateX(100%);*/
  opacity: 0; 
  transition: 0s;
  font: normal normal normal 18px/1.4em 'Open Sans',sans-serif;
}
.banner-fast-links_load{
  opacity: 1; 
  /*transform: perspective(600px) rotateY(0deg);*/
  z-index: 99;
  transition: 0s;
  padding: 20px 0px;
}
.banner-img{
  opacity: 0; 
  transition: 0.5s;
  transform: scale(5);
  overflow: hidden;
}
.banner-img_load{
  opacity: 1; 
  transform: scale(1);
  transition: 0s;
  padding: 20px 10px;
  transition-delay: 0s;
}
.banner-text-footer_load{
  opacity: 1;
  position: relative;
  overflow: hidden;
  margin-top: 45px;
}
.banner-text-footer h2{
  transform: translateX(100%);
  opacity: 0; 
  transition: 2s;
  overflow: hidden;
}
.banner-text-footer_load h2{
  opacity: 1; 
  transform: perspective(600px) rotateY(0deg); 
  z-index: 99;
  transition: 2s;
  text-align: left;
  overflow: hidden;
}
.banner-text-footer:before{
  content : "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(20, 114, 133, 0.0784314);
}
.banner-text-footer h2{
  margin: 35px 0px;
  font-size: 18px;
  letter-spacing: 0.9px;
  line-height: 23.4px;
  color: #282751;
  font-weight: bold;
  font-family: 'Open Sans',sans-serif;
}
#footer .widget_text a{
  margin: 0px 10px;
}
.slider-content{
  height: 250px;
  overflow: hidden;
}
.slider-content p{
  font-size: 14px;
  color: #ffffff;
}
.slider-content .slider-datetime{
  font-size: 10px;
  margin-bottom: 10px;
}
.slider-content img{
  width: 165px;
}
.cert{
  opacity: 0; 
  transition: 2s;
  transform: perspective(600px) rotateY(90deg);
}
.cert_load{
  opacity: 1; 
  transform: perspective(600px) rotateY(0deg);
  transition: 2s;
  transition-delay: 2s;
}
#overview{
  position: relative;
}
#overview h5{
  line-height: 1.5em;
  letter-spacing: normal;
  margin: 0px;
  color: #147285;
  font: normal normal normal 24px/1.4em 'Open Sans',sans-serif;
}
#overview .title-h5{
  padding-bottom: 25px;
}
p{
  margin: 0;
  line-height: normal;
  letter-spacing: normal;
}
#overview ul{
  list-style-type: disc;
  padding-left: 1.3em;
  padding-right: 0;
  margin-left: 0.5em;
  margin-right: 0;
  line-height: normal;
  letter-spacing: normal;
}
#overview .link-page{
  visibility: inherit;
  transform-origin: 190px 49px 0px;
  width: 90%;
  height: auto;
  border: 0px solid rgba(50, 65, 88, 1);
  background-color: rgba(20, 114, 133, 1);
  border-radius: 0;
  word-wrap: break-word;
  padding: 10px 15px;
  margin-top: 94px;
}
#overview .link-page{
  opacity: 0; 
  transition: 2s;
  transform: perspective(600px) rotateY(90deg);
  overflow: hidden;
}
#overview .link-page_load{
  opacity: 1; 
  transform: perspective(600px) rotateY(0deg);
  transition: 2s;
  overflow: hidden;
}
#overview .img-certifi{
  transition: 1s;
  transform: translateX(30%);
}
#overview .img-certifi_load{
  opacity: 1;
  transition: 2s;
  transform: perspective(300px) rotateY(0deg);
}
#overview .img-certifi.img1{
  width: 170px;
  margin-top: 60px;
  float: right;
}
#overview .img-certifi.img2{
    border: 1px solid rgba(169, 169, 169, 1);
    width: 108px;
    margin-top: 60px;
    margin-left: 20px;
}
.padding-content{
  padding: 50px 0px;
}
.padding-content ul{
  list-style-type: disc;
  padding-left: 1.3em;
  padding-right: 0;
  margin-left: 0.5em;
  margin-right: 0;
  line-height: normal;
  letter-spacing: normal;
}
#qet-orderAudit h1{
  line-height: initial;
  display: table;
  width: 100%;
  font-family: 'Open Sans','sans-serif';
  color: #147285;
  font-size: 28px;
}
.btn{
  color: #FFFFFF !important;
  border-radius: 0px;
  background-color: #147285;
  border: 1px solid#147285;
  line-height: 1.375em;
  padding: 6px 20px;
  margin: 3px;
  margin-bottom: 10px; 
}
.current-sub-criteria p.font_7{
  margin-top: 30px;
  margin-bottom: 20px;
}
.question-name{
  margin: 20px 0px;
}
.slider-bar-input{
  margin-top: 20px;
  margin-bottom: 20px;
}

#InfoRegisterCompany_moduls div input{
  margin: 4px 5px 0px 0px;
}
#InfoRegisterCompany_moduls div label{
  vertical-align: top;
  /*text-transform: lowercase;*/
}
#company-form .form-group .control-label{
  text-align: left;
}

form i.fa-info-circle{
  top: 0px;
  right: -1px;
  position: absolute;
  color: #147285;
}
form .info_des{
  display: none;
  background-color: #147285;
  color: #FFFFFF;
  opacity: .7;
  padding: 6px 8px;
  position: absolute;
  right: 2px;
  top: 17px;
  color: #fff;
  z-index: 2;
  text-align: center;
  font-size: 13px;
  margin: 0 0 0 -18px;
  border-radius: 6px;
}
.reset_margin{
  margin-bottom: 0px;
}
#company-form input[type="checkbox"]{
  margin: 0px;
  margin-top: 3px;
}
.padding-top-bottom-50{
    padding: 50px 0px;
}
#canvas1 {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
#canvas-holder {
    width: 100%;
    margin-top: 50px;
    text-align: center;
}
#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
}
canvas{
    margin: 20px 0px;
}
#btn_company, #btn_auditor{
    width: 50%;
}
.btn-report{
    background-color:rgba(30, 171, 199, 1) !important;
}
li.active a.btn-report{
    background-color:rgba(20, 114, 133, 1) !important;
}
.comment-list{
    margin: 25px;
}
.comment-title{
    border-bottom: 1px solid rgba(20, 114, 133, 1);
}
.comment-content{
    margin-top: 20px;
}
.comment-content p{
    display: inline;
    font-size: 14px;
}
#TotalCost_expected_audit_day{
    margin-top: 12px;
}
.input-group-addon{
    background: white;
    border: none;
}
.form-horizontal label{
    text-align: left !important;
}
.strong-char{
    color: #147285;
}
.warning-certification{
    text-align: center;
    font-size: 20px;
}
.comment-body .comment-user{
    color: #147285;
    font-size: 15px;
    font-weight: bold;
}
.comment-body img{
    width: 100%;
    height: auto;
}
.comment-body .comment-info{
    font-style: italic;
    font-size: 10px;
    /*border-bottom: 1px dashed silver;*/
    margin-bottom: 5px;
    padding-bottom: 3px;
}
.comment-body .comment-info > span{
    padding: 10px;
}
.comments-title{
    font-size: 19px;
    color: #147285;
}
#leave_a_comment .section-heading{
    font-size: 16px;
    color: #147285;
}
.contract h5{
  line-height: 1.5em;
  letter-spacing: normal;
  margin: 0px;
  color: #147285;
  font: normal normal normal 24px/1.4em 'Open Sans',sans-serif;
}
.contract p{
  color: #0a3942;
  font: 14px/1.4em "open sans", sans-serif;
  line-height: 1.4em;
}



.the-price
{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

.the-price h1
{
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.subscript
{
    font-size: 25px;
}

/* CSS-only ribbon styles    */
.cnrflash
{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner
{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after
{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
.cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}

.rate-message div:first-child{
    border-left: 1px solid #147285;
}
.rate-message div{
    text-align: center;
    display: inline-block;
    border-right: 1px solid #147285;
}