diva-pro-of cat-pro-ot*{margin:0;padding:0;text-decoration:none; font-family: 'Ubuntu', sans-serif;}
body, nav,  div, p, a, ul, li, img {margin:0px; padding:0px;}
body{background:#fff;}
header {width:100%; position: fixed; z-index: 990; background:rgba(255,255,255,1); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
main {font-size: 16px; padding-top: 120px; min-height: calc(95vh - 120px);}
ul li ul {margin-bottom: 0}
a {text-decoration:none}
p {padding-bottom: 15px}
pre {white-space: break-spaces; font-size: 0.9em;}
img {width:auto; max-width: 100% }
strong {font-weight: 500;}
span {font-weight: 400}
figure {text-align: center}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;}
[type=reset], [type=submit], button, html [type=button] {-webkit-appearance: button;}
button, input[type=submit] {cursor: pointer;}
button, select {text-transform: none;}
button, input {overflow: visible;}
button, input, optgroup, select, textarea {margin: 0;}
input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
		border-image: initial;}
textarea {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    flex-direction: column;
    resize: auto;
    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    margin: 0em;
    font: 400 13.3333px Arial;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
    border-image: initial;
    padding: 2px;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;	vertical-align: baseline;}
audio:not([controls]) {display: none;	height: 0;}
[hidden], template {display: none;}
a {background-color: transparent;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: 700;}
small {font-size: 80%;}

sub, sup {font-size: 75%; line-height: 0;	position: relative;	vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}


