/****************/
 /* basic colors */
/****************/

.bg-primary{
    background-color: #283b66!important;
}
.text-primary, .text-primary a{
    color: #283b66!important;
}
.border-primary{
    border-color: #283b66!important;
}

.bg-secondary{
    background-color: #38b1e6!important;
}
.text-secondary, .text-secondary a{
    color: #38b1e6!important;
}
.border-secondary{
    border-color: #38b1e6!important;
}

.bg-dark{
    background-color: #343a40!important;
}
.text-dark, .text-dark a{
    color: #343a40!important;
}
.border-dark{
    border-color: #343a40!important;
}

.bg-light{
    background-color: #f8f9fa!important;
}
.text-light, .text-light a{
    color: #f8f9fa!important;
}
.border-light{
    border-color: #f8f9fa!important;
}

div[class^="bar-"]{
    position:   relative;
    width:  100%;
    height: 3px;
}
div[class^="bar-"]:before{
    content: '';
    position: absolute;
    left:   -200%;
    right:  -200%;
    top:0;
    bottom: 0;
}
div.bar-red:before{
    background-color: #e31f25;
}
div.bar-lightred:before{
    background-color: #f39fb2;
}

a.hovercolor:hover{
    text-decoration: none;
    transition: 0.4s;
    color: #ff0 !important;
}

  /**********************/
 /* General typography */
/**********************/

body{
    font-family: 'Lato', sans-serif;
    font-size:  1.25rem;
    line-height: 1.35em;
}

h1.section-title{
    margin-bottom:  0.8em;
    font-family: 'Vision', 'Lato', sans-serif;    
    font-size: 3.2rem;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-style: italic;
    color:  #233662;
}

h3.title{
    font-family: 'Vision', 'Lato', sans-serif;    
    font-weight: 800;
}

p{
    text-align: justify;
}

strong{
    font-weight: 800;
}


  /************/
 /*  header  */
/************/

header{
    position: relative;
}


section.slider-top.only-one-slide a[role=button], section.slider-top.only-one-slide ol.carousel-indicators{
    display:    none;
}

.slider-top .carousel-item>img{
    width: 120%;
    margin-left: -10%;    
    margin-bottom:  5vw;
}
    
    
.slider-top .carousel-caption{
    left:   10%;
    right:  10%;
    top:    10%;
    bottom: 10%;
}

.slider-top .carousel-caption img{
    max-width: 640px;
    width: 100%;
    margin-right: 0;
    margin-left:auto;
}

.slider-top .carousel-caption h1{
    margin-top: 0.4em;
    font-family: 'Vision', 'Lato', sans-serif;
    font-size:  3.6vw;
    line-height: 1.15em;
    font-weight: 700;
    font-style: italic;
    text-align: right;
    text-indent:    0.1em;
    color:  #233662;
    transform:  skew(-2deg);
    text-shadow: 4px 4px 10px rgba(230,245,252,0.6), -4px -4px 10px rgba(230,245,252,0.6), -4px 4px 10px rgba(230,245,252,0.6), 4px -4px 10px rgba(230,245,252,0.6);
}

.slider-top .carousel-caption h1 span{
    margin-right: -1em;
}

.slider-top .carousel-caption .header-packshot-wrapper{
    position: relative;
    width:  52%;
    margin-left: auto;
    margin-right: 5%;
}

.slider-top .carousel-caption .header-packshot-wrapper:before{
    content: '';
    position: absolute;
    bottom: -2%;
    left: -30%;
    width: 160%;
    height: 100%;
    background-image: url('../img/header-packshot-shadow.png');
    background-position: left bottom;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: -1;
}

header .container-fluid.main-nav-wrapper{
    z-index:    99;
    background-color: #233662;
}

nav#main-nav{
    max-width: 1280px;
    margin-left:    auto;
    margin-right:   auto;
    padding-top:    0;
    padding-bottom: 0;
}

