@CHARSET "UTF-8";

    	div.hidden{
             display: none
        }
    
		.back-to-top {
		    cursor: pointer;
		    position: fixed;
		    bottom: 20px;
		    right: 20px;
		    display:none;
		}
    
    
        html {
            height: 100%;
        }

        body {
            /* min-width: 400px; */
            font-family: dejavusans;
            margin: 0;
            background-color: #f1f2f2;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }

        .grayscale {
            -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
            filter: grayscale(100%);
        }

        .header {
            padding-bottom: 0px;
        }

        .icons-for-typography {
            width: 20px;
            float: left;
            margin-left: 22px;
        }

        /*colors*/
        .burger-icon {
            width: 20px !important;
            cursor: pointer;
        }

        .image-container {
            padding: 0 8px;
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .image-container img {
            display: block;
            width: 100% !important;
            height: auto !important;
            float: left;
            margin-bottom: 10px;
        }

        .box-content {
            float: left;
		    margin-top: 15%;
		    margin-left: 10%;
        }

        .box-container {
            padding: 10px 8px;
            min-height: 100px;
        }

        #small_Menu2 {
            width: calc(100% + 30px);
    		margin-left: -15px;
        }

        .small_box {
            float: left;
            margin-bottom: 20px;
            width: 49%;
            height: 235px;
        }
        
        .small_box:nth-child(odd){
        	margin-right:1%;
        }

        .small_box:nth-child(even){
        	margin-left:1%;
        }


        .small_box h3 {
            color: #ffffff;
            padding-left: 10px;
            padding-top: 10px;
            font-size: 5vw;
        }

        #menu_mob {
            background-color: #000000;
            width: 100%;
            position: absolute;
        }

        .menu-item {
            color: #000;
            font-weight: bold;
            cursor: pointer;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
        }

        .menu-item:hover {
            color: #ffffff;
        }

        .my-container {
            padding: 0;
            margin-bottom: 10px;
        }

        .top-header {
            background-color: #000;
            height: 40px;
            float: left;
        }

        .top-navigation {
            /*width:766px;*/

        }

        .top-navigation a {
            float: left;
            color: #fff;
            margin-right: 25px;
            line-height: 40px;
            font-size: 12px;

        }

        .logo-section {
            /*min-width:300px;*/
            /*padding-bottom: 10px;*/
            /*border-bottom: 1px solid #999; */
            /*float:left;*/

        }

        .content {
            /*background-color: #999;*/
            /*margin-top:160px;*/
            margin-bottom: 30px;
        }

        .main {
            float: left;
            margin-top: 120px;
        }

        .cat-nav {
            background-color: #e1e1e1;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .cat-nav a {
            color: #000;
            font-weight: bold;
            float: left;
            width: 100%;
        }

        .cat-div:hover {
            background-color: #00a1e1;
        }

        .cat-div:hover a {
            color: #fff;
        }

        .cat-div a:hover {
            text-decoration: none;
        }

        .two-banner-with-link {
            min-height: 140px;
            margin-bottom: 20px;
            padding-left:1px;
        }

        .tree-banner {
            float: left;
            min-height: 120px;
            margin-top: 10px;
            background-color: #f2f2f2;
            overflow: hidden;
        }

        .bottom-banners {
            margin-bottom: 30px;
        }

        .my-footer {
            background-color: #000;
            min-height: 80px;
            position: relative;
            width: 100%;
        }

        .social {
            list-style: none;
            margin: 0;
            padding: 0;
            text-align: center;
            width: 130px;
        }

        .social li {
            float: left;
            margin-right: 10px;
        }

        .copyright h6 {
            width: 100%;
            float: left;
            text-align: left;
            color: #fff;
            line-height: 58px;
        }

        .copyright_mob h6 {
            width: 100%;
            text-align: center;
            color: #fff;
            line-height: 58px;
        }

        .soc-container h6 {
            width: 100%;
            float: left;
            text-align: center;
            color: #fff;
        }

        .footer-addres address {
            color: #fff;
            text-align: right;
            margin-top: 0px;
        }

        .footer-addres_mob {
            color: #fff;
            text-align: center;
            margin-top: 20px;
            width: 100%;
        }

        .logo {
            width: 230px;
            height: 44px;
            float: left;
            margin-top: 40px;
        }

        .logo_mobile {
            margin-left: 20px;
            margin-top: 20px;
            float: left;
            -webkit-filter: invert(100%);
            filter: invert(100%);
        }	
		
        .close_btn {
            font-size: 30px;
            color: #ffffff;
            cursor: pointer;
            float: right;
            margin-right: 20px;
            margin-top: 25px;
        }

        .mob_menu_cont {
            margin-top: 100px;
            width: 100%;
        }

        .mob_menu_item {
            cursor: pointer;
            margin-top: 10px;
            font-size: 26px;
            text-align: center;
            color: #ffffff;
        }

        .table_mob {
            cursor: pointer;
            margin-top: 50px;
            font-size: 23px;
            text-align: center;
            width: 400px;
            margin-left: auto;
            margin-right: auto;
        }

        .table_mob td:hover {
            color: #ffffff;
        }

        .typography {
            width: 200px;
            height: 44px;
            float: right;
            margin-top: 40px;

        }

        .lang-dropDown {
            float: left;
            padding-left: 30px;
            margin-top: -13px;
        }

        .lang-dropDown span {
            float: left;
            line-height: 48px
        }

        .lang-dropDown h5 {
            float: left;
            padding-left: 10px;
            font-size: 20px;

        }

        .lang-dropdown-menu {
            float: left;
            width: 0px;
            padding-top: 8px;
        }

        .search {
            float: right;
            /*background-color: #fff;*/
            width: 70%;
            //max-width: 350px;
            height: 33px;
            border-bottom: 1px solid #fff;

        }

        .search div.my-dropdown {
            float: left;
            display: none;
        }

        .search input[type="text"] {
            width: 90%;
            float: left;
            background-color: transparent;
            border: none;
            margin-top: 7px;
            outline: none;
            color: white;
        }

        .search input[type="submit"] {
            width: 10%;
            float: right;
            margin-top: 7px;
            outline: none;
            border: none;
        }

        .search button.dropdown-toggle {
            width: 100%;
        }

        #search-target-text {
            display: inline-block;
            width: 95%;
            text-align: left;
        }

        .search .caret {
            display: inline-block;
            width:5%;
        }

        .serach-dropdown {
            background-color: transparent;
            padding-left: 0px;
            color: #f3f3f3;
            float: left;
            //display: none;
        }

