.min-template .logo-title {
    margin-left: 25px;
}

.min-template .header-content {
    justify-content: left;
}

.video-block iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.input__text.input-error,
.select.input-error {
  visibility: unset;
  border-color: #FE6F5F;
}

.input__text.input-error:focus,
.select.input-error:focus {
	border: 2px solid  #FE6F5F;
}

.field__error {
  display:none;
}

.field__error.field__error-show {
  display: block;
  color: #FE6F5F;
}

.notification-background {
  text-align:center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%; 
  background: rgba(128, 128, 128, 0.95); 
  z-index:99999;
}

.notification-content{
  position:absolute;
  left:50%;
  top:50%;
  width:800px;
  height:400px; 
  margin-left:-400px;
  margin-top:-200px;
  background: white;
  padding: 50px 50px 0;
}

@media {
#car-season-renault .income-item-icon{-webkit-box-flex:0;-ms-flex:0 0 150px;flex:0 0 130px;max-width:150px; min-width: 150px; padding-right:20px; padding-top: 20px;}
#car-season-renault .income-item-icon span{height:150px;width: 150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#ffffff;border-radius:50%; }
#car-season-renault .income-item-icon img{margin:0 auto;/* width: 150px;*/}
#car-season-renault .income-item-title { min-height: 30px; padding-bottom: 10px; margin-bottom: 13px; padding-top: 15px;}
#car-season-renault .income-item { padding: 20px 45px 15px;}
#car-season-renault .income-item-info { padding-left: 45px;}

}

@media {
	.feedback {
		padding: 60px 0;
	}
}



@media (max-width:768px){ 	
	#feedback {
        background: #F4F8FB;
		margin-bottom: 60px;
    }
}

@media (min-width:769px){
 	#feedback {
        background: #FFFFFF;
    }
}


@media (max-width:768px){ 	
	.action-reno {
        font-size: 15px;
    }
}

@media (min-width:769px){
 	.about-action {
        padding: 40px 0px;
    }
}


@media (max-width:768px){ 	
	.about-action {
        padding-top: 25px;
		padding-bottom: 0px;
		padding-left: 0px;
    }
}

/** Dialog */

.ui-dialog .ui-dialog-titlebar-close{
	display:block; 
	border:0; 
	background:url(/export/system/modules/ru.reso/resources/images/icos/close.png) no-repeat 0 0; 
	width:52px;
	height:52px;
	position:absolute;
	top:5px; 
	right:-19px;
	z-index:10000;
}
.ui-widget-overlay.ui-front{
	background:#000;
	position:fixed; 
	top:0; right:0; bottom:0; left:0; 
	z-index:9998;
	-moz-opacity:0.5;
	-webkit-opacity:0.5; 
	opacity:0.5; 
	filter:alpha(opacity=50);
}

@media (max-width:400px) {
	.modal-content {
    	padding-left: 10px;
    	padding-right: 10px;
	}
}

/** Reso Dialog */

.modal.reso-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: none;
    overflow: hidden;
    outline: 0;
	padding: 20px;
    width: unset;
    background: unset;
    border-radius: unset;
    max-width: unset;
}

.modal.reso-modal .modal-dialog {
	position: relative;
	max-width: 600px;
	background: #fff;
	border-radius: 10px;
	margin: 1.75em auto;
}

.modal.reso-modal .modal-content {
    text-align: left;
    padding: 50px 60px 40px;
}

.modal.reso-modal .button {
	padding: 12px 25px 12px;
}

@media (max-width: 460px) {
	.modal.reso-modal .modal-content {
	    padding: 20px;
		font-size: 15px;
	}
	.modal.reso-modal .modal-close {
		width: 35px;
		height: 35px;
		top: 5px;
		right: 5px;
		z-index: 10001;
	}
	.modal.reso-modal .modal-title {
		font-size: 18px;
	}
}

.reso-btstrp .modal-backdrop.fade.in {
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
}

/** radio & checkbox */

.input__radio,
.input__checkbox {
	display: none;
}