nav#main-nav .nav-link{
    transition: 0.4s;
    font-size:  2.1vw;
    padding-top:    1em;
    padding-bottom: 1em;
}

nav#main-nav .nav-link:hover{
    background-color: #4cb8e7;
}

nav#main-nav button.navbar-toggler{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}



  /************/
 /*  footer  */
/************/

footer p{
    text-align: center;
}

footer #contact, footer #copyright{
    padding:    2rem 1.25rem;
}
footer #contact h4{
    font-weight: 600;
}
footer #contact p{
    font-size:  1.1rem;
    font-weight: 700;
    line-height: 1.2em;
}
footer  p:last-of-type{
    margin-bottom: 0;
}
footer #copyright{
    background-color: #3076a6;
}

div#gotop{
	position:	fixed;
	right:	30px;
	bottom:	30px;
	display:	none;
	width:	50px;
	height:	50px;
	z-index:	999;
	border-width: 1px;
        border-style: solid;
        transition: background-color 0.4s, color 0.4s;;
}

div#gotop:hover{
    background-color:   rgba(73,186,47,0.8);
    border-color:   #fff;

}

div#gotop i{
	display:	block;
	position:	absolute;
	left:	50%;
	top:	50%;
	margin-left:	-20px;
	margin-top:	-22px;
	font-size:	40px;
}

div#gotop:hover i{
    color:  #fff;;
}


  /**************/
 /*  sections  */
/**************/

.section-interior.container-fluid{
    max-width: 1280px;
}

.section {
    padding: 3rem 1.25rem;
}

section#page-content{
    overflow: hidden;
}

section .section-title{
    text-align: left;
}

/******************************************************/

#osteoporoza{
    padding-top: 2rem;
    padding-bottom: 6rem;
    background-image: url('../img/osteoporoza-bg.jpg');
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#osteoporoza .section-title{
    position: relative;
    display: inline-block;
    padding-right: 2em;
    margin-bottom: 1.2em;
}
#osteoporoza .section-title:after{
    content: '';
    position: absolute;
    width:  100%;
    left:   0;
    top:    -0.4em;
    bottom: -0.5em;
    background-image:   url('../img/osteoporoza-bone.png');
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
}
    
#osteoporoza h3{
    margin: 0.9em 0 0.8em 0;
}

#osteoporoza ul{
    list-style: none;
}
#osteoporoza ul li{
    position: relative;
    margin-bottom: 1em;
}
#osteoporoza ul li:before{
    content: '';
    position: absolute;
    left: -2rem;
    top: 0.15em;
    height: 18px;
    width: 18px;
    background-color: #38b1e6;
    border-radius: 50%;
}

#osteoporoza .img-wrapper-2{
    display: inline-block;
    position: relative;
}
#osteoporoza .img-wrapper-2 img{
    position: relative;
    z-index: 1;
}
#osteoporoza .img-wrapper-2:before{
    content:    '';
    position: absolute;
    left:   -35%;
    right:   -20%;
    top:    0;
    bottom: -12%;
    background-image: url('../img/osteoporoza-img-2-shadow.png');
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 0;
}


/******************************************************/

#cauze ul{
    list-style: none;
    padding-left: 65px;
}

#cauze ul li{
    position: relative;
    margin-top: 2rem;
}

#cauze ul li:before{
    content: '';
    position: absolute;
    width:  45px;
    left:   -65px;
    height: 38px;
    top:    0px;
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
}

