/* Html,Body */

*{ font-family: 'Lato', sans-serif; }
html,body { margin: 0; padding:0; }
a:hover { text-decoration: none!important; }
.push { height: 100px;  }

/* Loading Screen */

.loader-container { position: fixed; width: 100%; height: 100vh; z-index: 9999; background: #1d6fb7; color: white; }
.loader-container .content { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); text-align: center; }
.loader-container img { display: table; margin: 10px auto; width: 300px; }
.loader-container img#loader { width: 50px; }

/* Headlines and Paragraphs */

p { font-weight: 300; color: #1d6fb7; }
.right-alignment { text-align: right; }
.left-alignment { text-align: left; }

/* Responsive Menu */

#showRight { display: none; float: right; font-size: 24px; margin: 32px 20px 0; background: #1d6fb7; border:0; color: white; padding: 10px 15px;}
#cbp-spmenu-s2 { display: none; }
#close { font-size: 20px; float: right; position: relative; margin-top: 5px;}

/* Bootstrap Custom styles */

.no-padding { padding: 0!important; margin: 0!important; }

.carousel-control { padding-top: 5px; position: absolute; top: -85px!important; z-index: 9999; bottom: 0; width: 40px!important; height: 40px!important; font-size: 10px; color: #fff; background-color: #1f1f1f!important; border-radius: 100%; opacity:1!important; }
.carousel-control.left { right: 50px!important; left: auto; }

.breadcrumb { background: #1d6fb7!important; color: white!important; border-radius: 0px!important; padding: 15px!important; }
.breadcrumb-item { color: white!important; }
.breadcrumb-item a { color: #60aef4!important; }
.breadcrumb-item a:hover { color: #b2daff!important; }

.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-5ths { width: 20%; float: left; }

@media (min-width: 768px) {
    .col-sm-5ths { width: 20%; float: left; }
}
@media (min-width: 992px) {
    .col-md-5ths { width: 20%; float: left; }
}
@media (min-width: 1200px) {
    .col-lg-5ths { width: 20%; float: left; }
}

/* Header */

header { background: white; width: 100%; }
header.header-fixed { position: fixed; z-index: 999; }
header .logo { float: left; }
header .menu { float: right; margin-right: 20px; }
header .menu nav ul { margin: 30px 0 0; padding: 0; }
header .menu nav ul li { list-style: none; display: inline-block; }
header .menu nav ul li { color: #1d6fb7; text-transform: uppercase; font-weight: 700; padding: 20px 10px; }

.active { color: #b33082; }

/* Master Slider (custom styles) */

#masterslider { padding-top: 100px;  }
#masterslider h3 { color: #ffffff!important; font-size: 40px; }
#masterslider p { color: #fff!important; font-size: 20px; }
#masterslider a.button { padding: 10px 25px; font-size: 12px; color: #fff!important; background: #b33082; border-radius: 10px; font-size: 20px; }

/* Banners */

.banner { padding-top: 100px; }
.banner-headline { position: absolute; top: 200px; left: 100px;}
.banner-headline h1 { text-transform: uppercase; font-size: 50px; color: #1d6fb7; font-weight: 900; }
.banner-headline.white-font h1 { color: #ffffff; }
.banner-headline h6 { color: #1d6fb7; font-weight: 900; font-size: 18px; }
.banner img { width: 100%; }

/* Introduction */

.intro { padding: 30px 0 50px;}
.intro p { text-align: justify; font-size: 16px; }
.intro h3 { font-weight: 700; color: #1d6fb7; margin-left: 15px; padding-bottom: 50px;  }
.intro h6 { font-weight: 700; color: #1d6fb7; text-align: center;padding: 50px 0;  }
.intro .headline { display: table; margin: 15px auto; }
.intro .headline h2 { float: left; color: #1d6fb7; font-size: 45px; position: relative; margin:65px 0 0 0; font-weight: 900;}
.intro .headline img { float: left; width: 380px; position: relative; margin-left: -30px; }

.intro  .icons p { text-align: center; font-weight: 900; margin: 20px 0;}
.intro  img.icon { width: 50%; display: table; margin: 0 auto; transition: all .3s ease-in-out; opacity: .6; }
.intro  img.icon:hover, .intro  img.icon.active { transform: scale(1.1,1.1)!important; opacity: 1!important; }

/* Steps (Process) */

.steps { text-align: center; padding: 20px 0; display: table; margin: 0 auto; }
.steps h3 { padding: 20px 0; }
.steps h4, .steps h5 { font-weight: 700; }
.steps-content { max-width: 150px; padding: 10px; width: auto; float: left; height: 200px; }
 
/* Services */

.services { text-align: center; padding: 20px 0; }
.services .headline { display: table; margin: 10px auto; padding: 50px 0; }
.services .headline img { width: 100px; float: left; position: relative; margin-top: -40px;}
.services h2 { float: left; margin-left: -30px;  }
.services h2, .services h3 { font-weight: 900; color: #1d6fb7; }
.services p { text-align: justify; }
.services .icon { display: table; margin: 0 auto; background: #1d6fb7; border-radius: 100%; width: 100px; height: 100px; text-align: center; }
.services .icon img { width: 50px; }

/* Integral Service */

.integral-service { padding: 0 0 50px 0; text-align: center; background: url(../../img/backgrounds/integral-service-bg.jpg)center center fixed; background-size: cover; }
.integral-service .headline { display: table; margin: 20px auto; }
.integral-service .headline h2 { color: white; float: left; position: relative; margin-top: 50px;}
.integral-service p { color: white; text-align: justify; }
.integral-service .headline img { float: left; margin-left: -20px; position: relative; }

/* Cardioprotection Service */

.cardioprotection-service { padding: 0 0 50px 0; text-align: center; background: url(../../img/backgrounds/cardioprotection-bg.jpg)center center fixed; background-size: cover; }
.cardioprotection-service .headline { display: table; margin: 20px auto; }
.cardioprotection-service .headline h2 { color: white; float: left; position: relative; margin-top: 50px;}
.cardioprotection-service p { color: white; text-align: justify; }
.cardioprotection-service img { width: 60%; margin: 20px 0 0 0; }
.cardioprotection-service .headline img { float: left; margin-left: -20px; position: relative; }

.cardioprotection-service .icon { width: 100px; height: 100px; border-radius: 100%; text-align: center; border: white solid 4px; margin: 10px auto; }
.cardioprotection-service .content p { text-align: center; font-size: 10px; }
    
/* Phrase */

.phrase { text-align: center; padding: 90px 0; color: white; text-transform: uppercase; background: url(../../img/backgrounds/services-thumbnail.jpg)center center fixed; background-size:cover; }
.phrase h3 {padding: 0; margin: 0; }

/* Counter */

.counter-container { color: white; text-align: center; background: url(../../img/backgrounds/counter-bg.jpg)center center fixed; background-size: cover; padding-bottom: 50px; }
.counter-container .headline { display: table; margin: 15px auto; }
.counter-container .headline h2 { float: left; color: #fff; font-size: 40px; position: relative; margin:65px 0 0 0; font-weight: 900;}
.counter-container .headline img { float: left; width: 380px; position: relative; margin-left: -30px; }
.counter-container p { color: white; padding:  0 0 40px 0 ;}
.counter-container h5 { color: #fff; letter-spacing: 1px; padding-bottom: 40px; font-size: 14px; text-transform: uppercase; }
.counter-container h6 { color: #1d6fb7; font-size: 14px; text-transform: uppercase; }
.counter-container img.icon  { height: 64px; }
.counter-block { border-right: #1d6fb7 solid thin; }
.counter-block.bottom h6 span { color: red; }
.counter-block.bottom { border-right: none; padding: 50px 0; }
.counter-block.bottom h6 { color: white; }
.counter-block.last { border-right: none; }

/* Video Tour */

.video-tour h5 { color: white; }
.video-tour p { color: white; text-align: justify; font-size: 12px; }

.video-tour .description a.button { font-size: 12px; text-transform: uppercase; border-radius: 10px; margin: 20px 0; display: table; background: #181818; color: white; padding: 10px 25px; text-align: center; }
.video-tour .description a.button:hover { background: #272727; }
.video-tour .video-player img, .video-tour .description img { width: 100%; }

.center-content { width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

/* Testimonials */

.testimonials { padding: 100px 0; }
.testimonials img { width: 200px; text-align: center; display: table; margin: 0 auto 20px; }
.testimonials .separator { width: 32px; height: 1px; background: #717171; margin: 20px 0;}
.testimonials h5, .testimonials h6, .testimonials a i { color: #575756; }
.testimonials h5 { font-weight: 900; }
.testimonials h2 { color: #1d6fb7; padding: 0 0 50px 0; margin: 0;}
.testimonials h6 { font-style: italic; }
.testimonials a i { margin: 10px 10px 0 0; }
.testimonials p { color: #8f8f8f; }
.testimonials .info { padding: 15px; }

/* FAQ */

.faq { padding: 30px 0; }
.faq h2 { color: #1d6fb7; padding-bottom: 30px; }
.faq p { text-align: justify; }

/* Footer */

footer { background: #181818; color: white; padding: 30px; }
footer h4 { font-size: 14px; }
footer p.copyright, footer a.terms { font-size: 10px; color: white; }
footer a { display: inline-block; }
footer a:hover { color:#1d6fb7!important; }
footer a.phone {  color: white; font-size: 14px; margin: 10px 0; }
footer a.socialmedia { display: inline; color: white; font-size: 35px; margin: 15px 10px 0 0; }

footer .logo { text-align: center; }
footer .logo img { width: 80%; }

footer .certificates { text-align: center; color: white; }
footer .certificates p { color: white; }
footer .certificates .img-container { display: table; margin: 0 auto; }
footer .certificates .img-container img { height: 50px; float: left; }


/* Equipments */

.equipments { padding: 50px 0; text-align: justify; }
.equipments h2 { color: #1d6fb7; text-align: center; font-weight: 900; }
.equipments img { width: 100%; }

/* Contact */

.contact { padding: 50px 0; text-align: center; color: #1d6fb7; }
.contact i { font-size: 28px; }
.contact h3 { color: #1d6fb7; font-size: 16px; padding: 20px 0; font-weight: 900; text-transform: uppercase; }
.contact h4 { color: #1d6fb7; font-size: 16px; padding: 20px 0; font-weight: 300; }

.contact-form { background: rgba(29, 111, 183,.1); padding: 20px 0; text-align: center; }
.contact-form h2 { font-size: 30px; font-weight: 900; color: #1d6fb7; text-transform: uppercase; }
.contact-form h5 { font-size: 12px; font-weight: 300; font-style: italic; color:#1d6fb7; }

form input, select, textarea { outline: none!important; display: block; font-weight: 300; appearance:none; -webkit-appearance:none; width: 100%; padding: 8px; margin: 5px 0; background: rgba(29, 111, 183,.5); border-radius: 0px; resize: none; border: none; color: white; font-style: italic; }
select { margin: 5px 0!important; color: white!important; font-style: italic!important; font-weight: 300!important;  }
textarea { height: 120px; margin-top: 8px!important; font-style: italic!important; font-weight: 300!important; }

input[type="submit"] { background: #1d6fb7; margin: 10px 0; display: table;}
input[type="submit"]:hover { background: #125188; }

::-webkit-input-placeholder{  color: white; }
::-moz-placeholder {  color: white; }
:-ms-input-placeholder {  color: white; }
:-moz-placeholder {  color: white; }

/* Google Map */

.google-map iframe { width: 100%; height: 500px; border: none; }

/* Training */

.training { text-align: center; padding: 30px 0 50px; }
.training .arrow {  background: white; width: 32px; height: 32px; transform: rotate(45deg); position: absolute; left: 50%; margin-top: -40px; }
.training p, .training ul li { text-align: justify; }
.training p strong { color: #ff5959; }
.training h2 {  text-transform: uppercase; font-size: 25px; padding: 30px 0 50px; }
.training.personal { background: url(../../img/backgrounds/familiar-and-personal-trainig.jpg) left top fixed; background: cover; }
.training.personal p, .training.personal ul li { color: white ; }
.training a.button { background: #b33082; text-align: center; color: white; border-radius: 10px; padding: 10px 25px; display: table; margin: 15px auto;}
.training a.button:hover { background: #881f60; }
.training.bls { background: url(../../img/backgrounds/bls-bg.jpg) center center fixed; background: cover; }
.training.bls p, .training.bls ul li { color: white!important ; }

.conferences-bg { background: url(../../img/backgrounds/conferences.jpg)center center fixed; background-size: cover;}
.baby-training-bg { background: url(../../img/backgrounds/baby-training.jpg)center center fixed; background-size: cover;}

.training.goverment { background: url(../../img/backgrounds/goverment-bg.jpg) right center fixed; background: cover; }
.training.goverment p, .training.personal ul li { color: white ; }

/* Industry */

.industry { padding: 0 0 50px 0; background: #fbfbfb; font-family: 'Lato', sans-serif; letter-spacing: 1px; font-weight: 300; }
.industry .headline { display: table; margin: 10px auto; padding: 50px 0; }
.industry .headline img { width: 100px; float: left; position: relative; margin-top: -40px;}
.industry h2 { float: left; margin-left: -30px;  }
.industry h2, .industry h3 { font-weight: 900; color: #1d6fb7; }
.industry h2 { float: left; margin-left: -30px;  }
.industry h2, .industry h3 { font-weight: 900; color: #1d6fb7; }

/* Certificate */

.certificate { padding: 0 0 50px 0; font-weight: 300; text-align: center; }
.certificate p { font-size: 20px; }
.certificate img { width: 128px; }
.certificate .headline { display: table; margin: 10px auto; padding: 50px 0; }
.certificate h2, .industry h3 { font-weight: 900; color: #1d6fb7; }
.certificate h2, .industry h3 { font-weight: 900; color: #1d6fb7; }
.certificate .button { border: solid thin #1d6fb7; text-align: center; padding: 10px 20px; display: table; margin: 20px auto; }
.certificate .button:hover { border: solid thin #b33082; background: #b33082; color: white; }
    
/* Sudden Death */

.sudden-death .arrow { position: absolute; width: 32px; height: 32px; background: white; transform: rotate(45deg); left: 50%; margin-left: -16px; margin-top: -16px;}
.sudden-death .information { padding: 30px 0; padding: 20px; text-align: justify; }
.sudden-death .video {  width: 100%; height: auto; max-height: 400px; overflow: hidden; }
.sudden-death .headline {width: 100%; padding: 20px; background: rgba(29, 111, 183,1); color: white; text-align: center; }
.sudden-death .headline h2 { padding: 0; margin: 0; text-transform: uppercase; letter-spacing: 2px; font-size: 14px;}
.sudden-death .video video { width: 100%; margin-top: -50px; }

/* Infographics */

.infographics { padding: 50px 0; text-align: center; background: url(../../img/backgrounds/infpgraphics-bg.png)center right no-repeat; background-size: cover; }
.infographics img {max-width: 256px; width: 100%; }
.infographics p { text-align: center; color: white;  }
.infographics h3 { text-align: center; color: white; text-transform: uppercase; }
.infographics h4 { text-align: center; color: white; font-size: 14px; padding: 30px 0 0 0; text-transform: uppercase; }

.infographics .arrow { background: white; width: 32px; height: 32px; transform: rotate(45deg); position: absolute; left: 50%; margin-left: -16px; margin-top: -70px; }

/* Our Team */

.team { padding: 50px 0; }
.team .member .picture { background: black; display: table; width: 150px; height: 150px; border-radius: 100%; border: #1d6fb7 solid 5px; margin: 10px auto; overflow: hidden; }
.team .member .picture:hover img.profile { opacity: .7; }
.team .member .picture img.profile { width: 100%; }
.team .member .icon { z-index: 10; width: 50px; height: 50px; position: absolute; margin-left: 120px; margin-top: 50px; background: white; border: #b33082 solid 5px; border-radius: 100%; overflow: hidden; }
.team .member .icon img { width: 100%; }

.team .member .name { color: #1d6fb7; letter-spacing: 1px; font-size: 13px; text-align: center; }
.team .member .name  h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.team .member .name  h5 { color: #b33082; font-size: 10px; font-weight: 700; text-transform: uppercase; }

/* Capacitation */

.capacitation img { width: 100%; }

/* Colors */

.purple { color: #b03481; }
.white { color: #fff!important; }
.blue { color: #1d6fb7; }
.blue-bg { background-color: #1d6fb7; } 
.triangle { background: white; width: 32px; height: 32px; transform: rotate(45deg); position: relative; display: table; margin: -15px auto 0; z-index: 1; }

/* Medua Queries */
@media only screen 
    and (min-width: 320px)
    and (max-width: 480px) {
    
        header nav { display: none; }
        
        .services h2 { font-size: 23px; float: none; position: static; margin: 10px auto; }
        .description { padding: 30px 0!important;}
        .services .headline img {display: none; }
        .integral-service .headline h2 { font-size: 18px; margin-top: 21px; }
        .integral-service .headline img { float: left; width: 130px; margin-left: -10px; position: relative; }
        
        #cbp-spmenu-s2 { display: table; }
        #showRight { display: table!important;}
        .banner-headline { position: absolute; left: 90px; top: 110px; }
        .banner-headline h1 { font-size: 20px; }
        .banner-headline h6 { display: none; }

        
        .intro .headline h2 { font-size: 18px; margin:27px 0 0 0; }
        .headline h2 { font-size: 18px!important; margin:27px 0 0 0; }
        .intro .headline img { width: 150px!important; margin-left: -20px; }
        .headline img { width: 150px!important; margin-left: -20px; }

        .counter-block { border: none; }
        
        .steps { width: 320px!important;}
        footer { text-align: center; }
}

@media only screen 
    and (min-width: 481px)
    and (max-width: 991px) {
    
        header .menu { display: none; }
        #cbp-spmenu-s2 { display: table; }
        .banner-headline { top: 120px!important; }
        .banner-headline h1 { font-size: 30px; }
        .intro .headline h2, .counter-container .headline h2 { font-size: 28px!important; margin:45px 0 0 0; }
        .intro .headline h1 { font-size: 40px!important; margin:45px 0 0 0; }
        .intro .headline img, .counter-container .headline img { width: 200px!important; margin-left: -10px; margin-top: 13px; }
        #showRight { display: table!important;}
        .counter-container .headline h2 { font-size: 20px!important; margin:38px 0 0 0; }
        .counter-container .headline img { width: 200px!important; margin-left: -20px; }
        
        .steps { width: 480px!important;}
        
        .counter-block { border: none; }
        
        footer { text-align: center; }
        
}