.input__radio + label,
.input__checkbox + label {
	position: relative;
    min-height: 1.5rem;
	margin-bottom: .5rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__radio:disabled + label::before,
.input__checkbox:disabled + label::before {
	cursor:default;
}
.input__checkbox:disabled + label,
.input__radio:disabled + label {
	cursor:default;
	color:#ccc
}

.input__radio + label:focus,
.input__checkbox + label:focus {
	font-weight: bold;
}


/** checkbox */

.input__checkbox + label {
	display: block;
	padding-left: 40px;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__checkbox + label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #5AA844;
	border-radius: 2px;
	background: #fff;
}

.input__checkbox + label:focus::before {
    border: 2px solid #5AA844;
}

.input__checkbox + label::after {
    opacity: 0;
    content: "";
    position: absolute;
    top: 8px;
    left: 4px;
    width: 16px;
    height: 11px;
    background: 
    transparent url("../gr/checkbox.svg") 50% 50% no-repeat;
        background-size: auto;
    background-size: 100% 100%;
    -webkit-transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.input__checkbox:checked + label::after {
    opacity: 1;
}

.input__checkbox:checked + label::before {
    background-position: 1px -18px;
}

/** radio */

.input__radio + label {
	padding-left: 1.5rem;
}

.input__radio + label::before {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #FFF;
	border: 1px solid #23803f;
	border-radius: 50%;
}

.input__radio + label:focus::before {
	border: 2px solid #23803f;
}

.input__radio + label::after {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.input__radio:checked + label::before {
	background-color: #23803f;
}

.input__radio:checked + label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}


/** Select */

select.select:disabled {
	color: #dedede;
	background: #ffffff;
	border-color: #ccc;
}

select.select {
	padding-right: 40px;
	border: 1px solid #5AA844;
}

select.select:focus {
	border: 2px solid #5AA844;
}

select.select.select-min {
	height: 35px;
	padding: 5px 40px 5px 5px;
	background: #ffffff url("../gr/select-min.svg") 100% 50% no-repeat;
}

/** Placeholder for Select */

select.select-placeholder {
	color: #999;
}

select.select-placeholder option {
	color: #000;
}
	
/** Ui menu */
.ui-menu {
	background: #ffffff;
	border: 1px solid #C8CCCF;
	max-height: 230px;
	overflow-y: auto;
	z-index: 99999;
}

.ui-menu .ui-menu-item-wrapper {
	padding: 5px 19px;
}

.ui-menu .ui-state-hover,
.ui-menu .ui-state-active,
.ui-menu .ui-state-focus
/*.ui-menu .ui-menu-item:hover*/
/*.ui-menu .ui-menu-item.ui-state-active*/ {
	background: #23803f;
	color: #ffffff;
	cursor: pointer;
}


/** Text input */

.input__text {
	display: block;
	width: 100%;
	height: 55px;
	padding: 13px 14px 15px 19px;
	font-size: 15px;
	line-height: 1.6667;
	color: #000000;
	background: #ffffff;
	border-radius: 2px;
	border: 1px solid  #5AA844;
    -webkit-transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: color, background-color, border-color;
}

.input__text:focus {
	border: 2px solid  #5AA844;
}

.input__text:disabled {
    color: black;
	background: #ccc;
 	border-color: #ccc;
}

/** Tooltip */

.tooltip-inner {
	max-width:250px;
	padding: 20px;
	background:#f9f7e6;
	border: 1px solid #C8CCCF;
	border-radius:2px;
}

.tooltip-show {
    cursor: default;
    background: url(../gr/vopros.svg) no-repeat;
    width: 20px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    line-height: 16px;
    margin: 4px 0 -2px 3px;
}

@media screen and (max-width:991px) {
	.tooltip-inner {
		max-width: 200px;
		font-size: 13px;
	}
}

/** Calculators */

.calculate-buttons {
	max-width: 820px;
	margin: auto;
	padding: 25px;
}

.result_title {
	margin: 0;
	padding: 10px 20px;
	color: #23803f;
}

.no-price {
	margin: 10px 0;
	padding: 15px 35px;
	border-radius: 5px;
	background-color: #f0f0f0;box-shadow: inset 0 0 6px rgba(0,0,0,.29);
	font-size: 16px;
	font-weight: bold;
}

.calculate-result-content {
	max-width: 820px;
	margin: 20px auto;
}

.result_container {
	padding: 25px;
	background: #f0f0f0;
}

.service_price {
	margin: 10px 0;
	padding: 15px 35px;
	border-radius: 5px;
	background-color:#f0f0f0;box-shadow: inset 0 0 6px rgba(0,0,0,.29);
}

.service_price .border_box {
	background:#fff;
	padding: 5px 25px;
	border-radius: 5px;
	border: 1px dashed #b6b6b6;
}

.calculate__button_delete {
	color: #d21623;
}

.calculate__button_delete:hover {
	color: #f45945;
}
	
/** Casco */

.casco__franchise {
	display: inline-block;
	position: relative;
}

.casco__franchise label {
	max-width: 280px;
}

.casco__franchise .tooltip-show {
	position: absolute;
	right: -30px;
	bottom: 20px;
}

@media (max-width:400px) {
	.casco__franchise label {
		max-width: 275px;
	}

	.casco__franchise .tooltip-show {
		left: 150px;
		bottom: 14px;
	}	
}

/** Button */

.reso-btstrp a.button,
.reso-btstrp button.button, 
.reso-btstrp input.button {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.reso-btstrp a.button.disabled,
.reso-btstrp button.button:disabled, 
.reso-btstrp input.button:disabled {
	background: #272A3B;
	color: #979aab;
	cursor: unset;
}

/** Google capcha */

@media (max-width: 400px) {
	#captcha {
    	transform: scale(0.83);
	    -webkit-transform: scale(0.83);
    	transform-origin: 0 0;
	    -webkit-transform-origin: 0 0;
	}
}

/** Calculate styles */

.bootstrap-action {
	margin: 0 auto;
	max-width: 800px;
}

.bootstrap-action .input__text {
	min-width: 55px;
}

.bootstrap-action a {
	cursor: pointer;
}

.bootstrap-action .calculate_title {
    padding: 0px 15px 20px 15px;
}

.bootstrap-action .calculate_title h3 {
    font-weight: bold;
}

.bootstrap-action .required_field {
    color: #23803f;
}

.bootstrap-action .grey-container {
	background: #f0f0f0;
	padding: 10px 10px;
	margin: 5px -10px 25px;
}

.bootstrap-action .width-50 {
	width: 100%;
}

.bootstrap-action .row, .col-55 {
	margin: 10px 0px;
	min-height: 55px;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.min-height-30 {
	min-height: 30px !important;
}

.max-width-120 {
	max-width: 110px;
}

.bootstrap-action label {
	display: inline-block;
	margin-bottom: .5rem;
}

.bootstrap-action button,
.bootstrap-action input {
	overflow: visible;
}
.bootstrap-action .white-container {
	padding: 10px;
	margin: 25px 15px;
	background: #ffffff;
	border-radius: 10px;
}
.bootstrap-action .gray-line {
	width: 100%;
	height: 1px;
	background: #ccc;
	margin-bottom: 5px;
}
.bootstrap-action .min-height-30 label {
	margin-bottom: 0px;
}
.osago-driver + .osago-driver {
	border-top: 1px solid #ccc;
	padding-top: 15px;
	margin-top: 15px;
}
@media screen and (min-width: 992px) {
	.bootstrap-action .calculate_title {
    	text-align: center;
    }
	.bootstrap-action .width-50 {
			width: 50%;
		}
}

@media screen and (max-width: 991px){
	.bootstrap-action div.col-sm-6.margin-top-20, 
	.bootstrap-action div.col-sm-6.margin-top-20  {
		margin-top: 0px !important;
		max-height: 30px;
	}
}


/** Mobile menu */

.menu-mobile-sublink {
	position: relative;
}

.menu-mobile-sublink::before {
	content: ' ';
	width: 33px;
	height: 35px;
	position: absolute;
	right: -10px;
	top: 0;
	background: #fff url('/system/modules/ru.reso.bootstrap4/resources/gr/select.svg') 100% 100% no-repeat;
	transform: translate3d(0,0,0) rotate(-90deg);
}

.menu-mobile.menu-moblie-submenu li a {
	padding-left: 35px;
}
.menu-mobile-sublink.menu-mobile-backlink::before {
	left: -20px;
	top: 24px;
	transform: translate3d(0,0,0) rotate(90deg);
}


.hide {
	display: none !important;
}


/** Test tourism **/
.test-container {
	max-width: 980px;
}
.test-name {
	font-size: 1.8em;
	padding: 20px 10px 40px 10px;
}
.test-title {
	font-weight: bold;
	font-size: 1.3em;
	padding: 0px 0px 10px 0px;
	text-align: center;
}
.test-container .option {
	height: 250px;
	padding: 0px !important;
	min-width: 180px;
	max-width: 306px;
	margin: 10px;
	border-radius: 10px;
	border: 2px solid #ffffff;
	-webkit-box-shadow: 0px 5px 5px 5px rgba(240,240,240,1);
	-moz-box-shadow: 0px 5px 5px 5px rgba(240,240,240,1);
	box-shadow: 0px 5px 5px 5px rgba(240,240,240,1);
}
.test-container .option .img {
	width: 100%;
	height: 186px;
	background: #f0f0f0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-size: cover;
}
.test-container .option .text {
	margin-top: auto;
	margin-bottom: auto;
	padding: 0 10px;
	font-weight: 900;
	text-align: center;
	}
a.next-green {
	background: #23803f;
}
.result-text {
	min-height: 250px;
	padding: 20px 35px !important;
	max-width: 600px;
	margin: 10px -25px;
	border-radius: 10px;
	border: 2px solid #ffffff;
	-webkit-box-shadow: 0px 5px 5px 5px rgba(240,240,240,1);
	-moz-box-shadow: 0px 5px 5px 5px rgba(240,240,240,1);
	box-shadow: 0px 5px 5px 5px rgba(240,240,240,1);
	font-size: 1.2em;
	line-height: 1.4em;
}
.result-text .test-title {
	font-size: 1.4em;
	padding-bottom: 20px;
}

.select .answer {
	width: 100%;
	height: 186px;
	background-color: rgb(0, 0, 0, 0.5);
	background-image: url("/test/14-February/img/check-mark.svg");
	background-position: center center;
	background-repeat: no-repeat;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.test-container .step {
	color: #898989;
}
.test-container .button {
	margin: 20px 0px 15px 0px;
}
.test-container .copyright {
	margin: 40px 0px 0px 0px;
}
/*--------Фоны для option--------*/
#beach .img {
    background: url("/test/14-February/img/beach.jpg");
	background-size: cover;
}
#city .img {
	background: url("/test/14-February/img/travel.jpg");
	background-size: cover;
}
#active .img {
    background: url("/test/14-February/img/surfing.png");
	background-size: cover;
}
#yes-for-2 .img {
    background: url("/test/14-February/img/family.jpg");
	background-size: cover;
}
#no-for-2 .img {
    background: url("/test/14-February/img/without-children.jpg");
	background-size: cover;
}
#no-for-2-husband .img {
    background: url("/test/14-February/img/gamer.jpg");
	background-size: cover;
}