#cauze ul li.item-1:before{
    background-image: url('../img/cauze/cauze-icon-1.jpg');
    top:    5px;
}
#cauze ul li.item-2:before{
    background-image: url('../img/cauze/cauze-icon-2.jpg');
    top:    5px;
}
#cauze ul li.item-3:before{
    background-image: url('../img/cauze/cauze-icon-3.jpg');
    top:    5px;
}
#cauze ul li.item-4:before{
    background-image: url('../img/cauze/cauze-icon-4.jpg');
}
#cauze ul li.item-5:before{
    background-image: url('../img/cauze/cauze-icon-5.jpg');
    top:    5px;
}
#cauze ul li.item-6:before{
    background-image: url('../img/cauze/cauze-icon-6.jpg');
    top:    -5px;
}
#cauze ul li.item-7:before{
    background-image: url('../img/cauze/cauze-icon-7.jpg');
}
#cauze ul li.item-8:before{
    background-image: url('../img/cauze/cauze-icon-8.jpg');
    top:    5px;
}
#cauze ul li.item-9:before{
    background-image: url('../img/cauze/cauze-icon-9.jpg');
    top:    -8px;
}
#cauze ul li.item-10:before{
    background-image: url('../img/cauze/cauze-icon-10.jpg');
    top:    -5px;
}

/******************************************************/

#simptome .simptome-image{
    position: absolute;
    left:   -4rem;
    top:    0;
    right:  0;
    bottom: 0;
    background-image: url('../img/simptome-img-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/******************************************************/

#profilaxie ul{
    list-style: none;
}
#profilaxie ul li{
    position: relative;
    margin-bottom: 1em;
}
#profilaxie ul li:before{
    content: '';
    position: absolute;
    left: -2rem;
    top: 0.15em;
    height: 18px;
    width: 18px;
    background-color: #f39fb2;
    border-radius: 50%;
}

/******************************************************/

#alimente{
    background-color: #ebebed;
    background-image: url('../img/alimente-bg.jpg');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 20rem;
}

#alimente .section-interior{
	position:	relative;
	transform:	translate(-3vw);
}

#alimente .section-interior:before{
	content:	'';
	position:	absolute;
	top:	10%;
	left:	0;
	right:	0;
	bottom:	0;
	background-color:	rgba(242,242,242,0.6);
	border-radius:	20% 15% 30% 25%;
	filter:	blur(1vw);
}

#alimente .recomendari h3{
    font-family: 'Vision', 'Lato', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color:  #38b1e6;
    margin: 0.8em 0;
}

#alimente .deevitat h3{
    font-family: 'Vision', 'Lato', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color:  #b82d37;
    margin: 0.8em 0;    
}

#alimente ul{
    list-style: none;
    padding-left: 0;
    font-weight: 800;
}

#alimente ul li{
    padding:    0.5em 1em 0.4em 1em;
}
#alimente .recomendari ul li{
    border-bottom:  3px dotted rgba(56,177,230,0.6);
}
#alimente .deevitat ul li{
    border-bottom:  3px dotted rgba(184,45,55,0.5);
}

/******************************************************/

#densitometria .column-rezultate{
    padding-left:   1.5rem;
}

#densitometria .column-densitometria p{
    margin-bottom: 0;
}

#densitometria .rezultate-box{
    margin-left:    -1.5rem;
    padding:    1rem 1.5rem;
    flex-grow:  1;
    background-color: rgba(56,177,230,0.2);
}

#densitometria .rezultate-box h4{
    font-weight: 800;
    margin-bottom: 0;
}

#densitometria p.info{
    display: block;
    position: relative;
    padding-left:   70px;
}

#densitometria p.info:before{
    content:    '';
    display: block;
    position: absolute;
    width:  46px;
    height: 53px;
    left:   0px;
    top:    -3px;
    background-image: url('../img/densitometria-icon.jpg');
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
}

/******************************************************/

#triunghiul{
    background-image: url('../img/triunghiul-bg.jpg');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

#triunghiul h1.section-title{
    display: inline-block;
    position: relative;
}

#triunghiul .section-title:after{
    content: '';
    position: absolute;
    width:  100%;
    right:   -1.52em;
    top:    -0.4em;
    height: 2em;
    background-image:   url('../img/osteoporoza-bone.png');
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
}

#triunghiul img.diagram{
    margin-left: auto;
    margin-right: auto;
    display:    block;
}

/******************************************************/

#calcidin{
    background-color: #efefef;
}