/*         .btn.focus, .btn:focus, .btn:hover {
            color: #fff !important;
            outline: none;
        } */

        .trademark, .copyright, .design {
            background-color: transparent;

        }

        .two-banner-with-link h3 {
            padding-left: 20px;
            margin-top: 80px;
            width: 130px;
        }

        .banner-links {
            position: relative;
            top: -60px;
            left: 180px;
            width: 266px;

        }

        .banner-links ul, .slider-content-container ul {
            list-style: none;
            margin: 0;
            padding: 0;
            width: 103px;
            float: left;
            margin-left: 30px;
        }

        .slider-content-container ul {
            margin-top: 10px;
        }

        .banner-links ul li a, .slider-content-container ul li a {
            text-decoration: none;
            color: #000;
        }

        .slider-content-container ul li a {
            color: #fff;
            font-weight: normal;
            font-size: 14px;
            white-space:nowrap;
        }

        .slider-content-container h4 {
            float: left;
            width: 100%;
            margin-top: 10px;
            color: #fff;
            padding-left: 30px;
            font-weight: normal;
        }

        .banner-links ul li:hover a:before, .slider-content-container ul li:hover a:before {
            content: "•";
            margin-right: 2px;
        }

        .tree-banner h3 {
            margin-top: -40px !important;
            padding-left: 20px !important;
            width: 230px;
        }

        .small-submenu {
            color: #ffffff;
            text-decoration: none;
            margin-bottom: -8px;
        }

        .small-submenu h4 {
            font-size: 16px;
            padding-top: 5px;
            padding-left: 5px;
            padding-bottom: 5px;
            color: #ffffff;
        }

        .small-submenu ul {
            list-style: none;
            color: #ffffff !important;
        }

        .small-submenu li {
            padding-bottom: 10px;
            color: #ffffff !important;
        }

        .small-submenu a {
            color: #ffffff !important;
            text-decoration: none;
        }

        .cat-submenu {
            height: 140px;
            display: block;
            padding-top: 20px;
        }

        .cat-submenu h4 {
            color: #fff;
            text-align: center;
        }

        .sub-item ul {
            list-style: none;
            width: 138px;
            float: left;
        }

        .sub-item ul li a {
            color: #000;
            text-decoration: none;
            width: 100%;
            float: left;
            text-align: center;
            padding-bottom : 6px;
        }

        .sub-item ul li a:hover {
            color: #fff;
        }

        .sub-item ul li:hover a:before {
            content: "•";
            margin-right: 2px;

        }

        .no-border {
            background-image: none;
        }

        .single-slide-container {
            padding-top: 40px;
            width: 320px;
            /*margin-left: 50px;*/
        }

        .top-pedding {
            padding-top: 110px;
            padding-left: 20px;
        }

        .tools-header {
            height: 78px;
        }

        .tools-header h3 {
            margin: 0;
            padding-left: 20px;
            padding-top: 20px;
        }

        .tools-header ul {
            list-style: none;
            /*padding-left: 20px;*/
        }

        .tools-header ul li {
            float: left;
            margin-right: 10px;

        }

        .tools-header ul li a {
            color: #000000;
            text-decoration: none;
            font-size: 12px;
            margin-left: 4px;
        }

        .tools-content1 {
            max-height: 270px;
        }
		
		.tools-content2 {
			width: 100%;
			height: 250px;
			background-repeat: no-repeat, no-repeat;
			background-size: 100% 100%, cover;
		}
		
		.tools-content3 {
			width: auto;
			height: 250px;
			background-repeat: no-repeat, no-repeat;
			background-position-x: left;
		}
		
        .tools-header ul li a:before {
            content: "•";
            margin-left: -6px;
            margin-right: 6px;
        }

        .tools-header ul li:first-child a:before {
            content: " ";
        }

        .blue {
            color: #00a1e1;
        }

        .red {
            color: #f42434;
        }

        .side-menu ul {
            list-style: none;

        }

        .side-menu ul li {

        }

        .side-menu ul li a {
            color: #00a1e1;
            font-size: 20px;
            text-decoration: none;
            float: left;
            width: 100%;
        }

        .side-menu ul li a:hover {
            margin-left: -7px;
        }

        .side-menu ul li:hover a:before {
            content: "•";
            margin-left: -6px;
            margin-right: 6px;

        }

        .text-container-inside {
            padding-top: 20px;
        }

        .top-pedding-half {
            padding-top: 20px;
        }

        .publications h4 {
            color: #9f9f9f;
            font-style: italic;
        }

        .publications ul {
            padding: 0;
            margin: 0;
            margin-left: 20px;
            list-style: none;
        }

        .publications ul li {
            margin: 10px;
            float: left;
        }

        .publication-twise ul {
            margin: 0;
            padding: 0;
        }

        .left {
            width: 425px;
            float: left;
            background-color: #e1e1e1;
            height: 40px;
        }

        .right {
            width: 465px;
            float: left;
            background-color: #e1e1e1;
            height: 40px;
        }

        .left input {
            float: left;
            margin-left: 0px;
            background-color: transparent;
            border: none;
            margin-top: 7px;
            outline: none;
            /*border-left:1px solid #fff;*/
            color: #fff;
            font-size: 18px;
            width: 390px;
            padding-left: 20px;
        }

        ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
            color: #fff;

        }

        :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #fff;

            opacity: 1;
        }

        ::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #fff;

            opacity: 1;
        }

        :-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #fff;

        }

        .right-text {
            color: #fff;
            float: left;
            line-height: 36px;
            margin-left: 20px;
        }

        .big-search-button {
            width: 135px;
            height: 40px;
            background-color: #e1e1e1;
            float: left;
            text-decoration: none;
            font-size: 18px;
            color: #fff;
            line-height: 38px;
            margin-top: 20px;
            text-align: center;

        }

        .big-search-button:hover {
            text-decoration: none;
            color: #000;
        }

        .hide-str:hover {
            text-decoration: none;
            color: #9e9e9e;
        }

        .gray {
            background-color: #c4c4c4;
            border: 0;
        }

        .gray-children {
            background-color: #dcdcdc;
        }

        .super-gray-children {
            background-color: #e6e6e6;
        }

        .super-gray {
            background-color: #d4d4d4;
        }

        .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
            border-bottom-width: 0px;
        }

        .tree a {
            color: #888888;
        }

        .table-striped > tbody > tr:nth-of-type(odd) {
            background-color: #e6e6e6;
        }

        .border-th {
            width: 102px;
            border-right: 1px solid #999;
        }

        .sugestion {
            width: 100%;
            min-height: 100px;
            background-color: #fff;
            /*border:1px solid #999;*/
            margin-top: 40px;
            position: absolute;
            z-index: 999;
            display: none;
        }

        .active {
            display: block;
        }
		
        .slider-content-container {
            background-repeat: no-repeat;
        }

        .slider-content-container h3 {
            font-size: 22px;
        }

        .font-size {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .font-size li {
            margin: 0;
            padding: 0;
        }

        .font-size li ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: none;
            background-color: #fff;
            width: 80px;
        }

        .font-size li ul li {
            margin-left: 10px;
        }

        .font-size li ul a {
            color: #000;
            text-decoration: none;
        }

        .font-size li:hover ul {
            display: block;
        }

        .slick-prev
        {
            left: -33px;
        }

        .slick-next
        {
        	right: -33px;
        }


        .lang-title {
            font-size: 22px;
            color: #000;
            width: 25px;
            margin-left: 18px;
        }

        .lang-title:hover {
            color: #000 !important;
        }

        .cat-submenu {
            /*display:none;*/
        }

        .cat-submenu-active {
            display: block;
        }

        .active-link {
            color: #fff !important;
        }

        /*colors*/
        
        .green-color {
            background-color: #228848 !important;
        }

        .violet-color {
            background-color: #84329b !important;
        }

        .yellow-color {
            background-color: #ffd100 !important;
        }

        .red-color {
            background-color: #ee2737 !important;
        }

        .blue-color {
            background-color: #00a3e0 !important;
        }

        .gray-color {
            background-color: #f68d2e !important;
        }

        /*hoverd links*/
        .hover-green-color:hover,
        .hover-green-color.selected 
        {
            background-color: #228848 !important;
            color:white;
        }

        .hover-violet-color:hover,
        .hover-violet-color.selected
        {
            background-color: #84329b !important;
            color:white;
        }

        .hover-yellow-color:hover,
        .hover-yellow-color.selected 
        {
            background-color: #ffd100 !important;
            color:white;
        }

        .hover-red-color:hover,
        .hover-red-color.selected
        {
            background-color: #ee2737 !important;
            color:white;
        }

        .hover-blue-color:hover,
        .hover-blue-color.selected
        {
            background-color: #00a3e0 !important; 
            color:white;
        }

        .hover-gray-color:hover,
        .hover-gray-color.selected 
        {
            background-color: #f68d2e !important;
            color:white;
        }

		
		
        .large {
            font-size: 18px !important;
        }

        /*}*/
        
        .print-only-display {
        	display:none !important;
        }
        #page-print-image {
            height: 80px;
            width: auto;
            visibility: hidden;
            display: none;
        }

		@media print {
            .no-print .topnav ,.no-print header *,.no-print .page_right,.no-print footer,.no-print .back-to-top,.element-section .box.light,.no-print header,.no-print-footer {
                display: none;
            }
            .box-content-flo {
                margin: 0;
            }

            #page-print-image {
                display: block;
            }
            #page-content-print, #page-content-print *,#page-print-image {
				visibility: visible !important;
			}
			#page-content-print.larger-printing, #page-content-print.larger-printing * {
				font-size:22px;
			}
            .page_in {
                padding:0 !important;
                margin: 0 !important;
            }
            * {
                border: transparent;
            }
		}

		
		.tree-banner-responsive
		{
			width:100%;
			padding-left: 6px;
		}
		
		.tree-banner-responsive img,
		.tree-banner-responsive h3
		{
			margin-left:auto;
			margin-right:auto;
			display:block;
			width:393px;
		}	

		.image-container
		{
			background-position: center center;
			background-size: cover;
			border-radius:0;
			height: 150px;
		}
		
		.search_icon {
		
			background:url('../img/search-icon.png')
		}
		
		@media (min-width: 1040px) and (max-width: 1200px){
			.search.large_search{
				border-radius: 3px;
				background: rgb(195, 198, 205);	
				}
			.large_search.search input[type="text"] {
				color: black;
			}	
			.search.large_search .search_icon{	
				background-image:url('../img/searchBlack.png');
				background-size: 18px 18px;
				
				
			}
		}
		
		@media (min-width: 992px) {
		
			.search{
				position: relative;
				right: 0;
				width: 25%;
			}
		
			.tree-banner-responsive {
				margin-left:16px;
				width:292px;
				height:120px;
				padding-left:0;
				
			}
					
			.tree-banner-responsive img
			{
				width:100%;
				height:120px;
			}
			.image-container{
				padding:0;
			}
					ccc
			.responsive-slider
			{
				margin-left:16px;
				margin-right:16px;
			}
	
			.responsive-slider-item
			{
	            width: 292px;
	            margin-left: 8px;
	            margin-right: 8px;
	            height: 129px;
			}
			
		}


		@media (min-width: 1200px) {
			.search{
				width: 25%;
				right: auto;
				position: static;
			}
		
			.tree-banner-responsive {
				margin-left:16px;
				width:358px;
				height:120px;
			}
	        .box-container-left {
	            padding-left: 0 !important;
	        }
	
	        .box-container-right {
	            padding-right: 0 !important;
	        }
		
		
			.responsive-slider
			{
				margin-left:17px;
				margin-right:17px;
			}
	
			.responsive-slider-item
			{
	            width: 358px;
	            margin-left: 8px;
	            margin-right: 8px;
	            height: 159px;
			}
			
        	.responsive-slider-item ul li a {
	            font-size: 18px;
        	}

        	.responsive-slider-item h4 {
        		font-size: 26px;
			}			
			
		}
		

