@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: 10px;
        }

        .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: absolute;
            width: 100%;
        }

        .social {
            list-style: none;
            margin: 0;
            padding: 0;
            text-align: center;
            width: 130px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
        }

        .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: 20px;
        }

        .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: 60%;
			height: 250px;
			background-repeat: no-repeat, no-repeat;
			background-position-x: right;
		}
		
        .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;
        }
        
		@media print {
			.no-print, .no-print * {
				visibility: hidden !important;
			}
			.no-display, .no-display * {
				display:none !important;
			}
			.print-only-display, .print-only-display * {
				display:initial !important;
			}
			#page-content-print, #page-content-print * {
				visibility: visible !important;
			}
			
			#page-content-print.larger-printing, #page-content-print.larger-printing * {
				font-size:22px;
			}
		}

		
		.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;
			}			
			
		}