#calcidin h1.section-title{
    position: relative;
    display: inline-block;
    padding-right: 2em;
    margin-bottom: 1.2em;
}
#calcidin .section-title:after{
    content: '';
    position: absolute;
    width:  100%;
    left:   0;
    top:    -0.4em;
    bottom: -0.5em;
    background-image:   url('../img/osteoporoza-bone.png');
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
}

#calcidin h4{
    font-size:  1.6rem;
    line-height: 1.5em;
    font-weight: 800;
}

#calcidin div[class^="item-"] h3{
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 0.5em;
    margin-bottom:  0.7em;
    font-size: 1.85rem;
}

#calcidin div.item-1 h3{
    border-bottom: 3px solid #e31f25;
}
#calcidin div.item-2 h3{
    border-bottom: 3px solid #38b1e6;
}
#calcidin div.item-3 h3{
    border-bottom: 3px solid #f39fb2;
}

#calcidin div[class^="item-"] p{
}

/******************************************************/

#calcidin-products{
    border-top: 3px solid #e31f25;
    padding-top: 0;
    padding-bottom: 0;
}

#calcidin-products .calcidin-item{
    position: relative;
}

#calcidin-products .calcidin-item:before{
    content:    '';
    position: absolute;
    width:  100%;
    right:  40%;
    top:    0;
    bottom: 35%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#calcidin-products #calcidin_56_comprimate_filmate:before{
    background-image: url('../img/calcidin-products-bg-1.png');
}

#calcidin-products #calcidin_20_plicuri:before{
    left:   40%;
    right:  0;
    bottom: 20%;
    background-image: url('../img/calcidin-products-bg-1.png');
}

#calcidin-products #calcidin_20_comprimate_efervescente:before{
    bottom: 10%;
    background-image: url('../img/calcidin-products-bg-1.png');
}

#calcidin-products .introduction{
    position: relative;
    padding-top:    3rem;
} 

#calcidin-products .introduction:before{
    content:    '';
    position: absolute;
    top:    0;
    bottom: 0;
    left:   -200%;
    right: -200%;
    background-color: #e8f6fe;
    background-image: radial-gradient(#ffff, #d3eefc);    
    z-index: -1;
} 

#calcidin-products .introduction a{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    text-align: center;
}

#calcidin-products .introduction a h3{
    color:  #233662;
    margin-top: 1rem;
    font-weight: 700;
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

#calcidin-products .introduction a img{
    -ms-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;    
}

#calcidin-products .introduction a:hover img{
    transform-origin: 50% 100%;
    transform: scale(1.05);
}

#calcidin-products .introduction .product-2 img{
    transform: translate(7%);
}
#calcidin-products .introduction .product-2 a:hover img{
    transform: translate(7%) scale(1.05);
}

#calcidin-products .image-wrapper{
    text-align: center;
}

#calcidin-products #calcidin_56_comprimate_filmate .image-wrapper img{
    margin-bottom:  -15%;
}
#calcidin-products #calcidin_20_plicuri .image-wrapper img{
    margin-bottom:  -5%;
}
#calcidin-products #calcidin_20_comprimate_efervescente .image-wrapper img{
    margin-bottom:  -70%;
}

#calcidin-products h3.product-title{
    font-size:  1.8rem;
    padding-bottom: 0.7em;
    margin-bottom:  0.9em;
    border-bottom:  3px dotted #38b1e6;
}

#calcidin-products ul{
    list-style: none;
    margin-bottom: 2rem;
    padding-left:45px;
}

#calcidin-products ul li{
    position: relative;
    margin-bottom: 1em;
    font-size:  1.4rem;
    font-weight: 800;
}

#calcidin-products ul li:before{
    content: '';
    position: absolute;
    left: -40px;
    top: 0.15em;
    height: 18px;
    width: 18px;
    background-color: #38b1e6;
    transform:  rotate(45deg);
}

#calcidin-products table{
    width:  100%;
    margin-bottom:  1rem;
    background-color:   #e8f6fe;
}