:root {
    --site-color: #164194;
    --site-color-hover: #092D72;
    --color-white: #fff;
    --color-font: #262626;
    --font-nromal-size: 16px;
    --site-font: 'FiraGO-Bold';
    --color-mn1: #ffd100;
    --color-mn2: #84329b;
    --color-mn3: #ee2737;
    --color-mn4: #00a3e0;
    --color-mn5: #228848;
    --color-mn6: #f68d2e;

    --color-mn1: #e9e9e9;
    --color-mn2: #e9e9e9;
    --color-mn3: #e9e9e9;
    --color-mn4: #e9e9e9;
    --color-mn5: #e9e9e9;
    --color-mn6: #e9e9e9;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
@keyframes modeBottom {
    from {
        bottom: -100%;
    }

    to {
        bottom: 0;
    }
}

@keyframes modeTop {
    from {
        top: -100%;
    }

    to {
        top: 0;
    }
}

@keyframes modeLeft {
    from {
        left: -100%;
    }

    to {
        left: 0;
    }
}

@keyframes modeRight {
    from {
        right: -100%;
    }

    to {
        right: 0;
    }
}

body {
    font-family: 'FiraGO-Book' !important;
    font-weight: bold;
    color: #333;
    width: 100%;
    background: #f1f2f2;
}
body.no-scroll {
    overflow: hidden !important;
    width: calc(100vw - 0px);
    height: 100vh;
}

.container_base {
    max-width: calc(100% - 50px);
    min-height: calc(100vh - 200px);
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
}

/* topnav */
topnav {
    width: 100%;
    height: 40px;
    display: flex;
    background: var(--site-color);
    position: relative;
    z-index: 999999999;
}

topnav .container_base {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    min-height: auto;
}

.for-mob-topmnav-bt {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--color-white);
    transition: 0.3s;
}

