body {
		font-size:0.85em;		
		background-color : #ffffff ;
		color : #38322e;
		font-family: 'Verdana', sans-serif;
		}
		
		body > .wrapper-website, body.wide_layout, .title-centered .module-title h3 {
		background : ;
		background : rgba(245,245,245,1);
		}
		
		.user_image1 > div > div, .user_image2 > div > div, .user_image3 > div > div,
		.left_column > div > div, .right_column > div > div {
		background : ;
		background : transparent linear-gradient(to bottom, rgba(245,245,245,1) 10%, rgba(245,245,245,0));
		}
		
		input, button, select, textarea {
		color : #38322e;
		}
		
		.website-header  {
		background : #585163;
		background : rgba(88,81,99,0.65);
		margin-top:  2px;
		}
		
		/** 	COLOR 			**/
		
		.drop-down > ul > li > a, .drop-down > ul > li > span, .drop-down span.title_menu a {
		color:#f7f7f7;
		}
		
		.drop-down > ul > li.active > a, .drop-down > ul > li.active > span, .drop-down > ul > li.active > a:hover, .drop-down > ul > li.active > span:hover,
		.drop-down > ul > li > a:hover, .drop-down > ul > li > span:hover, .drop-down span.title_menu a span:hover {
		color:#ffffff;
		}
		
		@media screen and (min-width: 980px) {
		
			.drop-down li ul, .website-header.isStuck {
			background-color:#ffffff;
			}
		
		}
		
		.drop-down li li a, .drop-down li li span.separator, .drop-down li li:hover > a[href="#"],
		.isStuck .drop-down li a, .isStuck .drop-down li span.separator, .isStuck .drop-down li:hover > a[href="#"] {
		color:#030303;
		}
		
		.drop-down li li.active > a, .drop-down li li.active > span, .drop-down li li a:hover,
		.isStuck .drop-down li.active > a, .isStuck .drop-down li.active > span {
		color:#3a7485;
		}
		
		a, div.vertical-menu li a:hover, .image-text-column a {
		color: #3a7485;
		border-color: #3a7485;
		}
		.breadcrumb a:hover, a:hover, .contact .open a, .bottom_menu li a:hover,
		h1 a:hover, h2.contentheading a:hover {
		color: #6b8e23;
		}
		.image-text-column a:hover {
		background: #3a7485;
		color: #f5f5f5 ;
		}
		
		div.vertical-menu li.current > a {
		border-left-color: #3a7485;
		color: #3a7485;
		}
		
		div.horizontal-menu li[class*="current"] > a {
		border-bottom-color: #3a7485;
		color: #3a7485;
		}
				
		.social-links {
		background: #000000;
		color:#ffffff;
		}
		
		.social-links li a {
		color:#ffffff;
		}
		
		.halfcircle {
		border-top-color: #ffffff;
		border-left-color: #ffffff;
		}
				
		.users_footer, .users_footer .title-centered .module-title h3 {
		background: #2b2d42;
		}
		
		.users_footer {
		color: #dddddd;
		}
		
		.users_footer .module-title h3 {
		color: #ffffff;
		}
		
		.users_footer a {
		color: #f0f0b4;
		}
		
		.users_footer a:hover, .users_footer div.vertical-menu li a:hover, .users_footer div.vertical-menu li[class*="current"] > a, .users_footer div.vertical-menu li[class*="current"] > a:hover,
		.users_footer div.horizontal-menu li a:hover, .users_footer div.horizontal-menu li[class*="current"] > a, .users_footer div.horizontal-menu li[class*="current"] > a:hover {
		color: #ffffff;
		}

		
		/**		TITLE 		**/		
		
		.website-title {
		font-family: 'Gruppo', sans-serif;
		color : #ffffff;
		font-size : 52px;
		}
		
		.website-slogan {
		font-family: 'Trebuchet ms', sans-serif;
		color : #dddddd;
		font-size : 15px;
		}
		
		@media screen and (min-width: 980px) {
		
			.isStuck .website-title {
			color:#3a7485;
			}
			
			.isStuck .website-slogan {
			color:#030303;
			}
		
		}
		
		h1, h1 a, .componentheading, h2.contentheading, h2.contentheading a {
		color: #000000;
		}
		
		@media screen and (min-width: 600px) {
		
			[class*="title-"] h1, [class*="title-"] h1 a, [class*="title-"] .componentheading {
			color: #ffffff;
			font-size : 230%;
			}
		
		}
		
		h2 {
		color: #6b8e23;
		}
		
		.module-title h3 {
		color: #3a7485;
		}
		
		.image-text-top .module-title h1, .image-text-bottom .module-title h1 {
		font-family: 'Dosis', sans-serif;
		color : #666666;
		font-size : 150%;
		}
		
		.image-text-top .image-text-column h2, .image-text-bottom .image-text-column h2 {
		font-family: 'Dosis', sans-serif;
		color : #3a7485;
		font-size : 210%;
		border-image: linear-gradient(to right, #3a7485 80%, rgba(0,0,0,0));
		border-image-slice: 1;
		}
		
		.image-text-top .image-text-right .image-text-column h2, .image-text-bottom .image-text-right .image-text-column h2 {
		border-image: linear-gradient(to left, #3a7485 80%, rgba(0,0,0,0));
		border-image-slice: 1;
		}
		
		.image-text-top .image-text-column, .image-text-bottom .image-text-column {
		font-size : 105%;
		}
		
		/**		FONT	**/
				
		.drop-down {
		font-family: 'Comfortaa', sans-serif;
		}
		.drop-down {
		font-size : 110%;
		}
		h1, .componentheading, .blog > h1 {
		font-family: 'Comfortaa', sans-serif;
		font-size : 200%;
		}
		h1 + h1, h2, h3, h4, h5,
		.left_column h3, .right_column h3, .top-module-position h3, .bottom-module-position h3, .user1 h3, .user2 h3, .user3 h3, 
		.user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3 {
		font-family: 'Comfortaa', sans-serif;
		}
		.left_column h3, .right_column h3, .top-module-position h3, .bottom-module-position h3, .user1 h3, .user2 h3, .user3 h3, 
		.user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3 {
		font-size : 140%;
		}
		h1 + h1, h2 {
		font-size : 150%;
		}
		h3 {
		font-size : 115%;
		}
		h4 {
		font-size : 110%;
		}
		h5 {
		font-size : 100%;
		}
		
		/**			Width 		**/
		 
		.wrapper-website, .boxed_layout .isStuck {
		width : 1180px;
		}
		
		.wide_layout .top-module-position .moduletable > div > div, .wide_layout .bottom-module-position .moduletable > div > div {
		max-width : 1180px;
		}
		
		.main_content {
		margin-left: 0%;
        width: 100%;
        }
		
		.left_column {
		width:25%;
		margin-left: -125%;
		}
		.right_column {
		width:25%;
		}
		
		.wide_layout .social-links > div {
		max-width : 1180px;
		}
		
		@media screen and (min-width: 980px) {
		
			.image-text-top .image-text-column, .image-text-bottom .image-text-column {
			width: calc(1180px / 2);
			}
			
			.image-text-top .image-text-right .image-text-column, .image-text-bottom .image-text-right .image-text-column {
			margin-left: calc((100vw - 1180px) / 2);
			}
			
			.image-text-top .image-text-right .image-text-column.animCSS3, .image-text-bottom .image-text-right .image-text-column.animCSS3 {
			-webkit-animation-name: TextMoveLeft;
			animation-name: TextMoveLeft;
			}
			
			@keyframes TextMoveLeft {
			  0% {
			  	opacity:0.2;
				margin-left: calc(((100vw - 1180px) / 2) - 70px);
			  }
			}
			@-webkit-keyframes TextMoveLeft {
			  0% {
			  	opacity:0.2;
				margin-left: calc(((100vw - 1180px) / 2) - 70px);
			  }
			}
	
		}
		
		/**  Responsive columns 	**/
		@media screen and (min-width: 768px) and (max-width: 979px ) {
			
			.resp-side-left .right_column {
			width:25%;
			}
			.resp-side-right .left_column {
			width:25%;
			}
			
			.resp-side-left .main_content {
			width: 100%;
			}
			
			.resp-side-right .main_content {
			width: 100%;
			}
					
		}

		/**  If website width in px and more of 980px, the width is adjust between the setting and 980px 		**/
				
			@media screen and (min-width: 980px) and (max-width: 1240px ) {
				
				.wrapper-website, .boxed_layout .isStuck {
				width : 94%;
				}
				
				.boxed_layout .image-text-top .image-text-column, .boxed_layout .image-text-bottom .image-text-column {
				width: 50%;
				}
				.wide_layout .image-text-top .image-text-column, .wide_layout .image-text-bottom .image-text-column {
				width: 47%;
				}
				
				.image-text-top .image-text-right .image-text-column, .image-text-bottom .image-text-right .image-text-column {
				margin-left: calc((100vw - 94vw) / 2);
				}
				
				@keyframes TextMoveLeft {
				  0% {
					margin-left: calc(((100vw - 94vw) / 2) - 70px);
				  }
				}
				@-webkit-keyframes TextMoveLeft {
				  0% {
					margin-left: calc(((100vw - 94vw) / 2) - 70px);
				  }
				}
			
			}
		
				
		@media screen and (max-width: 979px) {
			
			.drop-down ul {
			background : #ffffff ;
			}
			
			.drop-down li a, .drop-down li span.separator, .drop-down a[href="#"]:hover, .drop-down li.active > a[href="#"]:hover,
			.drop-down li.active > a, .drop-down li.active > span.separator {
			color:#030303;
			}
			
			.drop-down li.current > a, .drop-down li.current > span.separator {
			color:#3a7485;
			}
		}