/***********************************************************************************
 *	+ TYPOGRAPHY
 ***********************************************************************************/
 


 
 
 
 
	body {
		background-color: #fff;
		color: #595959;
		font: 16px/30px "Roboto", sans-serif;
		font-weight: 300;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		color: #04142b;
		/*font-family: "Prata", serif;
		font-weight: 400;*/
		
				font-family: 'Permanent Marker', cursive;
		/*
		font-family: 'Permanent Marker', cursive;
		font-family: 'Knewave', cursive;
		*/
		
	
		
	}
	
	
	
	
	h1 {
		margin-bottom: 34px;
		font-size: 110px;
		line-height: 92px;
	}
	
	h2 {
		margin-bottom: 12px;
		font-size: 36px;
		line-height: 46px;
			
	}
	
.spacerBlock {
     height:60px;
     display:block;
}
	
	h3 {
		margin-bottom: 10px;
		font-size: 26px;
		line-height: 36px;
	}
	
	h4 {
		margin-bottom: 8px;
		font-size: 24px;
		line-height: 34px;
	}
	
	h5 {
		margin-bottom: 6px;
		font-size: 18px;
		line-height: 28px;
	}
	
	h6 {
		margin-bottom: 4px;
		font-size: 48px;
		line-height: 24px;
		

	}
	

	
	h1 a, 
	h2 a, 
	h3 a, 
	h4 a, 
	h5 a, 
	h6 a {
		color: #04142b;
		text-decoration: none;
		-webkit-transition: color 0.3s;
				transition: color 0.3s;
	}
	
	h1 a:hover, 
	h2 a:hover, 
	h3 a:hover, 
	h4 a:hover, 
	h5 a:hover, 
	h6 a:hover {
		color: #9f8c5f;
		text-decoration: none;
	}
	
	h1 small,
	h2 small,
	h3 small,
	h4 small,
	h5 small,
	h6 small {
		color: inherit;
		font-weight: inherit;
	}
	
	p { 
		margin-bottom: 20px; 
	}
	
	
	/* LINKS */
	a {
		color: inherit;
		text-decoration:underline;
	}
	
	a:hover,
	a:focus { 
		outline: 0;
		color: inherit;
		opacity:0.5;
	}
	
	
	/* IMAGES */
	img {
		max-width: 100%; 
	}
	
	
	/* ADDRESS */
	address {
		line-height: inherit;
	}

	
	
	
	.text-default-color {

 /* background: -webkit-linear-gradient(30deg, HSLA(334, 100%, 46%, 1), #58367A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  
    text-shadow: 5px 5px 0px #fff;
  background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 600% 400%;
	background-clip: text;
	  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	-webkit-animation: Gradient 35s ease infinite;
	-moz-animation: Gradient 35s ease infinite;
	animation: Gradient 35s ease infinite;
  
	}
	
	
		.text-default-color2 {

 /* background: -webkit-linear-gradient(30deg, HSLA(334, 100%, 46%, 1), #58367A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  
  text-shadow: 1px 2px 0px #fff;
  background: linear-gradient(-45deg, #23D5AB, #23A6D5, #E73C7E, #EE7752);


	
	background-clip: text;
	  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	/*
	background-size: 600% 400%;
	-webkit-animation: Gradient 35s ease infinite;
	-moz-animation: Gradient 35s ease infinite;
	animation: Gradient 35s ease infinite; */
  
	}
	
	#demo01 {
	    border:2px solid white;
	    padding:4px 10px;
	    margin-top:15px;
	    display: inline-block;
	    font-weight:500;
	    text-decoration:none;
	}
	
	#demo01:hover {
	    text-decoration:none;
	    background:#fff;
	    color:#000;
	    opacity:1;
	}
	
	#btn-close-modal {
	    border:2px solid black;
	    padding:4px 10px;
	   text-decoration:none;
	    display: inline-block;
	    font-weight:500;
	     text-align: center;
        cursor:pointer;
        margin:0 auto;
         margin-top:15px;
         color:#000;
         margin-bottom:60px;
	}
	
		#btn-close-modal:hover {
	    text-decoration:none;
	    background:#000;
	    color:#fff;
	    opacity:1;
	}
	
	.text-highlight {
		padding: 3px 8px;
		background-color: #9f8c5f;
		color: #fff;
	}
	
	.dropcap {
		float: left;
		font-family: "Prata", serif;
		font-size: 36px;
		line-height: 58px;
		font-weight: 700;
		margin-right: 10px;
	}
	
	.last,
	.no-margin-bottom {
		margin-bottom: 0;
	}
	
	#main-container {
	position: relative;
    width: 100%;
     display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	}
	
		    .full-section-container {
	width:100%;
	    
	     height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	}
	