.for-mob-topmnav-bt:hover {
    background-color: var(--site-color-hover);
}

.for-mob-topmnav-bt open {
    display: flex;
}

.for-mob-topmnav-bt close {
    display: none;
}

.for-mob-topmnav-bt.active {
    background-color: var(--site-color-hover);
}

.for-mob-topmnav-bt.active close {
    display: flex;
}

.for-mob-topmnav-bt.active open {
    display: none;
}



.for-mob-topmnav {
    width: 30%;
    min-width: 269px;
    /* height: 40px; */
    display: none;
    justify-content: space-around;
    align-items: flex-start;
    position: absolute;
    z-index: 111;
    background: var(--site-color);
    flex-direction: column;

}

.for-mob-topmnav.active {
    display: flex;
}

.topnav a {
    display: block;
    text-decoration: none;
    color: var(--color-white);
    text-transform: uppercase;
    font-feature-settings: "case" on;
    /* height: 20px; */
    width: -webkit-fill-available;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding: 10px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    transition: 0.3s;
}

.topnav a:hover {
    background: var(--site-color-hover);
}

.topmnav-right {
    display: flex;
}

.topmnav_right_bt {
    display: flex;
    padding: 0 10px;
    height: 40px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--color-white);
    transition: 0.3s;
    border-top: none !important;
    gap: 0px;
    min-width: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
}
.topmnav_right_bt a {
    margin: 0;
    padding: 0;
    display: unset;
    text-decoration: none;
    border: transparent;
}
.topmnav_right_bt .fa-solid:nth-child(2) {
    padding-left: 5px;
}

.topmnav_right_bt:nth-child(6) .fa-solid {
    padding-right: 5px;
}

.topmnav_right_bt:hover {
    background-color: var(--site-color-hover);
}


/* .topnav a.active:before,
.topnav a:hover::before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #FFFFFF transparent;
    transform: rotate(0deg);
    position: absolute;
    bottom: 0;
    left: calc(50% - 5px);
} */



header {
    background: var(--color-white);
    height: 74px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    /* box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px; */
    -webkit-box-shadow: 0px 5px 20px -17px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px 5px 20px -17px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 5px 20px -17px rgba(0, 0, 0, 0.34);
    position: sticky;
    z-index: 99999999;
    top: 0;

}

header .container_base {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    min-height: auto;
}

