.container {   width: 100%;   max-width: 1200px;   margin-left: auto;   margin-right: auto;   padding:0px; } .container-full {   width: 100%;   padding: 0px; } .row {   width: 100%;   display: flex;   flex-wrap: wrap; } .col { width:100%; position:relative; display:inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  vertical-align:top;  } .col-2 {  width: 50%;} .col-3 {  width: 33.3333%;} .col-4 {  width: 25%;} .col-5 {  width: 20%;} .col-6 {  width: 16.6666%;} .col-7 {  width: 14.2857%;} .col-8 {  width: 12.5%;} .col-9 {  width: 11.1111%;} .col-10 {  width: 10%;} .col-11 {  width: 9.0909%;} .col-12 {  width: 8.3333%;} @media (max-width: 1024px) { .col-lg-1 {  width: 100%;} .col-lg-2 {  width: 50%;} .col-lg-3 {  width: 33.3333%;} .col-lg-4 {  width: 25%;} .col-lg-5 {  width: 20%;} .col-lg-6 {  width: 16.6666%;} .col-lg-7 {  width: 14.2857%;} .col-lg-8 {  width: 12.5%;} .col-lg-9 {  width: 11.1111%;} .col-lg-10 {  width: 10%;} .col-lg-11 {  width: 9.0909%;} .col-lg-12 {  width: 8.3333%;} } @media (max-width: 768px) { .col-md-1 {  width: 100%;} .col-md-2 {  width: 50%;} .col-md-3 {  width: 33.3333%;} .col-md-4 {  width: 25%;} .col-md-5 {  width: 20%;} .col-md-6 {  width: 16.6666%;} .col-md-7 {  width: 14.2857%;} .col-md-8 {  width: 12.5%;} .col-md-9 {  width: 11.1111%;} .col-md-10 {  width: 10%;} .col-md-11 {  width: 9.0909%;} .col-md-12 {  width: 8.3333%;} } @media (max-width: 480px) { .col-sm-1 {  width: 100%;} .col-sm-2 {  width: 50%;} .col-sm-3 {  width: 33.3333%;} .col-sm-4 {  width: 25%;} .col-sm-5 {  width: 20%;} .col-sm-6 {  width: 16.6666%;} .col-sm-7 {  width: 14.2857%;} .col-sm-8 {  width: 12.5%;} .col-sm-9 {  width: 11.1111%;} .col-sm-10 {  width: 10%;} .col-sm-11 {  width: 9.0909%;} .col-sm-12 {  width: 8.3333%;} } @media (max-width: 375px) { .col-xs-1 {  width: 100%;} .col-xs-2 {  width: 50%;} .col-xs-3 {  width: 33.3333%;} .col-xs-4 {  width: 25%;} .col-xs-5 {  width: 20%;} .col-xs-6 {  width: 16.6666%;} .col-xs-7 {  width: 14.2857%;} .col-xs-8 {  width: 12.5%;} .col-xs-9 {  width: 11.1111%;} .col-xs-10 {  width: 10%;} .col-xs-11 {  width: 9.0909%;} .col-xs-12 {  width: 8.3333%;} } @media(min-width:769px) {.col-20 {  width: 20%;} .col-25 {  width: 25%;} .col-30 {  width: 30%;} .col-40 {  width: 40%;}.col-50 {  width: 50%;} .col-60 {  width: 60%;} .col-70 {  width: 70%;} .col-75 {  width: 75%;} .col-80 {  width: 80%;} } .pad-10 {padding:10px;	} .pad-15 {padding:15px;	} .pad-20 {padding:20px;	} .pad-25 {padding:25px;	} .pad-30 {padding:30px;	} .pad-35 {padding:35px;	} .pad-40 {padding:40px;	} .pad-45 {padding:45px;	} .pad-50 {padding:50px;	} .pad-60 {padding:60px;	} .pad-70 {padding:70px;	} .pad-80 {padding:80px;	} .pad-90 {padding:90px;	}.m-b-5 { margin-bottom: 5px; } .m-t-5 { margin-top: 5px; } .m-l-5 { margin-left: 5px; } .m-r-5 { margin-right: 5px; } .m-b-10 { margin-bottom: 10px; } .m-t-10 { margin-top: 10px; } .m-l-10 { margin-left: 10px; } .m-r-10 { margin-right: 5px; } .m-b-15 { margin-bottom: 15px; } .m-t-15 { margin-top: 15px; } .m-l-15 { margin-left: 15px; } .m-r-15 { margin-right: 15px; } .m-b-20 { margin-bottom: 20px; } .m-t-20 { margin-top: 20px; } .m-l-20 { margin-left: 20px; } .m-r-20 { margin-right: 20px; } .m-b-25 { margin-bottom: 25px; } .m-t-25 { margin-top: 25px; } .m-l-25 { margin-left: 25px; } .m-r-25 { margin-right: 25px; } .m-b-30 { margin-bottom: 30px; } .m-t-30 { margin-top: 30px; } .m-l-30 { margin-left: 30px; } .m-r-30 { margin-right: 30px; } .m-b-40 { margin-bottom: 40px; } .m-t-40 { margin-top: 40px; } .m-l-40 { margin-left: 40px; } .m-r-40 { margin-right: 40px; } .m-b-50 { margin-bottom: 50px; } .m-t-50 { margin-top: 50px; } .m-l-50 { margin-left: 50px; } .m-r-50 { margin-right: 50px; } .m-b-60 { margin-bottom: 60px; } .m-t-60 { margin-top: 60px; } .m-l-60 { margin-left: 60px; } .m-r-60 { margin-right: 60px; } .m-b-70 { margin-bottom: 70px; } .m-t-70 { margin-top: 70px; } .m-l-70 { margin-left: 70px; } .m-r-70 { margin-right: 70px; } .m-b-80 { margin-bottom: 80px; } .m-t-80 { margin-top: 80px; } .m-l-80 { margin-left: 80px; } .m-r-80 { margin-right: 80px; } .p-b-5 { padding-bottom: 5px; } .p-t-5 { padding-top: 5px; } .p-l-5 { padding-left: 5px; } .p-r-5 { padding-right: 5px; } .p-b-10 { padding-bottom: 10px; } .p-t-10 { padding-top: 10px; } .p-l-10 { padding-left: 10px; } .p-r-10 { padding-right: 5px; } .p-b-15 { padding-bottom: 15px; } .p-t-15 { padding-top: 15px; } .p-l-15 { padding-left: 15px; } .p-r-15 { padding-right: 15px; } .p-b-20 { padding-bottom: 20px; } .p-t-20 { padding-top: 20px; } .p-l-20 { padding-left: 20px; } .p-r-20 { padding-right: 20px; } .p-b-25 { padding-bottom: 25px; } .p-t-25 { padding-top: 25px; } .p-l-25 { padding-left: 25px; } .p-r-25 { padding-right: 25px; } .p-b-30 { padding-bottom: 30px; } .p-t-30 { padding-top: 30px; } .p-l-30 { padding-left: 30px; } .p-r-30 { padding-right: 30px; } .p-b-40 { padding-bottom: 40px; } .p-t-40 { padding-top: 40px; } .p-l-40 { padding-left: 40px; } .p-r-40 { padding-right: 40px; } .p-b-50 { padding-bottom: 50px; } .p-t-50 { padding-top: 50px; } .p-l-50 { padding-left: 50px; } .p-r-50 { padding-right: 50px; } .p-b-60 { padding-bottom: 60px; } .p-t-60 { padding-top: 60px; } .p-l-60 { padding-left: 60px; } .p-r-60 { padding-right: 60px; } .p-b-70 { padding-bottom: 70px; } .p-t-70 { padding-top: 70px; } .p-l-70 { padding-left: 70px; } .p-r-70 { padding-right: 70px; } .p-b-80 { padding-bottom: 80px; } .p-t-80 { padding-top: 80px; } .p-l-80 { padding-left: 80px; } .p-r-80 { padding-right: 80px; }.text-center {text-align:center;} .text-left {text-align:left;} .text-right {text-align:right;} .text-justify {text-align:justify;}
#iloader { position:fixed; width:100%; height:100%; z-index:9995; bottom:0; background-color:#000000; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; color:#ffffff; z-index:9998; } #iloader-wrapper { position:fixed; width:100%; height:100%; margin-top:0px; margin-left:0px; top:0px; left:0px; opacity:1.0; moz-opacity:1.0; filter: alpha(opacity=100); z-index:9999; } #iloader-content { width:340px; height:130px; position:relative; background-color:#ffffff; border:0px; box-shadow: 1px 1px 5px rgba(0,0,0,0.1); overflow:hidden; border-radius:2px; margin:auto; margin-top:20%; text-align:center; border:3px solid #28619d; } #iloader-content p { font-family: inherit; font-size:18px; font-weight:600; text-align:center; color:#333333; width:95%; margin-top:35px; position:absolute; } #iloader-content img { margin-top:55px; margin-left:-20px; } #iloader .iloaderOverlay { position:absolute; width:100%; height:100%; } #iloader .iloaderC { width:400px; height:100px; background-color:#efefef; border:2px solid #125aa3; margin-left:auto; margin-right:auto; margin-top:20%; margin-bottom:auto; padding:20px; filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; text-align:center; }	 #iloader .iloaderC  p{ font-size:22px; font-family: 'Muli', 'sans-serif'; text-align:center; color:#000000; margin-bottom:10px; margin-top:20px; } #progress-bar-wrapper {     width: 100%;     height: 20px;     background-color: #2e87bd;     border-radius: 2px;     overflow: hidden;     margin-top: 10px; 	text-align: center;     margin-left: auto;     margin-right: auto; 	position:relative; } #progress-bar {     height: 100%;     width: 0%;     background-color: #4caf50;     text-align: center;     line-height: 20px;     color: white;     font-weight: bold;     border-radius: 2px;     transition: width 0.3s ease-in-out; } #progress-bar-span {     display: inline-block;     width: 100%;     text-align: center;     font-size: 14px; } 