#yes-question-3 .img {
    background: url("/test/14-February/img/yes.jpg");
	background-size: cover;
}
#no-question-3 .img {
    background: url("/test/14-February/img/no.jpg");
	background-size: cover;
}
#camping .img {
	background: url("/test/14-February/img/camping.jpg");
	background-size: cover;
}
#serfing .img {
	background: url("/test/14-February/img/serfing-2.jpg");
	background-size: cover;
}
#snow .img {
	background: url("/test/14-February/img/snowbord.jpg");
	background-size: cover;
}
#new .img {
	background: url("/test/14-February/img/littleskills.jpg");
	background-size: cover;
}
#old .img {
	background: url("/test/14-February/img/manyskills.jpg");
	background-size: cover;
}
#yes-question-skill-walk .img {
	background: url("/test/14-February/img/little-skills-walk.jpg");
	background-size: cover;
}
#no-question-skill-walk .img {
	background: url("/test/14-February/img/many-skills-walk.jpeg");
	background-size: cover;
}
#sea .img {
	background: url("/test/14-February/img/sea.jpg");
	background-size: cover;
}
#treatment .img {
	background: url("/test/14-February/img/treatment.jpg");
	background-size: cover;
}
#dzen .img {
	background: url("/test/14-February/img/dzen.jpeg");
	background-size: cover;
}
#yes-flying .img {
	background: url("/test/14-February/img/yes-flying.jpg");
	background-size: cover;
}
#no-flying .img {
	background: url("/test/14-February/img/no-flying.jpg");
	background-size: cover;
}
#yes-budget .img {
	background: url("/test/14-February/img/no-budget.jpg");
	background-size: cover;
}
#no-budget .img {
	background: url("/test/14-February/img/yes-budget.jpeg");
	background-size: cover;
}
#enlightenment .img {
	background: url("/test/14-February/img/enlightenment.jpg");
	background-size: cover;
}
#spiritual-practices .img {
	background: url("/test/14-February/img/spiritual-practices.jpg");
	background-size: cover;
}
#nature .img {
	background: url("/test/14-February/img/nature.jpg");
	background-size: cover;
}
#yes-question-2 .img, #yes-question-Schengen2 .img{
	background: url("/test/14-February/img/yes-question-2.jpg");
	background-size: cover;
}
#no-question-2 .img, #no-question-Schengen2 .img{
	background: url("/test/14-February/img/no-question-2.jpg");
	background-size: cover;
}
#days-3 .img {
	background: url("/test/14-February/img/3-days.jpg");
	background-size: cover;
}
#week .img{
	background: url("/test/14-February/img/week.jpg");
	background-size: cover;
}