.logo {
    width: 121px;
    height: 100%;
    min-height: 44px;
    background-image: url(/static/img/logo/logo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-top: 0px;
}

.menu {
    display: flex;
    height: 100%;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between;
}

.search {
    width: 300px;
    height: 30px;
    position: relative;
    margin-top: 9px;
}

.search_input {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    padding: 10px;
    outline: none;
    font-family: var(--site-font);
    color: var(--site-color);
    border: none;
    transition: 0.3s;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.search_input:focus {
    transition: 0.3s;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.search_input::placeholder {
    font-family: var(--site-font);
    color: var(--site-color);
    opacity: 1;
    /* Firefox */
}

.search_input::-ms-input-placeholder {
    /* Edge 12 -18 */
    font-family: var(--site-font);
    color: var(--site-color);
}


.search .fa-solid {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 7px;
    color: var(--site-color);
}

.search .search_submit {
    position: absolute;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    width: 33px;
    height: 100%;
    z-index: 2;
    right: 0;
    top: 0;
}


.for-mob-menu {
    display: flex;
    height: 100%;
    flex-direction: row;
    gap: 2px;
}

.mn {
    display: flex;
    text-decoration: none;
    height: 100%;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-font);
    text-transform: uppercase;
    font-feature-settings: "case" on;
    font-size: 14px;
    position: relative;
    transition: 0.3s;
}

.mn i {
    margin-left: 5px;
    font-size: 11px;
    transition: 0.1s;
}

.desk .mn.hover i,
.desk .mn:hover i {
    transform: rotate(180deg);
    transition: 0.1s;
}

.mn::after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
    height: 2px;
    background: var(--site-color);
}

.desk .mn.hover::after,
.desk .mn:hover::after {
    display: block;
}

.desk .mn.hover,
.desk .mn:hover {
    background-color: rgba(22, 65, 148, 0.04);
    text-decoration: none;
}

/* .mn1.hover::after,
.mn1:hover::after {
    border-color: transparent transparent var(--color-mn1) transparent;
}

.mn2.hover::after,
.mn2:hover::after {
    border-color: transparent transparent var(--color-mn2) transparent;
}

.mn3.hover::after,
.mn3:hover::after {
    border-color: transparent transparent var(--color-mn3) transparent;
}

.mn4.hover::after,
.mn4:hover::after {
    border-color: transparent transparent var(--color-mn4) transparent;
}

.mn5.hover::after,
.mn5:hover::after {
    border-color: transparent transparent var(--color-mn5) transparent;
}

.mn6.hover::after,
.mn6:hover::after {
    border-color: transparent transparent var(--color-mn6) transparent;
} */

.mn_under {
    width: calc(100% - 40px);
    position: absolute;
    /* min-height: 330px; */
    right: 20px;
    padding-bottom: 20px;
    top: 74px;
    display: none;
    z-index: 2;

    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;

    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 1;

}
.mn_openn {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    z-index: 0;
    display: none;
    transition: 0.3s;
}
body.mn_open .mn_openn {
    display: block;
}


.mn0_bg {
    background-color: var(--color-mn1);
}
.mn1_bg {
    background-color: var(--color-mn1);
}

.mn2_bg {
    background-color: var(--color-mn2);
}

.mn3_bg {
    background-color: var(--color-mn3);
}

.mn4_bg {
    background-color: var(--color-mn4);
}

.mn5_bg {
    background-color: var(--color-mn5);
}

.mn6_bg {
    background-color: var(--color-mn6);
}

.mn_under_flex {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
}

.mn_under_flex div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33.3%;
}

undermntitle {
    font-size: 18px;
    color: var(--site-color);
    padding: 15px 0;
    width: 90%;
    text-align: left;
}