#calcidin-products table tr:nth-child(1){
    background-color:   #d3eefc;
}

#calcidin-products table td{
    padding-left:   0.5em;
}

#calcidin-products table th{
    padding:    0.3em 0.5em;
}

#calcidin-products table th:first-child, #calcidin-products table th:last-child{
    width:  50%;
}

#calcidin-products table tr:nth-child(2) td{
    padding-top:    0.5em;
}
#calcidin-products table tr td{
    padding-bottom: 0.3em;
}
#calcidin-products table tr:last-of-type td{
    padding-bottom:    0.5em;
}

#calcidin-products table td:last-of-type, #calcidin-products table th:last-of-type{
    position: relative;
    padding-left:   0.7em;
}
#calcidin-products table td:last-of-type:before, #calcidin-products table th:last-of-type:before{
    content: '';
    position: absolute;
    width:  5px;
    height: 100%;
    left:   -3px;
    top:    0;
    background-color: #fff;    
}

#calcidin-products p.utilizare{
    position: relative;
    padding-left:   80px;
}
#calcidin-products p.utilizare:before{
    content:    '';
    position:   absolute;
    width:  62px;
    height: 49px;
    top:    0;
    left:   0;
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
}

#calcidin-products #calcidin_56_comprimate_filmate p.utilizare:before{
    background-image: url('../img/calcidin-products-icon-1.png');
}
#calcidin-products #calcidin_20_plicuri p.utilizare:before{
    background-image: url('../img/calcidin-products-icon-2.png');
}
#calcidin-products #calcidin_20_comprimate_efervescente p.utilizare:before{
    background-image: url('../img/calcidin-products-icon-3.png');
}

#calcidin-products p.note{
    font-size: 1.1rem;
    line-height: 1.3em;
    font-style: italic;
}

#calcidin-products .beneficiile{
    position: relative;
}

#calcidin-products .beneficiile:before{
    content:    '';
    position: absolute;
    width:  100%;
    right:  -38%;
    top:    -30%;
    bottom: -10%;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../img/calcidin-products-bg-1.png);
}

#calcidin-products .beneficiile:after{
    content:    '';
    position: absolute;
    width:  100%;
    left:  -58%;
    top:    -20%;
    bottom: -10%;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url(../img/calcidin-products-bg-1.png);
}

#calcidin-products .beneficiile ul li:before{
    background-color: #f39fb2;
}

/******************************************************/

#media{
    background-image: url('../img/media-bg.png');
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

/******************************************************/


#comanda{
    padding-bottom: 5rem;
    background-image: url('../img/comanda-bg.png');
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#comanda .packshot-wrapper img{
    width:  100%;
}

#comanda .spring img{
    width: 100%;
    max-width: 350px;
}

.cumpara-button{
    display: inline-block;
    font-size: 1.7em;
    line-height: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;    
    text-align: center;
    border-radius: 2em;
    padding: 0.8em 1.4em 0.7em;
    margin-left: auto;
    margin-right: auto;
    background-color: #98112a;
    background: -moz-linear-gradient(right, #98112a, #e90b17);
    background: -webkit-linear-gradient(right, #98112a, #e90b17);
    background: -o-linear-gradient(right, #98112a, #e90b17);
    background: linear-gradient(to right, #98112a, #e90b17); 
    transition: 0.4s;
}

.cumpara-button:hover{
    filter: brightness(1.15);
    color: #fff;
    text-decoration: none;
}




    /*******************************************/
   /*                                         */
  /*              media queries              */
 /*                                         */
/*******************************************/



@media screen and (max-width: 1920px) {
    
}


@media screen and (max-width: 1279px) {
    #calcidin-products .introduction .product-3{
        margin-bottom: 1em;
    }
    #calcidin-products .introduction .product-3 a h3{
        margin-bottom:  -1.5em;
    }    
    #calcidin-products .introduction .product-3 a h3 br{
        display:    block !important;
    }
    #calcidin-products .introduction .aportul h3{
        padding-top: 1.5rem;
    }
}