#page-content {
    padding-bottom:0 !important;
}
	
	


.modal-content {
    box-shadow:none;
    -webkit-box-shadow:none;
    border:0px;
    border-radius:0px;
}

  	

	
            
            
            
         #animatedModal {
            color:#595959;
         }   
         
         
         
.profile, .info {
   /* height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;*/
}


.info {
/*max-width:500px;*/
    font-size: 14px;
line-height: 28px;
    font-weight: 200;

}


.profile .aboutme {
    vertical-align: middle;
    width: 100%;
    /*background:#000;
    outline: 2px solid #fff;
    outline-offset: -10px;
    padding:20px;
    
    -webkit-box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.75);*/
    /*transform: rotate(5deg);*/
    
}


	

/***********************************************************************************
 *	+ TEXT BOXES
 ***********************************************************************************/
	
	.text-box {
		padding: 50px 30px;
		border: 1px solid #d3d7dd;
		margin-bottom: 50px;
		font-size: 14px;
		line-height: 28px;
	}
	
	.text-box h2 {
		margin-bottom: 10px;
	}
	
	.text-box .btn {
		margin-top: 10px;
	}
	
	.text-box > *:last-child {
		margin-bottom: 0;
	}
	
	.text-box.black {
	margin-bottom:0px !important;
		border-color: #03031e;
background-color: #03031e;
-webkit-box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.75);
box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.75);
transform: rotate(5deg);

box-shadow: inset 0 0 0 10px black, inset 0 0 0 12px white;
	}
	
	.text-box.rainbow {
	margin-bottom:0px !important;
		
		
		 background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	/*background-size: 600% 400%;
	-webkit-animation: Gradient 35s ease infinite;
	-moz-animation: Gradient 35s ease infinite;
	animation: Gradient 35s ease infinite;*/
		
-webkit-box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.75);
box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.75);
transform: rotate(5deg);

    outline: 2px solid #fff;
    outline-offset: -10px;
	}
	

	
	.text-box.default-color {
		border-color: #9f8c5f;
		background-color: #9f8c5f;
	}
	
	.text-box.black,
	.text-box.default-color {
		color: #fff;
	}
	
	.text-box.black p {
	margin-top:20px;
	max-width:450px;
	margin:0 auto;
	}
	
		.text-box.rainbow p {
		    color:#fff;
		}
	
	
	.text-box.black a,
	.text-box.default-color a,
	.text-box.black h1,
	.text-box.default-color h1,
	.text-box.black h2,
	.text-box.default-color h2,
	.text-box.black h3,
	.text-box.default-color h3,
	.text-box.black h4,
	.text-box.default-color h4,
	.text-box.black h5,
	.text-box.default-color h5,
	.text-box.black h6,
	.text-box.default-color h6 {
		color: inherit;
	}
	

	
	.text-box.black .btn-white,
	.text-box.default-color .btn-white,
	.text-box.black .btn-white:after,
	.text-box.default-color .btn-white:after {
		border-color: #fff;
	}
	
	.text-box.black .btn-default:before,
	.text-box.default-color .btn-default:before,
	.text-box.black .btn-black:before,
	.text-box.default-color .btn-black:before,
	.text-box.black .btn-white:before,
	.text-box.default-color .btn-white:before {
		background-color: #fff;
	}
	
	.text-box.black .btn-default:hover:after,
	.text-box.default-color .btn-default:hover:after,
	.text-box.black .btn-black:hover:after,
	.text-box.default-color .btn-black:hover:after,
	.text-box.black .btn-white:hover:after,
	.text-box.default-color .btn-white:hover:after {
		border-left-color: #9f8c5f;
	}
	
	@media (min-width: 1200px) {
		
		.text-box {
			padding: 70px 60px;
		}
	}
	


	
