html,body{
		width:100%;
		height:100%;
		background: #ffffff;
		font-family: 'Quicksand', sans-serif;
	}
	/*-------------CONTAINER-------------*/
	.don_container
	{
		padding:0px;
	}
	/*-------------HEADER-------------*/
	.don_headpage
	{
		background:#2c5871;
		position:relative;
		min-height:600px;
	}
	/*-------------CAROUSEL-------------*/
	.don_carousel
	{
		background: #99d5dd;
		position:relative;
		height:550px;
		overflow:hidden;
	}
	/*------------ANIMATION-------------*/
	.don_animation
	{
		position:absolute;
		width:500px;
		height:500px;
		left:0px;
		right:0px;
		margin-left:auto;
		margin-right:auto;
		bottom:0px;
	}
	.don_animation > div
	{
		position:relative;
		height:100%;
	}
	.don_animation > div > img
	{
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		margin:auto;
		max-width:100%;
		max-height:100%;
	}

	.don_animation > div > .message
	{
		position:absolute;
		width:200px;
		height:200px;
		background: #ec7133;
		border-radius:50%;
		text-align:center;
		padding-top:70px;
		padding-bottom:50px;
		overflow:hidden;
		font-size:30px;
		color:#ffffff;
	  -webkit-animation: ashow 8s infinite;
			  animation: ashow 8s infinite;
		opacity:0;
		z-index:9;

	}
	.don_animation > div > .message.msg1
	{
		left:-100px;
		top:-30px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;

	}
	.don_animation > div > .message.msg2
	{
		right:-100px;
		top:-30px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
	}
	.don_animation > div > .message.msg3
	{
		left:-200px;
		top:200px;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
	}
	.don_animation > div > .message.msg4
	{
		right:-200px;
		top:200px;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
	}

	@-webkit-keyframes ashow {
	  20% {
		 opacity: 1;
        transform: scale(2.0);
        -webkit-transform: scale(1.5);
	  }
	  40% {
		opacity: 0;
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
	  }
	}

	@keyframes ashow {
	  20% {
		 opacity: 1;
        transform: scale(2.0);
        -webkit-transform: scale(1.5);
	  }
	  40% {
		opacity: 0;
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
	  }
	}


	.don_animation_left
	{
		position:absolute;
		width:250px;
		height:250px;
		left:-600px;
		right:0px;
		margin-left:auto;
		margin-right:auto;
		bottom:0px;
		z-index:8;
	}
	.don_animation_left > div
	{
		position:relative;
		height:100%;
	}
	.don_animation_left > div svg
	{
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		margin:auto;
		max-width:100%;
		max-height:100%;
	}


	.don_animation_right
	{
		position:absolute;
		width:100px;
		height:100px;
		right:-600px;
		left:0px;
		margin-left:auto;
		margin-right:auto;
		bottom:0px;
		z-index:8;
	}
	.don_animation_right > div
	{
		position:relative;
		height:100%;
	}
	.don_animation_right > div svg
	{
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		margin:auto;
		max-width:100%;
		max-height:100%;
	}



	.smoke
	{
	  -webkit-animation: smoke 3s infinite;
			  animation: smoke 3s infinite;
		opacity:0;
	}

	.smoke.smoke1
	{
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
	}

	.smoke.smoke2
	{
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
	}

	.smoke.smoke3
	{
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
	}

	@-webkit-keyframes smoke {
	  20% {
		 opacity: 1;

	  }
	  80% {
		opacity: 0;

	  }
	}

	@keyframes smoke {
	  20% {
		 opacity: 1;

	  }
	  80% {
		opacity: 0;

	  }
	}


	.don_animation_logo{
    position: absolute;
    bottom: 90px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 80px;}
    .don_animation_logo > div{
    position: relative;
    height: 100%;
	}
    .don_animation_logo > div > img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: auto;}
	/*-------------HEAD MENU-------------*/
	.don_menu
	{
		background:#20c2b3;;
		position:relative;
		min-height:50px;
	}
	.don_menu .navbar
	{
		margin:0px;
		padding:0px;
		min-height:50px;
		background-color: #20c2b3;
		border-color: #20c2b3;
	}
	.don_menu .navbar .navbar-header
	{

		min-height:50px;
	}
	.don_menu .navbar-default .navbar-brand {
		color: #ffffff;
	}
	.don_menu .navbar-default .navbar-nav > li > a {
		color: #ffffff;
	}
	.don_menu .navbar-default .navbar-nav > .active > a, .don_menu .navbar-default .navbar-nav > .active > a:hover, .don_menu .navbar-default .navbar-nav > .active > a:focus {
		color: #ffffff;
		background-color: #1cb0a3;
	}
	.don_menu .navbar-default .navbar-nav > .open > a, .don_menu .navbar-default .navbar-nav > .open > a:hover, .don_menu .navbar-default .navbar-nav > .open > a:focus {
		color: #ffffff;
		background-color: #1cb0a3;
	}
	.don_menu .navbar-default .navbar-toggle {
		border-color: transparent;
	}
	.don_menu .navbar-default .navbar-toggle:hover, .don_menu .navbar-default .navbar-toggle:focus{
		background:transparent;
	}
	.don_menu .navbar-default .navbar-toggle .icon-bar {
		background-color: #ffffff;
	}
	@media (max-width: 767px)
	{
	.don_menu .navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	}

	.don_featuremsg
	{
		font-size:30px;
		color:#ffffff;
		text-align: center;
		max-width:1140px;
		position:relative;
		left:0px;
		right:0px;
		margin-left:auto;
		margin-right:auto;
		min-height:100px;
		padding:10px;
		padding-top:80px;
		padding-bottom:80px;


	}

	/*-------------MAIN BODY-------------*/
	.don_body
	{
		position:relative;
		min-height:500px;
		overflow:hidden;
	}
	/*-------------CONTAINER BOX-------------*/
	.don_contbox
	{
		background: #ffffff;
		position:relative;
		min-height:300px;
	}
	.don_contbox.clr1
	{
		background: #20c2b3;
	}
	.don_contbox.clr2
	{
		background: #b2daa8;
	}
	.don_contbox.clr3
	{
		background: #8fc3d8;
	}
	.don_contbox.clr4
	{
	    background: #313131;
	}
	.don_contbox.clr5
	{
    background: #3F51B5;
	}
	/*-------------FEATURE BOX-------------*/
	.don_featurebox
	{
		position:relative;
		margin:5px;
	}
	.don_featurebox > .icon{
		position:relative;
		height:170px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.don_featurebox > .icon > .border{
		position:relative;
		width:150px;
		height:150px;
		left:0px;
		right:0px;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		border-radius: 50%;
		border: 2px dashed #ef8451;
		color: #1495a3;
		overflow:hidden;
	}
	.don_featurebox > .icon > .border > .fa{
		font-size:80px;
	}
	.don_featurebox > .icon > .border > img{
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		margin:auto;
		max-width:80%;
		max-height:80%;
	}
	.don_featurebox > .icon > .border svg{
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		margin:auto;
		max-width:80%;
		max-height:80%;
	}

	.don_featurebox > .body{
		position:relative;
	}
	.don_featurebox > .body > .title{
		position:relative;
		text-align:center;
		font-size:18px;
	}
	.don_featurebox > .body > .title > a{
		color: #ef8451;
		text-decoration:none;
		font-weight:bold;
	}

	.don_featurebox > .body > .description{
		position:relative;
		font-size:14px;
		padding: 8px;
		text-align: justify;
	}

	/*--------MAIN LIST BOX---------*/
	.don_mainlist
	{
		position:relative;
		height:250px;
	}
	.don_mainlist.blue
	{
		background: #17d4a1;
		color:white;
	}
	.don_mainlist.orange
	{
		background: #ffc107;
		color:white;
	}
	.don_mainlist.green
	{
		background: #009688;
		color:white;
	}
	.don_mainlist.brown
	{
		background: #e2c387;
		color:white;
	}

	.don_mainlist > .design
	{
		width:200px;
		position:absolute;
		height:100%;
	}
	.don_mainlist > .text
	{
		position:relative;
		height:100%;
		display:inline-block;
		padding-left:220px;
		padding-top:40px;
	}
	.don_mainlist > .text > .title
	{
		font-size:40px;
	}
	.don_mainlist > .text > .subtitle
	{
		font-size:30px;
	}
	/*-------------PROFILE BOX--------------*/
	.don_profile
	{
		position:relative;
		max-width:400px;
		left:0px;
		right:0px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
	}
	.don_profile > .image
	{
		position:relative;
		height:230px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.don_profile > .image > .border
	{
		position:relative;
		width:200px;
		height:200px;
		left:0px;
		right:0px;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		border-radius: 50%;
		border: 2px dashed #ef8451;
		color: #1495a3;
		overflow:hidden;
		z-index:9;

	}
	.don_profile > .image > .border > div
	{
		position:relative;
		height:100%;
		border:5px solid white;
		overflow:hidden;
		z-index:9;
		border-radius: 50%;
	}
	.don_profile > .image > .border > div > img
	{
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		margin:auto;
		max-width:100%;
		max-height:100%;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	}
	.don_profile:hover > .image > .border > div > img
	{
		max-width:110%;
		max-height:110%;
		left:-5%;
		right:-5%;
	}

	.don_profile > .title
	{
		position:relative;
		text-align:center;
		font-size:18px;
		color: #ec7133;
		font-weight:bold;
	}
	.don_profile > .subtitle
	{
		position:relative;
		text-align:center;
		font-size:16px;
		color: #313131;
	}
	/*-------------IMAGE BOX-------------*/
	.don_imgbox
	{
		position:relative;
		padding:20px;
		background-color: #f7f7f7;
		margin:10px;
	}
	.don_imgbox > .imgcont
	{
		position:relative;
		height:300px;
	}
	.don_imgbox > .imgcont > img
	{
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		margin:auto;
		max-width:100%;
		max-height:100%;
	}
	.don_imgbox > .body
	{
		position:relative;
	}
	.don_imgbox > .body > .title
	{
		position:relative;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		min-height:70px;
		color: #ec7133;
		padding-top:20px;
	}
	.don_imgbox > .body > .description{
		position:relative;
		font-size:18px;
		padding: 8px;
		text-align: center;
		min-height:150px;
	}
	.don_imgbox.alignjust > .body > .description{
		text-align:justify;
	}


	/*-------------HEADER-------------*/
	.don_header
	{
		text-align:center;
		font-size:30px;
		padding-top:20px;
		color: #876520;
		font-weight:bold;
	}
	.don_subheader
	{
		text-align:center;
		font-size:20px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.flite
	{
		color: #ffffff;
	}
	/*------------RIBBON----------------*/
	.don_ribbon
	{
		position:relative;
		height:150px;
	}
	.don_ribbon svg
	{
		position:absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		margin:auto;
		max-width:100%;
		max-height:100%;
	}
	/*------------INFO LIST----------------*/
	.don_info_list
	{
		position:relative;
	}
	.don_info_list div:nth-child(1)
	{
		font-weight:bold;
		color: #ec7133;
		font-size:20px;
	}
	.don_info_list div:nth-child(2)
	{
		font-size:16px;
		padding-left:20px;
		padding-right:20px;
	}
	.don_list
	{
	}
	.don_list > li
	{
		font-size:16px;
		padding-bottom:5px;
	}

	.don_info_par
	{
		position:relative;
		font-size:16px;
		padding-left:60px;
		padding-right:30px;
	}
	/*-------------FOOTER-------------*/
	.don_footer
	{
		background:#2c5871;
		position:relative;
		min-height:300px;
		padding:10px;
	}
	.don_footer_list
	{
		position:relative;
		margin-top:25px;
		margin-bottom:25px;
	}
	.don_footer_list.center
	{
		text-align:center;
	}
	.don_footer_list > .title
	{
		position:relative;
		color: #ffffff;
		font-size:20px;
	}
	.don_footer_list > .list
	{
		position:relative;
		color: #ffffff;
		font-size:18px;
		text-indent: 0;
		list-style: none;
		color: #bbb;
		padding:0px;
	}
	.don_footer_list > .list a
	{
		color: #bbb;
	}
	.don_footer_list > .address
	{
		text-indent: 0;
		list-style: none;
		color: #bbb;
		padding:0px;
		font-size:18px;
	}

	/*--------OTHER-------*/
	.no_margin{
		margin:0px;
		padding:0px;
	}

	.pad_bottom10
	{
		padding-bottom:10px;
	}
	.pad_bottom20
	{
		padding-bottom:20px;
	}
	.pad_bottom30
	{
		padding-bottom:30px;
	}

	.pad_top10
	{
		padding-top:10px;
	}
	.pad_top20
	{
		padding-top:20px;
	}
	.pad_top30
	{
		padding-top:30px;
	}

	.pad_left10
	{
		padding-left:10px;
	}
	.pad_left20
	{
		padding-left:20px;
	}
	.pad_left30
	{
		padding-left:30px;
	}
	.don_justify{
		text-align:justify;
	}
	.don_image_cont
	{ position: relative;
    width: 100%;
    height: 100%;
	}
	.don_image_cont > img
	{
		top: 0px;
		    left: 0px;
		    right: 0px;
		    margin: auto;
		    bottom: 0px;
		    max-width: 100%;
		    max-height: 100%;
		    position: absolute;
	}