@media screen and (max-width: 1199px) {

}


@media screen and (min-width: 992px) and (max-width: 1199px){
    
}


@media screen and (max-width: 991px) {

    nav#main-nav .nav-link{
        font-size:  1.6rem;
        position: relative;
        width: 100%;
    }    
        
    nav#main-nav .nav-link:before{
        content:    '';
        position: absolute;
        top:    0;
        bottom: 0;
        left:   -40px;
        right:  -40px;
        z-index: -1;
        transition: 0.4s;
    }    
    nav#main-nav .nav-link:hover{
        background-color: transparent;
    }    
    nav#main-nav .nav-link:hover:before{
        background-color: #4cb8e7;
    }    
    nav#main-nav .nav-link{
        z-index: 1;
    }
    #densitometria .rezultate-box h4:not(:last-of-type){
        margin-bottom:  0.5em;
    }
    #calcidin-products #calcidin_56_comprimate_filmate .image-wrapper img{
        margin-bottom:  -110px;
    }
    #calcidin-products #calcidin_20_plicuri .image-wrapper img{
        margin-bottom:  -55px;
    }
    #calcidin-products #calcidin_20_comprimate_efervescente .image-wrapper img{
        margin-bottom:  -230px;
    }
    #calcidin-products .calcidin-item:before{
        right:  0 !important;
        left:   0 !important;
    }
    #calcidin-products #calcidin_56_comprimate_filmate:before{
        bottom: 39.5%;
    }

    #calcidin-products #calcidin_20_plicuri:before{
        bottom: 31%;
    }

    #calcidin-products #calcidin_20_comprimate_efervescente:before{
        bottom: 25%;
    }    
    .cumpara-button{
        font-size: 1.4em;
    }        
}


@media screen and (max-width: 767px) {
    #calcidin-products .introduction .product-3 a img{
        max-height: 300px;
    }
    #simptome .simptome-image{
        position: static;
        margin-left:    -35px;
        margin-right:   -35px;
        padding-top:    62%;
        min-height: 250px;
    }
    .cumpara-button{
        font-size: 1.2em;
    }    
}


@media screen and (max-width: 575px) {
    .slider-top .carousel-caption .header-packshot-wrapper{
        width:100%;
    }
    .slider-top .carousel-item>img{
        height:50vw;
        width: 160%;
        margin-left: -35%;        
    }
    .slider-top .carousel-caption h1{
        font-size: 5vw;
        margin-top: 0.3em;
    }
    h1.section-title{
        font-size:2rem;
    }
    #triunghiul .section-title:after{
        top:    -0.5em;
    }
    #calcidin-products .introduction a img{
        max-width: 250px;
    }
    #calcidin-products .introduction .product-2 img {
       transform: none;
    }
    #calcidin-products .calcidin-item:before{
        width:  auto;
        left:   -20px !important;
        right:  -20px !important;
        top:    0 !important;
        bottom: 0 !important;
        background-size: auto 200px;
    }
    #calcidin-products #calcidin_56_comprimate_filmate:before{
        background-position: center 10%;
    }

    #calcidin-products #calcidin_20_plicuri:before{
        background-position: center 10%;
    }

    #calcidin-products #calcidin_20_comprimate_efervescente:before{
        background-position: center 20%;
    }       
}


@media screen and (min-width:768px){
    
}


@media screen and (min-width:992px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-left:   0.7em;
        padding-right:  0.7em;
    }
}


@media screen and (min-width:1200px){
    nav#main-nav .nav-link{
        font-size:  1.6rem;
        padding-top:    24px;
        padding-bottom: 24px;
    }
}

@media screen and (min-width:1920px){
    .slider-top .carousel-caption{
        width: 100%;
        max-width: 1280px;
        left: 50%;
        right: auto;
        -ms-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
    .slider-top .carousel-item>img{
        width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
    .slider-top .carousel-caption h1{
        font-size:  4rem;
    }
}