// Wrapper for the slide container and indicators
.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  @include transition($carousel-transition);
  backface-visibility: hidden;
  perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

// CSS3 transforms when supported by the browser
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0);

  @supports (transform-style: preserve-3d) {
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%);

  @supports (transform-style: preserve-3d) {
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%);

  @supports (transform-style: preserve-3d) {
    transform: translate3d(-100%, 0, 0);
  }
}


//
// Left/right controls for nav
//

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  // Use flex for alignment (1-3)
  display: flex; // 1. allow flex styles
  align-items: center; // 2. vertically center contents
  justify-content: center; // 3. horizontally center contents
  width: $carousel-control-width;
  color: $carousel-control-color;
  text-align: center;
  opacity: $carousel-control-opacity;
  // We can't have a transition here because WebKit cancels the carousel
  // animation if you trip this while in the middle of another animation.

  // Hover/focus state
  @include hover-focus {
    color: $carousel-control-color;
    text-decoration: none;
    outline: 0;
    opacity: .9;
  }
}
.carousel-control-prev {
  left: 0;
  @if $enable-gradients {
    background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
  }
}
.carousel-control-next {
  right: 0;
  @if $enable-gradients {
    background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
  }
}

// Icons for within
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: $carousel-control-icon-width;
  height: $carousel-control-icon-width;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: $carousel-control-prev-icon-bg;
}
.carousel-control-next-icon {
  background-image: $carousel-control-next-icon-bg;
}