/***********************************************************************************
 *	+ FULL SECTIONS
 ***********************************************************************************/
	
	.full-section {
		position: relative;
		z-index: 1;
		padding: 0 0 0 0;
		margin-bottom: 0px;
		background: no-repeat center center;
	}
	
	.full-section-overlay-color {
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #04142b;
		opacity: 0.5;
	}
	
	.full-section-container {
		position: relative;
		z-index: 3;
	}
	
	
	/* FULL SCREEM */
	.full-screen {
		margin-bottom: -50px;
	}
	
	.full-screen .full-section-container {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	
	
	/* PARALLAX */
	.parallax { 
		background-attachment: fixed !important;
		-webkit-background-size: cover !important;
				background-size: cover !important;	
	}
	
	
	/* ELEMENTS IN DARK SECTION */
	.full-section.dark-section {
		background-color: #04142b;
		color: #fff;
	}
	
	.full-section.dark-section a,
	.full-section.dark-section h1,
	.full-section.dark-section h2,
	.full-section.dark-section h3,
	.full-section.dark-section h4,
	.full-section.dark-section h5,
	.full-section.dark-section h6,
	.full-section.dark-section blockquote {
		color: inherit;
	}
	
	.full-section.dark-section a:hover {
		color: #9f8c5f;
	}
	
	.full-section.dark-section .square-list li:hover {
		color: inherit;
	}
	
	.full-section.dark-section .square-list li:hover:before {
		border-color: inherit;
	}
	
	.full-section.dark-section .btn {
		border: 1px solid #fff;
	}
	
	.full-section.dark-section .btn-default,
	.full-section.dark-section .btn-black {
		background-color: transparent;
	}
	
	.full-section.dark-section .btn-default:before {
		background-color: #9f8c5f;
	}
	
	.full-section.dark-section .btn-black:before {
		background-color: #04142b;
	}
	
	.full-section.dark-section .btn-white:before {
		background-color: #fff;
	}
	
	.full-section.dark-section .btn-white:after {
		border-color: #fff;
	}
	
	.full-section.dark-section .btn-default:hover,
	.full-section.dark-section .btn-black:hover {
		color: #fff;
	}
	
	.full-section.dark-section .btn-white:hover:after {
		border-color: #9f8c5f;
	}
	
	.full-section.dark-section .btn-white:hover {
		color: #9f8c5f;
	}
	
	.full-section.dark-section .text-box.black .btn-default:hover:after,
	.full-section.dark-section .text-box.default-color .btn-default:hover:after,
	.full-section.dark-section .text-box.black .btn-black:hover:after,
	.full-section.dark-section .text-box.default-color .btn-black:hover:after {
		border-color: #fff;
	}
	
	.full-section.dark-section .image-box {
		color: #04142b;
	}
	
	.full-section.dark-section .image-box h6 {
		color: #9f8c5f;
	}
	
	.full-section.dark-section .panel-title:hover,
	.full-section.dark-section .panel-title[aria-expanded="true"] {
		color: #fff;
	}
	
	.full-section.dark-section .price-plan,
	.full-section.dark-section .price-plan:before,
	.full-section.dark-section .price-plan:after {
		border-color: inherit;
	}
	
	.full-section.dark-section .price-plan .price-plan-header h6 {
		color: #9f8c5f;
	}
	
	.full-section.dark-section .price-plan ul {
		color: inherit;
	}
	
	.full-section.dark-section .price-plan ul li:after {
		border-bottom-color: inherit;
	}
	
	.full-section.dark-section .testimonial > h6 {
		color: #9f8c5f;
	}
	
	.full-section.dark-section .filter li a.active {
		color: #9f8c5f;
	}
	
	.full-section.dark-section .portfolio-item.classic {
		box-shadow: 0 -8px 49px 0 rgba(255, 255, 255, 0.13);
	}
	
	.full-section.dark-section .widget-pages ul li a:hover:before,
	.full-section.dark-section .widget-archives ul li a:hover:before,
	.full-section.dark-section .widget-metadata ul li a:hover:before,
	.full-section.dark-section .widget-categories ul li a:hover:before {
		border-color: #fff;
	}
	
	.full-section.dark-section .widget-search input[type="submit"] {
		background-image: url(../images/search-white.png);
	}
	
	.full-section.dark-section .widget-calendar caption {
		color: inherit;
	}
	
	.full-section.dark-section .widget-recent-posts ul li .post-title {
		color: #9f8c5f;
	}
	
	.full-section.dark-section .widget-recent-posts ul li .post-title:hover {
		color: inherit;
	}
	
	.full-section.dark-section .widget-tags a:hover {
		background-color: #fff;
	}
	
	.full-section.dark-section .service-box-content h5 {
		color: #9f8c5f;
	}
	
	.full-section.dark-section .service-box-content h6 {
		color: #fff;
	}
	
	.service-box {
	    margin-bottom:50px;
	}
	
	.service-box-content {
	    font-size:12px;
	    line-height:22px;
	}
	
	.service-box a img {
	    transform: rotate(5deg);
	   -webkit-box-shadow: 4px 6px 17px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 4px 6px 17px 3px rgba(0,0,0,0.3);
box-shadow: 4px 6px 17px 3px rgba(0,0,0,0.3);
	}
	
	
.service-box a img:hover {
    transform: rotate(8deg);
    cursor:pointer;
    opacity:1;
}

.service-box a:hover {
    opacity:1;
}

 
 
 .barZone {
 

 padding-top:0px;
 /*background-color: HSLA(334, 100%, 46%, 1);
 background-image: linear-gradient(30deg, HSLA(334, 100%, 46%, 1), #58367A);*/
 
 background-image: url(../images/wave-bg2.png), linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
/*background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);*/
	background-size: 800% 100%;
	-webkit-animation: Gradient 35s ease infinite;
	-moz-animation: Gradient 35s ease infinite;
	animation: Gradient 35s ease infinite;
	
}






@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
 
 	
	



	

	
	
	
	
	@media (min-width: 850px) {
	
	.animatedModal-on {
 position: relative;
    width: 100%;
    background-color:#fff !important;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.full-section-container-modal {
	width:100%;

	     height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	}
	


	}
	
	
	
	@media (max-width: 767px) {
		
		.caption {
			padding: 7px 20px;
			font-size: 14px;
		}
		
		.text-box h2 {
		    font-size:24px;
		}
		
			
		
		
	}
	
		@media (max-width: 600px) {
		
			h1 {
		font-size: 85px;
		line-height:80px;
		}
		
		
	}
	
	
	@media (max-width: 450px) {
		
			h1 {
		font-size: 75px;
		line-height:70px;
		}
		
		.spacerBlock {
    height:30px;
}
		
		.barZone {
		    margin-top:0px;
		}
		
		h1 span {
				font-size: 68px;
		line-height:60px;
		}
		
	}
	
		@media (max-width: 400px) {
		
			h1 {
		font-size: 65px;
		line-height:60px;
		}
		
				h1 span {
				font-size: 60px;
		line-height:54px;
		}
		
		
	}
	
	
	
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .text-default-color {
        
        background-clip:border-box;
        background:#000;
        
   }
}