.mn_under_flex div a {
    text-transform: uppercase;
    font-feature-settings: "case" on;
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    width: 90%;
    min-height: 30px;
    font-size: 14px;
    color: #000;
    border-radius: 2px;
    padding: 10px 13px;
    margin-bottom: 1px;
    transition: 0.3s;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.mn_under_flex div a:hover {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}



main {
    min-height: calc(100vh - 240px);
    max-width: 1300px;
    margin: 0 auto;
    overflow-x: hidden;
}


/*  */
.blocks_container {
    width: 100%;
    height: 140px;
    display: flex;
    gap: 20px;
    margin: 30px 0;
    padding: 0 5px;
}

.blocks_container.middle_list {
    gap: 5px;
}

blocklisttitle {
    font-size: 18px;
}
blocklisttitle > br {
    display: none;
}
.break {
    flex-basis: 100%;
    height: 0;
}

.block_list {
    display: flex;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    width: -webkit-fill-available;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 5px;
    transition: 0.3s;
    flex-direction: column;
    cursor: pointer;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
.block_list:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.block_list.law {
    background-image: url(https://www.sakpatenti.gov.ge/media/page_images/law6.png);
}

.block_list.faq {
     background-image: url(https://www.sakpatenti.gov.ge/media/page_images/FAQ6.png);
}

.block_list.srch:before {
    background-image: url(../img/search5.jpg);
}

.block_list.edu:before {
    background-image: url(../img/edu.png);
}

.block_list.list:before {
     background-image: url(../img/online6.jpg);
}
.block_list.list.m:before {
     background-image: url(../img/online6.jpg);
}

.block_list.list.m.n:before {
     background-image: url(../img/online6.jpg);
}
.page_title {
    text-decoration: none;
    font-size: 22px;
    color: var(--site-color);
    text-align: center;
    margin: 50px auto 30px auto;
}


.block_list a {
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    font-feature-settings: "case" on;
    text-align: center;
    color: var(--site-color);
}

.block_list.m a {
    text-transform: initial;
}
.block_list:hover a {

}

.block_list:hover {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;

}


.hover-underline-animation {
    display: inline-block;
    position: relative;
    z-index: 0;
}

.hover-underline-animation::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--color-font);
    transition: transform 0.25s ease-out;
}
.hover-underline-animation.newsborder::after {
    background-color: #23527c;
}
.hover-underline-animation:hover::after {
    transform: scaleX(1);
}

.hover-underline-animation.left::after {
    transform-origin: bottom right;
}

.hover-underline-animation.left:hover::after {
    transform-origin: bottom left;
}

.hover-underline-animation.center::after {
    transform-origin: bottom center;
}

.hover-underline-animation.center:hover::after {
    transform-origin: bottom center;
}

.hover-underline-animation.right::after {
    transform-origin: bottom left;
}

.hover-underline-animation.right:hover::after {
    transform-origin: bottom right;
}

/*  */


/* swiper */
.home_swiper {
    width: 100%;
    height: 200px;
    margin: 70px auto;
    margin-bottom: 5px;
    position: relative;
    z-index: 0;
}

blocklisttitle {
    font-size: 18px;
    color: var(--site-color);
    padding: 14px 0;

    text-transform: uppercase;
    font-feature-settings: "case" on;
}

swiper-container {
    width: 100%;
    height: 100%;
}

swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    opacity: 1;
    transition: 0.3s;
}

swiper-slide:hover {
    opacity: 1;
}

swiper-slide a {
    text-transform: uppercase;
    font-feature-settings: "case" on;
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    text-decoration: none !important;
    width: 100%;
    min-height: 30px;
    font-size: 14px;
    color: #000;
    border-radius: 2px;
    padding: 8px 13px;
    margin-bottom: 1px;
    transition: 0.3s;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

swiper-slide a:hover {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

swiper-slide .swiper-button-next,
swiper-slide .swiper-button-prev {
    color: #ed1c24 !important;
}


/*  */
.event-card {
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
    padding: 15px;
    text-decoration: none;
    color: var(--color-font);
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none;
    flex-direction: row;
}
.homenews .event-card {
     flex-direction: column;
     flex: 1;
}
.homenews {
    display: flex;
    gap: 10px;
}
.event-card:hover {
    background-color: #e9e9e9;
    text-decoration: none;
    color: var(--color-font);
}

.event-card img {
    max-width: 230px;
    margin-right: 20px;
    border-radius: 4px;
    height: auto;
    object-fit: contain;
}
.homenews .event-card img {
    height: 173px;
    margin: 0;
}
.event-info h3 {
    min-height: 30px;
    font-size: 18px;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    max-height: calc(1.5em* 3);
}

.event-info p {
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
}

.event-date {
    margin-left: auto;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.event-date i {
    margin-right: 4px;
}






footer {
    background-color: var(--site-color);
    color: #fff;
    text-align: center;
    height: 100px;
}

footer .container_footer {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}



.page_in {
    padding: 50px 0;
    width: 100%;
    display: flex;
    margin: 0 auto;
    font-family: 'FiraGO-Regular';
}

.page_in img {
    margin: 20px 20px 0 0;
    width: auto;
}
.page_in .img_with_tooltip img {
    margin: 0;
}
.page_in p {
    margin: 0 0 20px;
}
.page_in table tr td p {
    display: flex;
    justify-content: center;
    align-content: center;
}
.page_in table tr td[valign="top"] p {
    text-align: left;
    justify-content: flex-start;
}
.print_bt {
    text-decoration: none;
    font-family: var(--site-font);
    color: var(--site-color);
    font-size: 25px;
    cursor: pointer;
    transition: 0.3s;
}

.print_bt:hover {
    color: var(--site-color-hover);
}

.page_left {
    width: calc(100% - 300px);
    padding-right: 50px;
    padding-left: 5px;
}

.page_right {
    width: 300px;

}

.page_right_block {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 5px;
    padding: 10px;
    height: max-content;
    width: 100%;
    display: flex;
    margin-bottom: 15px;
    justify-content: flex-start;
    gap: 10px;
}


.page_right_title {
    text-transform: uppercase;
    font-feature-settings: "case" on;
    width: 100%;
    text-align: center;
}


.page_right_list_block {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 5px;
    padding: 10px;
    height: max-content;
    width: 100%;
    display: flex;
    margin-bottom: 15px;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
    transition: 0.3s;
    color: #000;
    text-decoration: none;
}

.page_right_list_block:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    color: #000;
    text-decoration: none;
}


.page_right_list {
    width: 100%;
}

.page_right_list img {
    width: 100%;
    border-radius: 5px;
    margin: 0;
    padding: 0;
}

.page_right_list tm {
    font-family: var(--site-font);
    text-transform: uppercase;
    font-feature-settings: "case" on;
    padding: 10px 0;
    display: flex;
}

.page_right_list tm i {
    margin-right: 10px;
}


/* faq */



.panel-title a {
    text-decoration: none;
    color: var(--color-font);
    font-weight: bold;
    padding: 10px 15px;
    width: 100%;
    position: relative;
    display: inline-block;
}


.panel-body {
    padding: 15px;

}

/* Accordion Container Style */
.panel {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
    overflow: hidden;
    border-top: 0;
}

/* Panel Heading Style */
.panel-heading {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    padding: 0;
}

.panel-heading::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 10px;
    top: 5px;
}
.panel-heading.open::before {
    transform: rotate(180deg);
    transition: 0.3s;
}

.panel-heading::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
}


.panel-heading.open,
.panel-heading:hover {
    background: #e9e9e9;
}

/* Panel Title Style */
.panel-title {
    font-weight: bold;
    margin: 0;
}

/* Default State (collapsed) */
.collapse {
    display: none;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}

/* Expanded State */
.collapse.in {
    display: block;
    height: auto;
    overflow: visible;
}


/* Mobile menu icon */
.mobile-menu-icon {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    margin: 30px 20px;
    background-color: #fff;
}

.mobile-menu-icon span {
    width: 25px;
    height: 2px;
    background-color: #333;
    transition: 0.3s;
}

.mobile-menu-icon.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.mobile-menu-icon.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}
.mn_under_mobile_back,
.mn_under_mobile_back_title {
    display: none;
}
center a {
    margin: 20px auto;
}

