/*CSS Widgets*/
@import url("template/style.css");
/*@import url("thesolcity/style.css");*/
@import url("block/style.css");
/*import css banners*/
@import url("banners/style.css");
/*import css Contents*/
@import url("contents/contents-style.css");

@import url("../../packages/plugins/font-awesome-4.7.0/css/font-awesome.min.css");
/*@import url("https://fonts.googleapis.com/css2?family=Dancing+Script");*/

/*FORMS*/
.widgets-forms {width: 100%;margin:0;display: block;}

.widgets-forms .row{margin-right: -10px;margin-left: -10px;}
.widgets-forms .col{display: block;margin: 0 0;padding: 0 10px;}
.widgets-forms .w-form{margin-top:0;margin-bottom:0;}
.widgets-forms .w-form .form-group{}
.widgets-forms .w-form form{position: relative;}
.widgets-forms .w-form .input{position: relative;}
.widgets-forms .w-form .text-area{position: relative;height:70px;}
.widgets-forms .w-form .button{position: relative;}
.widgets-forms .w-form .alert-validate input{border-color:#ba3628;}
.widgets-forms .w-form .btn{}
.widgets-forms .w-form .alert-validate{}
.widgets-forms .w-form .alert-validate:before{z-index:2;border:0;background:transparent}

.widgets-forms .icon-form .form-control{position: relative;border-radius: 25px;padding-left: 40px;}
.widgets-forms .icon-form .btn{border-radius: 25px;}

.widgets-forms .w-form .icon{}
.widgets-forms .w-form .icon:before {
    content: '';
	display: inline-block;
    font-family:'FontAwesome';
	position: absolute;
    top: 0;
    left: 10px;
    z-index: 1;	
	width: 30px;height: 30px;background:#000;
	border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
	color:#fff;
	margin:4px 5px; 	
    transition: all 0.3s ease-in-out;
}
.widgets-forms .w-form .icon:hover:before {    
	transform: rotate(360deg);    
}
.widgets-forms .w-form .icon-user:before {
    content: '\f007';	
	background:#0083ff;
}
.widgets-forms .w-form .icon-phone:before {
    content: '\f2a0';	
	background:#3d45e7;
}
.widgets-forms .w-form .icon-email:before {
    content: '\f003';	
	background:#f50f3a;
}
.widgets-forms .w-form .message-box{
	width: 100%;
    padding: 5px;
	margin: 10px 0 0 0;
    background: #ffeff1;
    border: 1px solid #f9d7dd;
    text-align: center;
    font-size: 14px;
    color: #ff1533;
	transition: all 0.3s ease-in-out;
	
}	

/* forms-customs */
.form-customs{}
.form-customs input,
.form-customs textarea {
	font-weight: 300;    
	outline: none;
	border: none;
	box-shadow: none;
    padding: 10px 0;
    display: block;
    width: 100%;
    transition: all .3s ease-in-out;
    border-radius: 0;
	border-bottom: 1px solid #555;
    background: transparent;
    color: #555;
}

.form-customs input:focus,
.form-customs textarea:focus {  
  background:transparent;
  box-shadow: none;
}
.form-white input,
.form-white textarea {
	border-bottom: 1px solid #fff;    
    color: #fff;
}

.form-white input:focus,
.form-white textarea:focus {  
  background:transparent;
  box-shadow: none;
  border-bottom: 1px solid #57b846;
   color: #fff;
}

.form-white input::-webkit-input-placeholder {color: #fff;}
.form-white input:-moz-placeholder {color: #fff;}
.form-white input::-moz-placeholder {color: #fff;}
.form-white input:-ms-input-placeholder {color: #fff;}

.form-white textarea::-webkit-input-placeholder {color: #fff;}
.form-white textarea:-moz-placeholder {color: #fff;}
.form-white textarea::-moz-placeholder {color: #fff;}
.form-white textarea:-ms-input-placeholder {color: #fff;}

/* widgets */
.widgets{width:100%;margin:0;padding:0;}
.widgets .row{margin:0px -10px;}
.widgets .col{padding:0 10px}
.widgets .content{width:100%;height: 100%;}

.widgets .w-title{width:100%;margin:0;padding:0}
.widgets .w-title h4{line-height:35px;font-weight:400;text-transform:uppercase;border-bottom:1px solid #acacac;position:relative;margin:0;padding:0}
.widgets .w-title h4:before {content:"";position:absolute;left:0;bottom:-1px;width:80px;z-index:1;border-bottom:1px solid #007bff;}
.widgets .w-content{width:100%;margin:5px 0;padding:0; display:block;overflow:hidden;}
/*
	.widgets .w-content ul{margin:0;padding:0}
	.widgets .w-content ul li{list-style:none outside none;margin:0;padding:2px 0}
	.widgets .w-content ul li a{margin:0;padding:0}
	.widgets .w-content ul li a:before{content:"\f105";display:inline-block;padding:0 5px 0 0;font-family:"FontAwesome";float:left;}
*/
.widgets .w-content h2{font-size:24px;margin-bottom:5px;}
.widgets .w-content h3{font-size:20px;margin-bottom:5px;}
.widgets .w-content h4{font-size:16px;margin-bottom:5px;}
.widgets .w-content .w-hotline{color:#ff352e !important;font-weight:600;}
.widgets .w-content .w-hotline a{color:#ff352e !important;font-weight:600;text-decoration:none !important}
.widgets .w-content .w-hotline a:hover{color:#ff352e !important;text-decoration:none !important}

/* -------------- */
/* widgets LIST */
.widgets-list{width:100%;margin:20px 0;display:block;}
.widgets-list .row{margin:0px -10px;}
/*3 column*/
.widgets-list .col{display:block;margin:10px 0;padding:0 10px}
.widgets-list .w-col{display:block;}
.widgets-list .w-col:hover {cursor:pointer;}
.widgets-list .w-col a{width:100%;height:100%}
.widgets-list .w-col .w-img{width:100%;height:auto;display:block;overflow:hidden;}
.widgets-list .w-col .w-img img{width:100%;max-width:100%;height:100%;webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;}
.widgets-list .w-col:hover img {transform:scale(1.1);}
.widgets-list .w-col .w-name{background:#007bff;height:60px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;align-content:center;justify-content:center;color:#fff;font-size:15px;text-transform:uppercase;font-weight:600;text-align:center;padding:0 10px;margin:0}
/*4 column item*/
.widgets-list .w-item{height:100%;background:#fff;box-shadow:0px 2px 5px rgba(0, 0, 0, 0.15);}
.widgets-list .w-item:hover {cursor:pointer;}
.widgets-list .w-item a{width:100%;height:100%}
.widgets-list .w-item .w-img{width:100%;height:auto;display:block;overflow:hidden;}
.widgets-list .w-item .w-img img{width:100%;max-width:100%;height:100%;webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;}
.widgets-list .w-item .w-img:hover img {transform:scale(1.1);}
.widgets-list .w-item .w-text{padding:15px;color:#555}
.widgets-list .w-item .w-text .w-title{font-size:15px;font-weight:600;line-height:1.5;text-transform:uppercase;padding:0;margin:0 0 10px 0}
.widgets-list .w-item .w-text p{font-size:14px;font-weight:400;padding:0;margin:0}
.widgets-list .w-item .w-text ul{padding-left:20px}
/*4 column icon */
.widgets-list .w-icon{margin-bottom:30px;max-width:270px;height:100%;margin:0 auto;padding:0px 10px;}
.widgets-list .w-icon .w-img{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;margin-bottom:20px;}
.widgets-list .w-icon .w-img img{max-width:90px !important;webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;}
.widgets-list .w-icon .w-text{text-align:center}
.widgets-list .w-icon .w-text .w-title{font-size:15px;font-weight:600;line-height:1.5;text-transform:uppercase;padding:0;margin:0 0 10px 0}
.widgets-list .w-icon .w-text p{font-size:14px;font-weight:400;padding:0;margin:0}
.widgets-list .w-icon .w-text ul{padding-left:20px}
/*4 column circle */
.w-icon-circle .w-icon .w-img{width:140px;height:140px;line-height:100px;text-align:center;background-color:#f1f1f1;margin:0 auto 20px;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.w-icon-circle .w-icon .w-img img{max-width:60px !important}
/*4 column co background */
.bg-item .w-icon{background:#fff;color:#555;padding:45px 15px; max-width:100%;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.bg-item .w-icon .w-img{margin-bottom:30px}
/* border-radius */
.rounded-item .w-item,.rounded-item .w-icon{border-radius: .25rem!important;}
/*4 column logo */

.widgets-list .w-logo{width:100%;height:100%;margin:0 auto;padding:15px;background:#e8e8e8;}
.widgets-list .w-logo .w-img{width:100%;height:90px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;margin-bottom:10px;}
.widgets-list .w-logo .w-img img{max-width:200px !important;max-height:90px !important;webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;}
.widgets-list .w-logo .w-text{text-align:center}
.widgets-list .w-logo .w-text .w-title{font-size:15px;font-weight:600;line-height:1.5;padding:0;margin:0 0 10px 0}
.widgets-list .w-logo .w-text p{font-size:14px;font-weight:400;color:#666;padding:0;margin:0}
/*box-shadow*/
.w-shadow .w-col{box-shadow:0px 2px 5px rgba(0, 0, 0, 0.05);}
.w-shadow-hover .w-col:hover{box-shadow:0px 2px 5px rgba(0, 0, 0, 0.05);}

/*Table*/
.widgets-table{width:100%;margin:20px 0;display:block;}
.widgets-table table{width:100%;border: 1px solid #e8e8e8;border-collapse: collapse;}
.widgets-table table tr{border-bottom: 1px solid #e8e8e8;}	
.widgets-table table tr td{padding: 5px 10px;font-size: 15px;font-weight: 400;text-align: left;}
.widgets-table table tr > td:first-child {width:35%}
.widgets-table table tr > td:last-child {}
/* ----------- */
.table-1{}
.table-1 table{border: 0;}
.table-1 table tr{border-bottom: 1px solid #e1e1e1;}	
.table-1 table tr:first-child{border-top: 1px solid #999;}	
.table-1 table tr:last-child{border-bottom: 1px solid #999;}	
.table-1 table tr td{padding:15px;}
.table-1 table tr td:first-child {width:20%;background: #f2f8fc;font-weight:500;}
/*Column*/


/* ----------------Products ---------------- */
.box-promotion{border: #d0021b solid 1px;border-radius: 4px;margin: 20px 0 15px 0;padding: 20px 10px 10px;position: relative;overflow: visible;}
.gift-title {min-width:120px;background: #ec1933;border-radius: 13px;color: #fff;font-size: 14px;font-weight: normal;text-align: center;position: absolute;top: -13px;left: 10px;z-index:3;line-height: 16px;padding: 3px 15px}
.gift-title span{}
.gift-title .span{}
.gift-title:before{content:"\f06b"; font-family:'FontAwesome';margin-right:5px;}

/* ---------------- */
.price-info{}
.price-info .price{font-size:30px;font-weight: 600;color: #f50000}
.price-info .price_old{font-size:18px;color:#7b7b7b; line-height: 1; margin-right:10px; text-decoration:line-through}

.price-info .percent{font-size:12px;color: #fff;text-transform: uppercase;background: #02941c;border-radius: 3px;
padding: 4px 6px;font-weight: 600;line-height: 1;margin-left:10px;}

.box-promotion-info {position: relative;border: 2px solid #fa5555;border-top: 1px solid #fa5555;font-size: 14px;margin: 10px 0 15px;box-sizing: border-box;width: 100%;background: #fff;}
.box-promotion-info:before {content: "";width: 10px;height: 10px;background: #fff;border: 1px solid #fa5555;border-left: 0;border-bottom: 0;position: absolute;left: 48px;top: -6px;z-index: 2;-ms-transform: rotate(-46deg);-webkit-transform: rotate(-46deg);transform: rotate(-46deg);border-color: inherit;background: inherit;}
.box-promotion-top {padding: 10px;box-sizing: border-box;color: #6b6b6b;font-size: 14px;margin: 0 10px 10px 10px;}
.box-promotion-top h4,
.box-promotion-top .title{margin: 0 0 0px;font-weight: 700;font-size: 14px;padding-left: 20px;position: relative;color: #0000ff}
.box-promotion-top h4:before,
.box-promotion-top .title:before{content: "";width: 14px;height: 12px;z-index: 1;position: absolute;top: 0;left: 0;background-color: transparent;background-image: url(/resources/images/promotion-icon.png); background-repeat: no-repeat;background-size: 14px 12px;}
.box-promotion-top p {margin:0;padding-top: 5px;}
.box-promotion-top .coupon-price-enter{color:red;}

.box-promotion-bottom {position:relative;margin:10px;margin-top:0;padding-top: 15px;color: #888;border-top: 1px solid #039636;}
.box-promotion-bottom .gift-title{left:0}
/* ---------------- */
.box-action-info{margin: 10px 0;padding: 0;text-align: center;display: block;}
.btn-action{color: #fff;line-height:1.2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: none;outline:none;width: 300px;max-width:100% !important;margin:5px;padding:10px;
-webkit-box-shadow:  0 -3px 0 0 inset rgba(0, 0, 0, .35);-moz-box-shadow:  0 -3px 0 0 inset rgba(0, 0, 0, .35);box-shadow: 0 -3px 0 0 inset rgba(0, 0, 0, .35);}
.btn-action:hover,
.btn-action:active,
.btn-action:focus{outline:none;border:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;
-webkit-box-shadow:  0 -3px 0 0 inset rgba(0, 0, 0, .35);-moz-box-shadow:  0 -3px 0 0 inset rgba(0, 0, 0, .35);box-shadow: 0 -3px 0 0 inset rgba(0, 0, 0, .35);}
.btn-action .text {display:block;font-size: 18px;text-transform: uppercase;font-weight: bold;margin: 0;text-align: center;}

.buy-now {
	background: #fd6e1d;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd6e1d), to(#f59000));
	background: -webkit-linear-gradient(top, #f59000, #fd6e1d);
	background: -moz-linear-gradient(top, #f59000, #fd6e1d);
	background: -ms-linear-gradient(top, #f59000, #fd6e1d);
	background: -o-linear-gradient(top, #f59000, #fd6e1d);
}

.buy-now:hover {
	color: #fff;
    background: #f59000;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f59000), to(#fd6e1d));
    background: -webkit-linear-gradient(top, #fd6e1d, #f59000);
    background: -moz-linear-gradient(top, #fd6e1d, #f59000);
    background: -ms-linear-gradient(top, #fd6e1d, #f59000);
    background: -o-linear-gradient(top, #fd6e1d, #f59000);
}

.call-now{
	color: #fff;
	background: #0dca00;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0dca00), to(#008a22));
	background: -webkit-linear-gradient(top, #0dca00, #008a22);
	background: -moz-linear-gradient(top, #0dca00, #008a22);
	background: -ms-linear-gradient(top, #0dca00, #008a22);
	background: -o-linear-gradient(top, #0dca00, #008a22);
}
.call-now:hover {
	color: #fff;
	background: #14c108;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#14c108), to(#01691b));
	background: -webkit-linear-gradient(top, #14c108, #01691b);
	background: -moz-linear-gradient(top, #14c108, #01691b);
	background: -ms-linear-gradient(top, #14c108, #01691b);
	background: -o-linear-gradient(top, #14c108, #01691b);
	
}
.call-now, a.call-now{color: #fff !important;}
.call-now.icon-phone:before{content:'\f095';font-family:FontAwesome;width: 40px;height: 40px;border: 2px solid #fff;border-radius: 100%;margin: 0;font-size: 25px;line-height: 40px;text-align: center;color: #fff;float:left;}

/* ---------------- */
/*border-dashed*/
.border-dashed {background: none 0 0 repeat scroll #9bdbf769;box-sizing: border-box;font-size: 18px;margin:0;padding: 10px;border: 1px dashed #0073bd;}
.border-dotted {background: none 0 0 repeat scroll #9bdbf769;box-sizing: border-box;font-size: 18px;margin:0;padding: 10px;border: 1px dotted #0073bd;}

.dashed{border-style: dashed !important;}
.dotted{border-style: dotted !important;}
.border-1{border-width:1px!important;}
.border-2{border-width:2px!important;}
.border-3{border-width:3px!important;}
.border-4{border-width:4px!important;}

/* ---------------- */
.border-round{border-radius:4px;}
/* ---------------- */
.border-red{border-color: red!important;}
.border-green{border-color: green!important;}
.border-blue{border-color: blue!important;}
/*
	.border-dark{border-color: #000!important;}
	.border-danger{border-color:#dc3545!important}
	.border-success{border-color:#28a745!important}
	.border-warning{border-color:#ffc107!important}
*/
/* ---------------- */
.stroke-1{-webkit-text-stroke-width: 1px;}
.stroke-2{-webkit-text-stroke-width: 2px;}
.stroke-3{-webkit-text-stroke-width: 3px;}
.stroke-4{-webkit-text-stroke-width: 4px;}
.stroke-white{ -webkit-text-stroke-color: #fff!important;}
.stroke-dark{ -webkit-text-stroke-color: #000!important;}
.stroke-red{ -webkit-text-stroke-color: red!important;}
.stroke-danger{ -webkit-text-stroke-color:#dc3545!important}
.stroke-success{ -webkit-text-stroke-color:#28a745!important}
.stroke-warning{ -webkit-text-stroke-color:#ffc107!important}

.text-red{color:red!important}
.text-green{color:green!important}
.text-blue{color:blue!important}
/* ---------------- */
.img-fit-contain{object-fit:contain!important}
.img-fit-cover{object-fit:cover!important}
.img-fit-fill{object-fit:fill!important}
.img-fit-none{object-fit:none!important}
.img-fit-unset{object-fit:unset!important}
/* ---------------- */
.list{list-style-type: none;margin:0;padding:0;}
.list li{}
.list li a{color:inherit}
.list li:before {font-family: fontawesome;margin-right: 6px;font-size: inherit;color: inherit;}
.li-gift li:before {content: '\f06b';}
.li-tag li:before {content: '\f02b';}
.li-tags li:before {content: '\f02c';}
.li-link li:before {content: '\f0c1';}
.li-check li:before {content: '\f00c';}
.li-check-c li:before {content: '\f058';}
.li-check-co li:before {content: '\f05d';}
.li-check-r li:before {content: '\f054';}
.li-check-rc li:before {content: '\f138';}
.li-check-s li:before {content: '\f14a';}
.li-check-so li:before {content: '\f046';}
/* ---------------- */
.list-img{list-style-type: none;margin:0;padding:0;padding-left:15px;}
.list-img li{padding-bottom: 2px;padding-left: 25px;position:relative;}
.list-img li:before{content:'';background-repeat: no-repeat;background-size: 100% 100%;width: 20px;height: 20px;position: absolute;top: 0;left: 0;}
.li-img-1 li:before {content: "";
	background-image: url('data:image/svg+xml;utf8,  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 30 30" xml:space="preserve"  width="100%" height="100%" class="" fill="rgba(0, 107, 33, 1)"><g transform="translate(-570 -260)"><g xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M592,277c0,4.963-4.037,9-9,9s-9-4.037-9-9s4.037-9,9-9c1.613,0,3.126,0.432,4.438,1.18    c0.419-0.535,0.839-1.059,1.26-1.572c-1.664-1.014-3.61-1.607-5.697-1.607c-6.065,0-11,4.934-11,11c0,6.065,4.935,11,11,11    c6.065,0,11-4.935,11-11c0-2.605-0.914-4.996-2.433-6.883c-0.389,0.58-0.775,1.174-1.161,1.781    C591.409,273.35,592,275.107,592,277z"></path><path d="M595.831,261.455c-1.591,1.443-3.085,2.994-4.509,4.603c-1.806,2.043-3.5,4.184-5.107,6.389    c-1.229,1.695-2.406,3.402-3.535,5.182l-3.431-3.191l-2.5,3.123l5.299,3.627l1.558,1.066l0.741-1.545    c1.125-2.35,2.421-4.717,3.773-7.004c1.361-2.293,2.815-4.535,4.387-6.693c1.24-1.699,2.555-3.35,3.975-4.904L595.831,261.455z"></path></g></g></svg>');
	
}
.li-img-2 li:before {
	content: "";
	background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" class="" fill="rgba(255,255,255,1)"> <path d="M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2,4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"></path> </svg>');
	
}
/* ---------------- */
.absolute-center{position:absolute;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important}
.width-fit-content{width:fit-content!important;max-width: 100% !important;white-space: nowrap;}
@media (max-width: 767.98px) {
	.md-absolute-center{position:absolute;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important}
	.md-width-fit-content{width:fit-content!important;max-width: 100% !important;white-space: nowrap;}
	.md-width-fit-content:after{content:'';margin-right:25px;}
	
	.btn-action{margin:5px 0}
}

/**/
.widgets-widgets-feedbacks-list{width:100%;margin:10px 0 0 0 !important;padding:0;}
.widgets-feedbacks-list .item{width:100%;margin-bottom:20px;position:relative;}
.widgets-feedbacks-list .item .thumb{position:relative;top:0;width:100%;display: flex;align-items: center;justify-content: center;}
.widgets-feedbacks-list .item .thumb .img{width:140px;height:140px;background:#fff;border-radius:50%;overflow:hidden;padding:5px}
.widgets-feedbacks-list .item .thumb .img{background: #14c108;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#14c108), to(#01691b));
    background: -webkit-linear-gradient(top, #14c108, #01691b);
    background: -moz-linear-gradient(top, #14c108, #01691b);
    background: -ms-linear-gradient(top, #14c108, #01691b);
    background: -o-linear-gradient(top, #14c108, #01691b);
}
.widgets-feedbacks-list .item .thumb .img img{border-radius:50%}
.widgets-feedbacks-list .item .content{width:100%;padding:2px;margin-top: -40px;border-radius:4px;}
.widgets-feedbacks-list .item .content{background: #14c108;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#14c108), to(#01691b));
    background: -webkit-linear-gradient(top, #14c108, #01691b);
    background: -moz-linear-gradient(top, #14c108, #01691b);
    background: -ms-linear-gradient(top, #14c108, #01691b);
    background: -o-linear-gradient(top, #14c108, #01691b);
}
.widgets-feedbacks-list .item .content .title{text-align:center}
.widgets-feedbacks-list .item .content .title p{font-size:14px;margin:0}
.widgets-feedbacks-list .item .content .rating{width:100%;display: flex;align-items: center;justify-content: center;padding: 8px 0;}
.widgets-feedbacks-list .item .content .rating .star{width:20px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 24 24" fill="rgba(255,174,15,1)"> <path d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"></path> </svg>');
background-repeat: no-repeat;}
.widgets-feedbacks-list .item .content .inner{padding:10px;border-radius:4px;background:#fff;padding-top:45px;height:300px;overflow:hidden}
.widgets-feedbacks-list .item .content .info{text-align: justify;}
/**/

.widgets-content{}
.widgets-content .content-image{position:relative}
.content-image img{width:100%}
.content-image .caption-image {position: absolute;z-index: 99;bottom: 30%;text-align: center;margin: auto;width: 100%;color:#fff;text-transform: uppercase;text-shadow: 1px 3px 5px #000000;}
.content-image .caption-image h2 {color: #fff;text-align: center;text-transform: uppercase;text-shadow: 1px 3px 5px #000000;font-weight: 500;font-size: 23px;}
.content-image .caption-image p {font-weight: 500;font-size: 37px;line-height: 42px;}

.widgets-banner{}
.widgets-banner .w-img{height:100%;}
.widgets-banner .img-caption{text-align:center;margin:10px 0}

/*
	.widgets-banner .list{font-size:18px;}
	.widgets-banner .list li{margin-bottom:5px;padding-left: 30px;}
	.widgets-banner .list li:before{width:25px;height:25px}
*/

@media (max-width: 767.98px) {
	.content-image .caption-image {bottom:10%}
	.content-image .caption-image h2{font-size:18px}
	.content-image .caption-image p {font-size: 16px;line-height:1.2}
}

/*widgets-see-more*/
.widgets-see-more{position:relative;height:200px;transition: all .5s ease-in-out;}
.widgets-see-more .w-more{width:100%;display: block;overflow:hidden;position: absolute;
    bottom: 0;text-align: center;
    padding: 10px 0;border:0;cursor:pointer;color:#232f69;background: rgb(255,255,255,.9);
background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.8) 30%, rgba(255,255,255,1) 100%);}
.widgets-see-more .w-more:after {content: "\f107";font-family:'FontAwesome';margin-left: 5px;font-size: inherit;color: inherit;}
.widgets-see-more .w-more[aria-expanded="true"]:after{content: "\f106";}

.widgets-see-more.show{height:auto!important;transition: all .5s ease-in-out;}
.widgets-see-more.show .w-more{position:relative}
/*widgets-button*/
.widgets-button{width:100%;padding: 10px 0;margin-bottom: 10px;}
.widgets-button .btn{min-width:200px}
.widgets-button .btn-radius-50 {border-radius: 50px;}

.btn-custom{
padding:10px 25px;
color:#151515;
outline: none;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: 0 0 5px 0 rgba(208,208,208,1);
-moz-box-shadow: 0 0 5px 0 rgba(208,208,208,1);
box-shadow: 0 0 5px 0 rgba(208,208,208,1);
transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s;
}

.btn-custom:hover,
.btn-custom:active,
.btn-custom:focus{outline:none;border:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;
-webkit-box-shadow: 0 0 10px 0 rgba(208,208,208,1);
-moz-box-shadow: 0 0 10px 0 rgba(208,208,208,1);
box-shadow: 0 0 10px 0 rgba(193,193,193,1);
}

.btn-custom .text {display: block;font-size: 16px;text-transform: uppercase;font-weight: bold;margin: 0;
text-align: center;}
.btn-custom small {display: block;font-size: 70%;line-height: 1;text-align: center;}


.btn-radius-50{border-radius:50px}
.btn-radius-50:before{border-radius:50px}
.btn-icon{}
.btn-icon-left{position:relative;padding:5px 25px 5px 60px;height:50px;}
.btn-icon-left:before{
	content:'\f0a1';
	font-family: 'FontAwesome';
	font-size: 20px;
	position: absolute;
	top: 0;
    left: -5px;
    z-index: 100;
    background-color: red;   
	color:#fff;
	display: flex;
    justify-content: center;
    align-items: center;
	width: 50px;
    height: 50px;
	transform-origin: 50% 50% 0;
    transition: all 0.5s;
	animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
	

}
.btn-icon-left:after{
	content:'';
	width: 70px;
    height: 70px;
    border: 2px solid transparent;
    border-radius: 100%;
    position: absolute;
    top: -10px;
    left: -15px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    background-color: red;
    animation: 2.3s ease-in-out 0s normal none infinite running support-background-animations;	
	
}
.btn-icon-right{position:relative;padding:5px 70px 5px 25px;height:50px;}
.btn-icon-right:before{
	content:'\f00c';
	font-family: 'FontAwesome';
	font-size: 20px;
	position: absolute;
	top: -5px;
    right: -5px;
    z-index: 100;
    background-color: inherit;   
	color:#fff;
	display: flex;
    justify-content: center;
    align-items: center;
	width: 60px;
    height: 60px;
	transform-origin: 50% 50% 0;
    transition: all 0.5s;		
	animation: zoom 1.3s infinite;

}
.btn-icon-right:after{
	content:'';
	width: 80px;
    height: 80px;
    border: 2px solid transparent;
    border-radius: 100%;
    position: absolute;
    top: -15px;
    right: -15px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    background-color: inherit;
    animation: 2.3s ease-in-out 0s normal none infinite running support-background-animations;	
	
}

.btn-bg-green{background:#28a745;color:#fff}
.btn-bg-green:hover{background:#007136;color:#fff}
.btn-bg-green:before{background-color: red;  }
.btn-bg-green:after{background-color: red; }

.btn-bg-orange{background: rgba(253, 110, 29, 1);color:#fff}
.btn-bg-orange:hover{background: rgba(255, 94, 2, 1);color:#fff}
.btn-bg-orange:before{background-color: green;  }
.btn-bg-orange:after{background-color: green; }

/* ------------------------ THESOL ------------------------*/

.widgets .small-title {text-transform: uppercase;font-size: 18px;margin-bottom:5px;}
.widgets .title-line {font-size: 22px;position: relative;margin: 0px auto 5px;display: inline-block;color: #003c63;text-transform: uppercase;}

.widgets .title-line h2{font-size: 28px;font-weight: 500;margin-bottom:0}
.widgets .title-line span{display:block}
.widgets .sub-title {font-family: 'Dancing Script';font-size:28px;color:#003c63;text-transform: initial;}


.widgets .title-center{text-align:center}
.widgets .title-line:after{content:'';position: relative;height: 1px;display: block;border-top:1px solid;border-color:inherit; margin-top: 11px;width: 110px;}
.widgets .title-center .title-line:after{margin: 10px auto 0px;}

.section-number{margin:20px 0 0 0}
.list-number{list-style-type: none;margin:0 0;padding:0;width:100%;}
.list-number .item{float:left;width:100%;height: 100%;padding:10px;border-right: 1px solid #526587;text-transform: uppercase;display: block; text-align: center;}
.list-number .item:last-child{border-right:0}
.list-number .item .number {text-transform: none;font-size: 41px;font-weight: 500;color: #003c63;}
.list-number .item .number strong {display: inline-block;font-size: 17px;text-transform: uppercase;padding-left: 5px;}

.img-content{position:relative}
.img-content img{width:100%}
.img-content .img-caption {position: absolute;z-index: 99;bottom: 40%;text-align: center;margin: auto;width: 100%;color:#fff;text-transform: uppercase;text-shadow: 1px 3px 5px #000000;}
.img-caption h2 {color: #fff;text-align: center;text-transform: uppercase;text-shadow: 1px 3px 5px #000000;font-weight: 700;font-size: 23px;}
.img-caption p {font-weight: 500;font-size: 37px;line-height: 42px;}

/* map */
.w-map-img{width:100%;position:relative}
.w-map-img .map {width:100%;height:auto}
.w-map-img .pin {
    position: absolute;
    width: 10%;
    left: 35%;
    bottom: 40%;
    animation: 3.25s 1s pinAnimation infinite ease-in-out;
}
.w-map-info{
	height: 100%;
    background: #f5f5f5;
    padding: 20px 0;
}
.bg-f5{background: #f5f5f5;}
.w-map-info .title {
	-webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.w-map-info .title .text {
	margin-left: 27px;
	color: #003c63;
	text-transform: uppercase;
	font-family: 'NunitoSans';font-weight: 700;font-size: 28px;
}
.w-position .item ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 0;
	margin-left: -20px;
	padding-left: 0;
	list-style: none;
}
.w-position .item ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 20px;
	width: 33.33%;
}
.w-position .item ul li p {
	border: 1px solid #003c63;
	padding: 20px 10px;
	width: 100%;
	color: #003c63;
	text-align: center;
}
.w-position .item ul li p .d-flex-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-top: 0px;
	font-size: 13px;
	color: #003c63;
	text-align: center;
}
.w-position .item ul li p strong {
	display: block;
	font-size: 32px;
}
.w-position .item ul li p span {
	display: block;
	margin-top: 5px;
	font-size: 13px;
}
.section-utilities{}

.section-utilities .title-line {color: #fddc02;}
.section-utilities .title-line:after{background: #fddc02;}
.w-utilities{padding:20px 0;}
.list-utilities{}
.list-utilities .item, 
.list-utilities .item .number {
	-webkit-box-align: center;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	width:100%;
	height:100%;
}
.list-utilities .item .number {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #ebebeb;
	border-radius: 50%;
	width: 32px;	
	min-width: 32px;	
	height: 32px;
	background: #fddc02;
}
.list-utilities .item .number span {
	color: #033064;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.list-utilities .item p {
	padding-left: 5px;
	font-size: 14px;
	font-weight: 400;
	margin:0;
}

.w-content-product{padding:20px 0}
.w-content-product .w-product{width:100%;overflow:hidden;margin-bottom:15px;position:relative}

.w-content-product .w-product .w-img{width:100%;height:100%;padding-top:66.67%;position:relative}
.w-content-product .w-product .w-img:before{}
.w-content-product .w-product .w-img  img{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}

.w-content-product .w-product .w-caption  {position: absolute;left:0;bottom:0;z-index: 9;width:100%;padding:10px 15px;background:rgb(0, 0, 0, .5)}
.w-content-product .w-product .w-caption h2 {margin:0;color: #fff;font-size: 18px;font-weight: 500;text-transform: uppercase;}
.w-content-product .w-product .w-caption p {margin:0;font-size: 16px;font-weight: 400;text-transform: none;color: #fff;}

@media (max-width: 767.98px) {
	.widgets .small-title {font-size: 18px;margin-bottom: 10px;}
	.widgets .title-line {font-size: 20px;margin-bottom:15px}
	.widgets .sub-title {font-size:24px;}
	.list-number{height:100%}
	.list-number .item{width:100%;height:100%;min-height: 150px;margin-bottom:15px;padding:10px 5px;}
	.list-number .item:nth-child(3){border-right:0}
	.list-number .item .number{font-size:20px}
	.list-number .item p{font-size:12px}
	
	.img-content .img-caption {
		bottom: 20%;
	}
	.img-caption h2 {	
		font-size: 16px;
	}
	.img-caption p {		
		font-size: 18px;
		line-height: 1;
	}
}

@keyframes pinAnimation {
    0% {
        transform: translateY(0%)
	}
	
    10% {
        transform: translateY(-12%)
	}
	
    20% {
        transform: translateY(0%)
	}
	
    40% {
        transform: translateY(-20%)
	}
	
    50% {
        transform: translateY(0%)
	}
	
    55% {
        transform: translateY(-23%)
	}
	
    60% {
        transform: translateY(-5%)
	}
	
    80% {
        transform: translateY(-17%)
	}
	
    100% {
        transform: translateY(0%)
	}
}

@keyframes roadAnimation {
    to {
        stroke-dashoffset: 1000;
	}
}

/* -------------- */

.widgets-intro{}
.widgets-intro .w-icon-circle{width:100%;padding-left:80px}
.widgets-intro .w-icon-circle .col{padding:0 5px;display: flex;justify-content: center;align-items: center;}
.widgets-intro .w-icon-circle .img-circle{border-radius: 50%;overflow:hidden;margin:0 0 15px 0}
.widgets-intro .w-icon-circle .img-circle img{width:100%;max-width:250px !important}
.widgets-intro .w-item{background:rgba(230, 178, 54, 0.8);padding:15px 20px;transition: all 0.3s ease-in-out;height:100%}
.widgets-intro .w-item:hover {cursor:pointer;background:rgba(230, 178, 54, 1)}
@media (max-width: 767.98px) {
	.widgets-intro .w-icon-circle{width:100%;padding-left:0}
}

/*--*/
.widgets-intro .w-content{}
.widgets-intro .w-item-content{}
.widgets-intro .w-item-content .w-title{position:relative;color: #b48a3d;}
.widgets-intro .w-item-content .w-title:before{content: '';position: absolute;left: 0;top: 6px;background: #b48a3d;width: 12px;height: 12px;border-radius: 100%;margin-left: -37px;}
.widgets-intro .w-item-content .w-title:after{content: '';position: absolute;left: 1px;top: 3px;
background:transparent;border:1px solid #b48a3d;width: 18px;height: 18px;border-radius: 100%;margin-left: -41px;}
/*--*/
.widgets-history{}
.widgets-history .w-logo{display: flex;justify-content: center;align-items: center;margin: 0;padding:0;position: relative;z-index: 3;}
.widgets-history .img-logo{width: 160px;height: 160px;border-radius: 50%;background: #fff;overflow: hidden;padding: 25px;margin: 0;box-shadow: 0px 0px 5px 2px #b48a3d;display: flex;justify-content: center;align-items: center;}
.widgets-history .img-logo img{width:100%;height:auto;max-width:100%}

.widgets-history .w-item{display:flex;}
.widgets-history .left.w-item{justify-content: left;}
.widgets-history .center.w-item{justify-content: center;}
.widgets-history .right.w-item{justify-content: right;}
.widgets-history .w-item .w-item-content{width:50%;padding:10px;margin:0;outline:0;border: 0px solid #b48a3d;}
.widgets-history .left .w-item-content{padding-right:30px;border-right: 1px solid #b48a3d;}
.widgets-history .right .w-item-content{padding-left:30px;border-left: 1px solid #b48a3d;}
.widgets-history .center .w-item-content{}
.widgets-history .w-item .w-item-content .w-title{display:flex; justify-content: center;align-items: center;position:relative;}
.widgets-history .w-item .w-item-content .w-title:before{content: '';position: absolute;z-index:2;background: #b48a3d;width: 12px;height: 12px;border-radius: 100%;}
.widgets-history .w-item .w-item-content .w-title:after{content: '';position: absolute;background: #b48a3d;width: 50%;height: 1px;}
.widgets-history .w-item .w-item-content .w-title h3{width: 80px;height: 80px;border-radius: 50%;
color:#fff;background: #b48a3d;display: flex;justify-content: center;align-items: center;position:relative;margin: 0 0 30px 0;}
.widgets-history .w-item .w-item-content .w-title h3:before{content: '';width: 90px;height: 90px;position: absolute;top: -5px;left: -5px;z-index:2;background:transparent;border:1px solid #b48a3d;border-radius: 100%;}
.widgets-history .w-item .w-item-content .w-title h3:after{content:'';width:80px;	height:3px;background:#b48a3d;border-radius: 25px;position:absolute;left:50%;bottom:-20px;transform: translate(-50%, -50%);}
.widgets-history .left .w-item-content .w-title:before,
.widgets-history .left .w-item-content .w-title:after{top:40%;right: -37px;transform: translate(0, -50%);}
.widgets-history .right .w-item-content .w-title:before,
.widgets-history .right .w-item-content .w-title:after{top:40%;left: -37px;transform: translate(0, -50%);}
.widgets-history .center .w-item-content .w-title:before{top: -20px;left: 50%;transform: translate(-50%, -50%);}
.widgets-history .center .w-item-content .w-title:after{top:0;left: unset;-webkit-transform: rotate(90deg);transform: rotate(90deg);width: 50px;}
.widgets-history .w-item .w-item-content .w-content{padding:15px;background:#b48a3d;color:#fff;border-radius:10px;}

@media (max-width: 767.98px) {
	.widgets-history .w-logo{justify-content: center;padding-bottom:30px}
	.widgets-history .left.w-item,
	.widgets-history .center.w-item,
	.widgets-history .right.w-item{justify-content: left;}
	.widgets-history .left .w-item-content,
	.widgets-history .center .w-item-content,
	.widgets-history .right .w-item-content{margin-left:0;padding:10px 0 10px 30px;border:0;border-left: 1px solid #b48a3d;width: 100%;}
	/*
	.widgets-history .left .w-item-content .w-title:before, 
	.widgets-history .left .w-item-content .w-title:after,
	.widgets-history .center .w-item-content .w-title:before, 
	.widgets-history .center .w-item-content .w-title:after,
	.widgets-history .right .w-item-content .w-title:before,
	.widgets-history .right .w-item-content .w-title:after{top:40%;left: -37px;transform: translate(0, -50%);}	
	.widgets-history .center .w-item-content .w-title:after{rotate:unset;width: 50%;}
	*/
	.widgets-history .left .w-item-content, 
	.widgets-history .center .w-item-content,
	.widgets-history .right .w-item-content{padding:30px 0;border:0}
	
	.widgets-history .left .w-item-content .w-title:before,
	.widgets-history .right .w-item-content .w-title:before,
	.widgets-history .center .w-item-content .w-title:before{top: -40px;left: 50%;transform: translate(-49%, -50%);}
	
	.widgets-history .left .w-item-content .w-title:after,
	.widgets-history .right .w-item-content .w-title:after,
	.widgets-history .center .w-item-content .w-title:after{top:0;left: unset;right:unset;-webkit-transform: rotate(90deg);transform: rotate(90deg);width: 80px;}
	
}
/*---*/

.images-grid{width:100%;margin: 20px 0;display: block;}
.images-grid .row{margin:0px -10px;}
.images-grid .w-col{display: flex;justify-content: center;align-items: center;}
.images-grid .w-items{max-width: 300px;display:block;overflow:hidden;}
.images-grid .w-items:hover {cursor:pointer;}
.images-grid .w-items .w-img{width:100%;height:auto;display:block;overflow:hidden;border-radius: 25px;}
.images-grid .w-items .w-img img{width:100%;max-width:100%;height:auto;;webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;}
.images-grid .w-items:hover img {transform:scale(1.1);}
.images-grid .w-items .w-info{display: block;text-align: center;height: 80px;padding: 10px 0;
margin:0;}
.images-grid .w-items .w-info .w-title{font-size: 16px;color:#836c44;line-height: 1.2;margin-bottom: 5px}
.images-grid .w-items .w-info .w-name{font-size: 20px;text-transform: uppercase;color:#b48a3d;margin-bottom: 10px}
/*---*/
.tabs-custom .nav-tabs {
    margin:0 0 20px 0;
	border: 0;	
    -ms-flex-pack: center;
    justify-content: center;
}
.tabs-custom .nav-item {
    float: none;
    margin: 0;
    border: 0;
    cursor: pointer;
    transition: .33s all ease;
}																									 

.tabs-custom .nav-link {
    margin: 0 5px;
    display: block;
    position: relative;
    z-index: 1;
    min-width: 188px;
    letter-spacing: 0;
    padding: 10px 13px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: transparent;
    font-size: 14px;
    background-color: #eee;
	border-radius:0;												 
	text-align:center;								  
}
.tabs-custom .nav-link:hover{color: #009548;}
.tabs-custom .nav-link.active {border-color: #f17600;background-color: #f17600;color: #fff;}
.tabs-custom .nav-link.active:hover {color: #fff;}

.cthd {max-width: 650px;margin: 0 auto;margin-bottom: 0;font-size: 18px;margin-bottom: 30px;}
.ten_ct{font-size: 18px;}
.col-gt{font-size:14px}
.title_name {margin-bottom: 5px;margin-top: 5px;border-bottom: 1px solid #ef8200;font-weight: 700;padding-bottom: 5px;color: #252525;font-size: 14px;letter-spacing: .5px;display:block}
.title_name span {font-size: 14px;}
.title_name_bt {font-size: 21px;}
@media (min-width: 768px){
	.col-gt {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
}

.tabs-custom-child{}
.tabs-custom-child .nav-link {margin: 0 5px;display: block;position: relative;z-index: 1;min-width: unset;letter-spacing: 0;padding: 5px 10px;border-width: 1px 1px 0;border-style: solid;border-color: transparent;font-size: 14px;background-color: #eee;border-radius:0;text-align:center;}
.tabs-custom-child .nav-link:hover{color: #f17600;}
.tabs-custom-child .nav-link.active {border-color: #007136;background-color: #007136;color: #fff;}
.tabs-custom-child .nav-link.active:hover {color: #fff;}

/**/
.video-icon{position:relative}
.video-icon:before{
	content: '\f01d';
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    color: #fff;
    font-size: 80px;
    font-weight: 400;
    width: 1px;
    height: 10px;
    webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear;
    transform: translate(-50%,-50%);
}
/**/
.overview-box{position:relative}
.overview-box .overview-detail{position:absolute;bottom: 0;left: 0;width: 100%;padding: 30px 20px;background-size: 100% 100%;background-repeat: no-repeat;background-position: center;color: #fff;}
@media (max-width: 767.98px) {
	.overview-box .overview-detail{position:relative}
}
/**/
@-webkit-keyframes zoom{
	0%{transform:scale(.9)}
	70%{transform:scale(1);box-shadow:0 0 0 15px transparent}
	100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}
}
@keyframes zoom{
	0%{transform:scale(.9)}
	70%{transform:scale(1);box-shadow:0 0 0 15px transparent}
	100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}
}