/********* buttons *************/
.labeled-btn { font-family:inherit; position:relative; display:inline-block; width:auto; height:auto; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:6px; font-family:inherit; font-family:inherit; font-size:12px; text-align:left; font-weight:500; overflow:hidden; color:#ffffff; border:0px solid transparent; border-radius:2px; } .labeled-btn i { font-family:"fontawesome"; font-weight:400; background: rgba(0, 0, 0, 0.05); } .labeled-btn:hover { cursor:pointer; color:#ffffff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); } .labeled-btn:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(255,255,255,.4); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -webkit-transform: rotate(360deg) scale(1.003) skew(-14deg) translate(0px); -moz-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -o-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -ms-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .labeled-btn:hover:after { width: 120%; background-color: transparent; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; color:#ffffff; } .theme-btn { font-family:inherit; position:relative; display:inline-block; width:auto; height:auto; font-family:inherit; font-family:inherit; font-weight:500; overflow:hidden; color:#ffffff; border:0px solid transparent; border-radius:2px; } .theme-btn i { font-family:"fontawesome"; font-weight:400; display: inline-block; position: relative; top:0; left:0; background: rgba(0, 0, 0, 0.05); } .theme-btn:hover { cursor:pointer; color:#ffffff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); } .theme-btn:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(255,255,255,.4); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -webkit-transform: rotate(360deg) scale(1.003) skew(-14deg) translate(0px); -moz-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -o-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -ms-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .theme-btn:hover:after { width: 120%; background-color: transparent; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; color:#ffffff; } .theme-btn.btn-sm { padding:5px;	 font-size:12px; } .theme-btn.btn-md { padding:10px;	 font-size:14px; } .theme-btn.btn-l { padding:10px 20px 10px 20px;	 font-size:16px; } .theme-btn.btn-xl { padding:10px 20px 10px 20px;	 font-size:16px; } .labeled-btn.btn-sm { padding:3px;	 padding-left:30px;	 padding-right:10px;	 font-size:12px; } .labeled-btn.btn-sm i  { font-family:"fontawesome"; font-size:12px; font-weight:400; position:absolute; width:25px; height:100%; left:0px; top:0px; background: rgba(0, 0, 0, 0.05); text-align:center; line-height:25px; } .labeled-btn.btn-md { padding:10px;	 padding-left:35px;	 padding-right:10px;	 font-size:14px; } .labeled-btn.btn-md i  { font-family:"fontawesome"; font-size:16px; font-weight:400; position:absolute; width:30px; height:100%; left:0px; top:0px; background: rgba(0, 0, 0, 0.05); text-align:center; line-height:40px; } .labeled-btn.btn-l { padding:10px 20px 10px 20px;	 padding-left:50px;	 padding-right:15px;	 font-size:14px; } .labeled-btn.btn-l i  { font-family:"fontawesome"; font-size:16px; font-weight:400; position:absolute; width:40px; height:100%; left:0px; top:0px; background: rgba(0, 0, 0, 0.05); text-align:center; line-height:40px; } .labeled-btn.btn-xl { padding:15px 20px 15px 20px;	 padding-left:50px;	 padding-right:25px;	 font-size:14px; } .labeled-btn.btn-xl i  { font-family:"fontawesome"; font-size:16px; font-weight:400; position:absolute; width:40px; height:100%; left:0px; top:0px; background: rgba(0, 0, 0, 0.05); text-align:center; line-height:50px; }
.btn-blue:hover { background-color:#2f6cb7;border-color:#2f6cb7;} .btn-blue { background-color:#25528b; border-color:#25528b; } .btn-cyan { background-color:#009cde; border-color: #009cde; } 
.btn-cyan:hover { background-color:#05abf1; border-color:#05abf1; } .btn-green { background-color:#44ab00; border-color:#44ab00; } .btn-green:hover { background-color:#4fc104; border-color:#4fc104; 
} .btn-red { background-color:#b02500; border-color:#b02500; } .btn-red:hover { background-color:#d82e00; border-color:#d82e00; } .btn-gray { background-color:#979797; border-color:#979797; } .
btn-gray:hover { background-color:#bababa; border-color:#bababa; } .btn-black { background-color:#333333; border-color:#333333; } .btn-black:hover { background-color:#000000; border-color:#000000
; } .btn-orange { background-color:#d75506; border-color:#d75506; } .btn-orange:hover { background-color:#f35d03; border-color:#f35d03; } .btn-yellow:hover {color:#111111; background-color:#fdf739; border-color: #fdf739; } .btn-yellow { color:#464646;background-color:#fff700; border-color: #fff700; }.btn-theme { background-color:var(--theme-color); border-color:var(--theme-color); }.btn-theme:hover { background-color:var(--theme-hover);border-color:var(--theme-hover);}
/****** end of button *****/
/* flags */ 
.flags { list-style:none; top:3px; position:relative; display:inline-block; } .flags li { list-style:none; margin-left:6px;	 display:inline-block; width: 24px; height: 24px; } .flags.mobile { position:absolute; display:inherit; text-align:center; top:10px; left:10px; }
.fl_tr { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_tr.png'); background-size: cover; background-position: center; text-indent: -9999px; } .fl_en { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_en.png'); background-size: cover; background-position: center; text-indent: -9999px; } .fl_fr { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_fr.png'); background-size: cover; background-position: center; text-indent: -9999px; } .fl_es { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_es.png'); background-size: cover; background-position: center; text-indent: -9999px; } .fl_ar { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_ar.png'); background-size: cover; background-position: center; text-indent: -9999px; } .fl_it { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_it.png'); background-size: cover; background-position: center; text-indent: -9999px; } .fl_ru { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_ru.png'); background-size: cover; background-position: center; text-indent: -9999px; } .fl_de { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_de.png'); background-size: cover; background-position: center; text-indent: -9999px; } .fl_pt { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_pt.png'); background-size: cover; background-position: center; text-indent: -9999px; } .fl_ro { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_ro.png'); background-size: cover; background-position: center; text-indent: -9999px; } .fl_sr { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_sr.png'); background-size: cover; background-position: center; text-indent: -9999px; } .fl_uk { display: inline-block; width:100%; height:100%; background-image: url('../images/flags/fl_uk.png'); background-size: cover; background-position: center; text-indent: -9999px; } 
/* end of flags*/

/*********************************************** menu *************************************************/
.menu { position:relative; display:inline-block;	 margin:var(--menu-margin); } .menu ul { list-style:none;} .menu ul li { list-style:none; position:relative; display:inline-block; margin-right:10px; } .menu ul li a,.menu ul li a:link,.menu ul li a:visited { font-family:var(--menu-font); font-size:19px; font-weight:600; color:var(--menu-color); letter-spacing:-0.3px; } .menu ul li a.has-child::after { font-family:var(--ico-font); content:"\f078"; position:relative; display:inline-block; margin-left:8px; top:-2px; color:inherit;	 font-size:12px; margin-right:10px; } .menu ul.sub { list-style:none; position:absolute; visibility:hidden; width:auto; height:auto; min-width:230px; max-width:300px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-right-radius:3px; background-color:#ffffff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; border-bottom:2px solid var(--theme-color); margin-top:15px; left:-10px; padding-top:10px; padding-bottom:10px; transform:scaleY(0); transform-origin:top; } .menu ul.sub li  { position:relative; display:block; width:100%;	 padding-top:6px; padding-bottom:6px; padding:10px 10px 10px 20px; border-bottom:1px dotted #f1f1f1; } .menu ul.sub li:last-child { border-bottom:0px; } .menu ul.sub li a { position:relative; display:inline-block; font-family:var(--menu-sub-font); font-size:15px; font-weight:400; color:var(--menu-sub-color); letter-spacing:-0.3px; } .menu ul.sub li a:hover { color:var(--hover-color); } .menu ul li:hover ul { transform:scaleY(1); visibility:visible; } .menu ul li:after {  position:absolute; content: ''; display: block; width: 0px; height: 1.5px; background: var(--theme-color); transition: width .3s; } .menu ul li a:after {  position:absolute; content: ''; display: block; width: 0px; height: 1.5px; background: var(--theme-color); transition: width .3s; } .menu ul:not(.sub) > li:hover:after {   width: 100%; } .menu ul.sub li:hover a:hover:after {   width: 100%; } .menu ul.sub li:hover a:hover {  margin-left:5px; } .mobile-menu { position:relative; display:block;	 } .mobile-menu ul { list-style:none;} .mobile-menu ul li { list-style:none; position:relative; display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px solid var(--mobile-menu-border-color);white-space: normal;
    word-break: break-word; } .mobile-menu ul li:last-child { 	border:0px; } .mobile-menu ul:not(.sub) > li > a { padding-left:20px; padding-right:10px; } .mobile-menu ul li a,.mobile-menu ul li a:link,.mobile-menu ul li a:visited { font-family:var(--menu-font); font-size:16px; font-weight:600; color:var(--mobile-menu-color); letter-spacing:-0.3px; } .mobile-menu ul li a.has-child::after { font-family:var(--ico-font); content:"\f078"; position:relative; display:inline-block; margin-left:8px; top:-2px; color:inherit;	 font-size:12px; } .mobile-menu ul.sub { list-style:none; position:relative; display:none; width:100%; height:auto; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; margin-top:8px; padding-left:10px; } .mobile-menu ul.sub li  { position:relative; display:block; width:100%;	 padding-top:10px; padding-bottom:10px;white-space: normal;
    word-break: break-word; } .mobile-menu ul.sub li:last-child { border-bottom:0px; } .mobile-menu ul.sub li a { position:relative; display:inline-block; font-family:var(--menu-sub-font); font-size:15px; font-weight:400; color:var(--mobil-menu-color); letter-spacing:-0.3px; padding-left:10px; padding-right:10px; } .mobile-menu ul li a:hover { color:var(--hover-color); } .mobile-overlay { position:fixed; display:block; width:100%; height:100%; margin-top:0px; margin-left:0px; top:0px; left:0px; background: #333333 !important; opacity: 0.5 !important; opacity:0.5; moz-opacity:0.5; filter: alpha(opacity=50); z-index:9990; text-align:center; display:none; } @media (max-width:1024px) { .menu { display:none;} } /* end of menu */ .wrapper.right { 	right:-270px; z-index:9990} .wrapper.left { 	left:-270px; } .wrapper { position:fixed; width:270px; height:100%; margin-top:0px; margin-left:0px; top:0px; z-index:9999; padding:0px; overflow-y:auto; overflow-x:hidden; word-break: break-all; overflow-wrap: break-word; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); background: #ededed;  } .wrapper .container{ width:100% !important; position:relative; padding-bottom:50px !important; padding:0px; margin:0px; } .wrapper .top-wrapper { position:relative; display:block; width:100%;	 height:60px; } .wrapper .contents { position:relative; display:block; width:100%;	 } 
.close-wrapper {position:absolute;right:5px;} .close-wrapper::before { font-family:var(--ico-font); position:absolute; display:inline-block; padding:8px; border-radius:1px; background-color:var(--theme-color); border:1px solid var(--theme-color); border-radius:4px; color:#ffffff !important; font-size:16px; font-weight:600; text-align:center; top:5px; right:5px; z-index:9999; cursor:pointer; content:"\f00d"; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .close-wrapper:hover:before{ background-color:var(--theme-hover); cursor:pointer; } /***************************** end of menu ***************************************************************/
 .catmenu { position: relative; display: block; box-sizing: border-box; } .catmenu > ul { list-style: none; border: var(--cat-menu-border); border-radius: 4px; border-bottom:3px double var(--cat-menu-border-color); } .catmenu ul:not(.sub)  li { list-style: none; position: relative; display: block; padding-top: 10px; padding-bottom: 10px; background: var(--cat-menu-background); border-bottom: 1px solid var(--cat-menu-border-color); white-space: normal; word-break: break-word; } .catmenu ul li.back { background: var(--cat-menu-back-background); } .catmenu ul li.back a:hover { color: var(--cat-menu-back-hover); cursor: pointer; } .catmenu ul li.back a { margin-left: 5px; padding-left:18px !important; } .catmenu ul li.back i { position: absolute; display: inline-block; left: 5px; top: 13px; } .catmenu ul li:last-child { border: 0px; } .catmenu ul:not(.sub) > li > a { padding-left: 10px; padding-right: 10px; } .catmenu ul li a,.catmenu ul li a:link,.catmenu ul li a:visited { font-family: var(--cat-menu-font); font-size: var(--cat-menu-font-size); font-weight: var(--cat-menu-font-weight); color: var(--cat-menu-color); letter-spacing: -0.3px; } .catmenu ul i.has-child { font-family: var(--ico-font); position: absolute; display: inline-block; right: 10px; color: inherit; font-size: 12px; font-weight: 600; } .catmenu ul li ul.sub { list-style: none; position: relative; display: none; width: 100%; height: auto; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; padding-top:10px; margin-bottom:-10px; } .catmenu ul.sub li:last-child { border-bottom: 0px; padding-bottom:10px; } .catmenu ul.sub > li { position: relative; display: block; width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left:15px; white-space: normal; word-break: break-word; background: #f8f8f8; border:0px; border-bottom:1px dotted #dedede; } .catmenu ul.sub li a { position: relative; display: inline-block; font-family: var(--cat-menu-sub-font); font-size: var(--cat-menu-sub-font-size); font-weight: var(--cat-menu-sub-font-weight); color: var(--cat-menu-sub-color); letter-spacing: -0.3px; padding-left: 10px; padding-right: 10px; } .catmenu ul li a:hover { color: var(--hover-color); } .catmenu ul li.active, .catmenu ul li.active > a { background: var(--cat-menu-active-background); color: var(--cat-menu-active-color); } .catmenu ul li ul.sub li.active, .catmenu ul li ul.sub li.active a { background: var(--cat-menu-sub-active-background); color: var(--cat-menu-sub-active-color); border-bottom:0px; }

.scroll-to-top { font-size:15px; color:var(--scroll-to-color); padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; border:1px solid var(--scroll-to-background); border-radius:3px; background:var(--scroll-to-background); position:fixed; z-index:9999; right:15px; bottom:100px; animation:  zoomIn; animation-duration: 0.6s; text-align:center; } .scroll-to-top:hover { cursor:pointer; background-color:var(--scroll-to-hover); border:1px solid var(--scroll-to-hover); color:var(--scroll-to-hover-color); }
.wsp-btn { position:fixed; bottom:20px; left:10px; width:56px; height:56px; z-index:999; 	 } .wsp-btn  i { content:""; position:relative; display:block; width:56px; height:56px; background:url(../images/wsp-btn.png); background-size:100% 100%; } .wsp-btn:before {      content: "";     position: absolute;     top: 0;     right: 0;     bottom: 0;     left: 0;     width: 50px;     height: 50px;     margin: auto;     -webkit-animation: shadow 1.6s ease-out infinite;     animation: shadow 1.6s ease-out infinite;     -webkit-animation-delay: 0s;     animation-delay: 0s;     border-radius: 100%;     background: #13521d;     opacity: 0.6;     z-index: -1; } .call-btn { position:fixed; bottom:100px; left:10px; width:56px; height:56px; z-index:999; 	 } .call-btn  i { width:56px; height:56px; content:""; position:relative; display:block; background:url(../images/call-btn.png); background-size:100% 100%; } .call-btn:before {      content: "";     position: absolute;     top: 0;     right: 0;     bottom: 0;     left: 0;     width: 50px;     height: 50px;     margin: auto;     -webkit-animation: shadow 1.6s ease-out infinite;     animation: shadow 1.6s ease-out infinite;     -webkit-animation-delay: 0s;     animation-delay: 0s;     border-radius: 100%;     background: #90919b;     opacity: 0.6;     z-index: -1; } @-webkit-keyframes shadow {0%{transform:scale(1)}75%{transform:scale(1.5);opacity:0.3}to{transform:scale(1.75);opacity:0}} @keyframes shadow {0%{transform:scale(1)}75%{transform:scale(1.5);opacity:0.3}to{transform:scale(1.75);opacity:0}} 
.breadcrumb { position:relative; display:block; width:100%; list-style:none;	 background:var(--bread-background); padding:15px; border-bottom:1px solid #f4f4f4; margin-bottom:20px; } .breadcrumb li { position:relative; display:inline-block; } .breadcrumb li::after { font-family:var(--ico-font); position:relative; display:inline-block; margin-left:4px; margin-right:4px; content:"\f054"; font-weight:600; font-size:9px; } .breadcrumb li:last-child::after  { display:none;	 } .breadcrumb li a,.breadcrumb li a:link,.breadcrumb li a:visited { color:var(--bread-text-color); font-size:var(--bread-font-size); font-family:var(--static-font2); } .breadcrumb li a:hover { color:var(--bread-hover-color); } ,.breadcrumb li a.active:hover ,.breadcrumb li a.active { color:#000000; }
.responsive { max-width:100%; max-height:100%	 } .responsive-h { max-width:auto; max-height:100%	 } .responsive-w { max-width:100%; max-height:auto; } .responsive-full-w { max-width:100%; width:100%; height:auto; max-height:none;	 } .responsive-full-h { max-width:auto; width:auto; height:100%; max-height:100%;	 }
 .responsive-img { display: block !important;  max-width: 100% !important; max-height:100% !important; height:auto; width:auto; background-size:cover; position: relative !important;  top: 0;  left:0; right:0; bottom:0; margin: auto; }
.social-links { position:relative; display:block; text-align:left; width:auto; }  .social-links li { list-style:none; position:relative; display:inline-block; text-align:center; margin-right:5px; } .social-links li:last-child:after {display:none;} .social-links li a  { position:relative; display:block; text-align:center; animation:  bounceIn; } .social-links li a i { position:relative; display:inline-block; border:0px solid #dedede; padding:10px; display:block; font-size:16px; font-weight:400; color:#444444; border-radius:4px; background:#ffffff; margin-top:20px; }  .social-links li a:hover  > .fa-facebook {border-color:#3b5998 !important; background-color:#3b5998 !important; color:#ffffff !important; }  .social-links li a:hover  > .fa-facebook-square {border-color:#3b5998 !important; background-color:#3b5998 !important; color:#ffffff !important; }  .social-links li a:hover  > .fa-twitter { border-color:#55acee !important; background-color:#55acee !important; color:#ffffff !important; }  .social-links li a:hover  > .fa-twitter-square { border-color:#55acee !important; background-color:#55acee !important; color:#ffffff !important; }  .social-links li a:hover  > .fa-instagram { border-color:#f46f30 !important; background-color:#f46f30 !important; color:#ffffff !important; }  .social-links li a:hover  > .fa-linkedin { border-color:#55acee !important; background-color:#55acee !important; color:#ffffff !important; }  .social-links li a:hover  > .fa-youtube { border-color:#ff3d00 !important;background-color:#ff3d00 !important; color:#ffffff !important; }  .social-links li a:hover  > .fa-youtube-square { border-color:#ff3d00 !important;background-color:#ff3d00 !important; color:#ffffff !important; }  .social-links li a:hover  > .fa-tiktok { border-color:#ff3d00 !important; background-color:#ff3d00 !important; color:#ffffff !important; }  .social-links li a:hover  > .fa-whatsapp { border-color:#43d854 !important; background-color:#43d854 !important;  color:#ffffff !important; }  .social-links li a:before {content:none !important;} .social-links ul li:first-child {border:0px;}
.grid-col { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px;	 } @media(max-width:1023px) { .no-mobile { display:none;	 } }
 .form { position:relative; display:block; width:100%; padding:40px;	 margin-bottom:30px; } @media (max-width:1024px) { .form { position:relative; display:block; width:100%; padding:15px;	 } } .form-grup { padding:10px;	 } .form-input {   display: flex;   align-items: center; } .form-input label {   margin-right: 10px; } .form-input input, .form-input textarea {   flex: 1;   box-sizing: border-box; } .form input[type=text], .form input[type=password], .form textarea { -webkit-box-shadow: none; box-shadow: none; outline: none; padding: var(--input-padding); background-color: var(--input-background); border: 1px solid var(--input-border-color); border-radius: var(--input-radius); color: var(--input-text-color); font-family:var(--input-font); font-size: var(--input-text-size); } .form input:focus:not([type="button"]):not([type="submit"]):not([type="reset"]), .form textarea:focus, .form select:focus { box-shadow: 2px 2px 5px rgba(0,0,0,0.5); border:1px solid var(--input-hover-color); background:var(--input-hover-background); } .form .form-info { position:relative; display:block; margin-bottom:10px; font-family:var(--form-info-font); font-size:var(--form-info-size); font-weight:var(--form-info-weight); color:var(--form-info-color); }	 	 .form-sonuc { clear:both; position:relative; width:95% !important; display:block; text-align:center; background-color:#2b2b2b; border:1px solid #2b2b2b; color:#ffffff; font-size:14px; font-weight:400; font-family:inherit; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; margin-top:10px !important; margin-bottom:10px !important; padding:15px; border-radius:4px; margin-left:auto; margin-right:auto; }	 .form-sonuc-error { clear:both; position:relative; width:auto !important; min-width:90%; display:table; text-align:center; background-color:#cc0000; border:1px solid #cc0000; color:#ffffff; font-size:12px; font-weight:400; font-family:inherit; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; margin-left:auto; margin-right:auto; margin-top:10px !important; margin-bottom:10px !important; padding:5px; border-radius:2px; }	 	
 body.no-scroll {   overflow: hidden;   position: fixed;   width: 100%; }
.pagination { list-style:none; position:relative; display:block; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; text-align:center; } .pagination li { position:relative; display:inline-block; list-style:none; border:var(--pagination-border); background:var(--pagination-background); font-size:var(--pagination-size); font-weight:var(--pagination-weight); font-family:var(--pagination-font); color:var(--pagination-color); border-radius:3px; margin-right:4px; } .pagination li a:link,.pagination li a:visited { color:var(--pagination-color); padding:var(--pagination-padding); } .pagination li.current, .pagination li.current a { color:var(--pagination-current-color); background:var(--pagination-current-background); } .pagination li:hover { cursor:pointer; background:var(--pagination-hover-background); color:var(--pagination-hover-color); }
  .widget { position:relative; display:block; width:100%; } .widget .widget-title { position:relative; display:block; width:100%; height:auto; color:var(--widget-color); background:var(--widget-background); font-size:var(--widget-font-size); font-weight:var(--widget-weight); font-family:var(--widget-font); margin-bottom:10px; padding:10px; border-top-right-radius:4px; border-top-left-radius:4px; }
  .burger { position:absolute; right:10px; top:24px; font-size:26px; font-weight:600; color:#333333; cursor:pointer; } @media (min-width:1026px) { .burger {display:none;	}} .catburger { position:relative; left:10px; top:-10px; font-size:26px; font-weight:600; color:#ffffff; cursor:pointer; } @media (min-width:1024px) { .catburger {display:none;	}} @-webkit-keyframes fadetofade {     0% {         opacity:1; 		transform:rotate(345deg);     } 50% {         opacity: 0.5; 		transform:rotate(345deg);     }     75% {         opacity: 0.8; 		transform:rotate(300deg);     }     to {         opacity: 1 		transform:rotate(345deg);     } } 
.row-title { position:relative; display:block; width:100%; }
.decorate {   position: relative;   display: inline-block;   text-decoration: none;   color: inherit; } .decorate::after {   position: absolute;   content: '';   left: 0;   bottom: -2px;   display: block;   width: 0;   height: 1px;   background: var(--theme-color);   transition: width 0.4s ease-in 0s; } .decorate.white:after{background: var(--color-white);} .decorate:hover::after {width: 100%;}
.bg-gray {background:#f4f4f4;}
.bg-light {background:#f8f8f8;}
.bg-black {background:#222222;}
.bg-theme {background:var(--theme-color);}
.hover-skew:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(255,255,255,0.4); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -webkit-transform: rotate(360deg) scale(1.003) skew(-14deg) translate(0px); -moz-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -o-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -ms-transform: rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .hover-skew:hover:after { width: 120%; background-color: transparent; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; color:#ffffff; } 
.mobile-info-links {list-style:none;	 position:relative; display:block; margin-top:30px; margin-bottom:30px; width:100%; height:auto; } .mobile-info-links li.title  { font-size:var(--mobile-link-title-size); color:var(--mobile-link-title-color); font-weight:var(--mobile-link-title-weight); font-family:var(--mobile-link-font); border-bottom:1px solid #ffffff; padding-top:10px; padding-bottom:10px; background:#333333; color:#ffffff; } .mobile-info-links li.title.sube  { font-size:var(--mobile-link-title-size); color:var(--mobile-link-title-color); font-weight:var(--mobile-link-title-weight); font-family:var(--mobile-link-font); border-bottom:1px solid #ffffff; padding-top:10px; padding-bottom:10px; background:#0f2e66;	 color:#ffffff; } .mobile-info-links li { list-style:none; position:relative; display:block; padding-top:2px; padding-bottom:2px; margin-bottom:15px; font-size:var(--mobile-link-font-size); font-weight:500; color:var(--mobile-link-color); line-height:16px; word-break:break-word; } .mobile-info-links p { list-style:none; position:relative; display:block; margin-top:-5px; padding-top:2px; padding-bottom:2px; font-size:14px; font-weight:400; color:var(--mobile-link-color); line-height:normal; word-break:break-word; } .mobile-info-links li a,.mobile-info-links li a:visited,.mobile-info-links li a:link { font-family:var(--mobile-link-font); font-size:var(--mobile-link-size); font-weight:var(--mobile-link-weight); color:var(--mobile-link-color); margin-left:8px; } .mobile-info-links li a:hover { color:var(--mobile-link-hover); } .mobile-info-links li::before { font-family:var(--ico-font); position:relative; display:inline-block; margin-left:5px; top:0px; font-weight:600; font-size:20px; } @media (max-width:1024px) { .mobile-info-links li { padding-left:15px;} .mobile-info-links li::before { left:0px; }	 } .mobile-info-links li.phone:before { 	content:"\f2a0"; 	transform: rotate(340deg); } .mobile-info-links li.email:before { 	content:"\f0e0"; } .mobile-info-links li.gsm:before { 	content:"\f3cd"; } .mobile-info-links li.map:before { 	content:"\f041"; }
 ::-webkit-scrollbar,scrollbar {     width:var(--scroll-width); 	background-color:var(--scroll-background); } ::-webkit-scrollbar-track,scrollbar-track {     border-radius: var(--scroll-radius); } ::-webkit-scrollbar-thumb,scrollbar-thumb {     background-color: var(--scroll-color);     border-radius: var(--scroll-radius); } ::-webkit-scrollbar-thumb:hover,scrollbar-thumb:hover {   background: var(--scroll-hover);   cursor:pointer; }

.col-pad-20 {
padding:20px;	
}