@media (max-width: 1000px) {
    .mobile-menu-icon {
        display: flex;
    }
    .for-mob-menu {
        display: none;
        width: 100%;
        height: calc(100vh - 114px);
        position: fixed;
        left: 0;
        top: 114px;
        flex-direction: column;
        background-color: var(--color-mn4);
        overflow-y: auto;

    }
    .for-mob-menu.active {
        display: flex;
    }
    .container {
        max-width: calc(100% - 10px);
    }

    .blocks_container {
        flex-direction: column;
        height: auto;
        margin: 10px 0;
    }
    .block_list {
        height: 100px;
    }

    .event-card {
        flex-direction: column;
    }
    .event-card img {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        border-radius: 4px;
    }
    .event-date {
        text-align: left;
    }
    .page_in {
        flex-direction: column;
    }
    .page_left,
    .page_right {
        width: calc(100% - 35px);
        padding-right: 0;
        margin: 0 auto;
        padding-left: 0;
    }
    .page_left h2,
    .page_left p {
        text-align: left !important;
    }

    .page_right_list ttl,
    .event-info h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;

        max-height: calc(1.5em* 3);
    }
    .event-info p {
        display: none;
    }

    .mn {
        border-bottom: 1px solid var(--color-white);
        height: 50px;
        justify-content: flex-start;
    }
    .mn i {
        position: absolute;
        right: 10px;
        transform: rotate(270deg);
    }

    .mn_under_flex div a {
        width: calc(100% - 8px);
        background: none;
        box-shadow: none;
        min-height: 43px;
        border-top: 1px solid var(--color-white);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-right: 25px;

    }
    .mn_under_flex div a::before {
        content: 'f061';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f061";
        position: absolute;
        right: 10px;

      }
    .mn_under_flex div a:hover {
        background: none;
        box-shadow: none;
    }

    .mn_under_mobile_back {
        width: 90px;
        margin: 0;
        padding: 0 10px;
        border-radius: 25px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid var(--site-color);
        cursor: pointer;
    }
    .mn_under_mobile_back_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px 0 10px;
    }

    .mn_under {
        width: 100%;
        position: absolute;
        min-height: 330px;
        left: 0px;
        padding-bottom: 20px;
        top: 74px;
        height: calc(100vh - 40px - 74px);
        overflow-y: scroll;
        padding-top: 20px;
        animation: modeLeft 0.2s;
    }
    .mn_under_flex {
        flex-direction: column;
        justify-content: flex-start;
    }
    .mn_under_flex > div:last-child{
        padding-bottom: 50px;
    }
    .mn_under_flex div {
        width: 100%;
        border-bottom: 1px solid var(--color-white);
    }
    .mn0_bg .mn_under_flex div {
        border:none;
    }
     .mn0_bg .mn_under_flex div undermntitle {
         display: none;
     }
    footer .container_footer {
        display: flex;
        height: 100%;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
    }
    footer .container_footer div {
        width: 100%;
        margin: 15px 0;
    }
    footer .container_footer div:nth-child(2) {
        align-items: center;
        order: -1;
    }

    undermntitle {
    font-size: 16px;
    padding: 7px 0;
}

.mn_under_flex div a {
    width: 90%;
    min-height: 25px;
    font-size: 13px;
    padding: 6px 10px;
    margin-bottom: 0;
}
    .homenews .event-card:nth-child(4) {
        display: none;
    }
    .homenews {
        padding-left: 5px;
        padding-right: 5px;
    }
}

footer {
    background-color: var(--site-color);
    color: #fff;
    text-align: center;
    min-height: 150px;
    display: flex;
    align-items: center;
    padding: 15px;
    width: 100%;
    height: auto;
}
footer address h6 {
    text-align: left;
    line-height: 27px;
}
footer .container_footer {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: flex-start;
}

footer .container_footer div {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    line-height: 27px;
    font-size: 14px;
}
footer .container_footer div a {
    text-decoration: none;
    color: #fff;
}
footer .container_footer div:nth-child(2) {
    align-items: flex-start;
}
footer .container_footer .fa-brands {
    font-size: 20px;
    margin: 0 5px;
    transition: 0.3s;
}
footer .container_footer .fa-brands:hover {
    opacity: 0.7;
}

footer .container_footer .hover-underline-animation::after {
    background-color: #fff;
}

.container.public-info {
    max-width: 100%;
}
.large_search #all_content a, .large_search #all_content  p, .large_search #all_content h1,.large_search  #all_content h2, .large_search  #all_content h3, .large_search  #all_content h4, .large_search  #all_content div, .large_search  #all_content blocklisttitle, .large_search  #all_content button {
    font-size: 20px;
}
.large_search header a, .large_search header  p, .large_search header h1,.large_search  header h2, .large_search header h3, .large_search  header h4, .large_search  header div, .large_search  header blocklisttitle, .large_search  header button {
    font-size: 20px;
}






