/* Company page CSS 
/* This resource is shared between the portal ccer.ro and the platform ccer
------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700italic,300&subset=latin,latin-ext);
/* Breadcrmbs */
.breadcrumb-frame{
    border-top: solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4; 
    margin-top:10px;  
}
.breadcrumb{
    background-color:#ffffff;   
    border:none;
    padding-left:0;
}
.breadcrumb > li + li::before{
    content:"|";
    color:#989b9e;  
}
.breadcrumb a{
    color:#989b9e;       
}
.breadcrumb i{
    color:#ff0000;    
}
.breadcrumb > .active{
    color:#989b9e;   
}
/* Cover Photo */
.cover-photo-frame{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    height:330px;
    position:relative;    
}
.cover-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%; 
    background-color:rgba(0,0,0,0.5);
}
.cover-photo-frame h1{
    color:#ffffff;
    font-size:50px;
    font-weight:800;
    text-transform:uppercase; 
    margin-top:120px;
    word-wrap:break-word;  
}
.cover-photo-frame p{
    color:#ffffff;
    font-size:16px;    
}
/* Company details */
.company-logo{
    border:1px solid #eeeeee;
    padding:20px 10px;
    margin-top:-60px;
    background-color:white;   
}
.company-logo img{
    margin:0 auto;    
}
.company-details{
    margin-top:15px;    
}
.company-details .contact-icon{
    color:#858585;
    border-color:#858585;   
}
.contact-icon{
    color:#de0006;
    font-size:22px;
    border:1px solid #ff0000;
    width:45px;
    height:45px; 
    display:inline-block;
    text-align:center;
    margin-right:20px; 
    /*float:left; */
}
.cd-value, .cd-value a{
    font-size:16px;
    color:#3a3d40;
    font-weight:600;
    text-decoration:none; 
    display:inline-block; 
    /*float:left; */ 
}
.cd-value a:hover{
    text-decoration:underline;    
}
.company-details span.line-height-auto{
    max-width:80%;
}
.social-icons{
    margin-top:15px;    
}
.social-icons p{
    font-size:17px;
    color:#3a3d40;
    font-weight:600;    
}
.social-icons a{
    width:50px;
    height:50px;
    color:#ffffff;
    font-size:25px;
    display:inline-block;
    text-align:center;
    line-height:50px;    
}
.social-icons a + a{
    margin-left:7px;
}
.social-icons a.fb-link{
    background-color:#3b5998;    
}
.social-icons a.in-link{
    background-color:#0177b5;    
}
.social-icons a.blog-link{
    background-color:#e3631d;    
}
/* Company description */
.company-desc-frame{
    margin-top: 50px;   
}
.img-video-container iframe, .img-video-container img{
    width:50%!important;  
    float:left;
    margin-right:30px;
    position:relative;
    z-index:30;
}
.service-tabs{
    margin-top:20px;    
}
.service-tabs img{
    max-width:300px;
    width:100%;    
}
span.short-line{
     width: 25px;
     height: 2px;
     background-color: #0069b4; 
     display:inline-block;  
}
/* Tabs */
.services-testi-frame{
    margin-top:30px;    
}
.nav-tabs > li{
    margin-bottom:-3px;
    height:39px;    
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ff0000 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 2px;
    color: #747474;
    cursor: default;
    font-weight:600;
}
.nav-tabs > li > a {
    border: 1px solid #eeeeee;
    border-bottom:0;
    border-radius: 0;
    line-height: 1.42857;
    margin-right: 0px;
    background-color:#f6f6f6;
    color: #747474;
    font-weight:600;
}
/* Testimonials */
.slick-arrow{
    font-size:30px;
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
    border:1px solid #eeeeee;
    cursor:pointer;  
}
.slick-arrow.prev-arrow{
    position:absolute;
    bottom:20px;      
}
.slick-arrow.next-arrow{
    position:absolute;
    bottom:20px;      
}
.testimonials{
    background-color:#fcfcfc; 
    padding:10px 10px 40px 10px;
    position:relative;
    margin-top:20px; 
}
/* Contact persons */
.cp-item .image-frame{
    width:100%;
    height:260px;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    text-align:center;    
}
.cp-item .over-square{
    width:92%;
    height:240px;
    position:absolute;
    z-index:20;
    border:1px solid #ffffff;
    top:10px;
    left:10px;    
}
.cp-item .over-square.red-border{
    border-color:#ff0000;    
}
.cp-item .hover-overlay{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background-color:rgba(255,255,255,.8);
     z-index:25; 
     padding-top:50px;
     display:none;
}
.cp-item .hover-overlay a.red-link{
    color:#ff0000;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
    display:block;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; 
    max-width:90%; 
    margin-left:auto;
    margin-right:auto;  
}
.cp-item .hover-overlay a.red-link:hover{
    text-decoration:underline;    
}
.cp-item .hover-overlay a.contact-in-link{
    background-color:#0177b5;
    color:#ffffff;
    text-decoration:none;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    display:inline-block;
    margin-right:10px;
    margin-top:10px;   
}
.cp-item .hover-overlay a.contact-fb-link{
    background-color:#3b5998;
    color:#ffffff;
    text-decoration:none;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    display:inline-block;
    margin-right:10px;
    margin-top:10px;   
}
.cp-item .hover-overlay a.contact-link{
    display:block;
    background-color:#ff0000;
    color:#ffffff;
    text-transform:uppercase;
    width:165px;
    height:40px;
    line-height:40px;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;    
}
.cp-item .person-name{
    color:#3a3d40;
    text-transform:uppercase;
    font-size:20px; 
    text-align:center; 
    margin-bottom:0; 
    margin-top:15px; 
}
.cp-item .person-function{
    color:#0069b4;
    text-transform:capitalize;
    font-size:14px;    
    text-align:center;
    padding:0 5px;
}
.section-title h2{
    font-size:30px;
    color:#3a3d40;
    text-transform:uppercase;
    margin-bottom:10px;    
}
.section-title{
   margin-bottom:25px;    
}
.contact-persons-frame{
    margin-top:60px;    
}
/* Special Offers */
.special-offers-frame{
    margin-top:30px;    
}
.special-offers{
    /*padding:20px;    
    border:1px solid #eeeeee;*/
}
.special-offers .grey-btn{
    margin-top:0;
}
.special-offers .special-detail-box{
    background-color:#f6f6f6;
    color:#747474;
    font-size:14px;
    height:40px;
    line-height:40px;
    font-weight:600;   
    margin-bottom:4px;    
}
.special-offers .special-detail-box.member-only{
    color:#ff0000;
    background-color:#ffffff;
    border:1px solid #ff0000; 
}
.special-detail-box i{
    width:40px;
    text-align:center;   
}
.special-offer-desc .so-title{
    font-size:18px;
    color:#3a3d40;
    font-weight:600;    
}
.border-b1{
    border-bottom:1px solid #f3f3f3;
    margin-bottom:10px;    
}
/* Touristic discoveries */
.tourstic-discovery-frame{
    margin-top:30px;    
}
.discovery-item{
    margin-bottom:34px;    
}
.td-title{
    margin-bottom:10px;    
}
.td-title a{
    display:block;
    color:#3a3d40;
    font-size:18px;
    text-transform:capitalize;
    text-decoration:none;
    line-height:26px;   
}
.td-title a:hover{
    text-decoration:underline;    
}
.td-title span{
    font-size:14px;
    color:#747474;
}
/* Become a member */
.become-member-outer{
    background-image:url(/public/images/bm-pattern.png);
    background-repeat:repeat;   
}
.become-member-frame{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center; 
    padding-bottom:25px; 
    padding-top:20px;
    margin-top:20px;  
}
.bm-title{
    text-align:center;  
    margin-bottom:20px;  
}
.bm-title h2{
    font-size:30px;
    color:#ffffff;
    text-transform:uppercase;
    margin-bottom:15px;   
}
span.white-short-line{
    width: 25px;
    height: 2px;
    background-color: #ffffff; 
    display:inline-block;    
}
.bm-subtitle{
     font-size:20px;
     color:#ffffff;   
}
.bm-right-text-frame{
    text-align:right;    
}
.bm-left-text{
    font-size:15px;
    line-height:24px;
    /*text-align:justify;*/ 
    color:#ffffff;
    font-weight:300;   
}
.normal-btn{
    font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f00;
    background-color: #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.55);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.55);
	box-shadow: 0 0 3px rgba(0,0,0,.55);
    line-height:45px;
    padding:0 35px;
    display:inline-block; 
    margin-top:30px; 
}
.normal-btn:hover{
    color:#ffffff;
    background-color: #c10000;
    text-decoration:none; 
    -webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;  
}
.bm-right-text{
    font-size:15px;
    line-height:24px;
    text-align:justify; 
    color:#ffffff;
    font-weight:300;
    width:100%; 
    clear:both;
}
.bm-right-text blockquote{
    font-size:15px; 
    padding:0; 
    border:none; 
    width:90%;
    float:right;
    clear:both;
    background-image:url(/public/images/quote.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-top:60px;
    font-style:italic;
}
.white-bordered-btn{
    font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
    background-color: rgba(246,246,246,0);
	border: solid 1px #ffffff;
    text-align:center;
    line-height:40px;
    padding:0 40px;
    display:inline-block;    
}
.white-bordered-btn:hover{
    background-color:#ffffff;
    color:#ff0000;
    text-decoration:none;  
}
/* Text content */
.text-content blockquote{
    background-image:url(/public/images/bq-icon.png);
    background-repeat:no-repeat;
    background-position:20px 20px;
    border:none;
    text-align:justify;
    font-style:italic; 
    font-weight:300;
}
.text-content blockquote p.bq-title{
    color:#3a3d40;
    font-size:18px;
    text-align:right;
    max-width:75%;
    float:right;
    clear:both; 
    font-weight:600; 
    margin-bottom:30px;
    font-style:normal; 
    margin-top:15px;  
}
.text-content blockquote p.bq-author{
    color:#ff0000;
    text-align:center;
    font-weight:600;
    font-style:normal;    
}
.text-content blockquote p{
    font-weight:300;  
}
@media (min-width:992px) and (max-width:1199px){      
    .social-icons a{
        width:40px;
        height:40px;
        line-height:40px;    
    }
    .social-icons a + a{
        margin-left:2px;    
    }
    .company-details span.line-height-auto{
        max-width:75%;    
    }
    .company-logo{
        margin-top:-40px;    
    }
    .company-testi {
        margin-top:30px;    
    }
    .company-testi > div.text-right {
        text-align:left!important;    
    }
    .cp-item .hover-overlay a.red-link{
        font-size:14px;    
    }
}
@media (min-width:480px) and (max-width:767px){
    .img-video-container iframe, .img-video-container img{
        width:90%!important;
        float:none;
        margin:20px auto;
        margin-left:5%;    
    }
    .nav-tabs > li{
        width:100%;
        float:none;    
    }
    .text-content img.pull-right{
        float:none!important;
        width:100%;
        margin:20px 0;   
    }
    .company-testi {
        margin-top:30px;    
    }
    .company-testi > div.text-right {
        text-align:left!important;    
    }
    .cp-item{
        max-width:220px;
        margin:20px auto;
        float:none;    
    }
    .special-offers-frame img{
        margin:10px auto;    
    }
    .special-offers .special-detail-box{
        margin-left:auto;
        margin-right:auto;
        max-width:225px;    
    }
    .cover-photo-frame{
        background-image:none!important;
        height:auto;   
    }
    .cover-photo-frame h1{
        color:#000000;
        margin-top:40px;    
    }
    .company-logo{
        margin-top:60px;
        max-width:280px;
        float:none;
        margin-left:auto;
        margin-right:auto;    
    }
    .company-details .contact-icon{
        width:27px;
        height:27px;
        line-height:27px!important;
        font-size:13px;
        margin-right:5px; 
    }
    .company-details .cd-value, .company-details .cd-value a{
        font-size:12px;    
    }
    .company-details span.line-height-auto{
        max-width:79%;    
    }
    .company-details-frame{
        position:relative;    
    }
    .xs-line{
        width:100%;
        height:1px;
        background-color:#eeeeee;
        position:absolute;
        left:0;
        top:150px;   
    }
    .special-offer-desc .so-title{
        text-align:center;    
    }
    .companies .cp-item{
        max-width:100%;    
    }
}

@media (max-width:479px){
    .img-video-container iframe, .img-video-container img{
        width:100%!important;
        float:none;
        margin:20px auto;
        /*margin-left:5%;*/    
    }
    .nav-tabs > li{
        width:100%;
        float:none;    
    }
    .text-content img.pull-right{
        float:none!important;
        width:100%;
        margin:20px 0;   
    }
    .company-testi {
        margin-top:30px;    
    }
    .company-testi > div.text-right {
        text-align:left!important;    
    }
    .cp-item{
        max-width:220px;
        margin:20px auto;
        float:none;    
    }
    .companies .cp-item{
        max-width:100%;    
    }
    .special-offers-frame img{
        margin:10px auto;    
    }
    .special-offers .special-detail-box{
        margin-left:auto;
        margin-right:auto;
        max-width:225px;    
    }
    .cover-photo-frame{
        background-image:none!important;
        height:auto;   
    }
    .cover-photo-frame h1{
        color:#000000;
        margin-top:40px;
        font-size:42px;    
    }
    .company-logo{
        margin-top:60px;
        max-width:280px;
        float:none;
        margin-left:auto;
        margin-right:auto;    
    }
    .company-details .contact-icon{
        width:27px;
        height:27px;
        line-height:27px!important;
        font-size:13px;
        margin-right:5px; 
    }
    .company-details .cd-value, .company-details .cd-value a{
        font-size:12px;    
    }
    .company-details span.line-height-auto{
        max-width:79%;    
    }
    .company-details-frame{
        position:relative;    
    }
    .xs-line{
        width:100%;
        height:1px;
        background-color:#eeeeee;
        position:absolute;
        left:0;
        top:150px;   
    }
    .company-details div.row{
        max-width:90%;
        margin:20px auto;    
    }
    .company-details .col-xs-5, .company-details .col-xs-7{
        width:100%;  
    }
    .company-details span.line-height-auto{
        max-width:65%;    
    }
    .company-details p{
        margin-bottom:0;
        line-height:30px!important;        
    }
    .company-desc-frame {
        margin-top:0px;    
    }
    .text-content blockquote{
        background-position: center 20px;
        padding-top:60px;    
    }
    .text-content blockquote p.bq-title{
        float:none;
        text-align:center;
        max-width:100%;
    }
    .testimonials{
        padding-bottom:50px;
        margin-bottom:30px;    
    }
    .grey-btn{
        padding:0 10px;    
    }
    .special-offer-desc .so-title{
        text-align:center;    
    }
    .discovery-item .col-xs-3, .discovery-item .col-xs-9{
        width:100%;    
    }
    .discovery-item img{
        margin:10px auto;        
    }
}

@media (min-width:768px) and (max-width:991px){
    .company-details .contact-icon{
        width:27px;
        height:27px;
        line-height:27px!important;
        font-size:13px;
        margin-right:5px; 
    }
    .company-details .cd-value, .company-details .cd-value a{
        font-size:12px;    
    }
    .social-icons a{
        width:30px;
        height:30px;
        line-height:30px;
        font-size:14px;    
    }
    .social-icons a + a{
        margin-left:2px;    
    }
    .company-details span.line-height-auto{
        max-width:79%;    
    }
    .h2, h2{
        font-size:25px;    
    }
    .company-testi {
        margin-top:30px;    
    }
    .company-testi > div.text-right {
        text-align:left!important;    
    }
    .cp-item .hover-overlay a.red-link{
        font-size:14px;    
    }
}
@media (min-width:480px) and (max-width:767px){
    .img-video-container iframe, .img-video-container img{
        width:90%!important;
        float:none;
        margin:20px auto;
        margin-left:5%;    
    }
    .nav-tabs > li{
        width:100%;
        float:none;    
    }
    .text-content img.pull-right{
        float:none!important;
        width:100%;
        margin:20px 0;   
    }
    .company-testi {
        margin-top:30px;    
    }
    .company-testi > div.text-right {
        text-align:left!important;    
    }
    .cp-item{
        max-width:220px;
        margin:20px auto;
        float:none;    
    }
    .special-offers-frame img{
        margin:10px auto;    
    }
    .special-offers .special-detail-box{
        margin-left:auto;
        margin-right:auto;
        max-width:225px;    
    }
    .cover-photo-frame{
        background-image:none!important;
        height:auto;   
    }
    .cover-photo-frame h1{
        color:#000000;
        margin-top:40px;    
    }
    .company-logo{
        margin-top:60px;
        max-width:280px;
        float:none;
        margin-left:auto;
        margin-right:auto;    
    }
    .company-details .contact-icon{
        width:27px;
        height:27px;
        line-height:27px!important;
        font-size:13px;
        margin-right:5px; 
    }
    .company-details .cd-value, .company-details .cd-value a{
        font-size:12px;    
    }
    .company-details span.line-height-auto{
        max-width:79%;    
    }
    .company-details-frame{
        position:relative;    
    }
    .xs-line{
        width:100%;
        height:1px;
        background-color:#eeeeee;
        position:absolute;
        left:0;
        top:150px;   
    }
    .special-offer-desc .so-title{
        text-align:center;    
    }
}

@media (max-width:479px){
    .img-video-container iframe, .img-video-container img{
        width:100%!important;
        float:none;
        margin:20px auto;
        /*margin-left:5%;*/    
    }
    .nav-tabs > li{
        width:100%;
        float:none;    
    }
    .text-content img.pull-right{
        float:none!important;
        width:100%;
        margin:20px 0;   
    }
    .company-testi {
        margin-top:30px;    
    }
    .company-testi > div.text-right {
        text-align:left!important;    
    }
    .cp-item{
        max-width:220px;
        margin:20px auto;
        float:none;    
    }
    .special-offers-frame img{
        margin:10px auto;    
    }
    .special-offers .special-detail-box{
        margin-left:auto;
        margin-right:auto;
        max-width:225px;    
    }
    .cover-photo-frame{
        background-image:none!important;
        height:auto;   
    }
    .cover-photo-frame h1{
        color:#000000;
        margin-top:40px;
        font-size:42px;    
    }
    .company-logo{
        margin-top:60px;
        max-width:280px;
        float:none;
        margin-left:auto;
        margin-right:auto;    
    }
    .company-details .contact-icon{
        width:27px;
        height:27px;
        line-height:27px!important;
        font-size:13px;
        margin-right:5px; 
    }
    .company-details .cd-value, .company-details .cd-value a{
        font-size:12px;    
    }
    .company-details span.line-height-auto{
        max-width:79%;    
    }
    .company-details-frame{
        position:relative;    
    }
    .xs-line{
        width:100%;
        height:1px;
        background-color:#eeeeee;
        position:absolute;
        left:0;
        top:150px;   
    }
    .company-details div.row{
        max-width:90%;
        margin:20px auto;    
    }
    .company-details .col-xs-5, .company-details .col-xs-7{
        width:100%;  
    }
    .company-details span.line-height-auto{
        max-width:65%;    
    }
    .company-details p{
        margin-bottom:0;
        line-height:30px!important;        
    }
    .company-desc-frame {
        margin-top:0px;    
    }
    .text-content blockquote{
        background-position: center 20px;
        padding-top:60px;    
    }
    .text-content blockquote p.bq-title{
        float:none;
        text-align:center;
        max-width:100%;
    }
    .testimonials{
        padding-bottom:50px;
        margin-bottom:30px;    
    }
    .grey-btn{
        padding:0 10px;    
    }
    .special-offer-desc .so-title{
        text-align:center;    
    }
    .discovery-item .col-xs-3, .discovery-item .col-xs-9{
        width:100%;    
    }
    .discovery-item img{
        margin:10px auto;        
    }
}
@media (max-width:767px){
    .text-content table td{
        width:100%!important;    
    }    
}