h1 {line-height: 1.1; overflow: hidden;  margin-bottom: .5em; font-weight:600; padding-top:0.5em;font-size:2.125em; color:#3d90ce; text-transform: uppercase; border-bottom: 2px solid #3d90ce; padding-bottom: 1em}
.sinmodsec-div h1 {padding-top: 0px}
h2 {font-weight: 500; padding: 10px 0 30px; text-align: left; text-transform: uppercase; color: #3d90ce;}
h3 {font-weight: 500; padding: 10px 0 30px; text-align:center; text-transform: uppercase; color: #3d90ce;}
h2 strong {font-weight: 500; text-align: left; text-transform: uppercase; color: #3d90ce;}
/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
/** >= 710px */
@media screen and (min-width: 44.375em) {
}
/** >= 783px */
@media screen and (min-width: 48.9375em) {
}
/** >= 910px */
@media screen and (min-width: 56.875em) {
}
/** >= 985px */
@media screen and (min-width: 61.5625em) {
}
/** >= 1200px */
@media screen and (min-width: 75em) {
}


/* Bottom menu ------------ */
#actions{position: fixed; height: 64vh; top: 18vh; width: 29px; right: 44px; z-index: 99;}
#actions a{width: 29px; height:16px; background:url(arrow-d.png); display: inline-block; position:absolute; background-size: contain}
#moveSectionUp {transform: rotate(180deg); top: 0;}
#moveSectionDown {bottom: 0px;}

.miblue {color:#def1fc ;background:rgba(222,241,252,1.00) ;}
.blue {color:#3d90ce ;background:rgba(61,144,206,1.00) ;}
.blue3 {color:#0055a3 ;background:rgba(1,85,163,1.00);}
.grey {color:#f2f2f2 ;background:rgba(242,242,242,1.00) ;}
.black {color:#202828 ;background:rgba(32,40,40,1.00) ;}

/*_________________________________________________________*/
.head-fix .logo{width: 10%; max-width: 220px; max-height: 65px; z-index: 123; padding: 15px 0 10px; line-height: 0; transition:all .4s ease-out}

.wrap {width: 88%; margin: 0 auto; font-size: 1em;}

.wrap-ab {width: 70%; margin: 0 auto; display: flex; justify-content: space-between}
.wrapt {width:auto; padding: 0 11% 0 6%; font-size: 1em; margin-top: 33px;}
.wrap-center {padding:0 11% 55px; margin: 0 auto; font-size: 1em; line-height: 1.4; color:#202828; height: fit-content;  }
.wrap-center p {padding-bottom: 40px; font-size: 1.5em}
.wrap-center h1 {
margin-top: 33px; }
/* CATEGORY MODUL LIST START */
.diva-cat-four	{height:0; padding: 0 0 32%; position:relative; margin-bottom: 2%}

/*_________________________________*/
.flex-block {display: flex; justify-content: space-between; flex-wrap: wrap}

#pagination {position: fixed; top: auto;left: auto; bottom: 0px; right: 5%; height:auto; z-index: 70; width:auto; padding: 0; margin: 0; display: inline-flex;}
#pagination a, #pagination span {display:inline-block; margin: 0;  transition: 0.5s; margin-left: 3px; background: rgba(61,144,206,1.00); -webkit-border-radius: 0px; border-radius: 0px; max-height: 65px; text-decoration:none; color: #000; border-bottom: 3px solid rgba(61,144,206,1.00);}
#pagination span {color: rgba(61,144,206,1.00); padding: 14px 16px; background: #fff}
#pagination a:hover{background: rgba(255,255,255, 1);color: rgba(61,144,206,1.00); transition: 0.5s}
#pagination a:hover a {background: rgba(255,255,255, 1); color: rgba(61,144,206,1.00); transition: 0.5s}
#pagination a {padding: 22px 28px; font: bold 18px/41px; font-weight: 400; color: #fff; text-decoration: none; outline: none;  text-transform: uppercase; transition: 0.5s}
#pagination a, #pagination span{padding: 14px 19px; }
#pagination a.active  {color: rgba(61,144,206,1.00);}

.bg-whitet {background: rgba(255,255,255,0.87)}
.bg-bluet {background:rgba(61,144,206,0.87)}
.bg-white {background: rgba(255,255,255,1)}
.bg-blue {background:rgba(61,144,206,1)}
.bg-blue h2 {color: #fff}
.bg-bluet h2 {color: #fff}
.bg-blue h2 strong {color: #fff}
.bg-bluet h2 strong {color: #fff}


.bg-mibluet {background:rgba(222,241,252,0.87)}
.bg-miblue {background:rgba(222,241,252,1.00)}
.bg-miblue h2 {color: #fff}
.bg-mibluet h2 {color: #fff}

/* MENU HEADER START */
.navul {width: calc(100% - 25% - 120px)!important; }

@media screen and (max-width:1920px){
.navul {padding: 0 7%; width:inherit!important}
}

#cssmenu {position:relative; display: flex!important; justify-content: space-between; align-items: center;font-family:sans-serif; font-size: 16px}
#cssmenu, #cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; display:block}
#cssmenu ul {display: flex; justify-content: space-between; margin-bottom: 0px; width: inherit;}
/* #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} */
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:0px; letter-spacing:1px;text-decoration:none;color:#0055a3; font-size: 1.3752em; font-weight:300; text-transform: uppercase; }
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:15px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:11px;right:0px;width:12px;height:2px;display:block;background:#0055a3;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:6px;right:5px;display:block;width:2px;height:12px;background:#0055a3;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:10px;height:0; visibility: hidden}
#cssmenu ul ul{position:absolute;left:-9999px; display: block; padding-left: 0px; padding-top: 20px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul ul ul{margin-left:100%;top:0; padding: 0}
#cssmenu ul ul li a{border-bottom:1px solid #def1fc;padding:11px 15px;width:250px;font-size:16px;text-decoration:none;color:#def1fc;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#3d90ce}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:after	{ background: #3d90ce}
#cssmenu ul ul > li.has-sub:hover > a:before {top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
	
.logo{width: 15%; max-width:220px; max-height: 75px; z-index: 123; padding: 25px 0 15px; line-height: 0;transition:all .4s ease-out}
.logo img {width: auto;}
.wpm-language-switcher {display: flex}
.lang {font-size: 1.5vw; font-weight: 500;}
.lang span {padding: 0px; font-weight: 500}
.lang li {padding: 0 4px }
.lang a {color: #2060ac; padding: 0 4px;}
.lang ul {margin: 0}
.lang .active {color: #202828;}
.bread {font-size: 1.125em;}
.bread a span {color:#0055a3  }
@media screen and (max-width:1620px){	
 .navul {padding: 0 5%}
#cssmenu > ul > li > a {font-size: 1.25em;}
.lang {font-size: 1.25vw; font-weight: 500;}

.bread {font-size: 1em;}
}
@media screen and (max-width:1440px){
.wrap {width: 90%; margin: 0 auto; font-size: 0.85em;}
.wrapt {width:auto; padding: 0 10% 0 5%; font-size: 0.85em;}
.wrap-center {padding:0 10% 55px; margin: 0 auto; font-size: 0.8em; line-height: 1.4; color:#202828 }
.wrap-center p {padding-bottom: 10px}
	
.navul {padding: 0 2%}
.lang {font-size: 1.125em; font-weight: 500;}
.bread {font-size: 0.875em;}
#cssmenu > ul > li > a {font-size: 1.125em;}
#cssmenu ul ul li a{border-bottom:1px solid #def1fc; padding:11px 15px;width:220px;font-size:0.875em;}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:9px;right:1px;width:8px;height:2px;display:block;background:#0055a3;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:6px;right:4px;display:block;width:2px;height:8px;background:#0055a3;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
}
@media screen and (max-width:1170px){
.wrap {width: 90%; margin: 0 auto; font-size: 0.7em;}
.wrapt {width:auto; padding: 0 7% 0 5%; font-size: 0.75em;}
.wrap-center {padding:0 7% 55px; margin: 0 auto; font-size: 0.75em; line-height: 1.4; color:#202828 }
.wrap-center p {padding-bottom: 10px}
.lang {font-size: 1em; font-weight: 500;}
.lang a {padding: 0}
.bread {font-size: 0.75em;}
.navul {padding: 0 7px 0 22px;}
#cssmenu > ul > li > a {font-size: 1em;}
#cssmenu ul ul li a{border-bottom:1px solid #def1fc; padding:11px 15px;width:220px;font-size:0.875em;}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:9px;right:1px;width:8px;height:2px;display:block;background:#0055a3;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:6px;right:4px;display:block;width:2px;height:8px;background:#0055a3;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
}
@media screen and (max-width:1024px){
.wrap-center {padding:0 5% 55px; font-size: 0.68em; line-height: 1.4;}
.wrapt {padding:0 5%;}
.logo{position:relative;top:0;left: 0%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none; width: 120px;}
.logo img {width: auto;}
.logo2{display:none}
nav{width:100%;}
.navul {padding: 0; max-height: 90vh; overflow: auto;}
.bread {position: absolute; left: calc(5% + 140px);	top: 40px; transition: all .4s ease-out; height: 15px; max-width: calc(85% - 140px); overflow: hidden;}
.head-fix .logo {width:120px; max-height: 65px; padding: 5px 0 0px;}
.head-fix .bread {top: 35px; transition: all .4s ease-out;}
#cssmenu{width:100%; padding: 0 5%; display: block!important; border-bottom: 2px solid rgba(61,144,206,1)}
#cssmenu ul{width:100%;display:none; padding: 10px 0}
#cssmenu ul li{width:100%;border-top:1px solid #def1fc}
#cssmenu ul li:hover{background:rgba(61,144,206,1);}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a {width:100%;border-bottom:0; padding: 15px 0}
#cssmenu ul ul li a {width:100%;border-bottom:0; padding: 10px 0}
#cssmenu > ul > li{float:none; padding:0;}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:rgba(61,144,206,0.80)!important;}
#cssmenu ul ul li:hover{background:rgba(61,144,206,1.00)!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#def1fc;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
	
	#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
    color: #fff;
}
	
	
#cssmenu ul ul,#cssmenu ul ul ul{padding: 0; position:relative;left:0;width:100%;margin:0;text-align:left;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:0px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right: 5%;margin-right: -20px;;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid rgba(61,144,206,1);border-bottom:2px solid rgba(61,144,206,1);content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:rgba(61,144,206,1);content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:rgba(61,144,206,1);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:rgba(61,144,206,1);width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0; background: #fff; display:block;border-left:1px solid #def1fc;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#def1fc}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:rgba(61,144,206,1);content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:rgba(61,144,206,1)}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:rgba(61,144,206,1);content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
	
	
	
	
	.button:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 8px;
    width: 30px;
    border-top: 2px solid rgba(61,144,206,1);
    border-bottom: 2px solid rgba(61,144,206,1);
    content: '';
}
	.button:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 12px;
    right: 20px;
    display: block;
    height: 2px;
    width: 30px;
    background: rgba(61,144,206,1);
    content: '';
}
	
	.button.menu-opened:after, .button.menu-opened:before{width:28px}
	
}

th {background: rgba(61,144,206,1.00); box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);}
figure:not(#st2) table tr td:nth-child(2) {
    width: 30%;
    white-space: nowrap;
}

/*tr td:nth-child(2) {width:1%; white-space: nowrap;}*/

.single-content {font-size: 16px}
.single-content a {color: rgba(61,144,206,1)}
.single-content h2 {font-size: 1.5em;padding: 0 0 20px 0;}
.single-content h3 {text-align: left; font-size: 1.25em;padding: 0 0 15px 0;}
.single-content p {padding: 0px 0 15px 0; font-size: 1.25em; font-weight: 400;}
.single-content em {font-size: 0.8em;}
.single-content ul {list-style: none; color: #fff; padding: 0px 0 15px 0;}
.single-content ul li {color: #000; padding-left: 30px; font-size: 1.25em;}
.single-content ul li::before {content: ""; background: #3d90ce; position: absolute; width: 13px; height: 13px; margin: 11px 0 0 -29px;}
.single-content ul li ul {padding: 0}
.single-content ul li ul li{font-size: 1em}
.single-content ol {list-style: none; color: #fff; padding: 0px 0 15px 0;}
.single-content ol li {color: #000; margin-left:30px; font-size: 1.25em;}
.single-content ol li::marker {color: #3d90ce; font-size: 1em;}
.single-content ol li ol{padding: 0}
.single-content ol li ol li{font-size: 1em}
.single-content table {width: 100%}

@media screen and (max-width:1440px){
.single-content a {color: rgba(61,144,206,1)}
.single-content h2 {font-size: 1.25em;padding: 0 0 15px 0;}
.single-content h3 {text-align: left; font-size: 1.125em;padding: 0 0 15px 0;}
.single-content p {padding: 0px 0 15px 0; font-size: 1.125em; font-weight: 400;}
.single-content em {font-size: 0.8em;}
.single-content ul {list-style: none; color: #fff; padding: 0px 0 15px 0;}
.single-content ul li {color: #000; padding-left: 30px; font-size: 1.125em;}
.single-content ul li::before {content: ""; background: #3d90ce; position: absolute; width: 13px; height: 13px; margin: 11px 0 0 -29px;}
.single-content ul li ul {padding: 0}
.single-content ul li ul li{font-size: 1em}
.single-content ol {list-style: none; color: #fff; padding: 0px 0 15px 0;}
.single-content ol li {color: #000; margin-left:30px; font-size: 1.125em;}
.single-content ol li::marker {color: #3d90ce; font-size: 1em;}
.single-content ol li ol{padding: 0}
.single-content ol li ol li{font-size: 1em}
}
@media screen and (max-width:1170px){
.single-content a {color: rgba(61,144,206,1)}
.single-content h2 {font-size: 1.2em; padding: 0 0 10px 0;}
.single-content h3 {text-align: left; font-size: 1.125em; padding: 0 0 10px 0;}
.single-content p {padding: 0px 0 10px 0; font-size: 1.125em; font-weight: 400;}
.single-content em {font-size: 0.7em;}
.single-content ul {list-style: none; color: #fff; padding: 0px 0 15px 0;}
.single-content ul li {color: #000; padding-left: 30px; font-size: 1.125em;}
.single-content ul li::before {content: ""; background: #3d90ce; position: absolute; width: 13px; height: 13px; margin: 11px 0 0 -29px;}
.single-content ul li ul {padding: 0}
.single-content ul li ul li{font-size: 1em}
.single-content ol {list-style: none; color: #fff; padding: 0px 0 15px 0;}
.single-content ol li {color: #000; margin-left:30px; font-size: 1.125em;}
.single-content ol li::marker {color: #3d90ce; font-size: 1em;}
.single-content ol li ol{padding: 0}
.single-content ol li ol li{font-size: 1em}
	
}
.sinupd-img {width: 35%; margin-top: 30px; min-height: 250px; background: url(../images/ogab.png) no-repeat; background-size:contain;}
.sinupd-div {width: 60%; padding-left: 5%;}



/* MENU HEADER END*/
@media screen and (max-width:980px){
.wrap-center {padding:0 5% 30px; font-size: 0.60em; line-height: 1.4;}
}
/* ACORDEON TUTORIAL START*/
.accordion {background-color: #fff; color: #3d90ce; cursor: pointer; padding: 18px; width:calc(100% - 36px); border: none; text-align: left; outline: none; font-size: 18px; transition: 0.4s;}
.activei, .accordion:hover {background-color: #3d90ce; color: #f2f2f2;}
.accordion:after {content: '\002B'; color: #3d90ce; font-weight: bold; float: right; margin-left: 5px;}
.accordion:hover:after {content: '\002B';color: #fff; font-weight: bold; float: right; margin-left: 5px;}
.activei:after {content: "\2212"; color: #fff;}
.panel {padding: 0 18px; width:calc(100% - 36px); background-color:#f2f2f2; font-size: 16px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.panel p {padding: 18px 0; font-size: 15px; text-align: left}
.panel p a {font-size: 15px; color: #3d90ce}

/* SINGLE TUTORIAL START*/
.sintut-desc {width: 60%; margin: 0 auto}
.sintut-desc p {font-size: 18px}
.sintut-desc a {font-size: 18px; color: #3d90ce;}
.tut-slide {flex-wrap:nowrap; margin-bottom: 30px}
.tut-slide a {max-width: 50%;}
.tut-slide div {width: 45%; margin-left: 5%}
.tut-slide p {padding: 0px 0 15px 0; font-size: 1.4em; font-weight: 400;}
.tut-slide ul {list-style: none; color: #fff;}
.tut-slide ul li {color: #000; padding-bottom: 5px; padding-left: 30px; font-size: 1.4em;}
.tut-slide ul li::before {content: ""; background: #3d90ce; position: absolute; width: 13px; height: 13px; margin: 11px 0 0 -29px;}
.tut-slide ul li ul li{font-size: 1em}
.tut-slide ol li {color: #000; padding-bottom: 5px; margin-left:30px; font-size: 1.4em;}
.tut-slide ol li::marker {color: #3d90ce; font-size: 1em;}
.tut-slide ol li ol li{font-size: 1em}



/*SINGLE TUTORIAL END*/

.sincatdesc h2 {font-size: 22px; padding: 0px 0 15px; text-transform: none; font-weight: 400;}
.sincatdesc p {font-size: 18px}
.sincatdesc ul, .sinmodsec-div ul, .sin-mod-wc ul {list-style: none; color: #fff;}
.sincatdesc ul li, .sinmodsec-div ul li, .sin-mod-wc ul li {color: #000; padding-bottom:5px; padding-left: 30px;}
.sincatdesc ul li::before, .sinmodsec-div ul li::before, .sin-mod-wc ul li::before {content: ""; background:#3d90ce; position: absolute; width: 22px; height: 22px; margin:2px 0 0 -29px;}


/* SINGLE MODUL SECTION START*/
iframe {width: 100%; height: -webkit-fill-available; min-height: 220px; max-height: 65vh;}
.full-back {position: fixed; height: 60vh; width:32%; z-index: 0; top: 20vh; left:5.5%; background: center center / cover no-repeat}
#fullpage h2 {font-size: 2.125em; padding: 0 0 15px 0; border-bottom: 3px solid #def1fc; margin-bottom: 30px}
.sin-mod-wc {width: 60%; margin-left: 40%; font-size: 16px}
.sin-mod-wc.sinmodsec-div {padding-left:0px; text-align: left; padding-top:0px; font-size: 16px; font-weight: 400}
.sin-mod-wc.sinmodsec-div ul li, .sin-mod-wc ul li {color: #000; padding-bottom: 5px; padding-left: 30px; font-size: 20px;}
.sin-mod-wc.sinmodsec-div ul li::before, .sin-mod-wc ul li::before {width: 13px; height: 13px; margin: 11px 0 0 -29px;}
.sin-mod-wc h1 {font-size: 2.125em; border-bottom: 3px solid #def1fc; font-weight: 700; margin-bottom: 57px}
.sin-mod-wc h2 {font-size: 2.125em; padding: 0 0 15px 0; border-bottom: 3px solid #def1fc; margin-bottom: 30px}
.sin-mod-wc p {font-size: 1.5em; padding-bottom: 0}

.mod-gal {justify-content: space-around;}
.mod-gal a {max-width:calc(24% - 6px); margin-bottom: 1%; max-height: 100%; border: 3px solid rgba(61,144,206,1.00)}
.mod-gal img {width:auto; height: auto}
.sl-overlay {background: #fff; opacity: .9;}
.sl-wrapper .sl-navigation button {font-size: 8em; font-family:inherit; color: rgba(61,144,206,1.00);}
.sl-wrapper .sl-close {font-size: 2em; font-family: inherit; color: rgba(61,144,206,1.00);}
.wrap-center.gallery {font-size: 1.1em}
.wrap-center.mod-video {font-size: 1.1em}
.wrap-center.sin-mod-serbot {font-size: 1.1em}
@media screen and (max-width:1620px){
#fullpage h2 {font-size: 2.125em; padding: 0 0 10px 0; border-bottom: 3px solid #def1fc; margin-bottom: 30px; line-height: 1.2;}
.sin-mod-wc.sinmodsec-div {padding-left:0px; text-align: left; padding-top:0px; font-size: 16px; font-weight: 400}
.sin-mod-wc.sinmodsec-div ul li, .sin-mod-wc ul li {color: #000; padding-bottom: 0px; padding-left: 30px; font-size: 20px;}
.sin-mod-wc.sinmodsec-div ul li::before, .sin-mod-wc ul li::before {width: 16px; height: 16px; margin: 9px 0 0 -29px;}
.sin-mod-wc h1 {font-size: 1.75em; border-bottom: 3px solid #def1fc; font-weight: 700; margin-bottom: 42px; padding-bottom: 15px;}
.sin-mod-wc h2 {font-size: 1.75em; padding: 0 0 15px 0; border-bottom: 3px solid #def1fc; margin-bottom: 30px}
.sin-mod-wc p {font-size: 1.25em; padding-bottom: 0}
	
}
@media screen and (max-width:1440px){
#fullpage h2 {font-size: 1.5em; padding: 0 0 5px 0; border-bottom: 3px solid #def1fc; margin-bottom: 30px}
.sin-mod-wc.sinmodsec-div {padding-left:0px; text-align: left; padding-top:0px; font-size: 16px; font-weight: 400}
.sin-mod-wc.sinmodsec-div ul li, .sin-mod-wc ul li {color: #000; padding-bottom: 0px; padding-left: 30px; font-size: 18px;}
.sin-mod-wc.sinmodsec-div ul li::before, .sin-mod-wc ul li::before {width: 12px; height: 12px; margin: 8px 0 0 -29px;}
.sin-mod-wc h1 {font-size: 1.5em; border-bottom: 3px solid #def1fc; font-weight: 700; margin-bottom: 27px; padding-bottom: 10px;}
.sin-mod-wc h2 {font-size: 1.5em; padding: 0 0 15px 0; border-bottom: 3px solid #def1fc; margin-bottom: 30px}
.sin-mod-wc p {font-size: 1.125em; padding-bottom: 0}
}
@media screen and (max-width:1170px){
	
}



.plusli ul li::before { content: "\002B"; content: "\271A"; color:#3d90ce; margin-top: 2px!important; background: none}

.modbut_item {display: flex; justify-content: flex-start; padding-top: 60px; gap: 60px;}
.modbut_item .modbut_price .price-button:before {background-color: #3d90ce;}
.modbut_wrapper:hover .modbut_price .price-button:before {transform: scaleX(1);}
.modbut_price .price-button:hover:before {transform: scaleX(1); transition: all .5s cubic-bezier(.25,.46,.45,.94);}
.modbut_price .price-button span {color: #3d90ce; position: relative; z-index: 1; font-weight:400}
.modbut_price:hover .price-button span {color: #fff}
.modbut_price .price-button:before, .modbut_price .price-button:hover {transition: all .5s cubic-bezier(.25,.46,.45,.94);}
.modbut_price .price-button:before {content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; transform-origin: top right; transform: scaleX(0);}
.modbut_item .modbut_price .price-label {border-color: #3d90ce; background-color: #3d90ce; font-size:20px}
.modbut_price .price-label {position: relative; display: block; float: left; padding: 7px 19px; text-align: center; font-weight:500; color: #fff; border: 2px solid;}
.modbut_price .price-label span { color: #fff; font-weight:500; }
.modbut_item .modbut_price .price-button {border-color: #3d90ce; color: #3d90ce;}
.modbut_price .price-button {position: relative; display: block; float: left; padding: 10px 22px; text-align: center; font-weight:500 ; text-transform: uppercase; text-decoration: none; border: 2px solid; transition: all .5s cubic-bezier(.25,.46,.45,.94);}
.modbut_item .modbut_price .down-label {border-color: #3d90ce; background-color: #3d90ce;}
.modbut_price .down-label {position: relative; display: block; float: left; padding: 2px 15px; text-align: center; font-weight:900; color: #fff; border: 0px solid; font-size: 30px}
.modbut_price .down-label span { color: #fff; font-weight:500}
/* SINGLE MODUL SECTION END*/
@media (max-width: 1364px) {
    .modbut_item { flex-direction: column; gap: 20px;}

}

#menu {position: fixed; top: auto;left: auto; bottom: 0px; right: 5%; height:auto; z-index: 70; width:auto; padding: 0; margin: 0; display: flex; max-width: 95%; overflow-y: hidden; overflow-x: auto;}
#fp-nav.fp-right {right: 12px;}


#menu li {display:inline-block; margin: 0;  transition: 0.5s; margin-left: 3px; background: rgba(61,144,206,1.00); -webkit-border-radius: 0px; border-radius: 0px; max-height: 65px;}
#menu li.active{background:#fff; color: #fff;}
#menu li a{text-decoration:none; color: #000;}
#menu li.active a:hover{color: rgba(61,144,206,1.00);}
#menu li:hover{background: rgba(255,255,255, 1);color: rgba(61,144,206,1.00); transition: 0.5s}
#menu li:hover a {background: rgba(255,255,255, 1); color: rgba(61,144,206,1.00); transition: 0.5s}
#menu li a {display: block; margin: 0px 3px;  padding: 22px 28px; font: bold 18px/41px; font-weight: 400; color: #fff; text-decoration: none; outline: none; border-bottom: 3px solid rgba(61,144,206,1.00); text-transform: uppercase; transition: 0.5s}
#menu li a, #menu li.active a{padding: 14px 16px; display:block; font-size: 14px}
#menu li.active a {color: rgba(61,144,206,1.00);}

#menua {position: fixed; top: auto; left: auto; bottom: -6px; right: 5%; height:auto; z-index: 70; width:auto; padding: 0; margin: 0;}
#menua li {display:inline-block; margin: 0;  transition: 0.5s; margin-left: 3px; background: rgba(61,144,206,1.00); -webkit-border-radius: 0px; border-radius: 0px; max-height: 50px; overflow: hidden;}
#menua li.active a:hover{color: rgba(61,144,206,1.00);}
#menua li:hover{background: rgba(255,255,255, 1);color: rgba(61,144,206,1.00); transition: 0.5s}
#menua li:hover a {background: rgba(255,255,255, 1); color: rgba(61,144,206,1.00); transition: 0.5s}
#menua li a {margin: 0px 3px; max-width: 180px; font-weight: 400; color: #fff; text-decoration: none; outline: none; border-bottom: 3px solid rgba(61,144,206,1.00); text-transform: uppercase; transition: 0.5s}
#menua li a {padding: 4.5px 6px; display:table-cell; font-size: 14px}
#menua li.active a {color: rgba(61,144,206,1.00);}
#menua li:last-child {background: rgba(1,85,163,1.00);}
#menua li:last-child a {border-bottom: 3px solid rgba(1,85,163,1.00); padding: 14px 16px;}

.menul li:last-child {background: rgba(1,85,163,1.00)!important;}
.menul li:last-child:hover {background: #fff!important;}
.menul li:last-child:hover a {color: rgba(1,85,163,1.00)!important;}
.menul li:last-child a {border-bottom: 3px solid rgba(1,85,163,1.00)!important;}
.menul li.active:last-child {background: #fff!important;}
.menul li.active:last-child a {border-bottom: 3px solid rgba(1,85,163,1.00)!important; color: rgba(1,85,163,1.00)!important}



@media screen and (max-width:1440px){
.main {padding-top: 110px; min-height: calc(95vh - 110px);}
}
/* @media screen and (max-width:1170px){
.main {padding-top: 90px; min-height: calc(95vh - 90px);}
	
}*/

@media screen and (max-width: 1024px) {
header {width: 100%; position: sticky; top: 0vh; overflow-x: hidden;}
.main {padding-top: 0px; min-height: 100vh;}
.wrapt {margin-top: 20px;}
	
}

/* INDEX START */
.in-top {width: 100%; height:calc(100vh - 110px); position: relative}
.in-top1 {position: absolute; z-index: 2; width: 75%; height: 90%; background: url(../images/in-top.jpg) right center; background-size:cover}
.in-top2 {position: absolute; z-index: 3; left: 50%; width: 50%; height: 100%; background: rgba(61,144,206,0.85)}
.in-top3 {position: absolute; z-index: 4; left: 11%; width: 39%; bottom: 18px}
.in-top3 p {font-size: 28px; display: inherit; color: #fff; background: rgba(61,144,206,0.85); padding: 18px 100px; text-transform: uppercase}
.in-top4 {position: absolute; z-index: 5; left: 45%; width: 42%; top: 5%; height: 80%;}
.in-top4t {border: 5px solid #fff; padding-left: 23%; padding-top: 10%; border-bottom: 0px; height: 15%;}
.in-top4t p{color: #fff; font-size: 70px; font-weight: bold}
.in-top4m {border-left: 5px solid #fff;  padding-left: 23%; width: 87%; height: 50%}
.in-top4mt {color: #0055a3; font-size: 60px; font-weight: bold}
.in-top4mb {color: #fff; font-size: 32px; text-align: justify}
.in-top4b {border: 5px solid #fff; border-top: 0px; height: 25%}

.in-title {font-size:40px; text-align: center; color: #202828; padding: 90px 0 60px}

.taber {width: 100%; padding-bottom: 30vh; background: url(../images/digit-in-bt.png) no-repeat bottom; background-size: contain; display: flex;}
.tab {overflow: hidden; background-color: #def1fc; width: 20%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.tab button{border: none; outline: none; background: #def1fc; cursor: pointer; width: 100%; font-weight: 300; background-color: inherit; padding: 30px 16px; transition: all 0.3s linear; font-size:1.875em; text-transform: uppercase}
.tab button:hover {background-color: #fff; box-shadow:0 1rem 2rem .25rem rgba(0,0,0,.2);position: relative; z-index:1;transition: all 0.3s linear}
.tab button.active {background-color: #fff; box-shadow:0 1rem 2rem .25rem rgba(0,0,0,.4);position: relative;z-index:2;transition: all 0.3s linear}
.tabercon {width: 60%}
.tabcontent {display: none; background: #fff; padding: 6px 12px; box-shadow:1rem 1rem 2rem .5rem rgba(0,0,0,.4);z-index:2; border-top: none; height: calc(100% - 12px);transition: all 0.3s linear}

.in-cli {margin-top: -15vh}
.in-but {width: 100%; margin-top: 50px; height: 60vh; position: relative}
.in-but1 {background: url(../images/in-but.png) no-repeat right; position: absolute; z-index: 1; width: 60%; height: 100%}
.in-but2 {width: 50%; margin-left: 50%; height: 80%; position: absolute; z-index: 2; background: rgba(61,144,206,0.85)}
.in-but3 {position: absolute; z-index: 3; color: #fff; width: 25%; height: 80%; left: 55%}
.in-but3t {border: 3px solid #fff; border-bottom: 0px; width: 100%; height: 20%; margin-top: 5%}
.in-but3c {border-left: 3px solid #fff; width: 110%; padding: 5% 0; padding-left: 15%; font-size: 36px}
.in-but3b {border: 3px solid #fff; border-top: 0px; width: 100%; height: 20%;}
.in-but4 {position: absolute; z-index: 4; right: 9%; width: 39%; text-align: right; bottom: 18px}
.in-but4 p {font-size: 28px; display: inherit; color: #fff; background: rgba(61,144,206,0.85); padding: 18px 70px; text-transform: uppercase}



.tabcontentfl {display: flex; justify-content: space-between}
.tabcontentfl1 {width: 45%}/*
.tabcontentfl1 img {width: 100%; padding: 5% 0 0 5%;}
.tabcontentfl2 {width: 45%}
.tabcontent h3 {font-size: 28px; text-align: left;}
.tabcontent p {font-size: 22px; font-weight: 200}*/
.tabcontentfl1 img {width: 100%; padding: 2.5% 0 2.5% 5%;}
.tabcontentfl2 {width: 45%}
.tabcontent h3 {font-size: 28px; text-align: left; margin-top: 30px}
.tabcontent p {font-size: 18px; font-weight: 200}
.center .shadow-effect {height: auto!important; overflow: visible; padding: 20px!important; border:3px solid #def1fc; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02); width: 140%; margin-left:calc(-20% - 26px); margin-top: 20px}
#customers-testimonials .shadow-effect {height:0; overflow:hidden; padding: 0px; background: #fff; text-align: center;}
#customers-testimonials .shadow-effect p strong {font-size: 1.5em}
#customers-testimonials .shadow-effect p {font-family: inherit; font-size:1.125em; line-height: 1.2; margin: 0 0 0px 0; font-weight: 300;}
#customers-testimonials .item {text-align: center; padding: 5px; margin-bottom:20px; opacity: .2; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#customers-testimonials .owl-item.active.center .item {opacity: 1; -webkit-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1);}
.owl-carousel .owl-item img {transform-style: preserve-3d; width: auto!important; max-height: 130px; margin: 0 auto 17px;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {background: #3d90ce; transform: translate3d(0px, -50%, 0px) scale(0.7);}
#customers-testimonials.owl-carousel .owl-dots{display: inline-block; width: 100%; text-align: center;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{display: inline-block;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {background: #3d90ce; display: inline-block; height: 20px; margin: 0 2px 5px; transform: translate3d(0px, -50%, 0px) scale(0.3); transform-origin: 50% 50% 0; transition: all 250ms ease-out 0s; width: 20px;}

/* INDEX END*/
@media screen and (max-width:1720px){
.in-top4m {width: 100%;}
.in-but4 {right: 5%;}
}
@media screen and (max-width:1620px){
.in-top3 p {font-size: 24px; padding: 18px 80px;}
.in-top4t {height: 10%; padding-top: 15%;}
.in-top4t p{color: #fff; font-size: 60px; font-weight: bold}
.in-top4mt {color: #0055a3; font-size: 60px; font-weight: bold; padding-top: 2%}
.in-top4mb {color: #fff; font-size: 28px; text-align: justify}

.in-but3c {font-size: 28px}
.in-but4 p {font-size: 24px; padding: 18px 50px;}
}
@media screen and (max-width:1570px){
.in-top4t p{font-size: 52px;}
.in-top4mt {font-size: 52px;}
.in-top4mb {font-size: 26px;}

.in-but3c {font-size: 28px}
.in-but4 p {font-size: 24px; padding: 18px 50px;}
}
@media screen and (max-width:1440px){
.in-top {width: 100%; height:calc(100vh - 90px); position: relative}
.in-top1 {position: absolute; z-index: 2; width: 65%; height: 82%; background: url(../images/in-top.jpg) right center; background-size:cover}
.in-top3 {left: 10%; bottom: 5vh}
.in-top3 p {font-size: 18px; padding: 14px 60px;}
.in-top4t {height: 10%; padding-top: 15%; padding-left: 20%;}
.in-top4t p{color: #fff; font-size: 48px; font-weight: bold}
.in-top4m {border-left: 5px solid #fff;  padding-left: 20%; width: 89%; height: 60%}
.in-top4mt {color: #0055a3; font-size: 48px; font-weight: bold; padding-top: 2%}
.in-top4mb {color: #fff; font-size: 22px; text-align: justify; padding-bottom: 20px}

.in-title {font-size:28px; text-align: center; color: #202828; padding: 60px 0 40px}
	
.tab button{padding: 25px 16px; font-size:1.5em; }

.in-but3t {height: 15%; margin-top: 5%}
.in-but3c {border-left: 3px solid #fff; width: 110%; padding: 5% 0; padding-left: 15%; font-size: 22px}
.in-but3b {height: 15%;}
.in-but4 {right: 9%;bottom: 14px}
.in-but4 p {font-size: 18px; padding: 14px 40px;}
	
.cat-mod-m .cat-mod-m_title {font-size: 1.75}
}
@media screen and (max-width: 1370px) {
.in-top4m {width: 100%}
}
@media screen and (max-width: 1225px) {
.in-top4m {width: 110%}
}
@media screen and (max-width:1170px){
.in-top4m {width: 100%}
.in-top4t p{font-size: 36px}
.in-top4mt {font-size: 36px;}
.tab button{padding: 25px 16px; font-size:1.25em; }
.tabcontent h3 {font-size: 28px; text-align: left; margin-top: 10px; font-weight: 500; padding: 10px 0 20px;}
}
@media screen and (max-width:1024px){
.in-top4m {width: 100%}
.in-top4t p{font-size: 30px}
.in-top4mt {font-size: 30px;}
.in-top4b {height: 15%}
.in-top3 {left: 7%;}
.in-top3 p {font-size: 18px; padding: 14px 60px;}
.in-but3 {width: 30%}
.in-but4 {right: 7%;bottom: 14px}
.in-but4 p {font-size: 18px; padding: 14px 20px;}
}
@media screen and (max-width:920px){
.in-title {font-size:24px; text-align: center; color: #202828; padding: 60px 0 40px}
.in-top3 p {font-size: 18px; padding: 14px 20px;}
.in-top4mt {font-size: 24px;}
.in-top4mb {font-size: 18px; text-align:left;}
.tab button{padding: 25px 16px; font-size:1.1em; }
.tabcontent h3 {font-size: 28px; text-align: left; margin-top: 10px; font-weight: 500; padding: 10px 0 20px;}

}
@media screen and (max-width:780px){
.in-top2 {left: 25%; width: 75%; height: 80%;}
.in-top3 {left: auto; width: 100%; text-align: center;}
.in-top4 { left: 10%; width: 80%; top: 5%; height: 70%;}
}
@media screen and (max-width:720px){
	.tabcontentfl {flex-wrap: wrap}
	.tabcontentfl1 {width: 100%; max-width: 300px; margin: 0 auto}
	.tabcontentfl2 {width: 100%; text-align: center}
	.tabcontent h3 {font-size: 24px; text-align:center; margin-top: 0px; padding: 10px 0 10px;}
	.center .shadow-effect {height: auto!important; overflow: visible; padding: 20px!important; border:3px solid #def1fc; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02); width:calc(90% - 6px); margin-left:0; margin-top: 20px}
	.in-but2 {width: 70%; margin-left: 30%;}
	.in-but3 { left: 35%; width: 50%;}
	.in-but4 {right: 17%; width: 83%; bottom: 5%}
}
@media screen and (max-width:680px){
	.taber {flex-wrap: wrap;}
.tab {width: 100%; display: flex; flex-wrap: wrap;}
.tab button {padding: 25px 16px; width: 25%;}
.tabercon { width: 100%; overflow-x: hidden;}
}

@media screen and (max-width:540px){
.in-top1 {width: 100%; height: 80%;}
	.in-top2 {left: 0%; width: 100%; height: 80%;}
	.in-top3 {left: auto; width: 100%; text-align: center;}
	.in-top4 { left: 10%; width: 80%; top: 5%; height: 70%;}
	.in-top4t {padding-left: 10%;}
	.in-top4m {padding-left: 10%; width: 80%; height: auto;}
.taber {flex-wrap: wrap;}
.tab {width: 100%; display: flex; flex-wrap: wrap;}
.tab button {padding: 15px 2px; font-size: 0.8em}
.tabercon { width: 100%;}

	.in-but2 {width: 100%; margin-left: 0%;}
	.in-but3 {left: 10%; width: 70%;}
	.in-but4 {right: 17%; width: 83%; bottom: 5%}
	.in-but3c {width: 100%; padding-left: 10%; font-size: 18px}
}

@media screen and (max-width: 420px){
.in-top4 {left: 5%; width: 90%; top: 5%; height: 70%;}
.in-top4m {padding-left: 5%; width: 90%;height: auto;}
.in-top4t {padding-left: 5%;}
}
/* INDEX END */












/* CATEGORY GRID START */

/* CATEGORY GRID END */
.diva-cat-in {margin-bottom: 0px; box-sizing: border-box; max-height: 100%; display: flex; flex-wrap: wrap; height: fit-content; padding-top: 15px}
.diva-cat-four {height:0; padding: 0 0 32%; position:relative; margin-bottom: 2%}
.diva-cat-in .diva-cat-four {width: 32%; margin-right: 2%; margin-bottom: 2%}
.diva-cat-in .diva-cat-four:nth-child(3n+0) {margin-right: 0%}

.diva-cat-in .new_diva-cat {width: 48%;}


/* SERV NEED*/
.cat-prod-or {width: 100%; height:0; padding: 0 0 32%; position:relative; margin-bottom: 2%; font-size: 16px}
.cat-prod-or-bgp {background: url(../images/p-ab-of.jpg); background-position: center; width: 100%; position:absolute; height: 100%}
.cat-prod-or-bgw {width: 100%; background: rgba(255,255,255,0.6);  height: 100%; transition:all .5s linear}
.cat-prod-or-bgb {width:calc(50% - 50px); margin-left: 50%; height:calc(100% - 50px); padding: 25px 0 25px 50px; background: rgba(61,144,206,0.85); transition:all .5s linear}
.cat-prod-or-bdt {width: 64%; border: 2px solid #fff; border-bottom: none; height: 25%; transition:all .5s linear}
.cat-prod-or-bdm {border-left: 2px solid #fff; height:calc(50% - 4px);  padding: 0 0 0 50px; transition:all .5s linear}
.cat-prod-or-bdb {width: 64%; border: 2px solid #fff; border-top: none; height: 25%; transition:all .5s linear}
.cat-prod-or-bdm h2 {font-size:3.125em; color: #fff; padding: 11% 0; transition:all .5s linear}
.cat-prod-or:hover .cat-prod-or-bgw {width: 100%; background: rgba(255,255,255,0.1);  height: 100%; transition:all .5s linear}
.cat-prod-or:hover .cat-prod-or-bgb {height:calc(100% - 50px); padding: 25px 25px 25px 25px; background: rgba(1,85,163,0.75); transition:all .5s linear}
.cat-prod-or:hover .cat-prod-or-bdt {width:calc(100% - 4px); border: 2px solid #fff; border-bottom: none; height: 25%; transition:all .5s linear}
.cat-prod-or:hover .cat-prod-or-bdm {border-right:2px solid #fff; height:calc(50% - 4px);  padding: 0; transition:all .5s linear}
.cat-prod-or:hover .cat-prod-or-bdb {width:calc(100% - 4px); border: 2px solid #fff; border-top: none; height: 25%; transition:all .5s linear}
.cat-prod-or:hover .cat-prod-or-bdm h2 {font-size:3.825em; color: #fff; padding: 11% 0; text-align: center; transition:all .5s linear}
.cat2line {width: 100%; height: 3px; background:rgba(61,144,206,1); margin-bottom:70px; margin-top: 35px}
@media screen and (max-width:1630px){
.cat-prod-or-bdm {padding: 0 0 0 40px;}
.cat-prod-or-bdm h2 {font-size:2.125em;}
.cat-prod-or:hover .cat-prod-or-bdm h2 {font-size:3.125em;}
}

@media screen and (max-width:1440px){
.cat-prod-or:hover .cat-prod-or-bdm h2 {font-size: 2.5em;}
.cat2line {margin-bottom:35px; margin-top: 18px}
}
@media screen and (max-width:980px){
.cat-prod-or-bgb {width: calc(70% - 50px); margin-left: 30%;}
.cat-prod-or-bdm h2 {padding: 5% 0;}
}

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

}

@media screen and (max-width:720px){
.cat-prod-or-bgb {width: calc(100% - 50px); margin-left: 0%;}
.cat-prod-or-bdm h2 {padding: 2% 0;}
.cat-prod-or:hover .cat-prod-or-bdm h2 {font-size:3.125em;padding: 1% 0;}

}
@media screen and (max-width:680px){
.cat2line {margin-bottom: 0px; margin-top: 0px; height: 0px;}
}
@media screen and (max-width:520px){
.cat-prod-or-bgb {width: calc(100% - 30px); height: calc(100% - 30px); padding:15px; margin-left: 0%;}
.cat-prod-or-bdm h2 {padding: 2% 0; text-align: center}
.cat-prod-or-bdt {width:calc(100% - 4px); border: 2px solid #fff; border-bottom: none; height: 25%; transition:all .5s linear}
.cat-prod-or-bdm {border-left: 2px solid #fff; height:calc(50% - 4px);  padding:0px; border-right: 2px solid #fff;}
.cat-prod-or-bdb {width:calc(100% - 4px); border: 2px solid #fff; border-top: none; height: 25%; transition:all .5s linear}	
.cat-prod-or:hover .cat-prod-or-bdm h2 {font-size:2.125em;padding: 2% 0; text-align: center}
.cat-prod-or:hover .cat-prod-or-bgb {height: calc(100% - 30px); padding: 15px 15px 15px 15px;}

}




.cat-mod-bu {margin-left: -6.5%; width: 38.5%!important; padding: 0 0 28%;}
.cat-mod-bu h1 {padding-top: 0px}
.cat-mod-bu p {font-size: 1.5em; margin-top: 10px;}
/*add style to support page 23/05/23*/
.custom strong:first-child {
    font-size: 24px;
  }
  
  .custom strong:not(:first-child),
  .custom p {
    font-size: 16px;
  }

/**/
.cat-mod-n, .cat-mod-u, .cat-mod-m, .cat-mod-s, .cat-mod-o {display:flex; box-shadow:0 1rem 2rem .25rem rgba(9,55,164,0); transition:box-shadow .5s linear;position:relative; background-size: cover; background-position: center; min-height:100%;}

.cat-mod-n div {background:rgba(1,85,163,0.75); position: absolute; height: calc(100% - 50px); overflow: hidden;color: #fff; padding:25px; transition:background .4s ease-out,.4s ease-out;}
.cat-mod-n a {color: #fff; transition:color .4s ease-out,.4s ease-out;}
.cat-mod-n .cat-mod-n_title{line-height:1.25; padding: 0; transition:color .4s ease-out,.4s ease-out; color: #fff; font-size: 2.3em; margin-top:35%}
.cat-mod-n p {font-size: 1.5em; margin-top: 10px}
.cat-mod-n:hover {box-shadow:0 1rem 2rem .25rem rgba(9,55,164,.3);z-index:2}
.cat-mod-n:hover div {background:rgba(255,255,255,0.6); color: #0055a3;}
.cat-mod-n:hover a {color: #0055a3;}
.cat-mod-n:hover .cat-mod-n_title{color:#0055a3; margin-top: 40px;}


.cat-mod-u div {background:rgba(255,255,255,0.6); width: 100%; position: absolute; height: calc(100% - 0px); overflow: hidden;transition:background .4s ease-out,.4s ease-out;}
.cat-mod-u a {color: #fff; transition:color .4s ease-out,.4s ease-out;}
.cat-mod-u .cat-mod-u_title {text-align: right; line-height: 1.15; padding: 7%; transition: all .5s linear,.5s linear; color: #fff; font-size: 2.1em; width: calc(100% - 14%); margin-top: 61%; background: rgba(1,85,163,0.75); height: 25%;}
.cat-mod-u p {font-size: 1.5em; margin-top: 0px; padding:0 7%; background: rgba(1,85,163,0.75);transition: all .5s linear}
.cat-mod-u strong {font-size: 1.25em; margin-top: 30px; left: 7%; position: absolute; color:rgba(1,85,163,1); font-weight: 400; text-transform: uppercase}
.cat-mod-u:hover {box-shadow:0 1rem 2rem .25rem rgba(9,55,164,.3);z-index:2}
.cat-mod-u:hover div {background:rgba(1,85,163,0.75); color: #fff; overflow: hidden}
.cat-mod-u:hover a {color: #fff;}
.cat-mod-u:hover .cat-mod-u_title{color:#fff; background: none; margin-top: 15%; height: auto}
.cat-mod-u:hover p {font-size: 1.5em; margin-top: 0px; padding: 0 7%; height:auto;transition: all .5s linear; background: rgba(1,85,163,0);}
.cat-mod-u:hover strong {color:#fff;}

.cat-mod-m div {background:rgba(255,255,255,0.65); bottom: 0; overflow: hidden;color: #fff; transition:background .5s linear,.5s linear; width:100%; height: 100%; position: absolute; transition:all .4s}
.cat-mod-m a {color: #fff; transition:color .5s linear,.5s linear; width: 100%; height: 100%;}
.cat-mod-m .cat-mod-m_title {text-align: right; line-height:1.25; font-weight: 700; padding:7%; transition:all .5s linear,.5s linear; color: #fff; font-size: 2.3em;width: calc(100% - 14%); margin-top: 61%; background: rgba(1,85,163,0.75); height: 25%; transition:all .5s linear;}
.cat-mod-m p {font-size: 1.5em; margin-top: 0px}
.cat-mod-m .b-top {width:calc(100% - 4px);; height:0; padding-bottom: 0; border-bottom: none; transition:all .5s linear,.5s linear;}
.cat-mod-m .b-but {width:calc(100% - 4px);; height:0; padding-bottom: 0; border-top: none; transition:all .5s linear,.5s linear;}
.cat-mod-m:hover div {background:rgba(1,85,163,0.75); bottom: 0; position: absolute; overflow: hidden;color: #fff; padding:5%; transition:background .5s linear,.5s linear; width:90%; height:90%;}
.cat-mod-m:hover .cat-mod-m_title {border-left: 2px solid #fff; height: calc(50% - 30%); padding:15% 0; transition:color .5s linear, background .1s ease-out, border .5s linear; width: 100%; background: none; margin-top: 0; transition:all .5s linear;}
.cat-mod-m:hover p {font-size: 1.5em; height: 25%; padding: 0; margin: 0}
.cat-mod-m:hover .b-top {height:calc(25% - 2px);border: 2px solid #fff; border-bottom: none;}
.cat-mod-m:hover .b-but {height:calc(25% - 2px); border: 2px solid #fff; border-top: none;}

.cat-mod-s{height:0; padding: 0 0 21%; margin-bottom: 2%;}
.cat-mod-s div {background:rgba(1,85,163,0.47); position: absolute;  height: 100%; width: 100%; overflow: hidden;color: #fff; padding:0px; transition:all .5s linear;}
.cat-mod-s a {color: #fff; transition:color .5s linear,.5s linear;}
.cat-mod-s .cat-mod-s_title{text-align: right;width:calc(100% - 40px); height:auto; min-height: 100px; line-height:1.25; padding: 10px 20px; transition:color .5s linear,.5s linear; color: #fff; font-size: 2.3em; position: absolute; bottom: 0;background:rgba(1,85,163,0.85)}
.cat-mod-s p {font-size: 1.5em; margin-top: 10px}
.cat-mod-s:hover div {background:rgba(1,85,163,1); color: #0055a3;}
.cat-mod-s:hover .cat-mod-s_title{margin-bottom: 20%; min-height:auto;}




.cat-mod-o{ padding: 0 0 15%;}
.cat-mod-o div {background:rgba(1,85,163,0.75); position: absolute; height:100%; width: 100%; overflow: hidden;transition:background .4s ease-out,.4s ease-out;}
.cat-mod-o a {color: #fff;}
.cat-mod-o .cat-mod-o_title{text-align: right; line-height: 1.25; padding:0; transition: all .5s linear,.5s linear; color: #fff; font-size: 2.125em; width: calc(100% - 14%); margin: 15% 5% 7% auto; max-width: 350px}
.cat-mod-o p {font-size: 1.5em; margin-top: 10px; height: 0px; overflow: hidden}
.cat-mod-o strong {font-size: 1.25em; margin-top: 30px; left: 7%; position: absolute; color:#fff; font-weight: 400; text-transform: uppercase}
.cat-mod-o:hover {box-shadow:0 1rem 2rem .25rem rgba(9,55,164,.3);z-index:2}
.cat-mod-o:hover div {background:rgba(1,85,163,0.85); color: #fff;}
.cat-mod-o:hover .cat-mod-o_title{color:#fff; background: none; margin: 15% 5% 0% auto; padding-bottom: 0; height: auto}
.cat-mod-o:hover p {padding: 0 7%; height:auto;}


.cat-mod-p{height:0; padding: 0 0 21%; position:relative; margin-bottom: 2%; display:flex; box-shadow:0 1rem 2rem .25rem rgba(9,55,164,0);transition:box-shadow .4s ease-out; background-size: cover; background-position: center; min-height:100%; }
.cat-mod-p div {background:rgba(1,85,163,1); position: absolute; width: calc(100% - 60px); overflow: hidden;color: #fff; padding:30px; transition:background .4s ease-out,.4s ease-out; min-height: 295px; height: inherit;}
.cat-mod-p a {color: #fff; transition:color .4s ease-out,.4s ease-out;}
.cat-mod-p img {position: absolute; top: 28px; height: 50px;}
.cat-mod-p .cat-mod-p_title{text-align:center; line-height:1.25; padding:5px 33px 20px 50px; transition:color .4s ease-out,.4s ease-out; color: #fff; font-size:1.875em; max-height: 30px;}
.cat-mod-p p {font-size: 1.25em; margin-top: 30px; line-height: 1.4; background-size: 60px auto;}
.cat-mod-p:hover {box-shadow:0 1rem 2rem .25rem rgba(9,55,164,.3);z-index:2}
.cat-mod-p:hover div {background:rgba(61,144,206,1);}
.cat-mod-p:hover .cat-mod-p_title{margin-bottom: 0%;min-height:auto;}

.cat-mod-o .arrow_move_cat, .cat-mod-u .arrow_move_cat, .cat-mod-s .arrow_move_cat, .cat-mod-n .arrow_move_cat {position:absolute;z-index:2;left:auto;right:10px;top:10px;width:60px;transition:transform .4s }

.cat-mod-p .arrow_move_cat path{fill:#fff;}
.cat-mod-p .arrow_move_cat{position:absolute;z-index:2;left:auto;right:15px;top:15px;width:60px;transition:transform .4s }
.cat-mod-p .arrow_move_cat path{fill:#fff;transition:fill .4s ease-out, transform .4s }
.cat-mod-n .arrow_move_cat path{fill:#fff;transition:fill .4s ease-out, transform .4s }
.cat-mod-n:hover .arrow_move_cat path{fill:#0055a3;}
.cat-mod-u .arrow_move_cat path{fill:rgba(1,85,163,1);transition:fill .4s ease-out, transform .4s }
.cat-mod-u:hover .arrow_move_cat path{fill:#fff;}
.cat-mod-s .arrow_move_cat path{fill:#fff;transition:fill .5s linear, transform .4s }
.cat-mod-o .arrow_move_cat path{fill:#fff;transition:fill .4s ease-out, transform .4s }
.cat-mod-o:hover .arrow_move_cat, .cat-mod-u:hover .arrow_move_cat, .cat-mod-s:hover .arrow_move_cat, .cat-mod-n:hover .arrow_move_cat, .cat-mod-p:hover .arrow_move_cat {transform: rotate(45deg)}


.fotbg {width: 100%; background: url(../images/digit.png) top repeat-x; height: 250px; background-size: 50% auto;}
.fotbgri {width: 100%; background: url(../images/digit.png) top right no-repeat; height: 250px; background-size: 50% auto;}
@media screen and (max-width:1740px){
.cat-mod-u .cat-mod-u_title {font-size: 1.9em; line-height: 1.0;}
}

@media screen and (max-width:1620px){
#fullpage h2 {font-size: 2.125em; padding: 0 0 10px 0; border-bottom: 3px solid #def1fc; margin-bottom: 30px; line-height: 1.2;}
.sin-mod-wc.sinmodsec-div {padding-left:0px; text-align: left; padding-top:0px; font-size: 16px; font-weight: 400}
.sin-mod-wc.sinmodsec-div ul li, .sin-mod-wc ul li {color: #000; padding-bottom: 0px; padding-left: 30px; font-size: 20px;}
.sin-mod-wc.sinmodsec-div ul li::before, .sin-mod-wc ul li::before {width: 16px; height: 16px; margin: 9px 0 0 -29px;}
.sin-mod-wc h1 {font-size: 1.75em; border-bottom: 3px solid #def1fc; font-weight: 700; margin-bottom: 42px; padding-bottom: 15px;}
.sin-mod-wc h2 {font-size: 1.75em; padding: 0 0 15px 0; border-bottom: 3px solid #def1fc; margin-bottom: 30px}
.sin-mod-wc p {font-size: 1.25em; padding-bottom: 0}
	
}
@media screen and (max-width:1600px){

.cat-mod-p{height:0; padding: 0 0 28%; position:relative; margin-bottom: 2%; display:flex; box-shadow:0 1rem 2rem .25rem rgba(9,55,164,0);transition:box-shadow .4s ease-out; background-size: cover; background-position: center; min-height:100%; }
.cat-mod-p div {background:rgba(1,85,163,1); position: absolute; width: calc(100% - 40px); height:calc(100% - 40px); overflow: hidden;color: #fff; font-size: 16px; padding:20px; transition:background .4s ease-out,.4s ease-out; min-height:auto;}
.cat-mod-p a {color: #fff; transition:color .4s ease-out,.4s ease-out;}
.cat-mod-p img {position: absolute; top: 19px; height: 35px;}
.cat-mod-p .cat-mod-p_title{text-align:center; line-height:1.25; padding: 0px 25px 10px 40px; transition:color .4s ease-out,.4s ease-out; color: #fff; font-size:1.25em; max-height: 20px}
.cat-mod-p p {font-size: 1em; margin-top: 25px; line-height: 1.4}
.cat-mod-p .arrow_move_cat path{fill:#fff;}
.cat-mod-p .arrow_move_cat{position:absolute;z-index:2;left:auto;right:15px;top:15px;width:30px;transition:transform .4s }
.cat-mod-p .arrow_move_cat path{fill:#fff;transition:fill .4s ease-out, transform .4s }
.cat-mod-p:hover {box-shadow:0 1rem 2rem .25rem rgba(9,55,164,.3);z-index:2}
.cat-mod-p:hover div {background:rgba(61,144,206,1);}
.cat-mod-p:hover .cat-mod-p_title{margin-bottom: 0%;min-height:auto;}
.cat-mod-p:hover .arrow_move_cat {transform: rotate(45deg)}
	
.cat-mod-u .cat-mod-u_title {line-height: 1.25; padding: 7%; font-size: 1.7em;}
.cat-mod-n .cat-mod-n_title {line-height: 1.25; font-size: 2.2em;}
.cat-mod-m .cat-mod-m_title {font-weight: 700; padding: 5%; font-size: 2.2em; width: calc(100% - 10%); margin-top: 70%; height: 20%;}
.cat-mod-m:hover .cat-mod-m_title {height: calc(50% - 20%); padding: 10% 0;}
}
@media screen and (max-width:1440px){
#fullpage h2 {font-size: 1.5em; padding: 0 0 5px 0; border-bottom: 3px solid #def1fc; margin-bottom: 30px}
.sin-mod-wc.sinmodsec-div {padding-left:0px; text-align: left; padding-top:0px; font-size: 16px; font-weight: 400}
.sin-mod-wc.sinmodsec-div ul li, .sin-mod-wc ul li {color: #000; padding-bottom: 0px; padding-left: 30px; font-size: 18px;}
.sin-mod-wc.sinmodsec-div ul li::before, .sin-mod-wc ul li::before {width: 12px; height: 12px; margin: 8px 0 0 -29px;}
.sin-mod-wc h1 {font-size: 1.5em; border-bottom: 3px solid #def1fc; font-weight: 700; margin-bottom: 27px; padding-bottom: 10px;}
.sin-mod-wc h2 {font-size: 1.5em; padding: 0 0 15px 0; border-bottom: 3px solid #def1fc; margin-bottom: 30px}
.sin-mod-wc p {font-size: 1.125em; padding-bottom: 0}
	
.cat-mod-o .arrow_move_cat, .cat-mod-u .arrow_move_cat, .cat-mod-s .arrow_move_cat, .cat-mod-n .arrow_move_cat {right:5px;top:5px;width:40px;}
.cat-mod-u strong, .cat-mod-o strong {margin-top: 15px; left: 7%;}
}
@media screen and (max-width:1170px){
.cat-mod-o .arrow_move_cat, .cat-mod-u .arrow_move_cat, .cat-mod-s .arrow_move_cat, .cat-mod-n .arrow_move_cat {right:10px;top:10px;width:30px;}
.cat-mod-u strong, .cat-mod-o strong {margin-top: 12px; left: 5%;}
.cat-mod-o:hover p, .cat-mod-u:hover p {padding: 0 7%;}
.cat-mod-u .cat-mod-u_title {line-height: 1.25; padding: 7%; font-size: 1.5em;}
.cat-mod-bu {margin-left: 0%; width: 32%!important;}
}

@media screen and (max-width:1080px){
#menua li {visibility: hidden; max-height: 0px; width: 0}
#menua li:last-child {visibility: visible; max-height: 50px; width: auto;}
}
@media screen and (max-width:980px){


.diva-cat-in {margin-bottom: 0px; box-sizing: border-box; max-height: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; height: fit-content}
.diva-cat-four {height:0; padding: 0 0 48%; position:relative; margin-bottom: 4%}
.diva-cat-in .diva-cat-four {width: 48%; margin-right: 0%; margin-bottom: 4%}
.diva-cat-in .diva-cat-four:nth-child(3n+0) {margin-right: 2%}

.cat-mod-o .arrow_move_cat, .cat-mod-u .arrow_move_cat, .cat-mod-s .arrow_move_cat, .cat-mod-n .arrow_move_cat {right:10px;top:10px;width:60px;}
.cat-mod-u strong, .cat-mod-o strong {margin-top: 30px; left: 7%;}
.cat-mod-bu {margin-left: 0%; width: 100%!important; padding-bottom: 40%!important;}
.cat-mod-bu.line {padding: 0px!important; margin: 0px!important;}
.cat-mod-o{padding: 0 0 25%;}

.sinupd-img {width: 25%; margin-top: 30px; min-height: 180px; background: url(../images/ogab.png) no-repeat; background-size:contain;}
.sinupd-div {width: 70%; padding-left: 5%; background-size: 25%;}

.prod-full .diva-cat-in .diva-cat-four:nth-child(3n+0) {margin-right: 0%;}
.prod-full .diva-cat-in .diva-cat-four {width: 32%;}
.prod-full .diva-cat-four {padding: 0 0 32%;}

.cat-upd .diva-cat-four:nth-child(3n+0) {margin-right: 0%}
}
@media screen and (max-width:920px){
.wrap-center {font-size: 0.85em;}
.sinupd-img {width: 0%; margin-top: 0px; min-height: 0px; background:none;}
.sinupd-div {width: 100%; padding-left: 0%; background:none;}	
.prod-full .cat-mod-m .cat-mod-m_title {font-size: 1.4em;}
.prod-full .cat-mod-s .cat-mod-s_title {font-size: 1.6em;}
		
}
@media screen and (max-width:780px){
.wrap-center {font-size: 0.7em;}

.cat-mod-o .arrow_move_cat, .cat-mod-u .arrow_move_cat, .cat-mod-s .arrow_move_cat, .cat-mod-n .arrow_move_cat {right:5px;top:5px;width:40px;}
.cat-mod-u strong, .cat-mod-o strong {margin-top: 15px; left: 7%;}
}

@media screen and (max-width:720px){
.wrap-center {font-size: 0.7em; padding:0 5% 5%;}

.cat-mod-o .arrow_move_cat, .cat-mod-u .arrow_move_cat, .cat-mod-s .arrow_move_cat, .cat-mod-n .arrow_move_cat {right:5px;top:5px;width:40px;}
.cat-mod-u strong, .cat-mod-o strong {margin-top: 15px; left: 7%;}
}

@media screen and (max-width:680px){
.wrap-center {font-size: 0.7em; padding:0 5% 2%;}
.prod-full .cat-mod-m .cat-mod-m_title {font-size: 2.8em;}
.prod-full .cat-mod-s .cat-mod-s_title {font-size: 3.0em;}
.diva-cat-in {margin-bottom: 0px; box-sizing: border-box; max-height: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; height: fit-content}
.diva-cat-four {height:0; padding: 0 0 100%; position:relative; margin-bottom: 4%}
.diva-cat-in .diva-cat-four {width: 100%; margin-right: 0%; margin-bottom: 4%}
.diva-cat-in .diva-cat-four:nth-child(3n+0) {margin-right: 0%}
.prod-full .diva-cat-in .diva-cat-four:nth-child(3n+0) {margin-right: 0%;}
.prod-full .diva-cat-in .diva-cat-four {width: 100%;}
.prod-full .diva-cat-four {padding: 0 0 100%;}
.cat-mod-o .arrow_move_cat, .cat-mod-u .arrow_move_cat, .cat-mod-s .arrow_move_cat, .cat-mod-n .arrow_move_cat {right:5px;top:5px;width:40px;}
.cat-mod-u strong, .cat-mod-o strong {margin-top: 15px; left: 7%;}
.cat-mod-bu {height: auto!important; padding-bottom: 0%!important;}
.cat-mod-u .cat-mod-u_title {line-height: 1.25; padding: 7%; font-size: 2.3em;}
	
.cat-mod-o{padding: 0 0 50%; font-size: 1.4em;}
#menua {position:relative; right: auto; bottom: auto;}
#menua li {visibility: hidden;}
#menua li:last-child {visibility: visible; margin: 0 auto; display: block; width: fit-content;}
}
@media screen and (max-width:440px){
.cat-mod-o{padding: 0 0 50%; font-size: 1em;}
}

@media screen and (max-width:1440px){
/* CATEGORY MODUL LIST START */
/* CATEGORY MODUL LIST END */

/* CATEGORY DEFAULT LIST START */


/* CATEGORY DEFAULT LIST END */

/**/

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


/*
.cat-mod-p{height:0; padding: 0 0 40%; position:relative; margin-bottom: 2%; display:flex; box-shadow:0 1rem 2rem .25rem rgba(9,55,164,0);transition:box-shadow .4s ease-out;position:relative; background-size: cover; background-position: center; min-height:100%; }
.cat-mod-p div {background:rgba(1,85,163,1); position: absolute;  height:calc(100% - 40px); height: auto; overflow: hidden;color: #fff; font-size: 16px; padding:20px; transition:background .4s ease-out,.4s ease-out;}
.cat-mod-p a {color: #fff; transition:color .4s ease-out,.4s ease-out;}
.cat-mod-p .cat-mod-p_title{text-align:center; line-height:1.25; padding: 5px 0 10px; transition:color .4s ease-out,.4s ease-out; color: #fff; font-size:1.25em;}
.cat-mod-p p {font-size: 1em; margin-top: 25px; line-height: 1.4}
.cat-mod-p .arrow_move_cat path{fill:#fff;}
.cat-mod-p .arrow_move_cat{position:absolute;z-index:2;left:auto;right:15px;top:15px;width:30px;transition:transform .4s }
.cat-mod-p .arrow_move_cat path{fill:#fff;transition:fill .4s ease-out, transform .4s }
.cat-mod-p:hover {box-shadow:0 1rem 2rem .25rem rgba(9,55,164,.3);z-index:2}
.cat-mod-p:hover div {background:rgba(61,144,206,1);}
.cat-mod-p:hover .cat-mod-p_title{margin-bottom: 20%;min-height:auto;}
.cat-mod-p:hover .arrow_move_cat {transform: rotate(45deg)}*/
}
	
@media screen and (max-width:980px){
.fp-responsive #mySection, .fp-responsive #mySection .fp-slide, .fp-responsive #mySection .fp-tableCell, .fp-tableCell, .fp-section.fp-table, .fp-slide.fp-table{ height: auto !important;}
#menu {visibility: hidden}
.cat-mod-p {padding: 0 0 30%;}
	
}

@media screen and (max-width:820px){
	.full-back {position: sticky; height: 40vh; width: 90%; top: 7vh; left: 5%; background: center center / cover no-repeat;}
	.fp-responsive #mySection, .fp-responsive #mySection .fp-slide, .fp-responsive #mySection .fp-tableCell, .fp-tableCell, .fp-section.fp-table, .fp-slide.fp-table {background: #fff;}
	.fullpage-wrapper {padding-top: 20px; z-index: 1;}
	.sintut-desc {width: 90%; margin: 0 auto; padding-bottom: 40px;}
	.sin-mod-wc {width: 100%; margin-left: 0%;}
	#fp-nav.fp-right {visibility: hidden}
	.fp-table {padding-top: 0px!important}
	.modbut_item {max-width: 100%; margin: 0 auto; padding-top: 20px; justify-content: space-between;         flex-direction: row;
        gap: 20px;}
	.cat-mod-p {padding: 0 0 40%;}
	
	.full-tut {padding-top: 7vh;}
	.full-tut h2 {font-size: 2em!important;}
	.tut-slide {flex-wrap: wrap;}
	.tut-slide a {max-width: 100%; margin: 0 auto; padding-bottom: 20px;}
	.tut-slide div {width: 100%; margin-left: 0%;}
}
@media screen and (max-width:680px){
	.modbut_item {max-width: 100%;flex-direction: column;align-items: center}
	.mod-gal a {max-width: calc(48% - 6px);}
	.cat-mod-p {padding: 0 0 35%;}
}
@media screen and (max-width:560px){
	.modbut_item {max-width: 100%;}
	.mod-gal a {max-width: calc(100% - 6px);}
	.cat-mod-p {padding: 0 0 50%;}
	.cat-mod-u .cat-mod-u_title {margin-top: 36%; height: 50%;}
}

@media screen and (max-width:520px){
.prod-full .cat-prod-or {padding: 0 0 100%;}
}


@media screen and (max-width:480px){
	.modbut_item {max-width: 100%; flex-wrap: wrap;}
	.mod-gal a {max-width: calc(100% - 6px);}
	.cat-mod-p {padding: 0 0 70%;}
	.modbut_price .price-button {padding: 5px 11px;}
	.modbut_price .price-label {font-size: 18px!important; padding: 3.5px 10px}
	.modbut_price .down-label {padding: 2px 10px; font-size: 23px;}
}
	
	
	
	
	
	
	
	
	
	
	
	
	/*-------------------------------------------*/


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

/* PROD SYSTEM START*/
.sys-top {position:relative; height:0; margin-bottom: 2%; margin-top: 5vh; padding: 0 0 25%; ; font-size: 16px; display: flex}
.sys-top-bg {width: 50%; background: url(../images/90.jpg); background-position: center; background-size: cover; height: 100%; transition:all .5s linear; position: absolute}
.sys-top-bgw {width: 100%; background: rgba(255,255,255,0.6); height: 100%; transition:all .5s linear; position: absolute}
.sys-top-bgb {position: absolute; width:calc(50% - 50px); margin-left: 50%; height:calc(100% - 50px); padding: 25px 0 25px 50px; background: rgba(61,144,206,1); transition:all .5s linear}
.sys-top-bdt {width: 50%; border: 2px solid #fff; border-bottom: none; height: 22%; transition:all .5s linear}
.sys-top-bdm {border-left: 2px solid #fff; height:calc(56% - 4px);  padding: 0 0 0 64px; width: 70%; transition:all .5s linear}
.sys-top-bdb {width: 50%; border: 2px solid #fff; border-top: none; height: 22%; transition:all .5s linear}
.sys-top-bdm h1 {font-size:3.125em; text-align: left; color: #fff; border-bottom: 0; transition:all .5s linear}
	
	
.systaber {width: 100%; padding-bottom: 0vh; display: flex; flex-wrap: wrap}
.systab {overflow: hidden; background-color: #fff; width: 100%; display: flex; justify-content: space-between;}
.systab button{border: none; outline: none; cursor: pointer; width: 32%; font-weight: 500; background-color: #def1fc; color: #3d90ce; padding: 18px 0px; transition: all 0.3s linear; font-size:1.875em; text-transform: uppercase}
.systab button:hover {background-color: #3d90ce; color: #fff; box-shadow:0 1rem 2rem .25rem rgba(0,0,0,.2);position: relative; z-index:1;transition: all 0.3s linear}
.systab button.active {background-color: #3d90ce; color: #fff; box-shadow:0 1rem 2rem .25rem rgba(0,0,0,.4);position: relative;z-index:2;transition: all 0.3s linear}
.systabercon {width: 100%;}
.systabcontent {display: none; background: #fff; padding: 16px 22px; box-shadow:1rem 1rem 2rem .5rem rgba(0,0,0,.4);z-index:2; border-top: none; height: calc(100% - 32px);transition: all 0.3s linear; border-top: 2px solid #3d90ce;}
.systabercon p {padding-bottom: 20px}
.systabercon p strong {line-height: 3.5em; color:#3d90ce}
.systabercon ul li {color: #000; padding-bottom: 5px; padding-left: 30px; font-size: 1.4em;}
.systabercon ul li::before {content: ""; background: #3d90ce; position: absolute; width: 13px; height: 13px; margin: 11px 0 0 -29px;}
.systabercon ul {list-style: none; color: #fff;}

@media screen and (max-width:1440px){
.sys-top-bdm h1 {font-size: 2.5em; padding: 10px;}
}
@media screen and (max-width:1170px){
.sys-top-bdm h1 {font-size: 2.5em; padding: 10px;}
.systabercon p strong {line-height: 1.5em;}
}
@media screen and (max-width:1080px){
.sys-top {position: relative; margin-top:0; padding: 0 0 33%;}
.sys-top-bgb {width: calc(60% - 50px); margin-left: 40%;}
.sys-top-bdm {padding: 0 0 0 34px;}
}
@media screen and (max-width:880px){
.sys-top-bdm h1 {font-size: 2.0em; padding: 10px;}
}
@media screen and (max-width:720px){
.sys-top-bg {width: 100%;}
.sys-top-bgb {width: calc(80% - 30px); margin-left: 20%; height: calc(100% - 30px); padding: 15px 0 15px 30px; background: rgba(61,144,206,0.7);}
.sys-top-bdm {padding: 0 0 0 24px; width: calc(100% - 54px); height: calc(30% - 4px);}
.sys-top-bdm h1 {font-size: 1.6em; padding: 10px;}
.sys-top-bdb, .sys-top-bdt {height: 32%; width: 35%;}
.systab button {font-size: 1.4em}
}
@media screen and (max-width:640px){
.sys-top {position: relative; margin-top:0; padding: 0 0 33%;}
.sys-top-bg {width: 100%;}
.sys-top-bgb {width: calc(100% - 60px); margin-left: 0%; height: calc(100% - 30px); padding: 15px 30px 15px 30px;}
.sys-top-bdm {border-right: 2px solid #fff; padding: 0 24px; width: calc(100% - 48px);}
.sys-top-bdm h1 {font-size: 1.6em; padding: 10px;}
.sys-top-bdb, .sys-top-bdt {height: 32%; width: 100%;}
}
@media screen and (max-width:560px){
.systab button {font-size: 1.2em}
}
@media screen and (max-width: 490px){
.sys-top-bdm h1 {font-size: 1.2em; text-align: center; padding: 0px;}
.systab button {font-size: 1.1em; padding: 10px 0;}
}
/* PROD SYSTEM END*/



/* PARTNER START*/

.parb-top {position:relative; height:0; margin-bottom: 2%; margin-top: 5vh; padding: 0 0 25%; ; font-size: 16px; display: flex}
.parb-top-bg {width: 50%; background: url(../images/91.jpg); background-position: center; background-size: cover; height: 100%; transition:all .5s linear; position: absolute}
.parb-top-bgw {width: 100%; background: rgba(255,255,255,0.6); height: 100%; transition:all .5s linear; position: absolute}
.parb-top-bgb {position: absolute; width:calc(50% - 50px); margin-left: 50%; height:calc(100% - 50px); padding: 25px 0 25px 50px; background: rgba(61,144,206,1); transition:all .5s linear}
.parb-top-bdt {width: 50%; border: 2px solid #fff; border-bottom: none; height: 20%; transition:all .5s linear}
.parb-top-bdm {border-left: 2px solid #fff; height:calc(60% - 4px);  padding: 0 0 0 60px; transition:all .5s linear}
.parb-top-bdb {width: 50%; border: 2px solid #fff; border-top: none; height: 20%; transition:all .5s linear}
.parb-top-bdm h1 {font-size:2.5em; text-align: left; padding: 0; color: #fff; border-bottom: 0; margin: 0;}
.parb-top-bdm p {font-size:2.5em; text-align: left; padding: 0; line-height: 1.1; font-weight: 600;color: #0055a3}

	
.partst {width: 60%;}
.systabcontent {display: none; background: #fff; padding: 16px 22px; box-shadow:1rem 1rem 2rem .5rem rgba(0,0,0,.4);z-index:2; border-top: none; height: calc(100% - 32px);transition: all 0.3s linear; border-top: 2px solid #3d90ce;}
.partst h2 {padding:0; padding-bottom: 10px; margin-bottom: 10px; font-size:2.125em; font-weight: 400; border-bottom: 2px solid #def1fc; }
.partst p {padding-bottom: 0px}
.partst ul {margin-bottom: 10px;}
.partst ul li {color: #000; padding-bottom: 5px; padding-left: 30px; font-size: 1.4em;}
.partst ul li::before {content: ""; background: #3d90ce; position: absolute; width: 13px; height: 13px; margin: 11px 0 0 -27px;}
.partst ul {list-style: none; color: #fff;}
	
.parbim {width: 30%}
.parb-img {box-shadow: 0 0 2rem 0.2rem rgba(9,55,164,.3); background-size: cover; width: 100%; height:0px; padding-bottom: 100%!important; padding: 0 0 33%; margin-bottom: 35%}


.parb-bot {width: 100%; margin: 5% 0; display: flex; justify-content: space-around; flex-wrap: wrap}
.parb-bot a {width: 45%; font-size: 1.75em; font-weight: 500; text-transform: uppercase; padding: 15px 0; text-align: center}
.parb-bot-oupar {background: #3d90ce; color: #fff}
.parb-bot-down {background: #def1fc; color: #0055a3}

@media screen and (max-width:1720px){
.parb-top-bdm h1 {font-size:1.9em;}
.parb-top-bdm p {font-size:1.8em;}
}

@media screen and (max-width:1440px){
.parb-bot a {width: 45%; font-size: 1.125em; font-weight: 500; text-transform: uppercase; padding: 15px 0; text-align: center}
.parb-top-bdm {padding: 0 0 0 30px;}
.parb-top-bdm h1 {font-size:1.6em;}
.parb-top-bdm p {font-size:1.5em;}
}

@media screen and (max-width:1170px){
.parb-top {margin-top: 0vh; padding: 0 0 33%;}
.parb-top-bg {width: 100%;}
.parb-top-bdm {padding: 0 30px}
.parb-top-bdm h1 {font-size:1.9em;}
.parb-top-bdm p {font-size:1.8em;}
.parb-top-bgb {position: absolute; width: calc(70% - 50px); margin-left: 30%; background: rgba(61,144,206,0.7);}	
}
@media screen and (max-width:1024px){
th {top: 50px;}
}
@media screen and (max-width:920px){
.parb-top {margin-top: 0vh; padding: 0 0 33%;}
.parb-top-bg {width: 100%;}
.parb-top-bdm {padding: 0 30px; border-right: 2px solid #fff; width: calc(100% - 60px);}
.parb-top-bdm h1 {font-size:1.7em; text-align: center}
.parb-top-bdm p {font-size:1.5em; text-align: center}
.parb-top-bgb {position: absolute; width: calc(100% - 50px); margin-left: 0%; background: rgba(61,144,206,0.7); padding: 25px;}
.parb-top-bdb, .parb-top-bdt {width: 100%;}
.partst {font-size: 0.8em;}
.parb-bot {font-size: 0.8em;}
}
@media screen and (max-width:780px){
.partst {font-size: 0.8em;}
}	
	
@media screen and (max-width:680px){
.parb-top {margin-top: 0vh; padding: 0 0 33%;}
.parb-top-bdm {height: calc(80% - 4px);}
.parb-top-bdb, .parb-top-bdt {height: 10%;}
}

@media screen and (max-width:640px){
.parb-top {margin-top: 0vh; padding: 0 0 40%;}
.parb-bot {font-size: 0.7em; margin: 0}
}
	
@media screen and (max-width:580px){
.parbim {width: 100%; display: flex; justify-content: space-between;}
.parb-img { padding-bottom: 32%!important; width: 32%; margin-bottom: 20px;}
.partst {width:100%;}
.parb-top-bgb {width: calc(100% - 30px); padding: 15px; height: calc(100% - 30px);}
.parb-bot {font-size: 0.8em;}
.parb-bot a {width: 90%; margin-bottom: 20px}
}	
@media screen and (max-width:560px){
.parb-top {margin-top: 0vh; padding: 0 0 50%;}
.parb-top-bdm {padding: 0 15px; width: calc(100% - 30px);}
.parb-top-bgb {width: calc(100% - 30px); padding: 15px; height: calc(100% - 30px);}
.parb-bot {font-size: 0.8em;}
.parb-bot a {width: 90%; margin-bottom: 20px}
}

@media screen and (max-width:480px){
.parb-top-bdm h1 {font-size:1.5em;}
.parb-top-bdm p {font-size:1.4em;}
}


/* PROEKTNI RISHENNYA START*/




.wrap-pror {width: 70%; display: flex; margin-top: 5%; flex-wrap: wrap}
.wrap-pror div {position: relative; width: 100%; display: flex; flex-wrap: wrap}
.pror-div {width: calc(40% - 20px)!important; position: relative; z-index: 3;}
.pror-div01 {margin-left: 40%; margin-top: 5%;}
.pror-div02 {margin-left: 20%;}
.pror-div03 {margin-left: 5%; display: block!important; flex-direction: column}
.pror-txt {font-size: 32px; padding: 30px 40px!important; text-align: center; text-transform: uppercase; background:#3d90ce; color: #fff; line-height: 1.1; width:  calc(100% - 80px);}
.pror-ar {width: 27px; background: url(../images/pror-d.png) no-repeat bottom center; padding-bottom: 0px!important; padding: 0; height: 41px; margin: 0 auto;}
.pror-ar01 {margin-left: 20%}
.pror-ar02 {margin-left: 80%}
.pror-sq {border: 4px solid rgba(61,144,206,1); width: 28%; height: 0px; padding: 0 0 28%; padding-bottom: 28%!important; position:absolute; top:0%; right: 0}
.pror-img {position:absolute; box-shadow: 0 0 2rem 0.5rem rgba(9,55,164,.3); background-size: cover; width: 33%; height:0px; padding-bottom: 33%!important; padding: 0 0 33%; z-index: 2}
.pror-img01 {background:url(../images/pror1.jpg)no-repeat center;}
.pror-img02 {background:url(../images/pror2.jpg)no-repeat center; right: 0}
.pror-img03 {background:url(../images/pror3.jpg)no-repeat center; position:relative;}
@media screen and (max-width:1024px){
.wrap-pror {width: 90%;}
}
@media screen and (max-width:920px){
.wrap-pror {font-size: 0.6em;}
.pror-txt {padding: 15px 20px!important; width: calc(100% - 40px);}
.pror-ar {width: 20px; height: 32px;}
}
@media screen and (max-width:620px){
.pror-div01 {margin-left: 35%;}
.pror-div {width: calc(60% - 20px)!important;}
}
@media screen and (max-width:580px){
.fotbgri .parb-bot a {width: auto; padding: 15px;}
}
@media screen and (max-width:520px){
.pror-div {width: calc(60% - 20px)!important;}
.pror-div01 {margin-left: 35%;}
.pror-div02 {margin-left: 10%;}
}

/* PROEKTNI RISHENNYA END*/



/* AB OGLYAD START*/
.diva-cat-in .diva-pro-of {width: 48%; margin-right: 2%; margin-bottom: 20px; display: flex; flex-wrap: wrap}
.diva-cat-in .diva-pro-of:nth-child(3n+0) {margin-right: 0%}
.cat-pro-of div {background:rgba(255,255,255,0.65); bottom: 0; overflow: hidden;color: #fff; transition:background .5s linear, all .4s linear; width:100%; height: 100%; position: absolute;}
.diva-cat-in .diva-pro-of:nth-child(3n + 1) {
  display: none;
}
.cat-pro-of a {transition:all .5s linear,.5s linear; font-weight: 500;}
.cat-pro-of .cat-pro-of_title {text-align: right; line-height:1.25; font-weight: 400; padding:7%; transition:all .5s linear, all .5s linear; color: #fff; font-size: 1.6em;width: calc(100% - 14%); margin-top: 68%; background: rgba(1,85,163,0.75); height: 18%; }
.cat-pro-of p {font-size: 1.4em; margin-top: 0px}
.cat-pro-of .b-top {width:calc(100% - 4px);  padding-bottom: 0; border-bottom: none; transition:all .5s linear,.5s linear;}
.cat-pro-of .b-but {width:calc(100% - 4px);; height:0; padding-bottom: 0; border-top: none; transition:all .5s linear,.5s linear;}
.cat-pro-of:hover div {background:rgba(1,85,163,0.75); bottom: 0; position: absolute; overflow: hidden;color: #fff; padding:5%; transition:background .5s linear,.5s linear; width:90%; height:90%;}
.cat-pro-of:hover .cat-pro-of_title {border-left: 2px solid #fff; height: calc(50% - 30%); padding:15% 0; transition:color .5s linear, background .1s ease-out, border .5s linear, all .5s linear;; width: 100%; background: none; margin-top: 0;}
.cat-pro-of:hover .b-top {height:calc(25% - 2px);border: 2px solid #fff; border-bottom: none;}
.cat-pro-of:hover .b-but {height:calc(25% - 2px); border: 2px solid #fff; border-top: none;}

.cat-pro-ot {}
.cat-pro-ot a {font-size: 1.6em; padding: 10px 0; width: 100%; height: min-content; text-transform: uppercase; text-align: center; transition:all .5s linear,.5s linear; font-weight: 500; color: #def1fc; background:#0055a3;}
.cat-pro-ot p {font-size: 1.4em; margin-top: 0px}
.cat-pro-ot:hover a {color: #0055a3; background:#def1fc;box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);}
.cat-pro-ot .butobmore {background: #3d90ce}
.cat-pro-ot .butobbuy {background: #0055a3}
.cat-pro-ot .butobmore:hover {background: #f2f2f2;box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); transition:all .5s linear}

.bira {padding-bottom: 0px; text-align: center}
.bira {padding-bottom: 10px; text-align: center}
.cptmust {display: flex;}
.cptmust p {padding-bottom: 5px; font-size:1.4em; color: #000}
.cptmust p:first-child {width: 50%; color: #0055a3; font-weight: 400}
.cptdoc {background:#f2f2f2; padding: 15px; width: 100%; display: flex; justify-content: space-between}
.cptdoc img {width: 65px;  padding-bottom:0; height:max-content;}

.cptdoc p {width:calc(100% - 70px); padding-bottom:0; font-size:1.4em; color: #000; height: 90%;}
.cptcan {font-size: 1.5em!important; padding: 10px 0!important; width: 100%; height: min-content; text-transform: uppercase; text-align: center; transition:all .5s linear,.5s linear; font-weight: 500; color: #def1fc; background:#3d90ce;}
@media screen and (max-width:980px){
.bbt28.diva-cat-in .diva-cat-four:nth-child(3n+0) {margin-right: 0%;}
.bbt28.diva-cat-in .diva-cat-four {width: 32%;}
.bbt28.diva-cat-four {padding: 0 0 32%;}

}
@media screen and (max-width:920px){
.bbt28 {}
.bbt28.diva-cat-in .diva-cat-four:nth-child(3n+0) {margin-right: 2%;}
.bbt28.diva-cat-in .diva-cat-four {width: 48%;}
.bbt28.diva-cat-four {padding: 0 0 48%;}

.wrap-pror {font-size: 0.6em;}
.pror-txt {padding: 15px 20px!important; width: calc(100% - 40px);}
.cat-pro-ot {visibility: hidden; margin-bottom: 0!important; height: 0; overflow: hidden;}
}
@media screen and (max-width:680px){
.bbt28.diva-cat-in .diva-cat-four:nth-child(3n+0) {margin-right: 0%;}
.bbt28.diva-cat-in .diva-cat-four {width: 100%;}
.bbt28.diva-cat-four {padding: 0 0 100%;}

.wrap-pror {font-size: 0.6em;}
.pror-txt {padding: 15px 20px!important; width: calc(100% - 40px);}
}
/* AB OGLYAD END*/



/* ABOUT US START*/
.wrap-ab-pic1 {width: 40%; position: relative; padding-bottom: 10vh;}
.wrap-ab-pic1 .p1 {background:url(../images/ab01.jpg)no-repeat center; box-shadow: 0 0 2rem 0.5rem rgba(9,55,164,.3); background-size: cover; width: 85%; height:0px; padding: 0 0 85%; position: relative; z-index: 2}
.wrap-ab-pic1 .p2 {border: 4px solid rgba(61,144,206,1); width: 85%; height: 0px; padding: 0 0 85%; position:absolute; top:15%; right: 0}
.wrap-ab-txt1 {width: 55%;}
.wrap-ab-txt1 p {font-size: 28px; line-height: 1.4}
.wrap-ab-pic2 {width: 40%; position: relative; margin-top: -7%}
.wrap-ab-pic2 .p1 {background: url(../images/ab02.jpg) no-repeat center; box-shadow: 0 0 2rem 0.5rem rgba(9,55,164,.3); background-size: cover; width: 85%; height:0px; padding: 0 0 85%; position:absolute; z-index: 2; right: 0}
.wrap-ab-pic2 .p2 {border: 4px solid rgba(61,144,206,1); width: 85%; height: 0px; padding: 0 0 85%; position:absolute; top:15%}
	
.ab-bott {width: 100%; position: relative; display: flex}
.ab-bott1 {background:url(../images/ab03.jpg) no-repeat center; width: 60%; background-size: cover; height:0px; padding: 0 0 37%; position:relative; z-index: 1}
.ab-bott2 {width: 37%; padding: 2% 0% 2% 12%; background: rgba(61,144,206,0.85); right: 0; position:absolute; z-index: 2; font-size: 28px; line-height: 1.4}
.ab-bott-tex {padding: 0 0 75%; width: 70%; height: 0; border: 2px solid #fff;  border-right:0px; position: relative}
.ab-bott-a {font-size: 20px!important; line-height: 1.3; color: #fff; padding: 10% 0 0% 8%; text-transform: uppercase; width: 110%;}
.ab-bott-b {font-size: 36px!important; line-height: 1.3; color: #fff; padding: 2% 0 10% 0%; text-align: center; text-transform: uppercase; width: 100%;}
.ab-bott-c {width:100%; height: 13%; border-right:2px solid #fff; position: absolute; right: 0; top: 0}
.ab-bott-d {width:100%; height: 7%; border-right:2px solid #fff; position: absolute; right: 0; bottom: 0}
@media screen and (max-width:1680px){
.ab-bott2 {width: 37%; padding: 2% 2% 2% 10%;}
.ab-bott-tex {padding: 0 0 75%; width: 70%; height: 0; border: 2px solid #fff;  border-right:0px; position: relative}
	
.ab-bott-a {font-size: 20px!important; line-height: 1.2; padding-bottom: 10px!important}
.ab-bott-b {font-size: 32px!important; line-height: 1.2; padding-bottom: 10px!important;}
}
@media screen and (max-width:1440px){
.wrap-ab-txt1 p {font-size: 24px;}
.ab-bott1 {width: 70%; padding: 0 0 42%;}
.ab-bott2 {width: 47%; padding: 2% 2% 2% 10%;}
	
.ab-bott-a {padding-top: 60px;}
.ab-bott-b {font-size: 28px!important;}
}

@media screen and (max-width:1220px){
	
.ab-bott-a {padding-top: 30px}
}
@media screen and (max-width:1120px){
.ab-bott-a {width: 130%; }
}	
	
	
@media screen and (max-width:1024px){
.wrap-ab {width: 90%;}
}
@media screen and (max-width:980px){
}
@media screen and (max-width:800px){
.ab-bott2 {width: 57%;}
.ab-bott-tex {padding: 0 0 55%; width: 50%;}
.ab-bott-a {width: 180%; font-size: 18px!important;}
.ab-bott-b {font-size: 24px!important;}
}
@media screen and (max-width:780px){
.wrap-ab-txt1 p {font-size: 18px;}
}

@media screen and (max-width:720px){
.ab-bott1 {width: 90%; padding: 0 0 50%;}
.ab-bott2 {width: 80%; padding: 5%; margin-top: 5%;}
.ab-bott-tex {padding: 0 0 55%; width: 55%;}
}
@media screen and (max-width:640px){
.wrap-ab {flex-wrap: wrap; padding-bottom: 20px;}
.wrap-ab-txt1 {width: 100%}
.wrap-ab-pic1 { width: 100%; padding-bottom: 12vh}
.wrap-ab-pic2 { width: 100%; position: relative; margin-top: 20px; margin-bottom: 50px;}
.wrap-ab-pic2 .p2 {position: relative; margin-bottom: 25px;}
.ab-bott-a {width: 180%; font-size: 16px!important; margin-top: 15px}
.ab-bott-b {font-size: 20px!important;}	
}
@media screen and (max-width:520px){
.ab-bott1 {width: 100%; padding: 0 0 60%;}
.ab-bott2 {width: 90%; padding: 5%; margin-top: 0%;}
.ab-bott-tex {padding: 0 0 55%; width: 55%;}
.ab-bott-a {width: 180%; font-size: 15px!important; margin-top: 0px; padding-top: 15px;}
.ab-bott-b {font-size: 20px!important;}	
}

/* ABOUT US END */


/* MENU LANG START */
@media screen and (max-width:1024px){
.wpm-language-switcher {display: flex!important;}
.lang {font-size: 1.5em; font-weight: 500;position: absolute; top: 3px; right: calc(5% + 40px);}
.lang span {padding: 0 4px; font-weight: 500}
.lang a {color: #2060ac; padding: 0 4px!important}
.lang ul {margin: 0}
.lang ul li {border: 0!important}
.lang ul li:hover {background:none;}
.lang .active {color: #202828;}
}
/* MENU LANG END */


/* CONTACT START */
.contact {min-height: calc(100vh - 130px - 72px);}
.cont-map {width: 60%; height: 100%}
.cont-map iframe {border:0; width: 100%;max-height: 100%; height: calc(100vh - 130px - 75px);}
.cont-txt {width: 40%; position: absolute; top: 20%; right: 6%}
.cont-txt h1 {text-align: right}
.cont-txt strong {color: #fff}
.cont-txt a {color: #def1fc; line-height: 1.6em;}	
.cont-txt p {color: #fff; line-height: 1.3em;}
.cont-txt .flex-block {width:calc(100% - 40px); padding: 20px; height: auto; color: #fff}
.cont-txt-mtel {width: 100%; padding: 20px 0}
.cont-txt-full {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0px; width: 100%}
.cont-txt-full div {width: 48%; padding-top: 20px;}
	
.cont-icon {display: flex; justify-content: space-between; margin-top: 10px; width: 100%!important}
.cont-icon a p {width: 40px; height: 40px; padding: 0; background-size: cover!important; border-radius: 5px }
@media screen and (max-width:1440px){
.cont-txt {right: 1%; width: 38%; top: 15%}
.contact {min-height: calc(100vh - 113px - 49px);}
.cont-map iframe {border:0; width: 100%;max-height: 100%; height: calc(100vh - 113px - 52px);}
.cont-txt-full div {width: 48%; padding-top:10px}
.cont-txt-full div:last-child {width: 48%}
.cont-icon {display: flex; justify-content: space-between; margin-top: 0px; padding-top: 0px!important; width: 100%!important}
	.cont-txt-mtel {padding: 0;}
}
@media screen and (max-width:1170px){
.cont-map {width: 100%; height: 100%}
.cont-txt {width: 90%; position: absolute; top:auto; bottom: 47px; left: 5%}
.cont-txt h1 {text-align: left;}
.cont-txt-full div {width: 23%}
.cont-txt-full div:last-child {width: 23%}
}
@media screen and (max-width:1024px){
.contact {padding-top: 58px; min-height:auto;}
.cont-txt {width: 90%; position: relative; top: auto; bottom: auto; left: 5%;}
.contact .flex-block {flex-direction: column-reverse}
.cont-txt .flex-block {width: calc(111.5% - 40px); margin-left: -6%;}
}
@media screen and (max-width:720px){
.contact {padding-top: 58px; min-height:auto;}
.cont-txt {width: 90%; position: relative; top: auto; bottom: auto; left: 5%;}
.contact .flex-block {flex-direction: column-reverse}
.cont-txt .flex-block {width: calc(111.5% - 40px); margin-left: -6%;flex-direction:column}
	
.cont-txt-full div {width: 48%;}
.cont-txt-full div:last-child {width: 35%; margin-right: 13%;}
}
@media screen and (max-width:560px){
	
.cont-txt-full div {width: 48%;}
.cont-txt-full div:last-child {width: 48%; margin-right: 0%;}
}
@media screen and (max-width:420px){
	
.cont-txt-full div {width: 100%;}
.cont-txt-full div:last-child {width: 100%;}
}
/* CONTACT END */


/* FOOTER FORM START */

footer {width: 100%; background:#def1fc; border-top: 1px solid #0055a3; color: #fff; color: #0055a3; padding: 25px 0; font-size: 18px;}
@media screen and (max-width:1440px){
footer {padding: 15px 0; font-size: 16px;}
}


.open-button {background-color: #555; color: white; padding: 16px 20px; border: none; cursor: pointer; opacity: 0.8; position: fixed; bottom: 23px; right: 28px; width: 280px;}
.form-popup {display: none; position: fixed; height: 100vh; width: 100%; background: rgba(61,144,206,0.80); bottom: 0; right: 0px; z-index: 999;}
.form-container {padding: 5% 10% 2% 10%; background-color: white;}
.form-container input[type=text], .form-container input[type=tel], .form-container input[type=email], .form-container input[type=password], .form-container textarea {width:calc(100% - 12px); padding: 5px; margin: 5px 0 10px 0; font-size: 12px; border: 1px solid #3d90ce; background: #fff;}
.form-container input[type=text]:focus, .form-container input[type=password]:focus, .form-container textarea:focus {background-color: #ddd; outline: none;}
.form-container .btn {background-color: #3d90ce; color: white; padding: 10px 20px; font-size: 1.125em; border: none; cursor: pointer; width: 100%; margin-bottom:10px; opacity: 0.8;}
.form-container .cancel {position: absolute; top: 20px; right: 20px; color: #3d90ce; font-size: 2em}
.form-container .btn:hover, .open-button:hover {opacity: 1;}


/*__________pop_up*/
.errors { height: 25px}
.effect{left: 0; position: absolute; width: 20px; height: 20px; border-radius: 30%; opacity: 0.6;}
#conteiner{margin: 0 auto; text-align:center; width: 1000px; height: 600px; overflow: hidden;}
.overlay {background-color: rgba(61,144,206,0.80); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 995; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}
.overlay:target {visibility: visible; opacity: 1;}
.popup {background-color: #Fff; max-width: 450px; display: inline-block; left: 50%; opacity: 0; padding: 20px; position: fixed; top: 50%; visibility: hidden; z-index: 999;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;}
.overlay:target+.popup {top: 50%; opacity: 1; visibility: visible;}
.close {}
#submitted {font-size: 1.125em; padding: 10px 20px; background: #3d90ce; color: #FFF; border: none; cursor: pointer; width: 100%; margin-bottom:10px;}



@media screen and (max-width:720px){
	
.form-container {padding: 5% 2% 2% 2%; background-color: white;}
.form-container .cancel {top: 10px;}
}
@media screen and (max-width:540px){
.popup {max-width: 90%; width: calc(90% - 20px); padding: 10px; }
.form-container {}
.form-container .cancel {top: 0px;}
}
/* FOOTER FORM END */


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

.fotbgri {height: 150px; background-size:cover}
.fotbg {height: 150px; background-size:cover}

}
@media screen and (max-width: 600px) {
table {border: 0;}
table caption {font-size: 1.3em;}
table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
table tr {border-bottom: 3px solid rgba(1,85,163,1.00); display: block; margin-bottom: .625em;}
table td {display: block; font-size: .8em; text-align:left;}
table td::before {content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase;}
table td:last-child {border-bottom: 0;}
tr td:nth-child(2) {width: auto; white-space: nowrap;}
.wp-block-table table td:first-child {border-collapse: collapse; text-align: center; background: rgba(61,144,206,1.00); color: #fff;}
.wp-block-table table tr:first-child {display: none;}
}





/*_________________________________________*/
.cat-news {width: 22%; background: #f00 url(s41.jpg) center; background-size: cover; margin-bottom: 25px;}
.cat-news a {display: flex; flex-flow: wrap-reverse; height: 100%;}
.cat-news a div{width: calc(100% - 20px); margin-top: 120px; background:rgba(255,255,255,0.85); padding: 10px; min-height: 100px; height: max-content; text-align: right}
.cat-news a div p{text-align: left; font-size: 16px; line-height: normal; padding: 0}
.cat-news a div span{text-align: right; font-size: 14px; color:#3d90ce}
.cat-news {}
.cat-mod {width: 22%; background: #f00 url(s41.jpg) center; background-size: cover; margin-bottom: 25px;}
.cat-mod a {display: flex; flex-flow: wrap-reverse; height: 100%;}
.cat-mod a div{width: calc(100% - 20px); margin-top: 120px; background:rgba(255,255,255,0.85); padding: 10px; min-height: 100px; height: max-content; text-align: right}
.cat-mod a div p{text-align: left; font-size: 16px; line-height: normal; padding: 0}
.cat-mod a div span{text-align: right; font-size: 14px; color:#3d90ce}





.catdef{display:flex;flex-direction:column; border: 2px solid rgba(61,144,206,1.00);flex:1 1 25%; padding:10px;box-shadow:0 1rem 2rem .25rem rgba(9,55,164,0);transition:box-shadow .4s ease-out;position:relative;z-index:1;overflow:hidden; height:12em; background-size: cover; background-position: center;min-height:100px; }
.catdef svg{width:1.25rem;height:auto;position:absolute;top:.3125rem;left:0}.catdef svg path,.catdef svg polygon,.catdef svg rect{fill:rgba(61,144,206,1.00);transition:fill .4s ease-out}
.catdef .catdef_title{color:#fff;min-height:0;margin: 10px 0 5px 0; font-size:16px;font-weight:100;line-height:1.25; z-index:3;}
.catdef .catdef_text {z-index:3;}
.catdef_text p {color: #fff; font-size: 14px}
.catdef .arrow_move_cat{position:absolute;z-index:2;left:auto;right:0.875rem;top:0.875rem;width:1.5625rem;transition:transform .4s }
.catdef .arrow_move_cat path{fill:rgba(255,255,255,1.00);transition:fill .4s ease-out, transform .4s }
.catdef span {color: #fff; z-index: 3; font-size: 14px; margin-top: 10px;}
.catdef::before{content:"";position:absolute;top:0;opacity:0.7;background:linear-gradient(to top,rgba(61,144,206,0.80) 0,rgba(61,144,206,1.00) 60%);left:0;display:block;width:100%;height:110%;z-index:1;transition: opacity 0.5s ease-out;}
.catdef:hover{box-shadow:0 1rem 2rem .25rem rgba(9,55,164,.3);z-index:2}
.catdef .catdef_title svg path,.catdef:hover .catdef_title svg polygon,.catdef:hover .catdef_title svg rect{fill:#fff}
.catdef:hover::before{opacity:1;}
.catdef::after{color:#fff}
.catdef:hover .arrow_move_cat {transform: rotate(45deg)}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

@media screen and (max-width: 560px) {
.in-top3 {bottom: 0}
.in-top3 p {font-size: 16px; padding: 10px;}
.in-but4 {right: auto; width: 100%; bottom: 5%; text-align: center;}
.in-but4 p {font-size: 16px; padding: 10px;}


}
@media screen and (max-width: 540px) {
.in-but1 {width: 100%; height: 80%;}
.parb-top {padding: 0 0 100%;}
}
@media screen and (max-width: 390px) {
.in-top {height: calc(100vh - 70px); position: relative;}
.in-top1 {height: 90%;}
.in-top2 {height: 90%;}
.in-top4 {left: 5%; width: 90%; top: 2%; height: 50%;}
.in-top4t {border: 3px solid #fff; border-bottom: 0; height: 10%; padding-top: 10%;}
.in-top4m {border-left: 3px solid #fff;}
.in-top4b {border: 3px solid #fff; border-top: 0; height: 17%;}
	
.in-but1 {width: 100%; height: 80%;}
.in-but3 {left: calc(5% - 3px); width: 90%;}
.in-but3c {width: calc(100% - 10%); padding: 5%; font-size: 16px;}
	
.parb-top {padding: 0 0 100%;}
.ab-bott1 {width: 100%; padding: 0 0 78.5%;}
.ab-bott-tex {padding: 0 0 75%; width: 75%;}
.ab-bott-a {width: 125%;}
.tab button {padding: 10px 1px; text-transform: lowercase; font-size: 0.7em;}
.taber {padding-bottom: 90px;}
	.form-container {margin-top: 5vh;}
}
/* 335 x 450 */
/*
@media
  only screen and (-webkit-min-device-pixel-ratio: 2.0),
  only screen and (   min--moz-device-pixel-ratio: 2.0),
  only screen and (     -o-min-device-pixel-ratio: 2.0/1),
  only screen and (        min-device-pixel-ratio: 2.0),
  only screen and (                min-resolution: 326dpi),
  only screen and (                min-resolution: 2.0dppx) { 
	  html {font-size: 18px}
}
@media
  only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (   min--moz-device-pixel-ratio: 3),
  only screen and (     -o-min-device-pixel-ratio: 3/1),
  only screen and (        min-device-pixel-ratio: 3),
  only screen and (                min-resolution: 401dpi),
  only screen and (                min-resolution: 3dppx) { 
    /* Retina styles here */ /*html, p div, h1 {font-size: 18px}
}
*/