.tab-content.with-style {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-top-width: 0;
    padding: 13px 12px;
    margin-top: 0px;
    width: 100%;
    float: left;
    height: auto;
}
.box {
    margin-bottom: 20px;
    padding-bottom: 16px;
    width: 100%;
    display: inline-block;
    background-image: url(https://euipo.europa.eu/website-framework/style/theme/ohim-base/img/backgrounds/box-bottom-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom 4px;
}
.box>header {
    padding: 7px 15px;
    overflow: hidden;
    background-color: #0d486f;
    border: 1px solid #0d486f;
    border-width: 1px 1px 0;
    -webkit-box-shadow: inset 0 4px 0px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 4px 0px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 4px 0px rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    z-index: unset;
}
.box.light>header {
    background-color: #f9f9f9;
    border-color: #f2f2f2;
    -webkit-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px -1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px -1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #e8e8e8, 0 1px 1px -1px rgba(0, 0, 0, 0.15);
    border-bottom-width: 1px;
    z-index: unset;
    position: relative;
}
.element-section .box>header .entities {
    text-align: center;
    font-size: 0.9em;
    font-weight: 700;
    padding: 5px;
    text-align: left;
}
.element-section .box>header .span3.entities {
    text-align: right;
}
.element-section .box>header .decision-type {
    padding-left: 5px;
    padding-top: 12px;
    font-size: 1.1em;
}
.element-section .box>header .span9 {
    padding-left: 5px;
    padding-top: 12px;
    font-size: 1.1em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.box.light>.box-content {
    width: 100%;
    display: inline-block;
    border-color: #f2f2f2;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding: 15px;
    margin: 0;
}
.element-section .box .box-content>*>:first-child {
    position: relative;
}
.row-fluid .span9 {
    width: 100%;
    float: left;
}
.row-fluid .span3 {
    width: 15%;
    float: left;
}
.row-fluid {
    width: 100%;
    height: auto;
}
.row-fluid .span6 {
    width: 50%;
    float: left;
}
.row-fluid .span6.descr {
    width: 70%;
}
.row-fluid .span6.descrin {
    width: 30%;
}
.element-section .box .box-content .span6.descrin dl.main-info dt {
    width: 100%;
}
.element-section .box .box-content>*>:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    right: -1.2%;
    bottom: 0;
    width: 5px;
    background: url(https://euipo.europa.eu/eSearchCLW/images/backgrounds/vertical-separator.png) no-repeat center center;
}
.element-section .box .box-content dl.main-info {
    margin-right: 15px;
}
.dl-horizontal dt {
    float: left;
    width: 120px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dl-divided dt, .dl-divided dd {
    padding-bottom: 9px;
    text-align: left;
    font-weight: normal;
    width: 50%;
}
.element-section .box .box-content dl.main-info dt {
    width: 40%;
    float: left;
}
.element-section .box .box-content dl.main-info dt.decision  {
    width: 60%;
}
.dl-horizontal.dl-divided dd {
    padding-bottom: 10px;
    padding-left: 10px;
    font-weight: bold;
    width: 40%;
    float: left;
    margin: 0 !important;
}
.dl-horizontal.dl-divided dd.describe {
    width: 80%;
    border: 1px solid #636161;
    background: white;
    font-size: 6px;
    overflow: hidden;
    max-height: 100px;
    cursor: pointer;
    padding: 5px;
}
.element-section .box>header .entity-image {
    width: 50px;
    height: 50px;
}
.element-section .box>header .entity-image.resizable .imgBase {
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
    margin: 0;
}
.box>.box-content {
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    border-width: 0px 1px 1px;
}
.element-section .box>header .entities .versus,.element-section .box>header .entities .entity-type {
    margin-right: 5px;
    font-weight: 300;
}
.element-section .box .preview {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 40px;
    right: -3px;
    background-image: url(/static/img/view.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.row-fluid .span10 {
    width: 100%;
}
#pagination_officeCTM {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pagination .active a {
    background-color: transparent;
    color: black;
    font-weight: 700;
    border: 1px solid #ccc;
}
.note {
    font-size: 11px;
    line-height: 15px;
    color: #7e7e7e;
}
.pagination ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: flex;
    justify-content: center;
}
.pagination li {
    display: inline;
}
li.disabled {
    opacity: 0.5;
}
.pagination a {
    padding: 0 8px;
    line-height: 24px;
    height: 100%;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid transparent;
}
.pagination .prev-page, .pagination .next-page, .pagination .first-page, .pagination .last-page {
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    width: 7px;
    display: inline-block;
    background: url(https://euipo.europa.eu/website-framework/style/theme/ohim-base/img/controls/sprite-navigation.png) no-repeat left top;
}
.pagination .first-page {
    background-position: center -130px;
}
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
    color: #999;
    background-color: transparent;
    cursor: default;
}
.pagination a {
    color: #0077ac;
    text-decoration: none;
}
.pagination li:first-child a {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.pagination .disabled .first-page {
    background-position: center -129px;
}
.pagination .last-page {
    background-position: center -183px;
}
.pagination .next-page {
    background-position: center -27px;
}
.pagination .disabled .first-page {
    background-position: center -130px;
}
.pagination .prev-page {
    background-position: center -78px;
}
.pagination a:hover {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #009dde;
    text-decoration: underline;
    text-decoration: none;
    cursor: pointer;
}
.box-content-flo {
    float: left;
    margin-left: 2%;
    margin-top: 2%;
}
@media (max-width: 800px) {
    .homenews .event-card:nth-child(3) {
        display: none;
    }
}
@media (max-width: 500px) {
    .homenews .event-card:nth-child(2) {
        display: none;
    }
}
@media (max-width: 600px) {
    #pagination_officeCTM {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: self-start;
    }
    header {
        min-height: 74px;
        height: auto;

    }
    .main-info .popup_div {
        width: 70% !important;
        left: 0px !important;
    }
    .row-fluid {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }
    .pagination a {
        padding: 0 6px;
    }
    .homenews .event-card:nth-child(3) {
        display: none;
    }
}
.page_in .panel-group {
    width: 100% !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
@media (max-width: 500px) {
    .topmnav_right_bt {
        padding: 0;
    }
    .topmnav_right_bt:last-child {
        margin-left: 10px;
    }
    .topmnav_right_bt a {
        margin: 0;
        padding: 0;
        display: unset;
        text-decoration: none;
        border: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
    }

}
.mn_search {
    width: 100%;
    height: 120px;
    position: absolute;
    /* min-height: 330px; */
    right: 00px;
    padding-bottom: 20px;
    top: 40px;
    display: flex;
    justify-content: center;
    align-content: center;
    z-index: 2;
    background: var(--color-mn1);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.mn_search .search {
    width: 100%;
    max-width: 410px;
    margin-top: 30px;
    border: transparent;
}
.mn_search .search  input[type="text"] {
    width: calc(100% - 50px);
    height: 40px;
    color:#000;
    border: 1px solid #386bc0;
    border-radius: 5px;
    background:#fff;
    padding-left: 5px;
    font-size: 14px;
}
.mn_search .search  input[type="submit"] {
    width: 40px;
    height: 40px;
    color:#fff;
    background:#386bc0;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    margin-left: 10px;
}
#colored-ico {
    display: none;
}
.topmnav_right_bt:hover .highlitemenu {
    display: block;
}
.highlitemenu {
    position: absolute;
    top: 40px;
    background:var(--color-mn1);
    color:#000;
    padding: 10px;
    font-size: 12px;
    border-radius: 5px;
    text-align: center;
    display: none;
}
    .btn-search {
        height: 60px;
        margin: 10px 0;
        text-transform: uppercase;
        font-feature-settings: "case" on;
        display: block;
        background-color: rgba(255, 255, 255, 0.5);
        text-decoration: none;
        width: 90%;
        min-height: 30px;
        font-size: 14px;
        color: #000;
        border-radius: 2px;
        padding: 10px 13px;
        margin-bottom: 1px;
        transition: 0.3s;
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

    }
    .btn-search:hover {
         background-color: rgba(255, 255, 255, 0.6);
         box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    }
    strong {
        font-family: 'FiraGO-ExtraBold';
    }
    .forpmargin p {
        margin:0;
    }