@charset "utf-8";
/* CSS Document */ 
html{font-family: 'Calibri';line-height:  1.5em;}
body {margin: 0;font-size: 14px;line-height: 1.5em;color: #000;font-family: 'Calibri';background: #ececec;margin: 0px auto;}
table { width: 100%; border-collapse: collapse;line-height: 27px;}
table td { padding: 1px; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: middle; }
a { text-decoration: none !important; transition: all 0.5s}
a:hover {color: red; transition: all 0.5s}
img {border: 0;max-width: 100%;}
ul { margin: 0; padding: 0; list-style: none;}
.clearb { clear: both; }
p { margin: 0; padding: 0; }
.pad0{padding: 0 !important;}
.pal0{padding-left: 0;} .par0{padding-right: 0;} .pat0{padding-top: 0;} .pab0{padding-bottom: 0;}
.clearb { clear: both; }
.clear { clear: both; }
.hidden{display: none}
.mar-15{margin-left: -15px; margin-right: -15px;}
.max1366{max-width: 1366px; margin: 0 auto;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
::-webkit-scrollbar {width: 10px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb {background-color: #285c2c; }
.zimges{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.zimges:hover{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transform: scale(1.1);}
.hv_light1{position:relative; overflow:hidden;}
.hv_light1:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hv_light1:hover:before {transition: 1s;left: 100%;}
.hv_light2{ overflow:hidden; position:relative;}
.hv_light2:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
}
.hv_light2:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hv_light2:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hv_light2:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
.hv_light3{ overflow:hidden; position:relative;}
.hv_light3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
}
.hv_light3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hv_light3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hv_light3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}
.itemhover{position: relative}
.itemhover  .i_trai {position: absolute; height: 0px; width: 1px; left: 0px; top: 0px; background: -webkit-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet); background: -o-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet); background: -moz-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet); background: linear-gradient(to top, red,orange,yellow,green,blue,indigo,violet); transition: all 0.5s ease; }
.itemhover  .i_tren {position: absolute; height: 1px; width: 0px; right: 0px; top: 0px; background: -webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet); background: -o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet); background: -moz-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet); background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet); transition: all 0.5s ease; }
.itemhover  .i_phai {position: absolute; height: 0px; width: 1px; right: 0px; bottom: 0px; background: -webkit-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet); background: -o-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet); background: -moz-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet); background: linear-gradient(to bottom, red,orange,yellow,green,blue,indigo,violet); transition: all 0.5s ease; }
.itemhover  .i_duoi {position: absolute; height: 1px; width: 0px; left: 0px; bottom: 0px; background: -webkit-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet); background: -o-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet); background: -moz-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet); background: linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet); transition: all 0.5s ease; }
.itemhover:hover .i_trai{height:100%;bottom:0px; top:inherit;}
.itemhover:hover .i_tren{width:100%;left:0px;}
.itemhover:hover .i_phai{height:100%;top:0px;bottom:inherit;}
.itemhover:hover .i_duoi{width:100%;right:0px;left:inherit;}
.fullscreen{width: 100% !important;}
/*.no-reponsive{min-width: 1200px;}*/
/*.no-reponsive .container{width: 1200px !important;max-width: 1200px !important;position:  relative;}*/
@keyframes balloon {
	0%, 100% {
		transform: translateY(0) rotate(-6deg)
	}
	50% {
		transform: translateY(-1px) rotate(8deg)
	}
}
.bringing {
	animation: balloon 1s ease-in-out infinite;
}
/*No Script*/
.noscript{position:  fixed;top: 0;left:  0;width:  100%;height:  100%;z-index:  999999;background: rgba(0, 0, 0, 0.85);display:  flex;align-items:  center;justify-content:  center;}
.noscript .masnoscript{display:  inline-block;text-align:  center;padding: 15px;background: rgba(255, 255, 255, 0.65);border-radius:  15px;pointer-events:  auto;}
.noscript .content{font-size:  16px; color: red; margin:  0.5em 1em; font-weight:  bold; }
/*PAGE LOADING*/
.page_loadding{position:  fixed; top: 0; left:  0; width: 100%; height:  100%; background: rgba(0, 0, 0, 0.8); z-index:  99999999999; pointer-events: none; text-align: center;}
.page_loadding .loading {width: 150px; height: 150px; position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px; }
.loading .blockimg {display: none;}
.page_loadding .loading .blockimg {display: block;}
.page_loadding .loading .blockimg img{}
.page_loadding .loading .block {width: 40px; height: 40px; position: absolute; }
.page_loadding .loading .block:nth-child(1) {-webkit-animation: top-left 3s infinite; animation: top-left 3s infinite; background-color: #00aacf; }
.page_loadding .loading .block:nth-child(2) {-webkit-animation: top-right 3s infinite; animation: top-right 3s infinite; background-color: #f6c574; }
.page_loadding .loading .block:nth-child(3) {-webkit-animation: bottom-left 3s infinite; animation: bottom-left 3s infinite; background-color: #fc5652; }
.page_loadding .loading .block:nth-child(4) {-webkit-animation: bottom-right 3s infinite; animation: bottom-right 3s infinite; background-color: #00b3a0; }
@-webkit-keyframes top-left {0% {left: 25px; top: 25px; } 25% {left: 75px; top: 25px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% {left: 75px; top: 75px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% {left: 25px; top: 75px; -webkit-transform: rotate(270deg); transform: rotate(270deg); } 100% {left: 25px; top: 25px; -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes top-right {0% {left: 75px; top: 25px; } 25% {left: 75px; top: 75px; } 50% {left: 25px; top: 75px; } 75% {left: 25px; top: 25px; } 100% {left: 75px; top: 25px; } }
@-webkit-keyframes bottom-left {0% {left: 75px; top: 75px; } 25% {left: 25px; top: 75px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } 50% {left: 25px; top: 25px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% {left: 75px; top: 25px; -webkit-transform: rotate(270deg); transform: rotate(270deg); } 100% {left: 75px; top: 75px; -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes bottom-right {0% {left: 25px; top: 75px; } 25% {left: 25px; top: 25px; } 50% {left: 75px; top: 25px; } 75% {left: 75px; top: 75px; } 100% {left: 25px; top: 75px; } }
/*PAGE LOADING*/
#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
.w50f{width: 50%;float: left;}
.padding-right-0{padding-right: 0}
#loadingpage{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.65); transition: all 0.5s; z-index: 999999999; pointer-events: none; }
.resp-iframe{width: 100%; height: 350px; position: relative;}
.resp-iframe iframe{width: 100% !important; height: 100% !important; }

.contactsite { }
.contactsite .rowcontact { margin: 2em 0; }
.contactsite .rowcontact .title { }
.contactsite .rowcontact .title h2 { color: #285c2c; font-family: var(--fonttitle); font-weight: bold; }
.contactsite .rowcontact .groupform { }
.contactsite .rowcontact input { border: 1px solid #285c2c; font-size: 1em; }
.contactsite .rowcontact textarea { border: 1px solid #285c2c; font-size: 1em; }
.contactsite .rowcontact input.form-control:focus { border-color: #285c2c; }
.contactsite .rowcontact .groupform .input-group-text { background-color: #e9ecef; border: 1px solid #285c2c; color: #285c2c; }
.contactsite .button-group { margin: 1em 0; }