// Optional indicator pips
//
// Add an ordered list with the following class and add a list item for each
// slide your carousel holds.

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0; // override <ol> default
  // Use the .carousel-control's width as margin so we don't overlay those
  margin-right: $carousel-control-width;
  margin-left: $carousel-control-width;
  list-style: none;

  li {
    position: relative;
    flex: 0 1 auto;
    width: $carousel-indicator-width;
    height: $carousel-indicator-height;
    margin-right: $carousel-indicator-spacer;
    margin-left: $carousel-indicator-spacer;
    text-indent: -999px;
    background-color: rgba($carousel-indicator-active-bg, .5);

    // Use pseudo classes to increase the hit area by 10px on top and bottom.
    &::before {
      position: absolute;
      top: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: "";
    }
    &::after {
      position: absolute;
      bottom: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: "";
    }
  }

  .active {
    background-color: $carousel-indicator-active-bg;
  }
}


// Optional captions
//
//

.carousel-caption {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}

/** Carousel reso custom style */

.carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
}

.carousel-indicators li.active::before{
  width: 12px;
  height: 12px;
  margin-top: 0;
  margin-left: 0px;
}

.carousel-indicators li::before {
  content: '.';
  float: left;
  text-indent: -9999px;
  display: inline-block;
  margin-top: 3px;
  margin-left: 3px;
  width: 6px;
  height: 6px;
  background-color: #308f49;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}