/* ================================================== */
/* 

braon - B2976D    178,151,109

tamnija braon - 9c845e    156,132,94



 */
/*@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,500,600,700,900,400);
@import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Allura);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
@import url(https://fonts.googleapis.com/css?family=Arizonia);
*/




/* ================================================== */
/* body */
/* ================================================== */
html{
background:#000000 !important;
}

body {
	display:none;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight:300;
	color: #f1f1f1;
	line-height: 1.8em;
	padding: 0;
	background:#606060;
}

body.de_light{
	color:#606060;
}

#wrapper{
overflow:hidden;
}

.de-navbar-left #wrapper{
overflow:visible;
}

/* ================================================== */
/*  header	*/ 
/* ================================================== */
	header {
	width: 100%;
	height: 80px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	background:#1E0E0E;
	opacity: 0.9;
	border-bottom:solid 1px rgba(0,0,0,0.0);
	}
	header .info{
	display:none;
	color:#EDC891;
	text-align:right;
	padding:10px 0 0 0;
	width:100%;
	z-index:100;
/*	border-bottom:solid 1px rgba(255,255,255,.2);*/
	}
	header .info .col{
	display:inline-block;
	padding:0;
	font-size:12px;
	letter-spacing:1px;
	color: #f8daa5;
	margin-left: 30px;
	}

	header .info .social.col{border:none; }
	header .info .social i{
	color:#f8daa5;/*EDC891*/
	font-size:14px;
	display:inline-block;
	float:none;
	padding:0 10px 0 10px;
	}
    header .info .social i:last-child {
        padding-right: 5px !important;
    }
	header .info strong{
	/*font-size:12px;*/
    color: #fff;
	}
	
	header.header-light .info{
	color:#333;
	}
	header.header-light .info .social i{
	color:#333;
	}
	header.transparent.header-light .info,
	header.transparent.header-light .info .social i{
	color:#fff;
	}
	
	header.header-bg{
	background:rgba(0,0,0,0.5);
	}
	
	header.transparent{
/*background: rgba(156,132,94,1);
background: -moz-linear-gradient(-45deg, rgba(156,132,94,1) 0%, rgba(178,152,109,0.9) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(156,132,94,1)), color-stop(100%, rgba(178,152,109,0.9)));
background: -webkit-linear-gradient(-45deg, rgba(156,132,94,1) 0%, rgba(178,152,109,0.9) 100%);
background: -o-linear-gradient(-45deg, rgba(156,132,94,1) 0%, rgba(178,152,109,0.9) 100%);
background: -ms-linear-gradient(-45deg, rgba(156,132,94,1) 0%, rgba(178,152,109,0.9) 100%);
background: linear-gradient(135deg, rgba(156,132,94,1) 0%, rgba(178,152,109,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c845e', endColorstr='#b2986d', GradientType=1 );*/
	background: #1E0E0E;
	opacity: 0.9;
	}
	
    header .header-wrapper{
        /*margin-bottom: 10px;
        border-bottom: 1px solid #EDC891;*/
    }

    header.smaller .header-wrapper,
    header.header-mobile .header-wrapper{
        margin-bottom: 0;
        border-bottom: 0px solid #EDC891;
    }

	header.autoshow{
	top:-80px;
	height:70px !important;
	}	
	
	header.autoshow.scrollOn,header.autoshow.scrollOff{
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	outline: none;	
	}
	
	header.autoshow.scrollOn{
	top:0;
	}
	
	header.autoshow.scrollOff{
	top:-80px;
	}
	
	header div#logo {
	display: inline-block;
	height: 100%;
	float: left;
	line-height:0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; 
	}
	#logo a {display: block;}
    header img.logo {
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	-ms-transition: top 0.3s;
	-o-transition: top 0.3s;
	transition: top 0.3s;  
    }
	header h1#logo .logo-2{
	display:none;
	}
	header nav {
	float:none;
    text-align: center;
    line-height: 0;
	}
	header nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; 
	}
	header nav a:hover {
	color: #555; 
	}
	header.smaller #mainmenu a{
	padding-top: 18px;
	padding-bottom:18px;
	}
	header.smaller #mainmenu a{
	padding-top: 18px;
	padding-bottom:18px;
	}
	header.smaller #mainmenu li li a{
	padding-top: 2px;
	padding-bottom:2px;
	}
	header.smaller #mainmenu ul{
	top:70px;
	}
	header.smaller {
	height: 70px;
	background: #1E0E0E;
	border-bottom:solid 1px #9c845e;
	opacity: 0.9;
	}
	#savanna-logo {margin-top: -10px;}
	
	.logo-smaller h1#logo {
	width: 150px;
	height:30px;
	line-height: 65px;
	font-size: 30px;
	}
	.logo-smaller h1#logo img{
	line-height: 75px;
	font-size: 30px;
	}
	.logo-smaller  h1#logo .logo-1{
	display:none;
	}
	.logo-smaller  h1#logo .logo-2{
		display:inline-block;
	}
	.logo-small{
	margin-bottom:30px;
    width: 220px;
    margin: 0 auto;
    display: block;
	}
		
	header.de_header_2{
		height:auto;	/*125px*/
	}
	
	header.de_header_2.smaller {
		height:70px;
	}
	
	header.de_header_2.smaller .info{
		position:absolute;
		opacity:0;
		z-index:-1;
	}
	
	header.header-light{
	background:#fff;
	}
	
	header.header-light.transparent{
	background:none;
	}
	
	header.smaller.header-light{
	background:#fff;
	border-bottom-color:#eee;
	}
	
	.de-navbar-left{
	background:#151618 ;
	}
	
	.de-navbar-left #logo{
	padding:40px;
	text-align:center;
	width:100%;
	}
	
	.de-navbar-left header{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	left:0;
	background:none;
	padding:30px;
	padding-right:20px;
	}
	
	
	.de-navbar-left header #mainmenu{
	float:none;
	margin:0;
	padding:0;
	}	
	
	.de-navbar-left header #mainmenu > li{
	display:block !important;
	margin:0;
	float:none;
	text-align:center;
	font-family:"Dosis";
	letter-spacing:5px;
	font-size:14px;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:solid 1px rgba(255,255,255,.1);
	}	
	.de_light.de-navbar-left header #mainmenu > li{
	border-bottom:solid 1px rgba(0,0,0,.05);
	}
	.de-navbar-left header #mainmenu > li > a{
	padding:0;
	opacity:.5;
	}	
	.de_light.de-navbar-left header #mainmenu > li > a{
	color:#222;
	}	
	.de-navbar-left header #mainmenu > li a:hover{
	opacity:1;
	}
	.de-navbar-left header #mainmenu > li >a:after{
	content:none;
	}
	.de-navbar-left header nav{
	float:none !important;
	}
	
	
	/* subheader */
	#subheader{
	padding-bottom:70px;
	background:#222;
	}
	.de-navbar-left  #subheader{
	padding-bottom:120px;
	}
	#subheader h1 {
	color:#eceff3;
	margin-top:155px;/*80*/
	font-size: 28px;
	letter-spacing: 5px;
	float: left;
	padding-right: 40px;
	margin-right: 40px;
	text-transform:uppercase;
	}
	#subheader span {
	letter-spacing:2px;
	display: inline-block;
	font-size: 15px;
	margin-top:88px;
	color:#fff;
	}
	#subheader .crumb{
	font-size:10px;
	letter-spacing:3px;
	margin-top: 160px;/*90*/
    margin-bottom: 0;
	color:#fff;
	text-transform:uppercase;
	}
	.de-navbar-left.de_light #subheader h1{
	color:#222;
	}


/* ================================================== */
/* navigation */
/* ================================================== */
	#mainmenu {
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	float: right;
	font-size:11px;
	font-weight:400;
	letter-spacing:3px;
	text-transform:uppercase;
    display: inline-block;
    padding: 0px;
    margin-bottom: 0; /*dodao*/
	}	
	
	#mainmenu ul {
/*	float: right;*/
	margin: 0 auto;
	padding: 0px 0px;
	height: 30px;
    display: inline-block;
	}
	
	#mainmenu li {
	margin: 0px 0px;
	padding: 0px 0px;
	float: left;
	display: inline;
	list-style: none;
	position: relative;
	}
		
	#mainmenu a {
	display: inline-block;
	padding: 30px 0px 30px 40px;
	line-height: 35px;
	text-decoration: none;
	text-align:center;
	outline:none;
	}
	
	#mainmenu a,
	header.transparent.header-light #mainmenu a{
	color:#f8daa5;
	}
/*Load only on safari*/
    /*@media screen and (-webkit-min-device-pixel-ratio:0){       
        #mainmenu li a:after { margin-left:0; }
    }*/

	#mainmenu li a:after { float:right; position:relative; font-family:"FontAwesome"; content:"\f111"; font-size:6px; margin-left:10px; margin-top:0px; color:#fff; }/*FAB702*/



	#mainmenu li:last-child a:after{display:none;}
	
	#mainmenu.no-separator li a:after{
	font-size:0px;
	}	
	
	#mainmenu.line-separator li a:after{
	content:"/";
	font-size:14px;
	}	
	
	#mainmenu.circle-separator li a:after{
	content:"\f10c";
	font-size:9px;
	}	
	
	#mainmenu.strip-separator li a:after{
	content:"\f068";
	font-size:9px;
	}	
	
	#mainmenu.plus-separator li a:after{
	content:"\f067";
	font-size:11px;
	}	
	
	#mainmenu.square-separator li a:after{
	content:"\f096";
	font-size:11px;
	}		
	
	
	#mainmenu li li {
	font-size: 10px;
	font-weight: normal; 
	border-bottom: solid 1px #333;
	}
	
	#mainmenu li li:last-child {
	border-bottom: none;
	}
	

	#mainmenu li li a {
	padding: 2px 15px 2px 15px;
	background: #1E0E0E;/*#222327*/
	border-top: none;
	color: #ccc;
	width:200px;
	border-left:none;
	text-align:left;
	line-height: 30px;
	}
	
	#mainmenu li li a:hover{
	color:#111;
	}
	
	#mainmenu li li a:after {
	content:none !important;
	}
	
	#mainmenu li li li a {
	padding: 2px 15px 2px 15px;
	background: #222327;
	}
	
	#mainmenu li li a:hover {
	color:#111;
	background: #1a8b49;
	}
	
	#mainmenu li ul {
	width: 201px;
	height: auto;
	position: absolute;
	top: 135px;
	left: 0px;
	z-index: 10;
	display: none;
	}
	
	#mainmenu li li {
	display: block;
	float: none;
	}
	
	#mainmenu li:hover > ul {
	display: block;
	}
	
	#mainmenu li ul ul {
	left: 100%;
	top: 0px;
	}
	
	#mainmenu li:hover > ul {
	color: #fff;/*1a8b49*/
	}
	
	#mainmenu select {
	padding: 10px;
	height: 36px;
	font-size: 14px;
	border: none;
	background: #ff4200;
	color:#eceff3;
	}
	
	#mainmenu select option {
	padding: 10px;
	}
	
	
	header.header-light #mainmenu > li > a,
	header.transparent.smaller.header-light #mainmenu > li > a{
	color:#333;
	}
	
	#menu-btn{
		display:none;
		margin-top:45px;
		width:36px;
		height:36px;
		padding:5px;
		text-align:center;
		cursor:pointer;
		transition: all 0.3s ease;
	}
	
	.header-light #menu-btn{
	background:none;
	}
	
	#menu-btn:before{
	font-family:FontAwesome;
	content: "\f0c9";
	font-size:24px;
	color:#FEE2B5;
	}
	
	
	


	#menu-arrow {
		transition: all 0.3s ease-out;
	}
	
	.height-auto #menu-arrow {
		transform: rotate(-180deg);
	}
/*---------------------------------------------*/
	.anim #menu-arrow {
		animation: rotateArrow 3s ease-out infinite 2s;
		-webkit-animation: rotateArrow 3s ease-out infinite 2s;
	}
	@keyframes rotateArrow {
		25%,75%{transform: rotate(0deg);}
		50%{transform: rotate(-180deg);}
	}
/*---------------------------------------------*/
	/* menu toggle animated */
	
	#nav-toggle {
	float:right;
	  width: 60px;
	  height: 20px;
	  position: relative;
	  margin: 15px auto;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	  padding:10px;
	  z-index:100;
	}

	#nav-toggle span{
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 50%;
	  background: #fff;
	  border-radius: 9px;
	  opacity: 1;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}

	#nav-toggle span:nth-child(1) {
	  top: 10px;
	}

	#nav-toggle span:nth-child(2) {
	  top: 18px;
	}

	#nav-toggle span:nth-child(3) {
	  top: 26px;
	}

	#nav-toggle.open span:nth-child(1) {
	  top: 18px;
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  transform: rotate(135deg);
	}

	#nav-toggle.open span:nth-child(2) {
	  opacity: 0;
	}

	#nav-toggle.open span:nth-child(3) {
	  top: 18px;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}
	
	#menu-wrapper{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.95);
	position:fixed;
	top:0;
	left:0;	
	text-align:center;
	height:0;
	overflow-y:auto;
	}
	
	#menu-wrapper  nav{
	display:inline-block;
	margin:20px auto 80px auto;
	padding:0;
	float:none;
	font-size:26px;
	opacity:0;
	}


/* ================================================== */
/* content */
/* ================================================== */
	#content {
	width:100%;
	background:#fff;
	padding:90px 0 90px 0;
	z-index:100;
	}
	
	.de_light #content{
	background:#fff;
	}
		
	
	#content{
	background:#2A4F65;
	}


/* ================================================== */
/* section */
/* ================================================== */
	section{padding:90px 0 90px 0;}
	section{background: #BFA275;}
	
	.de-navbar-left .container-fluid .container{
	width:100% !important;
	}
	
	.de-navbar-left section{
	padding:70px;
	}
	
	.de_light section{
	background:#fff;
	}
	
	.section-fixed {
	position:fixed;
	width:100%;
	min-height:100%;
	height:auto;
	}
	
/* ================================================== */
/* footer */
/* ================================================== */
footer {
	background: #161e28;
	color: #ccc;
	padding: 80px 0 0 0;
	}
	
	footer h3, .de_light footer h3 {
	color:#FEE2B5;
	font-size: 20px;
	}
	
	footer a {
	color: #ccc;
	}
	
	footer a:visited {
	color: #ccc;
	}
	
	footer a:hover {
	color:#eceff3;
	}

	.de-navbar-left footer{
	padding:70px 70px 0 70px;
	}
	
	.subfooter{
	background:#1E0E0E;/*rgb(11,15,21)*/
	padding:20px 0;
	}
	
	.de-navbar-left .subfooter{
	background:none;
	}
	
	header.side-header{
	border-bottom:none !important;
	margin:0;
	}
	
	header.side-header{
	
	}
	
	header.side-header .social-icons-2{
	margin:0 auto;
	margin-top:50px !important;
	float:none;
	text-align:center;
	}
	
	header.side-header .social-icons-2 a{
	display:inline-block;
	margin:0 2px 0 2px;
	background:#555;
	width:36px;
	height:36px;
	padding-top:5px;
	display:inline-block;
	text-align:center;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	opacity:.2;	
	}
	
	.de_light header.side-header .social-icons-2 a{
	background:#fff;
	color:#333;
	}
	
	header.side-header .social-icons-2 a:hover{
	opacity:1;
	}	
	
	.de-navbar-left.de_light header, .de-navbar-left.de_light{background:#f9f9f9;}

	header.header-mobile{
	background:rgb(27,34,44);/*#1E0E0E*/
	}
	
	#de-sidebar{
	padding:0px;
	}
	

/* ================================================== */
/* blog */
/* ================================================== */
	.blog-list {
	margin: 0;
	padding: 0;
	}
	/* blog list */
	.blog-list li {
	list-style: none;
	line-height: 1.7em;
	margin-bottom: 60px;
	margin-top:10px;
	padding-bottom:15px;
	border-bottom:solid 1px rgba(255,255,255,.1);
	}
	.de_light .blog-list li{
	border-bottom:solid 1px #ddd;
	}
	.blog-list h3{
	margin-top:20px;
	}	
	.blog-list h3 a{
	color:#fff;
	}
	.de_light  .blog-list h3 a{
	color:#111;
	}
	.de_light  .text-light  .blog-list h3 a{
	color:#fff;
	}
	.blog-list .btn-more{
	padding:3px 25px 3px 25px;
	color:#111;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:700;
	float:right;
	}
	.blog-list .btn-more:hover{
	background:#fff;
	}
	.de_light .blog-list .btn-more:hover{
	background:#222;
	color:#fff;
	}
	.blog-list .post-text{
	padding-left:80px;
	}
	.blog-list img{
	border-bottom:solid 4px;
	}
	.blog-list .blog-slider{
	margin-bottom:-60px;
	}
	.blog-list .date-box {
	width: 60px;
	position: absolute;
	text-align: center;
	text-shadow:none;
	}
	.blog-list .date-box .day, .blog-list .date-box .month {
	display: block;
	color:#fff;
	text-align:center;
	width:60px;
	z-index:100;
	}
	
	.de_light .blog-list .date-box .day, .de_light .blog-list .date-box .month {
	color:#111;
	}
	
		
	.blog-list .date-box .month {
	font-size:14px;
	}
	
	
	.blog-list .date-box .day{
	color:#111;
	font-weight:600;
	font-size: 32px;
	padding-top:45px;
	padding-bottom:10px;
	}
	
	.de_light .blog-list .date-box .day{
	color:#fff;
	}
	
	.blog-list .date-box .month {
	color:#fff;
	font-family:"Open Sans";
	font-weight:600;
	letter-spacing:16px;
	padding:7px 0 7px 0;
	border-bottom:solid 4px #333;
	}

	.de_light .blog-list .date-box .month {
	border-bottom-color:#ddd;
	}
	
	.de_light  .text-light  .blog-list .date-box .month{
	color:#fff;
	}
	
	.blog-snippet li{
	border-bottom:none !important;
	margin-bottom:0;
	}
	
	#blog-carousel .item{
	width:100%;
	}
	
	/* blog comment */
	#blog-comment {
	margin-top: 40px;
	margin-left: 80px;
	}
	
	#blog-comment h5 {
	margin-bottom: 10px;
	}
	
	#blog-comment ul, #blog-comment li {
	list-style: none;
	margin-left: -30px;
	padding-left: 0;
	}
	
	#blog-comment li {
	min-height: 70px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: solid 1px #eee;
	}
	
	#blog-comment li .avatar {
	position: absolute;
	margin-top: 5px;
	}
	
	#blog-comment .comment {
	margin-left: 85px;
	}
	
	#blog-comment li {
	min-height: 70px;
	font-size: 14px;
	line-height: 1.6em;
	}
	
	#blog-comment li li {
	margin-left: 55px;
	padding-bottom: 0px;
	margin-top: 20px;
	padding-top: 10px;
	border-top: solid 1px #eee;
	border-bottom: none;
	}
	
	#blog-comment li li .avatar {
	position: absolute;
	}
	
	#blog-comment li li .comment {
	}
	
	.comment-info {
	margin-left: 85px;
	margin-bottom: 5px;
	}
	
	.comment-info span {
	}
	
	.comment-info .c_name {
	display: block;
	font-weight: 700;
	color: #555555;
	}
	
	.comment-info .c_reply {
	padding-left: 20px;
	margin-left: 20px;
	border-left: solid 1px #ddd;
	font-size: 12px;
	}
	
	.comment-info .c_date {
	font-size: 12px;
	}
	
	.blog-list h3, .blog-read h3 {
	color: #333;
	letter-spacing:normal;
	font-size:24px;
	text-transform:none;
	}
	

	


	/* blog comment form */
	#commentform label {
	display: block;
	}
	#commentform input {
	width: 290px;
	}
	#commentform input:focus {
	border: solid 1px #999;
	background: #fff;
	}
	#commentform textarea {
	width: 97%;
	padding: 5px;
	height: 150px;
	color:#333;
	}
	#commentform textarea:focus {
	border: solid 1px #999;
	background: #fff;
	}
	#commentform input.btn {
	width: auto;
	}
	
	.post-meta {
	margin: 0px 0 10px 0px;
	border: solid 1px #eee;
	border-left:none;
	font-size:11px;
	display:table;
	width:100%;
	table-layout: fixed;
	}
	.post-meta a{
	color:#888 !important;
	}
	.post-meta span {
		display:table-cell;
		padding:10px 0 10px 0;
		text-align:center;
		border-left:solid 1px #eee;
	}
	.post-meta span i {
	float: none;
	}
	.post-image img {
	width:100%;
	margin-bottom: 0px;
	}
	.post-meta{
	border-color:#222;
	}
	.post-meta span{
	border-color:#222;
	}
	


	
	.blog-slide{
	padding:0;
	margin:0;
	}

/* ================================================== */
/* products */
/* ================================================== */

.products{
padding:0;
list-style:none;
}
.products li{
margin-bottom:40px;
}
.product .price{
margin-bottom:10px;
font-size:16px;
}
.product img{
padding:2px;
background:#333;
border:solid 1px #fff;
}
.de_light .product img{
padding:0;
border:solid 1px #ddd;
}	
	
/* ================================================== */
/* contact form */
/* ================================================== */
	.error {
	padding:20px;
	border:none;
	display: none;
	color: #d9534f;
	border:solid 1px #d9534f;
	font-size: 12px;
	}
	.success {
	padding:20px;
	display: none;
	color: #5cb85c;
	border:solid 1px #5cb85c;
	margin-bottom: 20px;
	}
	.error img {
	vertical-align: top;
	}
	.full {
	width: 98%;
	}

	#contact_form{
	margin-top:20px;
	}
	
	#contact_form input[type=text],#contact_form textarea,#contact_form input[type=email],#search{
	padding:10px;
	margin-bottom:20px;
	color:#fff;
	border:solid 1px rgba(0,0,0,.3);
	background:rgba(0,0,0,.2);
	border-radius:0 !important;
	height:auto;
	}

	.de_light #contact_form input[type=text],.de_light #contact_form textarea,.de_light #contact_form input[type=email], .de_light #search
		{
		border:solid 1px #ddd;
		background:#f5f5f5;	
		color:#333 !important;
		}

	
	
	
	#contact_form input[placeholder],#contact_form textarea[placeholder]{
	color:#eee;
	}
	#contact_form input[type=submit]{
	background:none;
	}
	
	#contact_form input[type=submit]:hover{
	color:#fff !important;
	background:#111;
	border-color:#111;
	}
	
	#contact_form textarea{
	height:165px;
	}
	
	.error_input{
	border-color:#D31E2B !important;
	}

/* ================================================== */
/* coming soon page */
/* ================================================== */
	
	.coming-soon .logo{
	margin:0;
	padding:0;
	}
	
	.coming-soon h2{
	margin-top:0;
	color:rgba(255,255,255,.8);
	font-weight:400;
	}
	
	.coming-soon  .social-icons i{
	font-size:20px;
	margin-left:10px;
	margin-right:10px;
	}
	
	.coming-soon .social-icons i:hover{
	background:none;
	color:rgba(255,255,255,.2) !important;
	}
	
	
	.arrow-up, .arrow-down {
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 40px solid #fff;
	position:fixed;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom:0;
	cursor:pointer;
	z-index:101;
	}
	
	.arrow-down {
	border-top: 40px solid #fff;
	border-bottom:none;
	position:fixed;
	z-index:102;
	top:-40px;
	}
	
	.arrow-up:before{
	font-family:"FontAwesome";
	font-size:20px;
	content:"\f067";
	color:#222;
	position:relative;
	top:12px;
	margin:0 0 0 -8px !important;
	}
	
	.arrow-down:before{
	font-family:"FontAwesome";
	font-size:20px;
	content:"\f068";
	color:#222;
	position:relative;
	top:-35px;
	margin:0 0 0 -8px !important;
	}
	

/* ================================================== */
/* elements */
/* ================================================== */
	
	/* address */
	/* ------------------------------ */
	address{
	margin:0;
	margin-top:20px;
	}
	address span {
	display: block;
	/*border-bottom:solid 1px #222;*/
	padding-bottom:5px;
	margin-bottom:5px;
	font-weight:300;
	}
	
	.de_light .widget_text address span {
	/*border-bottom:solid 1px #ddd;*/
	}
	
	address span strong {
        display: inline-block;
        width: 82px;
    }
	
	address span{
	/*border-bottom-color:#222;*/
	}
	
	address span i{
	/*margin-top:5px;
	margin-right:20px;
	float:none;*/
    font-size: 110%;
	}
	
	address span strong {
	display: inline-block;
	}
	
	address span a{
	color:#eceff3;
	}
	
	.de_light #sidebar .widget address span{
	border-bottom:solid 1px #ddd;
	}
	
	.de_light #sidebar .widget address a{
	color:#333;
	}
	
	.widget_map{
	margin-left: 70px;
    margin-top: 20px;
	}

    @media screen and (min-width:990px){
        .widget-address {padding-bottom: 50px;}
    }

    /* Carousel address */
    .contact-footer span {text-align: left;}



	/* border */
	/* ------------------------------ */
	.small-border{
	height:1px;
	width:120px;
	background:#ccc;
	display:block;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
	}
	
	/* breadcrumb */
	/* ------------------------------ */
	.crumb {
	color:#777;
	float: right;
	font-size: 12px;
	}
	.de-navbar-left.de_light #subheader .crumb{
	color:#333;
	}
	.crumb li {
	display: inline;
	text-decoration: none;
	padding: 0 2px 0 2px;
	}
	
	.crumb a{
	text-decoration:none;
	}
	
	.de_light .crumb a:hover{
	color:#fff;
	}

	
	/* button */
	/* ------------------------------ */
	.btn-line, a.btn-line{
	border:solid 1px #222;
	color:#fff;
	font-weight:500;
	font-size:12px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	padding:3px;
	padding-left:30px;
	padding-right:30px;
	text-transform:uppercase;
	display:inline-block;
	text-align:center;
	letter-spacing:2px;
	text-decoration:none;
	
	}	
	

	.btn-line, a.btn-line{
	border:solid 1px rgba(255,255,255,.2) !important;
	color:#fff;
	}
	
	.de_light .btn-line, .de_light a.btn-line{
	border:solid 1px rgba(1,1,1,.2) !important;
	color:#333;
	}
	
	.text-light .btn-line, .text-light  a.btn-line{
	border:solid 1px rgba(255,255,255,.2) !important;
	color:#fff;
	}
	

	.btn-line:hover, a.btn-line:hover{
	background:#fff;
	color:#111 !important;
	border-color:#fff;
	}
	
	.btn-line:after,  a.btn-line:after{
	color:#fff;
	}
	
	.btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after{
	color:#fff;
	}
	
	.btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after{
	color:#111 !important;
	}
	
	a.btn-text{
	text-decoration:none;
	display:inline-block;
	color:#111 !important;
	font-weight:600;
	padding:0;
	}
	
	a.btn-text:after{
	font-family:FontAwesome;
	content: "\f054";
	padding-left:10px;
	}
	
	a.btn-text{
	color:#fff !important;
	}
	
	a.btn-big{
	font-size:14px;
	color:#eceff3;
	letter-spacing:1px;
	line-height:normal;
	font-weight:bold;
	text-transform:uppercase;
	border:solid 1px #fff;
	padding:10px 30px 10px 30px;
	}
	a.btn-big:after{
	font-family:FontAwesome;
	content: "\f054";
	margin-left:20px;
	}
	
	
	
	.btn-line, a.btn-line{
	color:#eceff3;
	}
	
	.btn-line:after, a.btn-line:after{
	font-family:FontAwesome;
	content: "\f054";
	margin-left:10px;
	}
	
	a.btn-line-black, .de_light a.btn-line-black{
	border:solid 1px #111;
	color:#111;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	font-weight:normal;
	}
	
	a.btn-line-black:hover{
	background:#B2976D;
	color:#fff;
	}
	
	.de_light a.btn-line-black:hover{
	background:#111;
	color:#fff;
	}

	a.btn-line-yellow, .de_light a.btn-line-yellow{
	border:solid 1px #FEE2B5;
	color:#FEE2B5;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	font-weight:normal;
	padding: 10px 30px;
	}
	a.btn-line-yellow:hover{
	border:solid 1px #B2976D;
	background:#B2976D;
	color:#fff;
	}
	
	.btn-fullwidth{
	width:100%;
	}
	
	a.btn-slider{
	font-size:13px;
	font-weight:bold;
	color:#fff;
	letter-spacing:3px;
	line-height:normal;
	text-decoration:none;
	text-transform:uppercase;
	border:solid 2px #fff;
	padding:10px 30px 10px 30px;
	}
	a.btn-slider:hover{
	color:#222;
	background:#fff;
	border-color:#000;
	border:solid 2px #fff;
	}
	a.btn-slider:hover:after{
	color:#222 ;
	}
	
	/* columns */
	/* ------------------------------ */

	
	/* counter */
	/* ------------------------------ */
	.de_count{
	text-align:center;
	padding:30px 0 30px 0;
	background:none;
	}
	.de_count p{
	font-family: 'Montserrat', sans-serif;
	font-size:40px;
	font-weight:600;
	color: #eceff3;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 15px;
    line-height: 30px;
    margin-top: 0;
    display: inline-block;
	}
	/*.de_count p.text {
		display: inline-block;
		color: #eceff3;
	}*/
	.de_count span{
		display: block;
	text-transform:uppercase;
	}
	.de_count i{
		display:block;
		font-size:60px;
		margin:0 auto;
		margin-bottom:20px;
		width:100%;
		font-weight:lighter !important;
	}
		
	/* divider */
	/* ------------------------------ */
	.spacer-single{
	width:100%;
	height:30px;
	display:block;
	clear:both;
	}
	
	.spacer-double{
	width:100%;
	height:60px;
	display:block;
	clear:both;
	}
	
	.spacer-half{
	width:100%;
	height:15px;
	display:block;
	clear:both;
	}
	
	hr {
	display: block;
	clear: both;
	border-top: solid 1px #ddd;
	margin: 40px 0 40px 0;
	}


	
	/* dropcap */
	/* ------------------------------ */
	.dropcap {
	display: inline-block;
	font-size: 48px;
	float: left;
	margin: 10px 15px 15px 0;
	color:#eceff3;
	padding: 20px 10px 20px 10px;
	}
	
	
	/* form style */
	/* ------------------------------ */


	.de_form input[type="radio"], 
	.de_form input[type="checkbox"] {
	/* hide the inputs */
	display:none;
	}
	
	.de_form input[type="radio"] + label:before{
	content:"\f111";
	font-family:"FontAwesome";
	margin-right:10px;
	}
	
	.de_form input[type="checkbox"] + label:before{
	content:"\f00c";
	font-family:"FontAwesome";
	margin-right:10px;
	}

	/* style your lables/button */
	.de_form input[type="radio"] + label, 
	.de_form input[type="checkbox"] + label {
		/* keep pointer so that you get the little hand showing when you are on a button */
		cursor: pointer;
		/* the following are the styles */
		padding: 4px 10px;
		border: none;
		background: #222;
		color: #606060;
		border-radius: 3px;
	}
	
	.de_light .de_form input[type="radio"] + label, 
	.de_light .de_form input[type="checkbox"] + label {
		background: #eee;
		color:#999;
	}
	
	.de_form.no-bg input[type="radio"] + label, 
	.de_form.no-bg input[type="checkbox"] + label {
		padding: 4px 0px;
		border: none;
		background:none;
	}

	.de_form input[type="radio"]:checked + label,
	.de_form input[type="checkbox"]:checked + label{
		/* style for the checked/selected state */
		border: none;
		color: white;
	}
	
	.de_light .de_form input[type="radio"]:checked + label,
	.de_light .de_form input[type="checkbox"]:checked + label{
		/* style for the checked/selected state */
		color: #333;
	}
	
	/* heading */
	/* ------------------------------ */
	.form-transparent input[type=text], .form-transparent textarea, .form-transparent input[type=email]{
	padding:10px;
	margin-bottom:20px;
	color:#fff;
	border:none;
	background:rgba(0,0,0,.2);
	border-radius:0 !important;
	height:auto;
	}
	
	/* heading */
	/* ------------------------------ */
	h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	}
	
	h1 {
	font-size:32px;
	margin:0;
	text-align:center;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:300;
	}
	
	h1 .small-border{
		margin-top:30px;
	}
	
	h2 {
	display:inline-block;
	font-weight:500;
	margin-bottom:30px;
	line-height:1.2em;
	}
	h2 .small-border{
	margin-left:0;
	margin-bottom:15px;
	width:40px;
	}
	h2{
	}
	h3 {
	margin-top: 0;
	font-size:24px;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-bottom: 15px;
    line-height: 30px;
	}
	h1.slogan_big {
	font-weight: 300;
	font-size: 64px;
	line-height: 64px;
	letter-spacing: -2px;
	padding: 0;
	margin: 0px 0 30px 0;
	}
	h1.title{
	font-size:64px;
	letter-spacing:10px;
	}
	h1.title strong{
	font-family:"Allura";
	text-transform:none;
	letter-spacing:0;
	font-weight:normal;
	}
	h2.subtitle{
	margin-top:0;
	}
	.de_light .text-light h2{
	color:#fff;
	}
	h3.title {
	border-bottom: solid 1px #ddd;
	margin-bottom: 20px;
	}
	h4.title {
	border-bottom: solid 1px #ddd;
	padding-bottom: 10px;
	margin-bottom: 20px;
	}
	h5 {
	font-weight: bold;
	}
	h1,
	h2,
	h3,
	h4,
	h5{
	color:#eceff3;
	}
	
	span.teaser{
	font-family:"Georgia";
	font-style:italic;
	font-size:18px;
	}
	
	.text-light{
	color:#ddd;
	}
	
	.text-light h1{
	color:#fff !important;
	}
	
	.de_light h1,.de_light h2,.de_light h3,.de_light h4,.de_light h5,.de_light h6{
	color:#333;
	}
	
	/* feature box style 1 */
	.feature-box i {
	border:solid 1px;
	}
	
	.feature-box-small-icon {
	margin-bottom: 30px;
	}
	
	.feature-box-small-icon.center{
	text-align:center;
	}
	
	.feature-box-small-icon .inner:hover > i {
	color:#fff;
	}
	
	.feature-box-small-icon .text {
	padding-left: 70px;
	}
	
	.feature-box-small-icon.center .text{
	padding-left:0;
	display:block;
	}
	
	.feature-box-small-icon i {
	text-shadow:none;
	color: #333;
	font-size: 32px;
	width: 68px;
	height: 68px;
	text-align: center;
	position: absolute;
	border-radius:60px;
	}
	
	.feature-box-small-icon i.hover {
	color:#333 !important;
	}
	
	.feature-box-small-icon i.hover {
	color:#fff !important;
	}
	
	.feature-box-small-icon .border{
	height:2px;
	width:30px;
	background:#ccc;
	display:block;
	margin-top:20px;
	margin-left:85px;
	}
	
	
	.feature-box-small-icon .btn{
	margin-top:10px;
	}
	
	.feature-box-small-icon.center i{
	position:inherit;
	float:none;
	display:inline-block;
	margin-bottom:20px;
	border:none;
	font-size:60px;
	background:none;
	padding:0px;
	}
	
	.feature-box-small-icon.center .fs1{
	position:inherit;
	float:none;
	display:inline-block;
	margin-bottom:20px;
	border:none;
	font-size:60px;
	background:none;
	padding:0px;
	}
	

	.feature-box-small-icon i{
	background-color: #333333;
	}
	
	.feature-box-small-icon h3 {
	line-height: normal;
	margin-bottom: 5px;
	}
	
	.feature-box-small-icon.no-bg h2 {
	padding-top:12px;
	}
	
	.feature-box-small-icon.no-bg .inner, .feature-box-small-icon.no-bg .inner:hover{
	padding:0;
	background:none;
	}
	
	.f-hover{
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	 outline: none;
	}
	
	/* feature-box style 2 */
	.feature-box i {
	border:solid 1px;
	}
	
	.feature-box-small-icon-2 {
	margin-bottom: 30px;
	}
	
	.feature-box-small-icon-2 .text {
	padding-left: 48px;
	}
	
	.feature-box-small-icon-2 i {
	text-shadow:none;
	color:#eceff3;
	font-size: 24px;
	text-align: center;
	position: absolute;
	}
	
	.feature-box-small-icon-2 i{
	background-color: #333333;
	}
	
	.feature-box-small-icon-2 h3 {
	line-height: normal;
	margin-bottom: 5px;
	}
	
	.feature-box-small-icon-2.no-bg h2 {
	padding-top:12px;
	}
	
	.feature-box-small-icon-2.no-bg .inner, .feature-box-small-icon-2.no-bg .inner:hover{
	padding:0;
	background:none;
	}
	
	
	/* feature-box image style 3 */
	.feature-box i {
	border:solid 1px;
	}
	.feature-box-image-2 {
	margin-bottom: 30px;
	}
	.feature-box-image-2 .text {
	padding-left: 100px;
	}
	.feature-box-image-2 img {
	position: absolute;
	}
	.feature-box-image-2 i{
	background-color: #333333;
	}
	.feature-box-image-2 h3 {
	line-height: normal;
	margin-bottom: 5px;
	}
	.feature-box-image-2.no-bg h2 {
	padding-top:12px;
	}
	.feature-box-image-2.no-bg{
	}
	.feature-box-image-2.no-bg .inner, .feature-box-image-2.no-bg .inner:hover{
	padding:0;
	background:none;
	}
	
	/* with image */
	.feature-box-image img{
	width:100%;
	margin-bottom:10px;
	height:auto;
	}
	.feature-box-image h3 {
	line-height: normal;
	margin-bottom: 5px;
	font-size:20px;
	font-weight:bold;
	}
	
	/* feature-box image style 4 */
	.feature-box-big-icon{
	text-align:center;
	}
	.feature-box-big-icon .text{
	}
	.feature-box-big-icon i {
	float:none;
	display:inline-block;
	text-shadow:none;
	color:#eceff3;
	font-size: 40px;
	padding: 40px;
	width: 120x;
	height: 120x;
	text-align: center;
	border:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-web-kit-border-radius:10px;
	background:#333;
	margin-bottom:40px;
	
	cursor:default;
	
	
	}
	.feature-box-big-icon i:after {
	content: "";
	position:absolute;
	margin:75px 0 0 -40px;
	border-width: 20px 20px 0 20px; /*size of the triangle*/
	border-style: solid;
	}
	
	.feature-box-big-icon:hover i,
	.feature-box-big-icon:hover i:after{
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	 -webkit-transition:.5s;
	 transition:.5s;
	}
	.feature-box-big-icon:hover i{
	background:#333;
	}
	.feature-box-big-icon:hover i:after{
	border-color:#333 transparent;
	}
	
	
	.box-fx .inner{
	position:relative;
 	overflow:hidden;
	border-bottom:solid 2px;
	}
	
	.box-fx .inner{
	border-bottom:solid 2px;
	}
	
	.box-fx .front{
	padding:60px 0 60px 0;
	}
	
	.box-fx .front span{
	font-size:14px;
	}
	
	.box-fx .info{
	position:absolute;
	padding:60px 30px 60px 30px;
	background:#fff;
	color:#fff;
	}
	
	.box-fx i{
	font-size:72px !important;
	margin-bottom:20px;
	}
	
	.box-fx .btn-line, .box-fx .btn-line a.btn-line{
	border:solid 1px rgba(255,255,255,0.5);
	color:#fff !important;
	}
	
	.box-fx .btn-line:hover, .box-fx a.btn-line:hover{
	background:#fff;
	color:#111 !important;
	border-color:#fff;
	}
	
	.box-fx .btn-line:after, .box-fx a.btn-line:after{
	color:#fff !important;
	}
	
	.box-fx .btn-line:hover:after, .box-fx a.btn-line:hover:after, .box-fx a.btn-line.hover:after{
	color:#111 !important;
	}
	
	.box-fx .bg-icon{
		left:50%;
		bottom:50px;
		color:#f5f5f5 !important;
		position:absolute !important;
		font-size:190px !important;
		z-index:-1;
	}
	
	.box-icon-simple.right{
	margin-right:70px;
	text-align:right;	
	}
	
	.box-icon-simple.right i{
	font-size:42px;
	right:0;
	position:absolute;
	}
	
	.box-icon-simple.left{
	margin-left:70px;
	}
	
	.box-icon-simple.left i{
	font-size:42px;
	left:0;
	position:absolute;
	}
	
	
	.box-number .number{
	display:block;
	font-size:48px;
	color:#222;
	width:80px;
	height:80px;
	text-align:center;
	padding:25px;
	border-radius:60px;
	position:absolute;
	}
	
	.box-number .text{
	margin-left:100px;
	}
	
	.box-icon .icon{
	display:block;
	font-size:48px;
	color:#222;
	text-align:center;
	border-radius:60px;
	position:absolute;
	cursor:default;
	}
	
	.box-icon .text{
	margin-left:80px;
	}
	/* list */
	.ul-style-2{
	padding:0;
	list-style:none;
	}
	
	.ul-style-2 li{
	margin:5px 0 5px 0;
	}
	
	.ul-style-2 li:before{
	font-family:"FontAwesome";
	content:"\f00c";
	margin-right:15px;
	}
	
	/* pagination */
	/* ======================================== */
	
	.pagination li a:hover{
	color:#fff;
	background:none;	
	}
	
	.de_light .pagination li a:hover{
	color:#111;
	background:none;	
	}
	
	.pagination li a{
	color:#888;
	border:solid 1px #404040;
	background:none;
	margin:3px;
	padding:15px 20px 15px 20px;	
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	}
	
	.de_light .pagination li a{
	border-color:#ccc;
	}
	
	/* pricing table */
	/* ================================================== */
	.pricing-box{color:#888;}
	
	.pricing-2-col {
	border-right: solid 1px #eee;
	}
	
	.pricing-2-col .pricing-box {
	width: 49%;
	}
	
	.pricing-3-col {
	}
	
	.pricing-3-col .pricing-box {
	width: 32.33%;
	}
	
	.pricing-4-col {
	}
	
	.pricing-4-col .pricing-box {
	width: 24%;
	}
	
	.pricing-5-col {
	}
	
	.pricing-5-col .pricing-box {
	width: 19%;
	}
	
	.pricing-2-col,
	.pricing-3-col,
	.pricing-4-col,
	.pricing-5-col{
	}
	
	
	.pricing-box {
	float: left;
	text-align: center;
	margin:5px;
	padding: 0;
	opacity:.8;
	}
	
	.pricing-box ul {
	margin: 0;
	padding: 0;
	}
	
	.pricing-box li {
	list-style: none;
	margin: 0;
	padding: 15px 0 15px 0;
	background:#eee;
	}
	
	.pricing-box li h4 {
	font-size: 22px;
	margin: 0;
	padding: 0;
	font-weight: 400;
	color:#888;
	}
	
	.pricing-box li h1 {
	font-size: 48px;
	margin: 0;
	margin-bottom: 5px;
	color: #1a8b49;
	letter-spacing:0px;
	}
	
	.pricing-box li.title-row {
	padding: 15px 0 15px 0;
	}
	
	.pricing-box li.title-row h4{
	}
	
	.pricing-box li.price-row {
	padding: 15px 0 15px 0;
	background:#F8F8F8;
	
	}
	.pricing-box li.deco{
	background:#f5f5f5;
	}
	
	.pricing-box a.btn{
	color:#eceff3;
	}
	
	.pricing-box li.price-row span {
	display: block;
	font-weight: 600;
	}
	
	.pricing-box li.btn-row {
	background: #ddd;
	}
	.pricing.pricing-box{
	}
	.pricing.pricing-box ul {
	margin: 0;
	padding: 0;
	}
	
	.pricing.pricing-box li {
	background: #3b3b3b;
	color: #bbb;
	list-style: none;
	margin: 0;
	padding: 15px 0 15px 0;
	}
	
	.pricing.pricing-box li.deco{
	background:#333;
	}
	
	
	
	.pricing.pricing-box li h4 {
	font-size: 22px;
	margin: 0;
	padding: 0;
	font-weight: 400;
	color:#eceff3;
	}
	
	.pricing.pricing-box li h1 {
	font-size: 48px;
	margin: 0;
	margin-bottom: 5px;
	font-weight: 600;
	color:#eceff3;
	}
	
	.pricing.pricing-box li.title-row {
	background:#323232;
	padding: 15px 0 15px 0;
	}
	
	.pricing.pricing-box li.price-row {
	background: #2b2b2b;
	padding: 15px 0 15px 0;
	}
	
	.pricing.pricing-box li.price-row h1{
	font-weight: 300;
	}
	
	.pricing.pricing-box li.price-row h1 span {
	display:inline-block;
	font-weight: 600;
	}
	
	.pricing.pricing-box li.price-row span {
	display: block;
	font-weight: 600;
	}
	
	.pricing.pricing-box li.btn-row {
	background: #404040;
	}
	
	
	.pricing-featured {
	position: relative;
	}
	
	.pricing-featured li{
	padding-top:17px;
	padding-bottom:17px;
	}
	
	
	/* progress bar */
	/* ================================================== */
	
	.de-progress{
	width:100%;
	height:8px;
	background:#ddd;
	margin-top:20px;
	margin-bottom:20px;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	
	}
	
	.de-progress .progress-bar{
	background:#333;
	height:8px;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	}
	
	.de-progress{
	background:#000;
	}
	
	
	/* social-icons */
	/* ================================================== */
	.social-icons{
	display:inline-block;
	}
	.social-icons i{
	text-shadow:none;
	color: #fff;
	padding: 8px;
	width: 28px;
	height: 28px;
	text-align: center;
	font-size:16px;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	}
	.social-icons i:hover{
	background:#fff;
	border-color:#eceff3;
	color:#333;
	}
	
	/*
	.social-icons .fa-facebook{	background:#305fb3;	}
	.social-icons .fa-twitter{	background:#00d7d5;	}
	.social-icons .fa-rss{ background:#fca600;	}
	.social-icons .fa-google-plus{ background:#d7482a;	}
	.social-icons .fa-skype{ background:#12c7ef;	}
	.social-icons .fa-dribbble{ background:#f06eaa;	}
	*/
	
	/* tabs */
	/* ================================================== */
	.de_tab {
	opacity:.8;
	}
	
	.de_tab .de_nav {
	overflow: hidden;
	padding-left: 0;
	margin: 0;
	padding: 0;
	font-weight:bold;
	}
	
	.accordion-inner img.full-size{
	margin-top:5px;
	margin-bottom:10px;
	}
	
	a.accordion-toggle,a:visited.accordion-toggle{
	font-weight:bold;
	color:#222;
	}
	
	.de_tab .de_nav li {
	float: left;
	list-style: none;
	background: #EEE;
	margin-right: 5px;
	}
	
	
	.de_tab .de_nav li span {
	padding: 8px 16px 8px 16px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	display: block;
	background: #f5f5f5;
	text-decoration: none;
	color: #646464;
	font-size: 13px;
	cursor: pointer;
	}
	
	.de_tab.tab_steps .de_nav{
	text-align:center;	
	}
	.de_tab.tab_steps .de_nav li{
	background:none;
	display:inline-block;
	float:none;
	margin:0 30px 0px 30px;
	}
	
	.de_tab.tab_steps .de_nav li span {
	padding:30px 0 30px 0;
	border-radius:50%;/*120px;*/
	color:#222;
	font-family:"Dosis";
	font-size:16px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	line-height:120px;
	width:180px;
	height:180px;
	text-align:center;
	text-transform:uppercase;
	}
	
	.de_tab.tab_steps .de_nav li span:hover{
	background:#000;
	border:none;
	color:#fff;
	}
	
	.de_tab.tab_steps .de_nav li .v-border{
	height:60px;
	border-left:1px solid rgba(255,255,255,.3);
	display:inline-block;
	margin-bottom:-8px;	
	}
	
	.de_tab.tab_steps.dark .de_nav li .v-border{
	border-left:1px solid rgba(0,0,0,.3);
	}
	
	.de_tab .de_nav li span {
	border:none;
	background:#222;
	}
	
/*	.de_tab .de_nav li:first-child span {
	border-left: 1px solid #ddd;
	}*/
	
	.de_tab .de_nav li:first-child span {
	border-left: 1px solid #404040;
	}
	
	
	.de_tab .de_tab_content {
	border: 1px solid #ddd;
	padding: 15px 20px 20px 20px;
	/*margin-top: -1px;*/
	background: #fff;
	}
	
	.de_tab .de_tab_content {
	border: 1px solid #404040;
	background: #27282b;
	}

    .de_tab .de_tab_content p {font-size: 14px;}
	
	.de_tab.tab_steps .de_tab_content {
	background:0;
	padding:0;
	border:none;
	padding-top:30px;
	border-top:1px solid rgba(255,255,255,.4);
	}
	
	.de_tab.tab_steps.dark .de_tab_content {
	border-top:1px solid rgba(0,0,0,.4);
	}
	
	.de_tab .de_nav li.active span {
	background: #FFF;
	border-bottom: 1px solid #fff;
	color: #222;
	margin-bottom: -3px;
	}
	
	.de_tab .de_nav li.active span .v-border{
	display:none !important;
	}
	
	.de_tab .de_nav li.active span {
	background: #27282b;
	border-bottom: 1px solid #27282b;
	color: #ccc;
	}
	
	.de_tab.tab_steps .de_nav li.active span {
	background:none;
	color: #ffffff;
	border: 2px solid rgba(255,255,255,.8);
	}
	
	.de_tab.tab_steps.dark .de_nav li.active span {
	background:none;
	color: #333;
	border: 1px solid rgba(0,0,0,.8);
	}
	
	/* new added */
	.de_tab.tab_steps.tab_6 .de_nav li span{
	padding:20px 0 20px 0;
	font-size:14px;
	line-height:70px;
	width:120px;
	height:120px;
	}
	

	.tab-small-post ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	.tab-small-post ul li {
	min-height: 60px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: solid 1px #eeeeee;
	}
	
	.tab-small-post ul li{
	border-bottom: solid 1px #404040;
	}
	
	.tab-small-post ul li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
	.tab-small-post ul li img {
	position: absolute;
	}
	
	.tab-small-post ul li span {
	display: block;
	padding-left: 64px;
	}
	
	.tab-small-post ul li span.post-date {
	font-size: 11px;
	}
	
	.de_tab.timeline.nav_4 li{
	display:inline-block;
	text-align:center;
	background:none;
	width:24%;
	}	
	
	.de_tab.timeline.nav_4 li span{
	background:none;
	border:none;
	margin-top:20px;
	font-family:"Dosis";
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:2px;
	}
	
	.de_tab.timeline.nav_4 .dot{
	display:block;
	width:8px;
	height:8px;
	background:#fff;
	opacity:1;
	margin:0 auto;
	border-radius:8px;
	margin-top:1px;
	}
	
	.de_tab.timeline.nav_4 .dot:before,
	.de_tab.timeline.nav_4 .dot:after {
	  content: "";
	  position: absolute;
	  height: 5px;
	  border-bottom: 1px solid rgba(255,255,255,.1);
	  top: 0;
	  width:24%;
	}
	
	.de_tab.timeline.nav_4  li:last-child .dot:before,
	.de_tab.timeline.nav_4 li:last-child .dot:after {
	 border-bottom: none;
	}
	
	.de_tab.timeline li .num{
	font-size:20px;
	}
	
	.de_tab.timeline .de_tab_content{
	background:none;
	border:none;
	padding-top:30px;
	}
	
	.de_tab .navigation_arrow{
	text-align:center;
	}

	.btn-left,
	.btn-right{
	background:none;
	border:solid 1px rgba(255,255,255,.2);
	padding:10px 20px 10px 20px;
	margin:5px;
	font-family:"Dosis";
	text-transform:uppercase;
	letter-spacing:5px;
	}
	
	.btn-right:after{
	font-family:FontAwesome;
	content: "\f054";
	padding-left:10px;
	}
	
	.btn-left:before{
	font-family:FontAwesome;
	content: "\f053";
	padding-right:10px;
	}
	
	a.btn-left,
	a.btn-right{
	text-decoration:none;
	}

	
	/* team
	/* ================================================== */
	.team {
	margin-bottom: 30px;
	text-align:center;
	}
	
	.team h5 {
	margin-bottom: 0;
	}
	
	.team_photo {
	margin-bottom: 10px;
	}
	
	.team img.team-pic {
	width: 100%;
	height: auto;
	}
	
	.pic-team img{
	width: 100%;
	height: auto;
	width:150px;
	height:150px;
	position:absolute;
	}
	
	.pic-team img.pic-hover{
	z-index:100;
	display:none;
	}
	
	.team .team_desc {
	font-style: italic;
	margin-bottom: 10px;
	}
	
	.team .sb-icons {
	padding: 10px 0 0 0;
	}
	
	.team .sb-icons img {
	margin-right: 5px;
	}
	
	.team .columns {
	margin-bottom: 30px;
	}
	
	.team-list{
	min-height:180px;
	margin-bottom:40px;
	}
	
	.team-list .team-pic{
	width:150px;
	height:150px;
	position:absolute;
	}
	
	.team-list h5{
	margin-top:0;
	margin-bottom:10px;
	font-size:14px;
	}
	
	.team-list.team_desc{
	font-style:italic;
	margin-bottom:10px;
	}
	
	.team-list .small-border{
	float:none;
	margin:15px 0 15px 0;
	background:#ddd;
	width:50px;
	}
	
	.team-list .social{
	width:150px;
	margin-top:170px;
	text-align:center;
	position:absolute;
	}
	
	
	.team-list .social a{
	display:inline-block;
	}
	
	.team-list .info{
	padding-left:170px;
	}
	
	.de-team-list{
		overflow:hidden;
	}
	
	.de-team-list .team-desc{
		padding:20px;
		padding-bottom:0;
		position:absolute;
		z-index:100;
		top:0;
		background:#111;
		color:#ccc;
	}
	
	.de-team-list .team-desc h3{
		color:#fff;
	}
	
	.de-team-list .social{
	}
	
	.de-team-list .social a{
	display:inline-block;
	padding:0 5px 0 5px;
	}
	
	.de-team-list p.lead{
		font-size:14px;
	}
	
	.de-team-list .small-border{
	float:none;
	margin:15px 0 15px 0;
	background:#ddd;
	width:50px;
	}
	
	.de-team-list .social a:hover{
	color:#fff;
	}
	


	/* testimonial
	/* ================================================== */
	.de_testi {
	display: block;
	margin-bottom: 10px;
	}
	
	.de_testi blockquote {
	margin: 0;
	border: none;
	padding: 20px 30px 30px 80px;
	background:rgba(0,0,0,0.5);
	font-style:normal;
	line-height:1.6em;
	font-weight:500;
	}
	
	.de_testi blockquote  p{
	margin-top:10px;
	}
	
	/*.de_testi blockquote:before{
	font-family:FontAwesome;
	content: "\f10d";
	color:#111;
	padding-bottom:10px;
	font-size:20px;
	display:inline-block;
	padding:10px 20px 10px 20px;
	font-style:normal;
	background:#000;
	position:absolute;
	left:15px;
	}*/

	.de_testi blockquote .paw{
		display: block;
		position: absolute;
		top: 22px;
		left: 15px;
		padding: 10px 15px 5px 15px;
		background: #FEE2B5;
	}
	
	.de_testi blockquote {
	color:#eceff3;
	}
	
	.de_testi blockquote, .de_testi blockquote p {
	font-size:14px;
	line-height: 1.6em;
	font-weight: 500;
    text-align: left;
	}
	
	.de_testi_by {
	margin-top: -10px;
	font-style:normal;
	font-size:12px;
    text-align: left;
    position: relative;
	}

    .de_testi_by .testi-button {
    position: absolute;
    bottom: 0; right: 10px;
    background: url(https://dsv6bv7z2qgcg.cloudfront.net/savanna-safaris-arrow-down.png) no-repeat;
    width: 16px; height: 16px;
    transition: transform 1s;
    -ms-transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
    }

    .testi-button.rotated {
    transition: transform 1s;
    -ms-transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
      transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
    }
	
	.de_testi_pic {
	float: left;
	padding-right: 15px;
	}
	
	.de_testi_pic img {
	width: 50px;
	height: 50px;
	}
	
	.de_testi_company {
	padding-top: 20px;
	}
	
	#testimonial-masonry .item{
	margin-bottom:30px;
	}

		



/* ================================================== */
/* anim */
/* ================================================== */
de_tab .de_nav li span,
.feature-box-small-icon i, a.btn-line:after, .de_count, .social-icons a i,
.de_tab.tab_steps .de_nav li span, .de_tab.tab_steps .de_nav li span:hover,
.de-gallery .overlay .icon i,
.de-gallery .overlay .icon i:hover,
header.smaller,
#contact_form input[type=submit],
#contact_form input[type=submit]:hover,
.product img,
.product img:hover,
.mfp-close,.mfp-close:hover,
header.de_header_2 .info,
header.de_header_2.smaller .info,
.de_form input[type="radio"] + label,
.de_form input[type="checkbox"] + label
{
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
 outline: none;
}


/* ================================================== */
/* video */
/* ================================================== */
video, object {
display:inline-block;
vertical-align:baseline;
min-width:100%;
min-height:100%;
}

.de-video-container{
top:0%;
left:0%;
height:500px;
width:100%;
overflow: hidden;
}

.de-video-content{
width:100%;
position:absolute;
z-index:10;
}


.de-video-overlay{
position:absolute;
width:100%;
min-height:100%;
background:url(../images/savanna-safaris-dot-70.png);
}

.de-video-overlay.dotted{
background:url(../images/savanna-safaris-dotted.png);
}

.video-fixed{
width:100%;
position:fixed;
top:0;
}

/* youtube, vimeo */

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}







.de-video-container .btn-line:hover:after, .de-video-container a.btn-line:hover:after, .de-video-container a.btn-line.hover:after{
color:#eceff3;
}






/* ================================================== */
/* map */
/* ================================================== */
/* --------------- map --------------- */
#MarmoraMAP,#map2 {
width: 100%;
height: 400px;
border: 5px solid #f1f1f1;
}

.map iframe {
width: 100%;
height: 320px;
border: solid 1px #ccc;
padding: 2px;
background: #fff;
}

.map-container{
height: 500px;
overflow:hidden;
}

/*
#map1,#map2 {width: 49.97%;}
#map1 {float: left;}
#map2 {float: right;}


@media screen and (max-width:990px){
    #map1,#map2 {width: 100%; float: left;}
}
    */






/* ================================================== */
/* call to action */
/* ================================================== */
.call-to-action-box {
background: #f5f5f5;
border: solid 1px #ddd;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.call-to-action-box {
background: #27282B;
border: solid 1px #404040;
}

.call-to-action-box .inner {
padding: 20px 20px 20px 20px;
}

.call-to-action-box .text {
margin-right: 20px;
float: left;
}

.call-to-action-box .act {
float: right;
}

.call-to-action-box h3 {
margin: 0;
margin-top:10px;
}

.call-to-action-box .btn{
color:#eceff3;
}

.call-to-action-box{
background: #404040;
color:#eceff3;
}

.call-to-action-boxh3 {
color:#eceff3;
}










/* ================================================== */
/* overide bootstrap */
/* ================================================== */
.container-fluid {
    padding:0px;
	margin:0px;
}


.btn-primary{
text-shadow: none;
border: none !important;
}

.btn.btn-primary:hover{
background:#555;
}

.img-responsive {
  display: inline-block;
}

.img-frame {
	border-radius: 4px;
	border: 7px solid #fff;
}

.img-frame-portfolio {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border: 7px solid #fff;
}

.label {
font-family: "Roboto",Arial, Helvetica, sans-serif;
}

table thead {
font-weight: bold;
}

.accordion-heading a {
text-decoration: none;
border: none;
outline: none;
}

p.lead{
	font-size:16px;
	font-weight:500;
}

.panel-group{
opacity:.8;
}

.panel-heading,.panel-body{
background:#27282B;
border:solid 1px #404040 !important;
border-radius:0 !important;
}

.panel-body{
border-top:none !important;
}

.progress{
background:#27282B;
}

.panel-heading h4 a{
display:block;
}

.panel-heading h4 a:hover{
color:#eceff3;
}

.panel-default, .panel-collapse, .panel-collapse, .panel-group .panel {
border:none !important;
border-radius:0 !important;
}

.panel-heading{
background:#222 !important;
}

.table-bordered, .table-bordered td{
border:solid 1px #404040;
}

blockquote {
font-size: 24px;
font-style: italic;
line-height: 1.5em;
font-weight: 300;
}

blockquote span {
display: block;
font-size: 14px;
font-style: normal;
font-weight: normal;
}


.col-md-3{
margin-right:-1px;
}



/* ======================================== */
/* toggle */
/* ======================================== */
.toggle-list{list-style:none; margin:0; padding:0;}
.toggle-list li{ margin-bottom:10px; background:#fff; border:solid 1px #ddd;border-bottom:solid 3px #ddd;}
.toggle-list li h2{-moz-user-select: none; -html-user-select: none; user-select: none; color:#555;font-size:16px; line-height:20px; font-family:"Roboto",Arial, Helvetica, sans-serifr; padding:10px 20px 0px 60px; font-weight:700; display:block; letter-spacing:normal;}
.toggle-list li .acc_active:hover{ color:#777;
background:url(../images/icon-slide-plus.png) 20px center no-repeat; 
padding-left:80px; 
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
 
.toggle-list li .acc_noactive:hover{ color:#777;
background:url(../images/icon-slide-min.png) 20px center no-repeat;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
.toggle-list .ac-content{display:none; padding:20px; border-top:solid 1px #e5e5e5;}
.acc_active{background:url(../images/icon-slide-plus.png) 20px center no-repeat;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
 height:32px;
 
 }
.acc_noactive{background:url(../images/icon-slide-min.png) 20px center no-repeat;}


/* ================================================== */
/* image position */
/* ================================================== */
.img-left {
float: left;
margin: 5px 15px 15px 0;
}

.img-right {
float: right;
margin: 5px 0 15px 15px;
}



/* ================================================== */
/* flickr */
/* ================================================== */
#flickr-photo-stream img {
width: 48px;
height: auto;
margin: 0 12px 12px 0;
float: left;
}

#flickr-photo-stream a img {
border: solid 2px #fff;
}

#flickr-photo-stream a:hover img {
border: solid 2px #777777;
}





hr{
border-top: solid 1px #555;
}

hr.blank {
border: none;
margin: 20px 0 20px 0;
}

/* ================================================== */
/* font awesome icons */
/* ================================================== */
i {
display: inline-block !important;
}

i.large {
font-size: 72px;
text-align: center;
display:inline-block;
float:none;
}

i.medium {
font-size: 20px;
padding: 10px;
text-align: center;
display:inline-block;
float:none;
}

i.small {
font-size: 12px;
padding: 4px;
text-align: center;
display:inline-block;
float:none;
}

i.circle-icon {
border-radius: 75px;
-moz-border-radius: 75px;
-webkit-border-radius: 75px;
}

.fa-android{
color:#469159;
}

.fa-apple{
color:#0EC3F7;
}

/* extra ^ */
.de_center p {
width: 100%;
}

.de_center .de_icon {
float: none;
margin: 0 auto;
}


/* ================================================== */
/* transition */
/* ================================================== */
a,
a:hover,
.test-column,
.test-column:hover {
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}





.de_contact_info{
font-size:40px;
font-weight:bold;
}

.de_contact_info i{
float:none;
margin-right:20px;
}


.center-div{
margin:0 auto !important;
}





/* ================================================== */
/* gallery */
/* ================================================== */
#gallery-carousel .item {
text-align: center;
font-size: 12px;
width:100%;
cursor:e-resize;
}

.de_carousel .item {
width:100%;
display:block;
}


#gallery-carousel .item img {
width:100%;
height:auto;
}

#gallery-carousel .item h4 {
margin-bottom: 0;
font-size: 14px;
}

#gallery .item{
overflow:hidden;
}

.pf_text {
color:#eceff3;
}

.pf_text h4 {
color:#eceff3;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
}

.project-info{
color:#ccc;
margin-left:20px;
}

.de_light .project-info{
color:#606060;
}

.project-info h2{
margin-top: 0;
font-size:18px;
letter-spacing:3px;
text-transform:uppercase;
}

.project-info h4{
font-weight:bold;
}

.project-info .details{
padding:20px;
border:solid 1px rgba(255,255,255,.2);
background:rgba(0,0,0,.5);
margin-bottom:30px;
}

.de_light .project-info .details{
background:#eee;
border-color:#ddd;
}

.project-infoproject-info span{
display:block;
}

.project-info span.title{
display:inline-block;
min-width:80px;
}

.project-info span.val{
margin-bottom:15px;
font-weight:bold;
}

.project-view{
padding:120px 0 80px 0;
}

.project-images img{
width:100%;
}

.picframe{
overflow:hidden;
}

#btn-close-x{
width:100px;
height:100px;
display:block;
background:url(../images/close.png) center no-repeat;
margin:0 auto;
margin-bottom:80px;
cursor:pointer;
padding:20px;
}

#btn-close-x{
background:url(../images/close-2.png) center no-repeat;
}


.project-name{
font-size:12px;
font-weight:bold;
display:block;
}

span.overlay {
text-align: center;
display: block;
width: 100px;
background: #111;
position: absolute;
}

.de_light span.overlay {
background: #fff;
}


span.icon{
cursor:pointer;
}



.overlay .info-area {
display: block;
margin-top: 10%;
}

.overlay .sb-icons {
display: block;
margin-top: 200px;
}

.de-gallery .overlay{
text-align:center;
}

.de-gallery .overlay  .pf_text{
display: inline-block;
}

.de-gallery .project-name{
font-size:11px;
text-transform:uppercase;
letter-spacing:5px;
}

.de-gallery .overlay .icon {
display: inline-block;
margin-top: 200px;
text-align:center;
}

.de-gallery .overlay .icon i{
text-shadow:none;
color:#fff;
border:solid 1px rgba(255,255,255,.1);
font-size: 22px;
padding: 20px;
width: 60px;
height: 60px;
text-align: center;
margin-left:10px;
}

.de-gallery .overlay .icon i.icon-info{
margin-left:0px;
}

.de-gallery .overlay .icon i:hover{
color:#222;
background:#fff;
}

.grid_gallery .item{
margin-bottom:30px;
}

a.img-icon-url, a.img-icon-zoom {
display: inline-block;
width: 36px;
height: 36px;
background: url(../images/icon-url.png) center no-repeat;
margin: 0 auto;
margin: 0 2px 0 2px;
}

a.img-icon-zoom {
background: url(../images/icon-zoom.png) center no-repeat;
}

.pf_full_width .item{
float:left;
width:24.97%;
}

.pf_full_width.pf_5_cols .item{
width:19.9%;
}

.pf_full_width.pf_6_cols .item{
width:16.65%;
}

.pf_full_width.pf_3_cols .item{
width:33.3%;
}

.pf_full_width.pf_2_cols .item{
width:49.9%;
}

.pf_full_width img{
float:left;
width:100%;
}




/* ================================================== */
/* widget */
/* ================================================== */
#sidebar{
padding-left:20px;
}
 
.widget {
margin-bottom: 60px;
/*padding-bottom:60px;
border-bottom:solid 1px #333;*/
}

.de_light .widget{
border-bottom:solid 1px #ddd;
}

.widget h4 {
text-transform:uppercase;
padding-bottom: 20px;
font-size: 16px;
letter-spacing: normal;
letter-spacing:1px;
}

.widget ul {
list-style: none;
margin: 0;
padding:0;
}

.widget  .small-border{
height:2px;
width:30px;
background:#fff;
margin:10px 0 20px 0;
display:block;
}

.widget_category li {
padding: 8px 20px 8px 20px;
margin-bottom: 8px;
background:#111;
text-transform:uppercase;
}

.de_light .widget_category li {
background:#eee;
}

.widget_category li a {
color:#606060;
}

.widget_recent_post li {
padding-left: 20px;
background: url(../images/list-arrow.png) left 2px no-repeat;
border-bottom: solid 1px #222;
padding-bottom: 7px;
margin-bottom: 5px;
}

.widget_recent_post li a {
color: #555;
}

.widget .comments li {
padding-left: 20px;
background: url(../images/list-arrow.png) left 2px no-repeat;
border-bottom: solid 1px #eee;
padding-bottom: 7px;
margin-bottom: 5px;
}

.widget_tags li {
text-shadow:none;
display: inline-block;
margin-right: 2px;
margin-bottom: 13px;
}

.widget_tags li a {
font-size:12px;
text-decoration: none;
margin-bottom: 5px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border:solid 1px rgba(255,255,255,.1);
color: #888;
padding: 5px 8px 5px 8px;
}

.de_light .widget_tags li a {
color:#606060;
border:solid 1px #ddd;
}

.widget_tags li a:hover {
color:#555;
border-color: #555;
}

.de_light .widget_tags li a:hover {
color:#111;
border-color: #111;
}


.widget_top_rated_product ul{
padding:0;
}

.widget_top_rated_product li {
min-height:80px;
}

.widget_top_rated_product li .text{
padding-top:5px;
padding-left:75px;
}

.widget_top_rated_product li img{
position:absolute;
width:60px;
height:60px;
}

.widget_tags li a{
border-color:#555;
}

.widget_tags li a:hover {
color:#eceff3;
border-color:#eceff3;
}

footer .widget{
border:none !important;
margin-bottom:0;
}

.widget_tags ul{
margin-top:30px;
}

footer .widget.widget_tags li a{
border-color:#222;
}

footer .widget_recent_post li {
padding: 0 0 5px 0;
margin:0;
background: none;
border-bottom-color:#222;
}

footer .widget_recent_post li a {
color: #ccc;
}

footer .widget h3{
margin-bottom:20px;
}




/* ================================================== */
/* misc */
/* ================================================== */
a{
color:#fff;
text-decoration:none;
}

a:hover{
color:#fff;
}

.fontsize24{font-size:24px !important;}
.fontsize32{font-size:32px !important;}
.fontsize36{font-size:36px !important;}
.fontsize40{font-size:40px !important;}
.fontsize48{font-size:48px !important;}

.padding30{padding:30px !important;}
.padding40{padding:40px !important;}
.paddingTB{padding:20px 0 !important;}

.de_light a{
color:#888;
}

.de_light a:hover{
color:#555;
}

#services-list{
padding:0;
margin:0;
}

#services-list li a{
color:#fff;
}

.de_light #services-list li a{
color:#999;
}

#services-list li{
font-weight:bold;
list-style:none;
margin:0;
background:rgba(0,0,0,.3);
margin-bottom:10px;
}

.de_light #services-list li{
background:#ddd;

}

#services-list li a{
display:block;
padding:20px;
text-decoration:none;
}

#services-list li a:hover{
color:#111;
}

.pic-services img{
margin-bottom:30px;
}

#services-list li.active a{
color:#111;
}

.project-images img{
margin-bottom:60px;
}

.teaser-text{
font-family:"Dosis";
font-size:14px;
color:rgba(255,255,255,.5);
line-height:normal;
font-weight:300;
text-transform:uppercase;
letter-spacing:6px;
}

.teaser-text h2{
}

#navigation{
position:fixed;
width:100%;
height:60px;
top:0;
right:20px;
text-align:center;
margin-bottom:60px;
z-index:1000;
}

.mfp-close{
color:#fff !important;
position:absolute;
width:100%;
font-size:48px;
margin-top:40px;
z-index:1000;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}

.de_light .mfp-close{
color:rgba(0,0,0,.5) !important;
}

.de_light .mfp-close:hover{
color:rgba(0,0,0,1) !important;
}

.nav-prev:before,.nav-next:before, .nav-exit:before{
	font-family:"FontAwesome";
	content:'\f177';
	color:#fff;
	padding:20px;
	font-size:24px;
	cursor:pointer;
}

.nav-exit:before{
width:100%;
display:block;
}

.nav-next:before{
	content:'\f178';
	width:100%;
	background:#555;
}

.nav-exit:before{
	content:'\f00d';
}

.de_light .nav-exit:before{
color:#222;
}

.container-4 .de-team-list{
width:24.9%;
float:left;
position:relative;
}

.container-3 .de-team-list{
width:33.3%;
float:left;
position:relative;
}

.no-bottom{
margin-bottom:0;
padding-bottom:0;
}

p{
	margin-bottom:20px;
}

p.intro{
	font-size:16px;
	line-height:1.5em;
}

.bg-grey{
	background:#f5f5f5;
}

.no-bottom .col-md-12 {
}

.no-bottom {
padding-bottom: 0 !important;
}
.no-top {
padding-top: 0 !important;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}


#filters a{
	background:none;
}

.bg-side{
position:relative;
overflow:hidden !important;
}

.image-container{
	position:absolute;
	padding:0;
	background-size:cover !important;
}

.image-slider{
	cursor:move;
}

.inner-padding{
	padding:90px 0 90px 0;
}
.inner-side-padding {
	padding: 0 20px;
}

.no-padding,section.no-padding{
padding:0;
}

.float-left {
float: left;
}

#loader-area{
display:none;
background:#fff;
}

#loader-area{
display:none;
background:#111;
}

.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999;
background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.page-overlay {
display:none;
width: 120px;
height: 120px;
background:url(../images/page-loader.gif) center no-repeat #fff;
border-radius:10px;
position: fixed;
top:0;
bottom: 0;
left: 0;
right: 0;
z-index:10000;
margin: auto;
}

.teaser{
font-family:"Raleway",Arial;
font-size:15px;
font-weight:300;
}

.form-control:focus{
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

.owl-arrow{
	position:absolute;
	z-index:100;
	background:#fff;
	margin-top:48%;
	display:none;
	cursor:pointer;
}
.owl-arrow span{
	display:block;
	background:#555;
	position:absolute;
	
}
.owl-arrow .prev{
	left:0;
}
.owl-arrow .next{
	right:0;
}

.owl-arrow .prev:before, .owl-arrow .next:before{
	font-family:"FontAwesome";
	content:'\f177';
	color:#fff;
	padding:20px;
	font-size:32px;
	display:block;
}
.owl-arrow .next:before{
	content:'\f178';
}

.owl-theme .owl-controls .owl-page span{
width:5px !important;
height:5px !important;
}

.owl-pagination{
	margin-top:0px;
}

.text-slider{
	line-height:72px;
	color:#fff;
	font-family:"Dosis";
	font-size:72px;
	text-transform:uppercase;
	font-weight:300;
	display:inline-block;
	letter-spacing:20px;
}

.text-slider.big-text{
	font-size:120px;
	line-height:120px;
	font-weight:bold;
}

.border-deco .text-item{
	display:inline-block;
}

.text-slider.dark{
	color:#222;
}



.text-item i{
	font-size:60px;
	margin-top:5px;
}

.text-slider.big-text i{
	font-size:90px;
	margin-top:15px;
}


.red{color:#ff0000 !important;}
.teal{color:#009999 !important;}
.purple{color:#663366 !important;}
.green{color:#009900 !important;}


.wow{visibility: hidden;}


#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
	outline:none;
	transition: all .3s ease-in-out;
}
#back-to-top:hover {
    background: #B2976D;
}
#back-to-top.show {
    opacity: 1;
}
#back-to-top:before{
	font-family:"FontAwesome";
	font-size:22px;
	content:"\f106";
	color:#222;
	position:relative;
	margin:5px;
}
#back-to-top:hover:before{
	color:#fff;
}

/* ================================================== */
/* quick-search */
/* ================================================== */
.quick-search {
display: inline-block;
float: right;
margin-left: 10px;
padding: 10px 0 0 0;
}

.quick-search input {
width: 120px;
border-radius: 40px;
} 

#search{
float:left;
width:70%;
margin-bottom:0;
}

#btn-search{
border:none;
padding:7px;
background:#222;
float:left;
width:30%;
height:42px;
}

#btn-search:before{
	font-family:FontAwesome;
	content: "\f002";
	font-size:24px;
	color:#111;
}

#btn-search:hover{
background:#fff;
}

/* ================================================== */
/* review */
/* ================================================== */
.de_review {
text-align:center;
min-height:260px;
}

.de_review .de_nav {
overflow: hidden;
padding-left: 0;
margin: 0;
padding: 0;
font-weight:bold;
text-align:center;
}

.de_review .de_nav li {
list-style: none;
background: #EEE;
margin: 0 10px 0 10px;
margin-bottom:20px;
}

.de_review .de_nav li{
display:inline-block;
}

.de_review .de_nav li img{
width:100px;
height:auto;
}

.de_review .de_nav li span {
padding: 8px 16px 8px 16px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
display: block;
background: #f5f5f5;
text-decoration: none;
color: #646464;
font-size: 13px;
cursor: pointer;
}

.de_review blockquote{
border:none;
font-family:"Roboto Slab", Georgia, "Times New Roman", Times, serif;
}

.de_review .de_nav li span {
border: 1px solid #404040;
background:#222;
}

.de_review .de_nav li:first-child span {
border-left: 1px solid #ddd;
}

.de_review .de_nav li:first-child span {
border-left: 1px solid #404040;
}

.de_review .de_review_content {
border: 1px solid #ddd;
padding: 15px 20px 20px 20px;
margin-top: -1px;
background: #fff;
}

.de_review .de_review_content {
border: 1px solid #404040;
background: #27282b;
}

.de_review .de_nav li.active span {
background: #FFF;
border-bottom: 1px solid #fff;
color: #222;
margin-bottom: -3px;
}

.separator {
  line-height: 0.5;
  text-align: center;
  margin:30px 0 30px 0;
}
.separator span {
  display: inline-block;
  position: relative;
}
.separator span:before,
.separator span:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgba(255,255,255,.1);
  top: 5px;
  width: 300px;
}
.separator span:before {
  right: 100%;
  margin-right: 15px;
}
.separator span:after {
  left: 100%;
  margin-left: 15px;
}
.separator span  i{
font-size:6px;
padding:0;
margin:0;
float:none;
}
.de_light .separator span:before,
.de_light .separator span:after {
  border-bottom: 1px solid rgba(0,0,0,.2);
}
.text-light .separator span:before,
.text-light .separator span:after {
  border-bottom: 1px solid rgba(255,255,255,.1);
}

/* My Separator */

.separatorPaw {
  line-height: 0.5;
  text-align: center;
  margin:40px 0 40px 0;
}
.separatorPaw span {
  display: inline-block;
  position: relative;
}
.separatorPaw span:before,
.separatorPaw span:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgba(255,255,255,.1);
  top: 12px;
  width: 300px;
}
.separatorPaw span:before {
  right: 100%;
  margin-right: 15px;
}
.separatorPaw span:after {
  left: 100%;
  margin-left: 15px;
}
.separatorPaw span svg{
width:24px;
height: 24px;
padding:0;
margin:0;
float:none;
}

#section-awards .separatorPaw span:before,
#section-awards .separatorPaw span:after {
  border-bottom: 1px solid #385a75;
}

.page-blog-single .separatorPaw{
    margin: 20px 0;
    overflow: hidden;
}














/* css attributes */

/* margin top */
.mt0{margin-top:0;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}.mt100{margin-top:100px;}

/* margin bottom */
.mb0{margin-bottom:0;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;}

.pt0{padding-top:0;} .pt10{padding-top:10px;} .pt20{padding-top:20px;} .pt30{padding-top:30px;} .pt40{padding-top:40px;} .pt80{padding-top:80px;}
.pb0{padding-bottom:0;} .pb10{padding-bottom:10px;} .pb20{padding-bottom:20px;} .pb30{padding-bottom:30px;} .pb40{padding-bottom:40px;} .pb80{padding-bottom:80px;}


/* margin top */
.mt-10{margin-top:-10px;}.mt-20{margin-top:-20px;}.mt-30{margin-top:-30px;}.mt-40{margin-top:-40px;}.mt-50{margin-top:-50px;}.mt-60{margin-top:-60px;}.mt-70{margin-top:-70px;}.mt-80{margin-top:-80px;}.mt-90{margin-top:-90px;}.mt-100{margin-top:-100px;}
	
.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}
	
.absolute{position:absolute; z-index:1;}
.overflow-hidden{overflow:hidden;}
.width100{width:100%;}

.border1{
border-width:1px !important;
}

.show-on-tablet {display: none;}

/* ================================================== */
/* R E S P O N S I V E */
/* ================================================== */
	@media (min-width:980px) and (max-width: 1199px) {
	
	header #mainmenu a{
	padding-left:5px;
	padding-right:5px;
	}
	
	#mainmenu li a:after{
	margin-left:15px;
    position: relative;
    display: block;
	}
	.show-on-tablet{display: block;}
    header .left > .col {padding-left: 15px;}
    header .right > .col {padding-right: 20px;}
    .pf_full_width.pf_6_cols .item{float:left;width:33.32%;}
	}
    
	/* -------------------------------------------------- 
	design for 768px
	/* ================================================== */
	@media (min-width: 768px) and (max-width: 979px) {
	.slider_text {
	padding-top: 0px;
	}
    .pf_full_width.pf_6_cols .item{
	float:left;
	width:33.32%;
	}
	
	}
	
	
	@media only screen and (max-width: 992px) {

	.call-to-action .container .col-md-12 {margin-bottom: 0;}
	.pf_full_width .item{
		float:left;
		width:49.9% !important;
	}

	.inner-side-padding {padding: 0;}
	#logo img {margin-bottom: 10px;}
    .subfooter{
	padding:30px 0 60px 0;
	}
    header div#logo {display: block;margin: 0 auto;width: 100%;}
        	
	#menu-btn{
	line-height: 24px;
	display:block;
	/*position:relative;
	float:right;*/
    position: absolute;
    top: 5px;
    right: 5px;
	}
	
	
	header{
	display:none;
	}
	
	header .info{
	display:none !important;
	}
	
	header.header-bg{
	background: #161E28;
	}
	
	header,header.fixed {
	display:block;
	position:inherit;
	margin:0;
	padding:0;
	margin-top:0;
	height:auto;
	background:#000000;
	padding:15px 0 15px 0;

	}
	
	#de-sidebar{
		position:absolute !important;
		width:100%;
		right:1px;
	}
	
	
	header.side-header,
	.de_light header.side-header{
	position:absolute !important;
	display:block;
	height:60px;
	top:0;
	background:#000;
	}
	
	header.side-header #mainmenu{
	position:absolute;
	background:#000;
	margin:0;
	top:60px;
	left:0;
	width:100%;
	}
	
	header.side-header div#logo .logo{
	display:none;
	}
	
	header.side-header #logo .logo-2{
	display:inline-block;
	position:absolute;
	height:30px;
	top:15px;
	left:40px;
	}
	
	header.side-header #menu-btn{
	position:absolute;
	top:8px;
	right:30px;
	height:0;
	z-index:2000;
	height:35px;
	}
	
	
	header.side-header #mainmenu li{
	display:block;
	}
	
	header.side-header #mainmenu a,
	.de_light.de-navbar-left header #mainmenu > li > a{
	display:block;
	text-align:center;
	color:#fff;
	}
	
	.de_light.de-navbar-left header #mainmenu > li{
	border-bottom:solid 1px rgba(255,255,255,.1);
	}
	
	header.side-header #mainmenu a:hover{
	background:none !important;
	}
	
	header.side-header #mainmenu a:hover{
	background:none !important;
	}
	
	header.side-header .social-icons-2{
	display:none;
	}
	
	header.autoshow{
	height:auto !important;
	}
	
	header.autoshow #mainmenu li a{
	display:block;
	background:none !important;
	}
	
	#subheader,.de-navbar-left  #subheader{
		padding:0;
		margin:0;
	}
	#subheader h1{
		margin:45px auto;
		text-align: center;
		float: none;
		padding: 0;
	}
	#subheader span{
	display:none;
	}
	#subheader .crumb{
	display:none;
	}
	
	.de-navbar-left  #subheader{
	padding-top:70px;
	}
	
	.slider_text h1 {
	font-size: 32px;
	}
	
	.slider_text .description {
	display: none;
	}
	div#logo{
	margin-top:-15px;
	}
	#logo, #logo .inner {
	 vertical-align:middle;
	 height:auto;
	}
	
	#domain-check .text, #domain-check .button {
	width: 100%;
	}
	
	.container-4 .de-team-list{
	width:49.9%;
	float:left;
	position:relative;
	}
	
	#testimonial-full blockquote {
	padding: 20px;
	}
	
	#revolution-slider{
		position: relative;
	}
	
	nav{
	width:100%;
	}
	
	#mainmenu{
	display:none;
	float:none;
	z-index:200;
	width:100%;
	margin:0;
	padding:0;
	}
	
	#mainmenu a{
	text-align:left;
	padding-top:10px !important;
	padding-bottom:10px !important;
	}
	
	#mainmenu a:hover{
	background:#111 !important;
	}
	
	
	#mainmenu li ul{
	display:block;
	position:inherit;
	margin:0;
	width:100%;
	}
	
	#mainmenu li{
	border-bottom:solid 1px #333;
	margin:0;
	width:100%;
	display:block;
	letter-spacing:3px;
	}
	
	#mainmenu li a:after{
	display:none;
	}
	
	#mainmenu li:last-child{
	margin-bottom:30px;
	}
	
	#mainmenu li ul{
	border-top:solid 1px #333;
	top:auto;
	}
	
	#mainmenu li ul a{
	width:100%;
	background:none;
	border:none;
	}
	
	#mainmenu li ul li{
	border:none;
	padding-left: 40px !important;
	}
	
	#mainmenu li ul li a{
	display:block;
	border-left:solid 1px #333;
	}
	
	#mainmenu li ul li:last-child{
	border-bottom:none;
	margin:0;
	}
	
	#mainmenu li ul li:last-child a{
	border-bottom:none;
	}
	#mainmenu li a{
	color:#eceff3;
	}
	
	#mainmenu  li li a{
	font-size:10px;
	}
	
	#mainmenu  li li a:hover{
	color:#fff;
	}
	
	
	header.header-mobile #mainmenu{
	display:none;
	float:none;
	z-index:200;
	width:100%;
	margin:0;
	padding:0;
	}
	
	header.header-mobile #mainmenu a{
	text-align:center;
	padding-top:10px !important;
	padding-bottom:10px !important;
	}
	
	header.header-mobile #mainmenu a:hover{
	background:none !important;
	}
	
	
	header.header-mobile #mainmenu li ul{
	display:block;
	position:inherit;
	margin:0;
	width:100%;
	}
	
	header.header-mobile #mainmenu li{
	border-bottom:solid 1px #333;
	margin:0;
	width:100%;
	display:block;
	letter-spacing:3px;
	}
	
	header.header-mobile #mainmenu li a:after{
	display:none;
	}
	
	header.header-mobile #mainmenu li:last-child{
	margin-bottom:30px;
	}
	
	header.header-mobile #mainmenu li ul{
	border-top:none;
	top:auto;
	}
	
	header.header-mobile #mainmenu li ul a{
	width:100%;
	background:none;
	border:none;
	}
	
	header.header-mobile #mainmenu li ul li{
	border:none;
	padding-left: 0px !important;
	}
	
	header #mainmenu li ul li:first-child{
	border-top:solid 1px #333;
	}
	
	header.header-mobile #mainmenu li ul li a{
	display:block;
	border-left:solid 0px #333;
	border-bottom:solid 1px #333;
	}
	
	header.header-mobile #mainmenu li ul li:last-child{
	border-bottom:none;
	margin:0;
	}
	
	header.header-mobile #mainmenu li ul li:last-child a{
	border-bottom:none;
	}
	
	header.header-mobile #mainmenu li a{
	color:#eceff3;
    padding-left: 0;
	}
	
	header.header-mobile #mainmenu  li li a{
	font-size:10px;
	}
	
	header.header-mobile #mainmenu  li li a:hover{
	color:#fff;
	}
	
	header.header-mobile #mainmenu > li > ul, 
	header.header-mobile #mainmenu > li > ul > li > ul{
	height:0;
	overflow:hidden;
	position:relative;
	}
	
	header.header-mobile #mainmenu > li > span{
		width:36px;
		height:36px;
		background:url(../images/ui/arrow-down.png) center no-repeat;
		position:absolute;
		right:0;
		margin-top:10px;
		z-index:1000;
		cursor:pointer;
	}
	
	header.header-mobile #mainmenu > li > span.active{
		background:url(../images/ui/arrow-up.png) center no-repeat;
	}
	
	header.header-mobile #mainmenu > li > ul > li > span{
		width:36px;
		height:36px;
		background:url(../images/ui/arrow-down.png) center no-repeat;
		position:absolute;
		right:0;
		margin-top:10px;
		z-index:1000;
		cursor:pointer;
	}
	
	header.header-mobile #mainmenu > li > ul > li > span.active{
		background:url(../images/ui/arrow-up.png) center no-repeat;
	}
	
	.de_tab.tab_steps  .de_nav{
	text-align:center;
	}
	
	.de_tab.tab_steps .de_nav li{
	display:block;
	margin:0;
	padding:0;
	}
	
	.de_tab.tab_steps .de_nav li span{
	margin:0;
	margin-bottom:40px;
	display:inline-block;
	}
	
	.de_tab.tab_steps .de_nav li .v-border{
	border:none;
	}
	
	.container .col-md-3{ margin-bottom:30px; }
	.container .col-md-4{ margin-bottom:30px; }
	.container .col-md-5{ margin-bottom:30px; }
	.container .col-md-6{ margin-bottom:30px; }
	.container .col-md-7{ margin-bottom:30px; }
	.container .col-md-8{ margin-bottom:30px; }
	.container .col-md-9{ margin-bottom:30px; }
	.container .col-md-10{ margin-bottom:30px; }
	.container .col-md-11{ margin-bottom:30px; }
	.container .col-md-12{ margin-bottom:30px; }
	
	.hidden-phone{
		display:none;
	}

	.grid_gallery .item{
	width:100%;
	}
	
	.de-navbar-left #wrapper{
	overflow:hidden;
	width:100%;
	}
	
	.de-navbar-left .inner-padding{
	padding:30px;
	}
	
	.de-navbar-left header #mainmenu > li > a {
	padding-left:40px;
	}
	
	.side-bg .image-container{ 
	position:relative; 
	width:100%; 
	height:400px !important; 
	top:0;
	}
	
	}


	/* -------------------------------------------------- 
	custom for 320px & 480px 
	/* -------------------------------------------------- */
	@media only screen and (max-width: 767px) {
	.container{padding-left:30px; padding-right:30px;}
	.feature-box-image,.pricing-box{margin-bottom:30px;}
	
	.de_tab .de_nav li {
	display: block;
	width: 100%;
	}
	
	.pf_full_width .item{
	float:left;
	width:49.9% !important;
	}

	.text-item{
	font-size:48px;
	line-height:48px;
	}
	
	.text-item i{
	font-size:36px;
	}
	
	#de-sidebar{
	width:100%;
	display:block;
	position:relative;	
	}	
		
	.pricing-2-col .pricing-box, .pricing-3-col .pricing-box, .pricing-4-col .pricing-box, .pricing-5-col .pricing-box {
	width: 100%;
	}
	
	.container-4 .de-team-list{
	width:100%;
	float:left;
	position:relative;
	}
	
	.countdown-section {
	font-size: 12px;
	}
	.countdown-amount {
		font-size: 36px;
	}
	
	.de-navbar-left section,
	.de-navbar-left footer{
	padding-left:20px;
	padding-right:20px;
	}
	
	.de-navbar-left header #mainmenu > li > a {
	padding-left:40px;
	}
	
	.de-navbar-left .inner-padding{
	padding:0px;
	}
	   
    
	}
	
	
	/* -------------------------------------------------- 
	design for 480px
	/* -------------------------------------------------- */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container{padding-left:30px; padding-right:30px;}
	.feature-box-image,.pricing-box{margin-bottom:30px;}
	
	}
	
	
	/* -------------------------------------------------- 
	design for 320px
	/* -------------------------------------------------- */
	@media only screen and (max-width: 480px) {
	.pf_full_width .item{
	float:left;
	width:100% !important;
	}
	
	.text-item{
	font-size:32px;
	line-height:32px;
	}
	
	.text-item i{
	font-size:24px;
	}
	}

/* Portfolio Items Styling  */

.item {
	position: relative;
	/*margin: 0 auto;*/
	/*padding: 1em 0 4em;*/
	max-width: 2000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.item figure {
	position: relative;
	float: left;
	overflow: hidden;
	/*margin: 10px 1%;*/
	background: #000;
	text-align: center;
	cursor: pointer;
    width: 99.99%;
}

.item figure img {
	position: relative;
	display: block;
	/*min-height: 100%;*/
	max-width: 100%;
	opacity: 0.8;
}

.item figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	/*-webkit-backface-visibility: hidden;
	backface-visibility: hidden;*/
}

.item figure figcaption::before,
.item figure figcaption::after {
	pointer-events: none;
}

.item figure figcaption,
.item figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.item figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.item figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.item figure h2 span {
	font-weight: 800;
}

.item figure h2,
.item figure p {
	margin: 0;
}

.item figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*****************/
/* Baki */
/****************/
figure.effect-baki {
	background: #030c17;
}

figure.effect-baki img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-baki h2 {
    position: absolute;
    bottom: 0;
    right: 20px;
    padding: 10px;
    margin-bottom:20px;
	-webkit-transition: -webkit-transform 0.35s, color .35s, padding-top .35s;
	transition: transform 0.35s, color .35s, padding-top .35s;
    font-family: 'Montserrat',Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 14px;
    /*text-transform: uppercase;*/
    color: #FEE2B5;
    letter-spacing: 0.3px;
    word-spacing: 1px;
}

figure.effect-baki h2.first {
    -webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
    opacity: 1;

    background: rgba(0,0,0,0.45);
}
figure.effect-baki:hover h2.first {
    -webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
    opacity: 0;
}
figure.effect-baki h2.second {
    -webkit-transition: all 0.5s;
	transition: all 0.5s;
    opacity: 0;
    -webkit-transform: translateX(120px);
    transform: translateX(120px);
    background: rgba(0,0,0,0.45);
}
figure.effect-baki:hover h2.second {
    -webkit-transition: all 0.5s;
	transition: all 0.5s;
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

figure.effect-baki:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-baki:hover img {
	opacity: 0.65;
}

/*****************/
/* Baki 2 */
/****************/
figure.effect-baki2 {
	background: #030c17;
}

figure.effect-baki2 img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

/*figure.effect-baki figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}*/
figure.effect-baki2 h2.bg {
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    padding: 20px 20px 20px 0;
    background: rgba(237,200,145,.35);
    font-family: 'PT Sans', sans-serif;
    font-weight: 100;
    font-size: 22px;
    text-indent: -99999px;
    transition: all .35s;
}

figure.effect-baki2:hover h2.bg {
    background: rgba(237,200,145,.25);;
}

figure.effect-baki2 h2.first {
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    padding: 20px 20px 20px 0;
    text-align: right;
    /*background: rgba(237,200,145,.35);*/
    -moz-transition: opacity .45s;
	-webkit-transition: opacity .45s;
	transition: opacity .45s;
    font-family: 'PT Sans', sans-serif;
    font-weight: 100;
    font-size: 22px;
    color: rgb(237,200,145);
    text-shadow: 3px 3px 35px #ECC791;
    letter-spacing: 0;
    opacity: 1;
}

figure.effect-baki2:hover h2.first {
    opacity: 0;
}

figure.effect-baki2 h2.second {
    position: absolute;
    bottom: 0;
    right: 0; left: 0;
    padding: 20px 20px 20px 0;
    text-align: right;
    /*background: rgba(237,200,145,.35);*/
	-moz-transition: opacity .55s, color .55s, transform .55s;
    -webkit-transition: opacity .55s, color .55s, transform .55s;
	transition: opacity .55s, color .55s, transform .55s;
    -moz-transition-delay: 0.55s 0.75s 0.5s;
    -webkit-transition-delay: 0.55s 0.75s 0.5s;
    transition-delay: 0.55s 0.75s 0.5s;
    font-family: 'PT Sans', sans-serif;
    font-weight: 100;
    font-size: 22px;
    color: #FEE2B5;
    text-shadow: 3px 3px 35px #ECC791;
    letter-spacing: 0;
    opacity: 0;
    transform: translateX(325px);
}

figure.effect-baki2:hover h2.second {
    opacity: 1;
    color: #FEE2B5;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

figure.effect-baki2 .baki-wrapper {}

figure.effect-baki2 span {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px 20px 20px 0;
    font-family: 'PT Sans', sans-serif;
    font-weight: 100;
    font-size: 22px;
    -webkit-transition: all .35s;
	transition: all .35s;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 0;
    text-transform: none;
}


/*figure.effect-baki:hover figcaption::before,*/
figure.effect-baki2:hover span {
	opacity: 1;
    color: #fff;
	-webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}

/*figure.effect-baki:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-baki:hover img {
	opacity: 0.65;
}*/

/*----------------------*/
/***** Below Slider *****/
/*---------------------*/


figure.effect-slider {
	background: rgba(0,0,0,0.8);/*030c17*/
}

figure.effect-slider img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-slider figcaption::before {
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	border: 2px solid #EDC891;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}

figure.effect-slider h2 {
	margin: 10% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-slider p {
	padding: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

/*figure.effect-slider:hover h2 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

figure.effect-slider:hover figcaption::before,
figure.effect-slider:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-slider:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-slider:hover img {
	opacity: 1;
}*/
/*-----------------------------------------*/

.outer-wrapper {
width: 700px;
height: 400px;
display: block;
position: relative;
background: rgba(51,78,105,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(51,78,105,1) 0%, rgba(34,52,74,0.88) 47%, rgba(16,28,44,0.75) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(51,78,105,1)), color-stop(47%, rgba(34,52,74,0.88)), color-stop(100%, rgba(16,28,44,0.75)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(51,78,105,1) 0%, rgba(34,52,74,0.88) 47%, rgba(16,28,44,0.75) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(51,78,105,1) 0%, rgba(34,52,74,0.88) 47%, rgba(16,28,44,0.75) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(51,78,105,1) 0%, rgba(34,52,74,0.88) 47%, rgba(16,28,44,0.75) 100%);
background: radial-gradient(ellipse at center, rgba(51,78,105,1) 0%, rgba(34,52,74,0.88) 47%, rgba(16,28,44,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#334e69', endColorstr='#101c2c', GradientType=1 );
}

/*-----------------------------------------------*/
.about-wrapper {background-color: rgba(0,0,0,0.45); border-radius: 4px; margin-top: 100px; padding: 25px;}
.my-wrapper {position: relative;padding: 30px;background: rgba(0,0,0,.5);border-radius: 8px;}

.read-more {
    bottom: 15px;
    color: inherit;
    display: block;
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    text-decoration: none;
    text-indent: 120%;
    white-space: nowrap;
    width: 30px;
    z-index: 1;
}
.read-more::after {
    content: "+";
    font: 30px/30px "symbols";
    position: absolute;
    right: 0;
    text-indent: 0;
    top: 0;
}



/* Slider Arrow Styles*/
/* SVG wrap */
.svg-wrap {
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

/*--------------------*/
/* Rounded slide */
/*--------------------*/
.color-4 { background-color: #566473; }

.nav-roundslide a {
	margin: 0 20px;
	padding: 15px;
	width: 62px;
	height: 62px;
	border-radius: 40px;
	background: #34495e;
	-webkit-transition: width 0.3s, background-color 0.3s;
	transition: width 0.3s, background-color 0.3s;
}

.nav-roundslide .icon-wrap {
	position: absolute;
	width: 32px;
}

.nav-roundslide a.prev .icon-wrap {
	left: 15px;
}

.nav-roundslide a.next .icon-wrap {
	right: 15px;
}

.nav-roundslide svg.icon {
	fill: #566473;
}

.nav-roundslide h3 {
	position: absolute;
	top: 0;
	margin: 0;
	color: #566473;
	text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 0.85em;
	line-height: 4.45;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.nav-roundslide a.prev h3 {
	right: 20px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.nav-roundslide a.next h3 {
	left: 20px;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.nav-roundslide a:hover {
	width: 200px;
	background: #fff;
}

.nav-roundslide a:hover h3 {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* Google Map Costomizing */
#infoContent {background: #EDC891;}




/*-------------------------------------------------------*/
/* Process Circles */
/*
@media screen and (min-width:1200px) {
.circle-tabs {display: block;}
.flip-wrapper {display: none;}
}
@media screen and (max-width:1199px) {
.circle-tabs {display: none;}
.flip-wrapper {display: block;}
}
*/

/*-------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------- */
/* footer map and pin animation */
.footer-map {width: 280px; height: 280px; background-repeat: no-repeat; margin: 15px 0 0 50px;}

.margate-pulse {
  -webkit-animation: pulsing 10s ease-out;
  -moz-animation: pulsing 10s ease-out;
  -o-animation: pulsing 10s ease-out;
  -ms-animation: pulsing 10s ease-out;
  animation: pulsing 10s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -o-animation-delay: 5s;
  -ms-animation-delay: 5s;
  animation-delay: 5s;
}

.margate-pulse-active {
  -webkit-animation: pulsing 5s ease-out;
  -moz-animation: pulsing 5s ease-out;
  -o-animation: pulsing 5s ease-out;
  -ms-animation: pulsing 5s ease-out;
  animation: pulsing 5s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
}

.avalon-pulse {
  -webkit-animation: pulsing 10s ease-out;
  -moz-animation: pulsing 10s ease-out;
  -o-animation: pulsing 10s ease-out;
  -ms-animation: pulsing 10s ease-out;
  animation: pulsing 10s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -o-animation-delay: 10s;
  -ms-animation-delay: 10s;
  animation-delay: 10s;
}

.avalon-pulse-active {
  -webkit-animation: pulsing 5s ease-out;
  -moz-animation: pulsing 5s ease-out;
  -o-animation: pulsing 5s ease-out;
  -ms-animation: pulsing 5s ease-out;
  animation: pulsing 5s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
}

@-moz-keyframes pulsing {
  35% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  65% {
    -webkit-transform: scale(7, 7);
    -moz-transform: scale(7, 7);
    -o-transform: scale(7, 7);
    -ms-transform: scale(7, 7);
    transform: scale(7, 7);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
   100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

@-webkit-keyframes pulsing {
  35% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  65% {
    -webkit-transform: scale(7, 7);
    -moz-transform: scale(7, 7);
    -o-transform: scale(7, 7);
    -ms-transform: scale(7, 7);
    transform: scale(7, 7);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
   100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

@-o-keyframes pulsing {
  35% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  65% {
    -webkit-transform: scale(7, 7);
    -moz-transform: scale(7, 7);
    -o-transform: scale(7, 7);
    -ms-transform: scale(7, 7);
    transform: scale(7, 7);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
   100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

@keyframes pulsing {
  35% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  65% {
    -webkit-transform: scale(7, 7);
    -moz-transform: scale(7, 7);
    -o-transform: scale(7, 7);
    -ms-transform: scale(7, 7);
    transform: scale(7, 7);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
   100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@media screen and (max-width:992px){
#back-to-top {right: 0; left: 20px; bottom: 20px;}
}
#margate, #avalon {text-decoration: none; color: inherit;}
/* end of footer map and pin animation */



@media screen and (min-width:1200px) {
    #desktop {display: block;}
    #tablet {display: none;}
}
@media screen and (max-width:1199px){
    #desktop {display: none;}
    #tablet {display: block;}
}

/* Circles Accordion */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
    margin: 0px auto;
	padding: 110px 50px;
    width: 250px;
    height: 250px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0,0,0,.25);
    /*font-size: 18px;*/
    transition: all 1.5s;
    border: 1px solid #ffffff;
    color: #fff;
    text-align: center;
    line-height: 26px;
}
.ui-accordion .ui-accordion-header-collapsed{
    margin-top: 15px;
    margin-bottom: 15px;
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active{
    background: rgba(0,0,0,.25);
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -o-border-radius: 0%;
    border-radius: 0%;
    padding: 10px 20px 0;
    height: 45px;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    border-color: #fff;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    color: #EDC891;
    transition: all 1.5s;
}
.ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-header-active.ui-state-active.ui-accordion-icons.ui-state-focus{
    border-color: #fff;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
}
.ui-state-focus { outline: none; }
.ui-accordion .ui-accordion-content {
	padding: 10px 15px;
    border-color: #fff;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
	overflow: auto;
    background: rgba(0,0,0,.25);
}
.ui-accordion .ui-accordion-content p {margin-bottom: 5px;}
@media screen and (min-width:768px) and (max-width: 1200px) {.half {width: 48%; margin-right: 1%; display: inline-block; vertical-align: top; margin-bottom: 1%;}}
@media screen and (max-width: 767px) {.half {width: 100%; display: inline-block; vertical-align: top; margin-bottom: 1%;}}
/* end of Circles Accordion */

/* Prepravka Headera */
header {height: 133px;}
header.transparent.header-mobile {height: auto;}

#mainmenu li a {line-height: 75px;}
.transparent.smaller #mainmenu li a {line-height: 35px;}
@media screen and (max-width: 992px) {
    #mainmenu li a {line-height: 40px;}
    #mainmenu li li a {line-height: 40px;}
    footer .widget {margin: 0 auto; width: 275px;}
    .logo-small {margin: 0 auto 10px; display: block;}
    footer h3 {text-align: center;}
}

/* Section #Steps */
@media screen and (min-width: 1200px){
#section-steps {min-height: 690px;}
}

iframe {border: 0px solid transparent; width: 100%;}
.contact-info {padding-bottom: 50px;}

/* Footer Houzz */
.houzz {display: block; margin: 0 auto 25px;; width: 300px;}
.houzz a {padding-left: 10px;}
.houzz img {width: 80px;}
.read-m {color: #EDC891 !important; transition: color .3s;}
.read-m:hover {text-decoration: underline; color: #fff !important;}

.inner-desc-padding {
    padding: 30px 0 10px;
    margin-left: 10px;
}


/* Team Styling  team1.html*/
section.paddingTB h2 {margin: 10px 0 0; display: block;}
section.paddingTB h4 {display: inline-block; font-family: 'Dancing Script', cursive; font-size: 24px; margin: 0px 0 15px 0;  }
section.paddingTB h4:after {content: "";padding-bottom: 15px; border-bottom: 2px solid #EDC891; display: block;}
.h-line {border-bottom: 1px solid #EDC891; width: 80%;margin: 20px auto; display: block; position: relative; height: 100%;}
team-desc h4 {font-family: 'Open Sans', sans-serif; margin: 5px 0;}
/*#team-member-1 img, #team-member-2 img, #team-member-3 img, #team-member-4 img {width: 300px;}*/


/* Team Styling  team2.html*/
/*--------------------------------------------------------------------------*/
/*	TEAM MEMBERs 2
/*--------------------------------------------------------------------------*/
#section-team .img-wrp,
#section-team-a .img-wrp,
#section-team-b .img-wrp {
    position: relative;
}
.member-role {
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
	clear:both;
}

.member-role h1 {
	line-height:1;
	margin-bottom:0px;
	display:inline-block;
}
.member-role h4 {
	line-height:1;
	font-size:26px;
}

.team-member {
	display:inline-block;
	text-align: center;
    width: 25%;
	margin-left:-4px;
}
.team-member.team-one {
	width: 80%;	
}
.team-member.team-two {
	width: 50%;	
}
.team-member.team-four {
	width: 25%;	
}
.team-member.team-five {
	width: 20%;	
}
.team-member .team-thumb {
	line-height: 0;
}
.team-member .team-thumb img {
	width: 100%;
	height: auto;
}
.team-member .team-desc {
	padding: 10px;
	font-size: 14px;
	margin-left: 0px;
	border: 1px solid #e8e8e8;
	border-top: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background:#ffffff;	
    
}
.team-member:hover .team-desc {
	background:#ECC791;
	color:#ffffff;
}
.team-member .team-desc h4 {
	margin-bottom: 5px;
	font-size: 16px;
    color: #1B222C;
}
.team-member:hover .team-desc h4 {
	color:#ffffff;
}
.team-member .team-desc h5 span {
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}
.team-member .team-desc a {
	font-weight: normal;
	display: block;
	font-size: 13px;
	margin-top: 0px;
}
.team-member .team-desc a span i {
	color: #3CF;
	margin-right: 5px;
}
/*--------------------------------------------------------------------*/
/*	MODAL POPUP SHORTCODE
/*--------------------------------------------------------------------*/
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background: white;
	background-color: rgba(255,255,255,0.98);
}
.modal {
	position: fixed;
	top: 10%;
	left: 0;
	z-index: 1050;
	width: 100%;
	overflow: auto;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: none;
	text-align:left;
}


.modal .close {
	float: right;
	font-size: 24px;
	font-weight: bold;
	line-height: 18px;
	color: #ffffff;
	background:#ffd600;
	width:40px;
	height:40px;
	line-height:40px;
	-webkit-border-radius:50%;
	-mox-border-radius:50%;
	border-radius:50%;
	margin: 0px 0 -40px;
	text-align:center;
	z-index:1000;
	
}

.member-bio {
	overflow-y:auto;
	text-align:center;
}

.member-bio .member-description {
	text-align:left;
}


/* MODAL CSS3 ANIMATIONS */
.loaded .animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .6s;
	-moz-animation-duration: .6s;
	-ms-animation-duration: .6s;
	-o-animation-duration: .6s;
	animation-duration: .6s;
}
 @-webkit-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: .95;
}
}
@-o-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: .95;
}
}
@keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: .95;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.columns .img-wrp {
	position: relative;
}
.img-wrp img {
	display: block;
}
.overlay-content {
	opacity: 0;
	filter: alpha(opacity=0);
	top: 30%;
}
.team-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	height: 100%;
	width: 100%;
}
.team-overlay .img-overlay {
	opacity: 0.8;
	filter: alpha(opacity=80);
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.img-overlay {
	background: #ffffff;
}
.overlay-content {
	text-align: center;
	position: absolute;
	top: 20%;
	width: 100%;
	z-index: 10;
	color:inherit;
	font-size:16px;
	font-family:'Oswald', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}

.overlay-content h4 {
	line-height:1.4;
    color: #1B222C;
}

.overlay-content a {
	color:inherit;
	line-height:1 !important;
}

.view-profile {
	padding:4px 10px;
	background:#ECC791;
	margin-top:4px;
	color:#ffffff !important;
}

.profile-popup {
  position: relative;
  background: rgb(22,30,40);
  padding: 20px;
  width: auto;
  /*max-width: 500px;*/
  margin: 20px auto;
}




.profile-popup .mfp-close {margin-top: 10px;}
.profile-popup h2 {padding: 0; margin: 0px; font-size: 34px; color: #EDC891;}
.profile-popup h4 {
    font-family: 'Arizonia', cursive;
    font-weight: normal;
    font-size: 26px;
    line-height: 23px;
    margin: 5px 0 23px 0;
    }
.profile-popup .line-divider {padding-bottom: 15px;; border-top: 1px solid #293646; display: block; margin: 0 30px;}
.profile-popup .line-divider2 {padding-bottom: 15px;; border-top: 1px solid #293646; margin: 0;}
.profile-popup .line-divider3 {display: none;}
.profile-popup p.line {padding-left: 20px; margin-left: -15px; border-left: 1px solid #293646; }
.profile-popup p.line2 {padding-left: 20px; margin-left: -15px; border-left: 1px solid #EDC891;}
.profile-popup img {border-radius: 2px;}
.profile-popup img:hover {}

.profile-popup .popup-headline-wrapper{padding: 0 30px; text-align: left;}
.profile-popup .mfp-close {width: 20px; text-align: right;}


.profile-popup .text-wrap {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 100px; /* Chrome, Safari, Opera */
    -moz-column-gap: 100px; /* Firefox */
    column-gap: 100px;
    -webkit-column-rule: 1px solid #293646; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid #293646; /* Firefox */
    column-rule: 1px solid #293646;
    -webkit-column-width: 50%; /* Chrome, Safari, Opera */
    -moz-column-width: 50%; /* Firefox */
    column-width: 50%;
    -moz-column-fill: inherit; /* Firefox */
    column-fill: inherit;
    padding: 0 30px;
    text-indent: 30px;
}
.profile-popup .second-p {padding: 0 30px; margin-top: 0;}

@media screen and (min-width:768px) and (max-width:990px){
.profile-popup .line-divider {display: none;}
.profile-popup .line-divider2 {padding-bottom: 0px;; border-top: 1px solid #293646; margin: 0 0 -10px;}
.profile-popup .line-divider3 {padding-bottom: 0px;; border-top: 1px solid #293646; margin: 0; display: block; margin: 0 10px -10px;}
.profile-popup .popup-headline-wrapper, .profile-popup .second-p {padding: 0 10px;}
.profile-popup .second-p {margin-top: 0px;}
.profile-popup .text-wrap {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    padding: 0 10px;
}
.profile-popup .mfp-close {width: 20px; text-align: right; margin-right: 25px; margin-top: 0;}
}

@media screen and (max-width:767px) {
.profile-popup .line-divider {display: none;}
.profile-popup .line-divider2 {padding-bottom: 0px;; border-top: 1px solid #293646; margin: 0 0 -10px;}
.profile-popup .line-divider3 {padding-bottom: 0px;; border-top: 1px solid #293646; margin: 0; display: block; margin: 0px;}
.profile-popup .popup-headline-wrapper, .profile-popup .second-p {padding: 0;}
.profile-popup .second-p {margin-top: -10px;}
.profile-popup .text-wrap {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    padding: 0;
}
.profile-popup .mfp-close {width: 20px; text-align: right; margin-right: 25px; margin-top: 0;}
.mfp-close.x-mob {display: inline-block; margin: 0; position: relative; text-align: center;width: 100%;}
.popup-headline-wrapper .mfp-close {display: none;}
}
@media screen and (min-width:768px) {
.mfp-close.x-mob {display: none;}
.popup-headline-wrapper .mfp-close {display: inline-block;}
}
#section-skill-bar {text-align: center;}


/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.subfooter .breakPoint {display: inline-block;}
.subfooter a {color: #FEE2B5 !important; text-decoration: none;}
.subfooter a:hover {color: #fff !important;}

@media only screen and (min-width: 768px) and (max-width: 959px) {

.team-member {
	width:50%;
	float:none;
	/*margin-bottom:40px;*/
}

}
@media only screen and (max-width: 767px) {

.team-member {
	width:100%;
	float:none;
	margin-bottom:40px;
}
.subfooter .breakPoint {display: block;}

}

/*--------------------------------------------------------------------*/
/*	Team 3
/*--------------------------------------------------------------------*/
.about-team {
    margin-bottom: 0px;
    background: #FFF;
    padding-bottom: 0px
}
.about-team,
.team-social {
    width: 100%;
    text-align: center;
    float: left
}
.gray-background .about-team,
.grey-background .about-team {
    margin-bottom: 50px
}

.gray-background .about-team:hover,
.gray-background .client-testimonials-wrap:hover,
.grey-background .about-team:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.team-image {
    margin-bottom: 0px;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
}

.team-image img {
    float: left;
    width: 100%;
    height: auto
}

.team-name {
    float: left;
    width: 100%
}

.team-name h5 {
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin-top: 0
}

.team-name h5 a {
    color: #EDC891;
}

.team-name span {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block
}

.team-social, .team-profile {
    margin: 0 0 10px
}

.team-social a {
    display: inline-block;
    margin: 0 1px;
    padding: 10px 0;
    width: 34px;
    height: 34px;
    text-align: center;
    font-size: 12px;
    color: #ccc;
    line-height: 1;
    border: 1px solid #ededed
}

.team-profile a {
    display: inline-block;
    margin: 0 1px;
    padding: 10px 0;
    text-align: center;
    color: #ccc;
    line-height: 1;
}

.team-3 .team-social,
.team-3a .team-social,
.team-3b .team-social,
.team-3c .team-social,
.team-3d .team-social,
.team-4 .team-social,
.team-5 .team-social {
    padding: 20px 0;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0
}

.about-team.team-2 .team-name h5,
.about-team.team-3 .team-name h5,
.about-team.team-3a .team-name h5,
.about-team.team-3b .team-name h5,
.about-team.team-3c .team-name h5,
.about-team.team-3d .team-name h5,
.about-team.team-4 .team-name h5,
.about-team.team-5 .team-name h5 {
    margin-top: 10px
}

.about-team.team-6 .team-name h5 a,
.about-team.team-7 .team-name h5 a,
.about-team.team-8 .team-name h5 a,
.about-team.team-9 .team-name h5 a {
    color: #fff
}

.about-team.team-8 .team-name h5 a:hover,
.about-team.team-9 .team-name h5 a:hover {
    color: #fff!important
}

.team-2 .team-social,
.team-6 .team-social,
.team-7 .team-social,
.team-6 .team-profile {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 110;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.team-2 .team-social a,
.team-6 .team-social a,
.team-7 .team-social a,
.team-6 .team-profile a {
    /*border: 1px solid #fff;
    background: #fff;*/
    color: #fff;
}

.team-3 .team-profile{
    position: absolute;
    text-align: center;
    background: rgba(0,0,0,.45);/*236,199,145,.35*/
    bottom: 55px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    margin: 0 4px 10px;
}
.team-3:hover .team-profile{
    opacity: 1;
}
.team-3 .team-profile a {color: #fff;}
.team-3 .team-name span {color: rgba(29,52,74,.65);}
.team-3 .team-image img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    border: 4px solid #fff;
}
.team-3:hover .team-image img {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}

/* Team v5*/
.team-3a .team-profile{
    position: absolute;
    text-align: center;
    background: rgba(0,0,0,.45);/*236,199,145,.35*/
    bottom: 55px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    margin: 0 4px 10px;
}
.team-3a:hover .team-profile{
    opacity: 1;
}
.team-3a .team-profile a {color: #fff;}
.team-3a .team-name span {color: rgba(29,52,74,.65);}
.team-3a .team-image img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-filter: sepia(.75) blur(1px); 
    filter: sepia(.75) blur(1px);
    border: 4px solid #fff;
}
.team-3a:hover .team-image img {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}
/*end of test*/

/* Team v6*/
.team-3c .team-image {
    border: 4px solid #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.team-3c:hover .team-image {
    border: 4px solid rgb(74,111,125);
}
.team-3c .team-profile{
    position: absolute;
    text-align: center;
    background: rgba(0,0,0,.45);/*236,199,145,.35*/
    bottom: 55px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    margin: 0 0 6px;
}
.team-3c:hover .team-profile{
    opacity: 1;
}
.team-3c .team-profile a {color: #fff;}
.team-3c .team-name span {
    color: rgba(29,52,74,.65);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.team-3c:hover .team-name span {
    color: rgba(255,255,255,.65);
}
.team-3c .team-image img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-filter: sepia(.75) blur(1px);
    filter: sepia(.75) blur(1px);
}
.team-3c:hover .team-image img {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}
.team-3c .team-name {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    background: rgb(255,255,255);
}
.team-3c:hover .team-name {
    background: rgb(74,111,125);
}

.team-3c .team-name h5 a {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    color: rgba(29,52,74,.65);
}
.team-3c:hover .team-name h5 a {color: #EDC891;}
/*end of Team v6*/

/* Team v7*/
.team-3b .team-image {
    border: 4px solid #fffbcf;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.team-3b:hover .team-image {
    border: 4px solid #fff;
}
.team-3b .team-profile{
    position: absolute;
    text-align: center;
    background: rgba(0,0,0,.45);/*236,199,145,.35*/
    bottom: 55px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    margin: 0 0 6px;
}
.team-3b:hover .team-profile{
    opacity: 1;
}
.team-3b .team-profile a {color: #fff;}
.team-3b .team-name span {
    color:#161E28;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.team-3b:hover .team-name span {
    color: #EDC891;
}
.team-3b .team-image img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-filter: sepia(.75) blur(1px);
    filter: sepia(.75) blur(1px);
}
.team-3b:hover .team-image img {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}
.team-3b .team-name {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    background: #fffbcf;
}
.team-3b:hover .team-name {
    background: rgb(255,255,255);
}

.team-3b .team-name h5 a {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    color: #161E28;
}
.team-3b:hover .team-name h5 a {color: #EDC891;}
/*end of Team v7*/

/* Team v8*/
.team-3d .team-image {
    border: 4px solid #EDC891;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.team-3d:hover .team-image {
    border: 4px solid #fff;
}
.team-3d .team-profile{
    position: absolute;
    text-align: center;
    background: rgba(0,0,0,.45);/*236,199,145,.35*/
    bottom: 55px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    margin: 0 0 6px;
}
.team-3d:hover .team-profile{
    opacity: 1;
}
.team-3d .team-profile a {color: #fff;}
.team-3d .team-name span {
    color:#161E28;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.team-3d:hover .team-name span {
    color: #EDC891;
}
.team-3d .team-image img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-filter: sepia(.75) blur(1px);
    filter: sepia(.75) blur(1px);
}
.team-3d:hover .team-image img {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}
.team-3d .team-name {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    background: #EDC891;
}
.team-3d:hover .team-name {
    background: rgb(255,255,255);
}

.team-3d .team-name h5 a {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    color: #161E28;
}
.team-3d:hover .team-name h5 a {color: #EDC891;}
/*end of Team v8*/

.team-2 .team-image img,
.team-5 .team-image img,
.team-6 .team-image img,
.team-7.team-image img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.team-2 .overlay-team-box,
.team-6 .overlay-team-box,
.team-7 .overlay-team-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.team-2:hover .overlay-team-box,
.team-6:hover .overlay-team-box,
.team-7:hover .overlay-team-box {
    opacity: 1;
    filter: alpha(opacity=100)
}

.team-2:hover .team-social,
.team-6:hover .team-social,
.team-7:hover .team-social,
.team-6:hover .team-profile {
    opacity: 1;
    filter: alpha(opacity=100);
    bottom: 40px
}

.team-2 .team-social a:hover,
.team-6 .team-social a:hover,
.team-7 .team-social a:hover,
.team-6 .team-profile a:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.team-5 .team-image img:nth-child(2) {
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: 100%;
    left: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.team-5:hover .team-image img:nth-child(2) {
    display: block;
    top: 0;
    webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.team-5:hover .team-image img:first-child {
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}



.accordion-style-1 .panel-default>.panel-heading .panel-title a,
.team-5:hover .team-image {
    webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out
}

.team-5:hover .team-image {
    transition: all .15s ease-out
}

.team-3 .team-social,
.team-5 .team-social {
    bottom: -84px;
    width: 100%;
    opacity: 0
}

.team-3 .team-image img,
.team-3 .team-social,
.team-5 .team-social {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.team-4 .team-image img,
.team-4 .team-social {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out
}

.team-3:hover .team-social,
.team-5:hover .team-social {
    opacity: 1;
    -webkit-transform: translateY(-74px);
    -moz-transform: translateY(-74px);
    -ms-transform: translateY(-74px);
    -o-transform: translateY(-74px);
    transform: translateY(-74px);
    overflow: hidden
}

.team-3 .team-social a,
.team-4 .team-social a,
.team-5 .team-social a {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .5)
}

.team-4 .team-social {
    bottom: -70px;
    width: 100%;
    opacity: 1;
    transition: all .4s ease-in-out
}

.team-4:hover .team-social {
    opacity: 1;
    overflow: hidden;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px)
}

.team-4 .team-image img {
    transition: all .4s ease-in-out
}

.team-4:hover .team-image img {
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    -o-transform: translateY(-70px);
    transform: translateY(-70px)
}

.team-6 .team-image,
.team-7 .team-image {
    margin: 0
}

.team-6 .team-name,
.team-7 .team-name {
    position: absolute;
    top: 0;
    margin-bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 110;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.team-6 .team-name h5,
.team-6 .team-name span,
.team-7 .team-name h5,
.team-7 .team-name span {
    color: #fff
}

.team-6:hover .team-name,
.team-7:hover .team-name {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 100px
}

.team-7,
.team-7 .overlay-team-box,
.team-7 .team-image img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.team-8,
.team-9 {
    float: left;
    width: 100%;
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.team-8 .team-image,
.team-9 .team-image {
    position: relative;
    overflow: visible;
    margin: 0;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 1s transform;
    -moz-transition: 1s transform;
    -o-transition: 1s transform;
    -ms-transition: 1s transform;
    transition: 1s transform
}

.team-8 .team-image .overlay-team-box,
.team-9 .team-image .overlay-team-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-transform: rotateY(.5turn) translateZ(1px);
    -ms-transform: rotateY(.5turn) translateZ(1px);
    transform: rotateY(.5turn) translateZ(1px);
    text-align: center;
    padding: 0;
    margin: 0;
    opacity: .6;
    -webkit-transition: 1s .5s opacity;
    -moz-transition: 1s .5s opacity;
    -o-transition: 1s .5s opacity;
    -ms-transition: 1s .5s opacity;
    transition: 1s .5s opacity;
    color: #fff
}

.team-8 .team-image .overlay-team-box .team-content,
.team-9 .team-image .overlay-team-box .team-content {
    position: relative;
    top: 30%;
    z-index: 120;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.team-8 .team-name h5,
.team-8 .team-name span,
.team-9 .team-name h5,
.team-9 .team-name span {
    color: #fff
}

.team-8 .team-social a,
.team-9 .team-social a {
    color: #fff;
    border-color: #fff
}

.team-8:hover .team-image,
.team-9:hover .team-image {
    -webkit-transform: rotateY(.5turn);
    -ms-transform: rotateY(.5turn);
    transform: rotateY(.5turn)
}

.team-8:hover .team-image .overlay-team-box,
.team-9:hover .team-image .overlay-team-box {
    opacity: 1
}

.team-9 .team-image,
.team-9 .team-image .overlay-team-box,
.team-9 .team-image img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.team-social a:hover {
    background-color: #fff
}

.team-social a [class^=icon-] {
    top: 0;
    position: relative;
    font-size: 13px;
    font-weight: 700
}

.team-member-job {
    padding: 60px 30px;
    position: relative;
    float: left;
    width: 100%
}

.team-section {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.fullwidthteamimage {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.fullwidthteamimage img {
    float: left;
    width: 100%;
    height: auto
}

.team-section .team-desc-box {
    position: absolute;
    left: 10%;
    bottom: 10%;
    z-index: 150;
    width: 100%;
    max-width: 320px;
    background: rgba(0, 0, 0, .6);
    padding: 20px
}

.team-section .team-desc-box:after,
.team-section .team-desc-box:before {
    bottom: -4px;
    left: -4px;
    position: absolute;
    z-index: 151;
    content: ""
}

.team-section .team-desc-box:before {
    width: 100%;
    height: 4px
}

.team-section .team-desc-box:after {
    width: 4px;
    height: 100%
}

.team-section .team-desc-box .team-name {
    float: left;
    width: 100%
}

.team-section .team-desc-box .team-name h5 {
    font-size: 18px;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin-top: 0;
    color: #fff
}

.team-section .team-desc-box .team-name span,
.team-section .team-desc-box p {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
    color: #fff;
    line-height: 16px
}

.team-section .team-desc-box .team-name h5 a {
    color: #fff
}

.team-section .team-desc-box p {
    float: left;
    width: 100%
}

.team-section .team-desc-box .team-social {
    text-align: left
}

.team-section .team-desc-box .team-social a {
    margin: 10px 5px 0 0;
    background: 0 0;
    float: left
}

.team-single-container {
    float: left;
    width: 100%;
    display: block;
    margin-top: 40px
}

#page-title .team-single-title h1,
.team-single-title h1 {
    font-size: 40px
}

.team-single-title span {
    font-size: 18px;
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 20px
}

.team-single-content {
    float: left;
    width: 100%;
    position: relative
}

.team-single-content h3 {
    font-weight: 300;
    margin-bottom: 20px
}

.team-single-content .portfolio-desc {
    text-align: left;
    margin-top: 30px;
    display: block
}

.team-section .team-single-title {
    float: left;
    width: 100%;
    position: relative;
    display: block;
    color: #fff;
    z-index: 100;
    top: 50%;
    left: 10%
}

.team-2 .overlay-team-box, .team-6 .overlay-team-box, .team-7 .overlay-team-box {background-color: rgba(236,199,145,.6);}

/* Testing Video bg parallax */
main {display:block;height:500px;}
.pattern-overlay {
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    display: block;
    z-index: 20;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.lines {background-image: url(https://dsv6bv7z2qgcg.cloudfront.net/savanna-safaris-lines.png);}
.black-dots {background-image: url(https://dsv6bv7z2qgcg.cloudfront.net/savanna-safaris-dotted_pat_black.png);}
video {width:100%;height:100%;position:relative;display:inline-block;vertical-align:baseline;z-index:20;}
.video-wrap {height:100%;width:100%;}
.video-backup:before {content:'';position:absolute;min-height:500px;width:100%;top:-160px;right:0;left:0;bottom:0;background:url(../images/background/savanna-safaris-bg-8.jpg) top no-repeat;z-index:1;}
.outer-wrap {height:500px;}
main #outer-wrap .video-wrap h2 {margin-top:0;}
#outer-wrap {padding:0;color:#fff;min-height:500px;}
.content-overlay {position:relative; z-index:20;}
/*:before {content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.8); display: block;} */
main#testi {display:block;height:700px;}
video {width:100%;height:100%;position:relative;display:inline-block;vertical-align:baseline;z-index:20;}
.video-wrap-testi {height:100%;width:100%;}
.video-backup-testi:before {content:'';position:absolute;min-height:700px;width:100%;top:-160px;right:0;left:0;bottom:0;background:url(../images/background/savanna-safaris-bg-8.jpg) top no-repeat;z-index:1;}
.outer-wrap-testi {height:700px;}
main#testi #outer-wrap-testi .video-wrap-testi h2 {margin-top:0;}
#outer-wrap-testi {padding:0;color:#fff;min-height:700px;}
.content-overlay-testi {position:relative; z-index:20;}

/*  SVG SEPARATOR Curved Line */
#section-service-1,
#section-service-2,
#section-service-3,
#section-service-4 {position: relative;}

.svg-separator {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    z-index: 1;
}
.svg-separator.top_separator {
    top: -1px;
    bottom: auto;
}
.svg-separator.bottom_separator {
    bottom: -1px;
}
.svg-main-separator-inner {
    position: relative;
    height: 100%;
    width: 100%;
}
.svg-separator svg {
    width: 100%;
    height: auto;
}
.svg-x-large-circle {
    position: absolute;
}
#section-about .svg-separator.top_separator {top: -1px; z-index: 0;}


/*Foot Print Animation*/
#africaOnFoot {position: relative;}
#animalFoot {display: none;}

.custom-steps-loader .paw {
	position: absolute;
	width: 90px;
	height: 90px;
    top: 125px;
    left: 40px;
	opacity: 0;
}
.custom-steps-loader.active .paw {
	animation: 2000ms pawAnimation2 ease-in-out infinite;
}
.custom-steps-loader.active .paw:nth-child(1){
	left: 10%;
	animation-delay: 0.3s;
	transform: rotate(90deg) translate3d(0%, 0%, 0);
}
.custom-steps-loader.active .paw:nth-child(2){
	left: 35%;
	animation-delay: .85s;
	transform: rotate(90deg) translate3d(-100%, 0%, 0);
}
.custom-steps-loader.active .paw:nth-child(3){
	left: 50%;
	animation-delay: 0.45s;
	transform: rotate(90deg) translate3d(0%, 0%, 0);
}
.custom-steps-loader.active .paw:nth-child(4){
	left: 75%;
	animation-delay: 1.0s;
	transform: rotate(90deg) translate3d(-100%, 0%, 0);
}

@keyframes pawAnimation2 {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


#more-questions h2 {color: #2A4B65; margin: 0; font-weight: 300;}
.day-description {min-height: 500px;}
.day-description .small {font-size: 13px;}
@media screen and (max-width: 980px) {
	.day-description {min-height: auto;}
	.inner-padding {padding: 40px 0 10px; }
}
address span strong {font-weight: normal;}

	.expand-group .expand:last-child{
		border-bottom:solid 1px rgba(255,255,255,.1);
	}
	
	.expand{
		position:relative;
		padding:5px 25px 5px 25px;
		border:solid 1px rgba(255,255,255,.1);
		border-bottom:none;
		background:rgba(255,255,255,.02);
	}
	
	.expand-group .expand:nth-child(odd){
		background:rgba(255,255,255,.04);
	}
	
	.expand .hidden-content{
		display:none;
		padding:10px 0 10px 0;
	}
	
	.expand h4{
		font-family:'Open Sans', sans-serif;;
		color: #f8daa5;
		font-size:16px;
		cursor:pointer;
		display:block;
		margin-right:40px;
		line-height:32px;
	}
	
	.expand h4:after{
		font-family:FontAwesome;
		content: "\f107";
		color:#f8daa5;
		font-size:20px;
		display:inline-block;
		padding:10px 20px 10px 20px;
		font-style:normal;
		position:absolute;
		right:7px;
		top:7px;
		transition: color 0.3s ease;
	}
	
	.expand h4.active:after{
		content: "\f106";
		color: #fff;
	}


	/* pricing table */
	/* ================================================== */
	.pricing-box{color:#888;}
	
	.pricing-2-col {
	border-right: solid 1px #eee;
	}
	
	.pricing-2-col .pricing-box {
	width: 49%;
	}
	
	.pricing-3-col {
	}
	
	.pricing-3-col .pricing-box {
	width: 32.33%;
	}
	
	.pricing-4-col {
	}
	
	.pricing-4-col .pricing-box {
	width: 24%;
	}
	
	.pricing-5-col {
	}
	
	.pricing-5-col .pricing-box {
	width: 19%;
	}
	
	.pricing-2-col,
	.pricing-3-col,
	.pricing-4-col,
	.pricing-5-col{
	}
	
	
	.pricing-box {
	float: left;
	text-align: center;
	margin:5px;
	padding: 0;
	opacity:.8;
	}
	
	.pricing-box ul {
	margin: 0;
	padding: 0;
	}
	
	.pricing-box li {
	list-style: none;
	margin: 0;
	padding: 15px 0 15px 0;
	background:#eee;
	}
	
	.pricing-box li h4 {
	font-size: 22px;
	margin: 0;
	padding: 0;
	font-weight: 400;
	color:#888;
	}
	
	.pricing-box li h1 {
	font-size: 48px;
	margin: 0;
	margin-bottom: 5px;
	color: #1a8b49;
	letter-spacing:0px;
	}
	
	.pricing-box li.title-row {
	padding: 15px 0 15px 0;
	}
	
	.pricing-box li.title-row h4{
	}
	
	.pricing-box li.price-row {
	padding: 15px 0 15px 0;
	background:#F8F8F8;
	
	}
	.pricing-box li.deco{
	background:#f5f5f5;
	}
	
	.pricing-box a.btn{
	color:#eceff3;
	}
	
	.pricing-box li.price-row span {
	display: block;
	font-weight: 600;
	}
	
	.pricing-box li.btn-row {
	background: #ddd;
	}
	.pricing.pricing-box{
	}
	.pricing.pricing-box ul {
	margin: 0;
	padding: 0;
	}
	
	.pricing.pricing-box li {
	background: #3b3b3b;
	color: #bbb;
	list-style: none;
	margin: 0;
	padding: 15px 0 15px 0;
	}
	
	.pricing.pricing-box li.deco{
	background:#333;
	}
	
	
	
	.pricing.pricing-box li h4 {
	font-size: 22px;
	margin: 0;
	padding: 0;
	font-weight: 400;
	color:#eceff3;
	}
	
	.pricing.pricing-box li h1 {
	font-size: 48px;
	margin: 0;
	margin-bottom: 5px;
	font-weight: 600;
	color:#eceff3;
	}
	
	.pricing.pricing-box li.title-row {
	background:#323232;
	padding: 15px 0 15px 0;
	}
	
	.pricing.pricing-box li.price-row {
	background: #2b2b2b;
	padding: 15px 0 15px 0;
	}
	
	.pricing.pricing-box li.price-row h1{
	font-weight: 300;
	}
	
	.pricing.pricing-box li.price-row h1 span {
	display:inline-block;
	font-weight: 600;
	}
	
	.pricing.pricing-box li.price-row span {
	display: block;
	font-weight: 600;
	}
	
	.pricing.pricing-box li.btn-row {
	background: #404040;
	}
	
	
	.pricing-featured {
	position: relative;
	}
	
	.pricing-featured li{
	padding-top:17px;
	padding-bottom:17px;
	}
	
.pricing-s1 {
	overflow:hidden;
	position:relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition: box-shadow 1s;
	-webkit-transition: box-shadow 1s;
	-moz-transition: box-shadow 1s;
}
.pricing-s1 .top {
	background: #2A4B65;
	color: #eee;
	padding: 40px;
	color: #ECF0F1;
	text-align: center;
}
.pricing-s1 .top h2 {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: normal;
}
.pricing-s1 .top > * {
	margin: 0px;
}
.pricing-s1 .top .price .currency {
	font-size: 24px;
	line-height: 54px;
	vertical-align: top;
	display: inline-block;
}
.pricing-s1 .top .price b {
	font-size: 48px;
	line-height: 70px;
	color: #fff;
}
.pricing-s1 .top .price .month {
	color: #ccc;
}
.pricing-s1 .bottom {
	border-top: 0px;
	padding-bottom:5px;
	background: #2A4B65;
	text-align:center;	
}
.pricing-s1 .bottom ul {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align:left;
}
.pricing-s1 .bottom ul li {
	line-height: 60px;
	padding: 0px 30px;
}
.pricing-s1 .bottom ul li > span {
	color: #16A085;
	font-size: 20px;
	margin-right: 20px;
}
.pricing-s1 .bottom ul li:nth-child(odd) {
	background:#365a77;/*2f3135*/
}
.pricing-s1 .bottom ul li:nth-child(even) {
	background:#35546c;/*2a2c30*/
}
.pricing-s1 .bottom > a {
	margin: 40px;
	width: auto;
}
.pricing-s1 .bottom i{
	margin-right:10px;
}
.pricing-s1 .ribbon{
  width: 200px;
  position: absolute;
  top: 20px;
  left: -55px;
  background-color:#FEE2B5;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #222222;
  font-weight:bold;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}


/* svg bg image */
#section-about, #section-fun-facts, #about-savanna {position: relative;}
.svg-wrapper {position: absolute;bottom: -10px; left: 0; right: 0; z-index: 0;}
.svg-wrapper img {width: 100%; height: auto;}

#testimonial-carousel2 blockquote {
	padding: 20px 30px 30px 30px;
}
#testimonial-carousel2 blockquote:before, #testimonial-carousel2 blockquote:after {
	content: "";
}
#about-savanna h3 {color: #FEE2B5; margin-bottom: 20px;}


/*
----------------------------------------- AWARDS GRID ------------------------------------------------
*/
.awards-wrapper { position: relative; z-index: 1; }
.awards-wrapper .awards-grid {width: 13%; float: left; margin: 0 3.5%;}
.awards-wrapper .awards-grid img {}
@media screen and (max-width: 992px) {
	.awards-wrapper .awards-grid {width: 26.333%; float: left; display: inline;}
	.awards-wrapper .awards-grid img { margin-bottom: 40px;}
}
@media screen and (max-width: 480px){
	.awards-wrapper .awards-grid {width: 80%; margin: 0 10%;}
	footer .widget {margin: 0 auto; width: 100%;}
}
/*
----------------------------------------- AWARDS GRID ------------------------------------------------
*/
/*
----------------------------------------- UPGRADE GRID ------------------------------------------------
*/
.additionalInfo {margin: 20px 0 40px; text-align: center;color: #1E0E0E; font-size: 15px;}
.upgrade-wrapper { position: relative; z-index: 1; }
.upgrade-wrapper .upgrade-grid {margin: 0 15px;}
#upgrades .owl-theme .owl-controls {position: relative; margin-top: 15px;}
#upgrades .owl-theme .owl-controls .owl-page span {background:#1E0E0E !important;}
@media screen and (max-width: 992px) {
	.upgrade-wrapper .upgrade-grid {margin: 0 15px;}
}
@media screen and (max-width: 480px){
	.upgrade-wrapper .upgrade-grid {margin: 0;}
}
/*
----------------------------------------- UPGRADE GRID ------------------------------------------------
*/

/*----------------------------------------------------------------------------------------------------
---------------------------------------- Cloud Animation ---------------------------------------------
-----------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1920px) {
	#section-fun-facts, #awards {padding: 300px 0; overflow: hidden;}
}
#section-fun-facts, #awards {padding: 110px 0; overflow: hidden;}
#awards {position: relative;}

#vectorBg #cloud1 {
    transform: translate(-20%, -30px);
	-webkit-animation: claud-anim1 300s infinite;
	-moz-animation:    claud-anim1 300s infinite;
	-o-animation:      claud-anim1 300s infinite;
	animation:         claud-anim1 300s infinite;
    opacity: 1;
}
#vectorBg #cloud2 {
    transform: translate(-50%, -30px);
    -webkit-animation: claud-anim2 300s infinite;
	-moz-animation:    claud-anim2 300s infinite;
	-o-animation:      claud-anim2 300s infinite;
	animation:         claud-anim2 300s infinite;
    opacity: 1;
}
#vectorBg #cloud3 {
    transform: translate(10%, -60px);
    -webkit-animation: claud-anim3 300s infinite;
	-moz-animation:    claud-anim3 300s infinite;
	-o-animation:      claud-anim3 300s infinite;
	animation:         claud-anim3 300s infinite;
    opacity: 1;
}
#vectorBg #cloud4 {
    transform: translate(0%, -60px);
    -webkit-animation: claud-anim4 300s infinite;
	-moz-animation:    claud-anim4 300s infinite;
	-o-animation:      claud-anim4 300s infinite;
	animation:         claud-anim4 300s infinite;
    opacity: 1;
}
#vectorBg #cloud5 {
    transform: translate(-13%, -60px);
    -webkit-animation: claud-anim5 300s infinite;
	-moz-animation:    claud-anim5 300s infinite;
	-o-animation:      claud-anim5 300s infinite;
	animation:         claud-anim5 300s infinite;
    opacity: 1;
}
#vectorBg #cloud6 {
    transform: translate(0, -30px);
    -webkit-animation: claud-anim6 300s infinite;
	-moz-animation:    claud-anim6 300s infinite;
	-o-animation:      claud-anim6 300s infinite;
	animation:         claud-anim6 300s infinite;
    opacity: 1;
}
@keyframes claud-anim1 {
	0%  {transform: translate(-20%, -30px);animation-timing-function: linear;opacity: 1;}
	66% {transform: translate(68%, -30px);animation-timing-function: linear;opacity: 1;}
    67% {transform: translate(68%, -30px);animation-timing-function: linear;opacity: 0;}
    69% {transform: translate(-62%, -30px);animation-timing-function: linear;opacity: 0;}
    100%{transform: translate(-20%, -30px);animation-timing-function: linear; opacity: 1;}
}
@-webkit-keyframes claud-anim1 {
	0%  {transform: translate(-20%, -30px);animation-timing-function: linear;opacity: 1;}
	66% {transform: translate(68%, -30px);animation-timing-function: linear;opacity: 1;}
    67% {transform: translate(68%, -30px);animation-timing-function: linear;opacity: 0;}
    69% {transform: translate(-62%, -30px);animation-timing-function: linear;opacity: 0;}
    100%{transform: translate(-20%, -30px);animation-timing-function: linear; opacity: 1;}
}
@-moz-keyframes claud-anim1 {
	0%  {transform: translate(-20%, -30px);animation-timing-function: linear;opacity: 1;}
	66% {transform: translate(68%, -30px);animation-timing-function: linear;opacity: 1;}
    67% {transform: translate(68%, -30px);animation-timing-function: linear;opacity: 0;}
    69% {transform: translate(-62%, -30px);animation-timing-function: linear;opacity: 0;}
    100%{transform: translate(-20%, -30px);animation-timing-function: linear; opacity: 1;}
}
@-o-keyframes claud-anim1 {
	0%  {transform: translate(-20%, -30px);animation-timing-function: linear;opacity: 1;}
	66% {transform: translate(68%, -30px);animation-timing-function: linear;opacity: 1;}
    67% {transform: translate(68%, -30px);animation-timing-function: linear;opacity: 0;}
    69% {transform: translate(-62%, -30px);animation-timing-function: linear;opacity: 0;}
    100%{transform: translate(-20%, -30px);animation-timing-function: linear; opacity: 1;}
}
@keyframes claud-anim1 {
	0%  {transform: translate(-20%, -30px);animation-timing-function: linear;opacity: 1;}
	66% {transform: translate(68%, -30px);animation-timing-function: linear;opacity: 1;}
    67% {transform: translate(68%, -30px);animation-timing-function: linear;opacity: 0;}
    69% {transform: translate(-62%, -30px);animation-timing-function: linear;opacity: 0;}
    100%{transform: translate(-20%, -30px);animation-timing-function: linear; opacity: 1;}
}
@-webkit-keyframes claud-anim2 {
	0%  {transform: translate(-50%, -30px);animation-timing-function: linear;opacity: 1;}
	95% {transform: translate(95%, -30px);animation-timing-function: linear;opacity: 1;}
    96% {transform: translate(95%, -30px);animation-timing-function: linear;opacity: 0;}
    99% {transform: translate(-51%, -30px);animation-timing-function: linear; opacity: 0;}
}
@-moz-keyframes claud-anim2 {
	0%  {transform: translate(-50%, -30px);animation-timing-function: linear;opacity: 1;}
	95% {transform: translate(95%, -30px);animation-timing-function: linear;opacity: 1;}
    96% {transform: translate(95%, -30px);animation-timing-function: linear;opacity: 0;}
    99% {transform: translate(-51%, -30px);animation-timing-function: linear; opacity: 0;}
}
@-o-keyframes claud-anim2 {
	0%  {transform: translate(-50%, -30px);animation-timing-function: linear;opacity: 1;}
	95% {transform: translate(95%, -30px);animation-timing-function: linear;opacity: 1;}
    96% {transform: translate(95%, -30px);animation-timing-function: linear;opacity: 0;}
    99% {transform: translate(-51%, -30px);animation-timing-function: linear; opacity: 0;}
}
@keyframes claud-anim2 {
	0%  {transform: translate(-50%, -30px);animation-timing-function: linear;opacity: 1;}
	95% {transform: translate(95%, -30px);animation-timing-function: linear;opacity: 1;}
    96% {transform: translate(95%, -30px);animation-timing-function: linear;opacity: 0;}
    99% {transform: translate(-51%, -30px);animation-timing-function: linear; opacity: 0;}
}
@-webkit-keyframes claud-anim3 {
	0%  {transform: translate(10%, -60px);animation-timing-function: linear;opacity: 1;}
	20% {transform: translate(35%, -60px);animation-timing-function: linear;opacity: 1;}
    21% {transform: translate(35%, -60px);animation-timing-function: linear;opacity: 0;}
    22% {transform: translate(-95%, -60px);animation-timing-function: linear; opacity: 0;}
    23% {transform: translate(-95%, -60px);animation-timing-function: linear; opacity: 1;}
}
@-moz-keyframes claud-anim3 {
	0%  {transform: translate(10%, -60px);animation-timing-function: linear;opacity: 1;}
	20% {transform: translate(35%, -60px);animation-timing-function: linear;opacity: 1;}
    21% {transform: translate(35%, -60px);animation-timing-function: linear;opacity: 0;}
    22% {transform: translate(-95%, -60px);animation-timing-function: linear; opacity: 0;}
    23% {transform: translate(-95%, -60px);animation-timing-function: linear; opacity: 1;}
}
@-o-keyframes claud-anim3 {
	0%  {transform: translate(10%, -60px);animation-timing-function: linear;opacity: 1;}
	20% {transform: translate(35%, -60px);animation-timing-function: linear;opacity: 1;}
    21% {transform: translate(35%, -60px);animation-timing-function: linear;opacity: 0;}
    22% {transform: translate(-95%, -60px);animation-timing-function: linear; opacity: 0;}
    23% {transform: translate(-95%, -60px);animation-timing-function: linear; opacity: 1;}
}
@keyframes claud-anim3 {
	0%  {transform: translate(10%, -60px);animation-timing-function: linear;opacity: 1;}
	20% {transform: translate(35%, -60px);animation-timing-function: linear;opacity: 1;}
    21% {transform: translate(35%, -60px);animation-timing-function: linear;opacity: 0;}
    22% {transform: translate(-95%, -60px);animation-timing-function: linear; opacity: 0;}
    23% {transform: translate(-95%, -60px);animation-timing-function: linear; opacity: 1;}
}
@-webkit-keyframes claud-anim4 {
	0%  {transform: translate(0%, -60px);animation-timing-function: linear;opacity: 1;}
	45% {transform: translate(66%, -60px);animation-timing-function: linear;opacity: 1;}
    46% {transform: translate(66%, -60px);animation-timing-function: linear;opacity: 0;}
    49% {transform: translate(-70%, -60px);animation-timing-function: linear; opacity: 0;}
}
@-moz-keyframes claud-anim4 {
	0%  {transform: translate(0%, -60px);animation-timing-function: linear;opacity: 1;}
	45% {transform: translate(66%, -60px);animation-timing-function: linear;opacity: 1;}
    46% {transform: translate(66%, -60px);animation-timing-function: linear;opacity: 0;}
    49% {transform: translate(-70%, -60px);animation-timing-function: linear; opacity: 0;}
}
@-o-keyframes claud-anim4 {
	0%  {transform: translate(0%, -60px);animation-timing-function: linear;opacity: 1;}
	45% {transform: translate(66%, -60px);animation-timing-function: linear;opacity: 1;}
    46% {transform: translate(66%, -60px);animation-timing-function: linear;opacity: 0;}
    49% {transform: translate(-70%, -60px);animation-timing-function: linear; opacity: 0;}
}
@keyframes claud-anim4 {
	0%  {transform: translate(0%, -60px);animation-timing-function: linear;opacity: 1;}
	45% {transform: translate(66%, -60px);animation-timing-function: linear;opacity: 1;}
    46% {transform: translate(66%, -60px);animation-timing-function: linear;opacity: 0;}
    49% {transform: translate(-70%, -60px);animation-timing-function: linear; opacity: 0;}
}

@-webkit-keyframes claud-anim5 {
	0%  {transform: translate(-13%, -60px);animation-timing-function: linear;opacity: 1;}
	81% {transform: translate(98%, -60px);animation-timing-function: linear;opacity: 1;}
    82% {transform: translate(98%, -60px);animation-timing-function: linear;opacity: 0;}
    84% {transform: translate(-36%, -60px);animation-timing-function: linear;opacity: 0;}
    100%{transform: translate(-13%, -60px);animation-timing-function: linear; opacity: 1;}
}
@-moz-keyframes claud-anim5 {
	0%  {transform: translate(-13%, -60px);animation-timing-function: linear;opacity: 1;}
	81% {transform: translate(98%, -60px);animation-timing-function: linear;opacity: 1;}
    82% {transform: translate(98%, -60px);animation-timing-function: linear;opacity: 0;}
    84% {transform: translate(-36%, -60px);animation-timing-function: linear;opacity: 0;}
    100%{transform: translate(-13%, -60px);animation-timing-function: linear; opacity: 1;}
}
@-o-keyframes claud-anim5 {
	0%  {transform: translate(-13%, -60px);animation-timing-function: linear;opacity: 1;}
	81% {transform: translate(98%, -60px);animation-timing-function: linear;opacity: 1;}
    82% {transform: translate(98%, -60px);animation-timing-function: linear;opacity: 0;}
    84% {transform: translate(-36%, -60px);animation-timing-function: linear;opacity: 0;}
    100%{transform: translate(-13%, -60px);animation-timing-function: linear; opacity: 1;}
}
@keyframes claud-anim5 {
	0%  {transform: translate(-13%, -60px);animation-timing-function: linear;opacity: 1;}
	81% {transform: translate(98%, -60px);animation-timing-function: linear;opacity: 1;}
    82% {transform: translate(98%, -60px);animation-timing-function: linear;opacity: 0;}
    84% {transform: translate(-36%, -60px);animation-timing-function: linear;opacity: 0;}
    100%{transform: translate(-13%, -60px);animation-timing-function: linear; opacity: 1;}
}
@-webkit-keyframes claud-anim6 {
	0%  {transform: translate(0px, -30px);animation-timing-function: linear;opacity: 1;}
	25% {transform: translate(36%, -30px);animation-timing-function: linear;opacity: 1;}
    26% {transform: translate(36%, -30px);animation-timing-function: linear;opacity: 0;}
    27% {transform: translate(-92%, -30px);animation-timing-function: linear; opacity: 0;}
    31% {transform: translate(-92%, -30px);animation-timing-function: linear; opacity: 1;}
}
@-moz-keyframes claud-anim6 {
	0%  {transform: translate(0px, -30px);animation-timing-function: linear;opacity: 1;}
	25% {transform: translate(36%, -30px);animation-timing-function: linear;opacity: 1;}
    26% {transform: translate(36%, -30px);animation-timing-function: linear;opacity: 0;}
    27% {transform: translate(-92%, -30px);animation-timing-function: linear; opacity: 0;}
    31% {transform: translate(-92%, -30px);animation-timing-function: linear; opacity: 1;}
}
@-o-keyframes claud-anim6 {
	0%  {transform: translate(0px, -30px);animation-timing-function: linear;opacity: 1;}
	25% {transform: translate(36%, -30px);animation-timing-function: linear;opacity: 1;}
    26% {transform: translate(36%, -30px);animation-timing-function: linear;opacity: 0;}
    27% {transform: translate(-92%, -30px);animation-timing-function: linear; opacity: 0;}
    31% {transform: translate(-92%, -30px);animation-timing-function: linear; opacity: 1;}
}
@keyframes claud-anim6 {
	0%  {transform: translate(0px, -30px);animation-timing-function: linear;opacity: 1;}
	25% {transform: translate(36%, -30px);animation-timing-function: linear;opacity: 1;}
    26% {transform: translate(36%, -30px);animation-timing-function: linear;opacity: 0;}
    27% {transform: translate(-92%, -30px);animation-timing-function: linear; opacity: 0;}
    31% {transform: translate(-92%, -30px);animation-timing-function: linear; opacity: 1;}
}
/*
--------------------------------   End of Cloud Animation   ------------------------------------------------
*/

.portfolio-img-wrapper {
	position: relative;
}
.portfolio-spacing {padding-bottom: 40px;}
.portfolio-img-wrapper a{
	position: relative;
	display: block;
	width: 100%;
	height:100%;
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
	z-index: 2;
	text-decoration: none;
}
.portfolio-img-wrapper h5 {
	font-family: 'Dancing Script', cursive;
	font-size: 20px;
	background: #fff;
	text-align: center;
	padding: 15px 15px 25px;
	margin: 0;
	font-weight: 300;
	color: #2A4B65;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.img-portfolio-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0; left: 0;
	display: block;
	background: #222;
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	border-radius: 2px;
	border: 7px solid #fff;
}
.img-portfolio-bg.leftRotation{
	transition: all 0.2s ease 0s;
	transform: rotate(-3deg);
}
.img-portfolio-bg.rightRotation{
	transition: transform .3s ease;
	transform: rotate(3deg);
}
.portfolio-img-wrapper:hover .img-portfolio-bg.leftRotation{
	transform: rotate(-2deg) scale(1.02);
}
.portfolio-img-wrapper:hover .img-portfolio-bg.rightRotation{
	transform: rotate(2deg) scale(1.02);
}

.portfolio-img-wrapper:hover .portfolio-link{
	transform: scale(1.02);
}
/*---------------------------------------------------------------------------------------------------
--------------------------------   Awards Carousel   ------------------------------------------------
---------------------------------------------------------------------------------------------------*/
#awards-carousel {position: relative; z-index: 1;}
.awards-carousel .item {
	width: 62%;
	margin: 0 19%; 
	display: block;
}
.awards-carousel.owl-theme .owl-controls {
	margin-top: 15px;
    position: absolute;
    width: 100%;
    height: auto;
    top: auto !important;
    left: 0;
}
.awards-carousel.owl-theme .owl-controls .owl-page span {
	background: #2A4B65 !important;
}

#newsletter h1 {padding-bottom: 20px; color: #385a75;}
.mc-field-group {display: inline-block; padding-bottom: 0;}
.mc-field-group label {display: block; text-align: left;font-weight: 300; color: #385a75; margin-bottom: 0;}
.mc-field-group input {color: #385a75; padding: 3px 10px;border-width: 1px;border-style: solid;border-color: #406480; border-image: none; border-radius: 2px; -webkit-border-radius:2px;}
.mc-field-group input[type='submit'] {background: #406480; color: #fff; border: 1px solid #406480; transition: all 0.3s ease; border-radius: 2px;-webkit-border-radius:2px;}
.mc-field-group input[type='submit']:hover {color: #FEE2B5;}
#subscribe-result {padding-top: 10px;}
@media screen and (max-width: 678px){
	.mc-field-group {display: block; padding-bottom: 10px;}
}

#savanna-testimonials {position: relative;}
#fullScreen {
    position: absolute;
    top: 35px;
    right: 45px;
    z-index: 99;
    color: #FEE2B5;
    width: 50px;
    height: 28px;
    cursor: pointer;
    display: block;
}
#mute {
    position: absolute;
    top: 30px;
    right: 120px;
    z-index: 99;
    color: #406480;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    width: 44px;
    height: 32px;
}
#logo a#desktop-logo{display: block;}
#logo a#mobile-logo{display: none;}

@media screen and (max-width: 992px){
	#fullScreen {display: none;}
	#mute {display: none;}
	.de_testi blockquote .paw {display: none;}
	#logo a#desktop-logo{display: none;}
	#logo a#mobile-logo{display: block;}
	#mobile-logo svg {display: block; margin: 20px auto;}
}


.tl, .tr {

}



.space {
	position: absolute;
	bottom: 5px;
	left: 5px;
}
.icon--bars {
  -webkit-animation: ue390d1kl 1s linear infinite;
          animation: ue390d1kl 1s linear infinite;
  background: black;
  height: 4px;
  width: 4px;
}
@-webkit-keyframes ue390d1kl {
  0% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px 0px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px 0px 0 0 black;
  }
  20% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px -9px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px -12px 0 0 black, 21.6px -15px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px -9px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px -12px 0 0 black, 21.6px -15px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
  }
  40% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px -12px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px -12px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
  }
  60% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px -9px 0 0 black, 0px -12px 0 0 black, 0px -15px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px -9px 0 0 black, 0px -12px 0 0 black, 0px -15px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
  }
  80% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px -15px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px -15px 0 0 black;
  }
  100% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px 0px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px 0px 0 0 black;
  }
}
@keyframes ue390d1kl {
  0% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px 0px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px 0px 0 0 black;
  }
  20% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px -9px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px -12px 0 0 black, 21.6px -15px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px -9px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px -12px 0 0 black, 21.6px -15px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
  }
  40% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px -12px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px -12px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
  }
  60% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px -9px 0 0 black, 0px -12px 0 0 black, 0px -15px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px -9px 0 0 black, 0px -12px 0 0 black, 0px -15px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black, 28.8px 0px 0 0 black;
  }
  80% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px -15px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px -3px 0 0 black, 0px -6px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px -6px 0 0 black, 7.2px -9px 0 0 black, 7.2px -12px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px -3px 0 0 black, 14.4px -6px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px -15px 0 0 black;
  }
  100% {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px 0px 0 0 black;
            box-shadow: 0 0 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0px 0px 0 0 black, 0 0 0 0 black, 7.2px 0px 0 0 black, 7.2px -3px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 7.2px 0px 0 0 black, 0 0 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 14.4px 0px 0 0 black, 0 0 0 0 black, 21.6px 0px 0 0 black, 21.6px -3px 0 0 black, 21.6px -6px 0 0 black, 21.6px -9px 0 0 black, 21.6px 0px 0 0 black, 21.6px 0px 0 0 black, 0 0 0 0 black, 28.8px 0px 0 0 black, 28.8px -3px 0 0 black, 28.8px -6px 0 0 black, 28.8px -9px 0 0 black, 28.8px -12px 0 0 black, 28.8px 0px 0 0 black;
  }
}

.blogHeadline {
	position: relative;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: left;
}
/*.blogHeadline::after {
    content: '';
    position: absolute;
    height: 2px;
    background: #406480;
    width: 100%;
    bottom: -60px;
    left: 0;
    margin: 0 auto;
}*/
.blogDesc {display: block; font-size: 13px;}
.blogDesc ul {margin: 0 0 0 5px; padding: 0;}
.blogDesc li {
	list-style: none;
	display: inline-block;
	margin-right: 30px;
}
.blogDesc i{
	padding-right: 10px;
}
.blog-img-left {
	float: left;
	margin-bottom: 25px;
}
.blog-img-right {
	float: right;
	margin-bottom: 25px;
}
.blogBlockQuote blockquote {
    font-size: 20px;
	padding: 50px;
	border-left: 0px;
	background: #406480;
}
.blogBlockQuote blockquote p::before {
    content: "\f10d";
    font-family: 'FontAwesome';
    font-size: 50px;
    margin-right: 10px;
    color: #2A4F65;
}
.widget-posts-descr a {/*text-transform: uppercase;*/ color: #FEE2B5;}
.widget-posts-descr div {font-size: 13px;}
.widget-posts-img {float: left; margin-right: 15px;border: 2px solid; border-color: rgba(255,255,255,.2); transition: all 0.3s ease;}
.blog-with-images li {margin-bottom: 20px; transition: background .3s ease;}
.blog-with-images li:hover {background: rgba(255,255,255,.05);}
.blog-with-images li:hover .widget-posts-img {border-color: rgba(255,255,255,.3);}

.content-wrap {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 100px; /* Chrome, Safari, Opera */
    -moz-column-gap: 100px; /* Firefox */
    column-gap: 100px;
    -webkit-column-rule: 1px solid #406480; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid #406480; /* Firefox */
    column-rule: 1px solid #406480;
    -webkit-column-width: 50%; /* Chrome, Safari, Opera */
    -moz-column-width: 50%; /* Firefox */
    column-width: 50%;
    -moz-column-fill: inherit; /* Firefox */
    column-fill: inherit;
    padding: 30px 0 50px;
    text-indent: 30px;
}


@media screen and (max-width: 992px){
	.blog-img-left, .blog-img-right {max-width: 100%;}
	.content-wrap {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    padding: 0;
}
}

/* fullscreen code for bug for Safari*/
video:-webkit-full-screen {
   width: 100%;
   height: 100%;
   max-height: 100%;
}
video:-webkit-full-screen::-webkit-media-controls-panel, video:-webkit-full-screen::-webkit-media-controls, video:-webkit-full-screen::-webkit-media-text-track-container {
    display: none !important;
    opacity: 0;
}


.mobile-social, #mainmenu li.mobile-social, .mobile-social-content {display: none;}
@media screen and (max-width: 992px){
	.mobile-social, #mainmenu li.mobile-social {display: block; font-size: 14px;}
	.mobile-social a {display: inline-block !important; width: 45px !important; padding-left: 10px !important; padding-right: 10px !important;}
	.mobile-social-content .social-icons-2 {
	    margin: 0 auto;
	    margin-top: 35px !important;
	    margin-bottom: 50px;
	    float: none;
	    text-align: center;
	}
	.mobile-social-content .social-icons-2 a {
		background: transparent;
	    color: #fff;
	    display: inline-block;
	    margin: 0 2px 0 2px;
	    width: 36px;
	    height: 36px;
	    padding-top: 5px;
	    display: inline-block;
	    text-align: center;
	    border-radius: 3px;
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	}
	.mobile-social-content {display: block;}
}

.light-blue-paw {fill: #406480;}
.yellow-paw {fill: #FEE2B5;}









/* ------------------------bg.css-------------------------- */
section,#subheader{
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}

#subheader{
background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/savanna-safaris-subheader.jpg) top fixed;
}

#view-all-projects, #call-to-action, #upgrades, #promotion, #more-questions, #newsletter {padding:60px 0 60px 0;}
#section-about-us-2{background:#f8f8f8; height:100%;}
#section-about-us-2 .image-container{background:url(../images/background/bg-side-1.jpg);}

.side-bg .background-image {
    background-position: 50% 50%!important;
    background-size: cover!important;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    z-index: 0;
}

#section-explorer-safari-day-1.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/explorer-safari-day1.jpg) center;}
#section-explorer-safari-day-2.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/explorer-safari-day2.jpg) center;}
#section-explorer-safari-day-3.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/explorer-safari-day3.jpg) center;}
#section-explorer-safari-day-4.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/explorer-safari-day4.jpg) center;}
#section-explorer-safari-day-5.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/explorer-safari-day5.jpg) center;}
#section-explorer-safari-day-6.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/explorer-safari-day6.jpg) center;}
#section-explorer-safari-day-7.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/explorer-safari-day7.jpg) center;}
#section-explorer-safari-day-8.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/explorer-safari-day8.jpg) center;}
#section-explorer-safari-day-9.side-bg .background-image{background:url(../images/background/classic-safari-day9.jpg) center;}
#section-explorer-safari-day-10.side-bg .background-image{background:url(../images/background/classic-safari-day10.jpg) center;}
#section-explorer-safari-day-11.side-bg .background-image{background:url(../images/background/classic-safari-day11.jpg) center;}
#section-explorer-safari-day-12.side-bg .background-image{background:url(../images/background/classic-safari-day12.jpg) center;}

#section-classic-safari-day-1.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day1.jpg) center;}
#section-classic-safari-day-2.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day2.jpg) center;}
#section-classic-safari-day-3.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day3.jpg) center;}
#section-classic-safari-day-4.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day4.jpg) center;}
#section-classic-safari-day-5.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day5.jpg) center;}
#section-classic-safari-day-6.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day6.jpg) center;}
#section-classic-safari-day-7.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day7.jpg) center;}
#section-classic-safari-day-8.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day8.jpg) center;}
#section-classic-safari-day-9.side-bg .background-image{background:url(../images/background/classic-safari-day9.jpg) center;}
#section-classic-safari-day-10.side-bg .background-image{background:url(../images/background/classic-safari-day10.jpg) center;}
#section-classic-safari-day-11.side-bg .background-image{background:url(../images/background/classic-safari-day11.jpg) center;}
#section-classic-safari-day-12.side-bg .background-image{background:url(../images/background/classic-safari-day12.jpg) center;}

#section-makalali-safari-day-1.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day1.jpg) center;}
#section-makalali-safari-day-2.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day2.jpg) center;}
#section-makalali-safari-day-3.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day3.jpg) center;}
#section-makalali-safari-day-4.side-bg .background-image{background:url(https://dsv6bv7z2qgcg.cloudfront.net/background/classic-safari-day4.jpg) center;}
#section-makalali-safari-day-5.side-bg .background-image{background:url(../images/background/makalali-safari-day5.jpg) center;}
#section-makalali-safari-day-6.side-bg .background-image{background:url(../images/background/makalali-safari-day6.jpg) center;}
#section-makalali-safari-day-7.side-bg .background-image{background:url(../images/background/makalali-safari-day7.jpg) center;}
#section-makalali-safari-day-8.side-bg .background-image{background:url(../images/background/makalali-safari-day8.jpg) center;}
#section-makalali-safari-day-9.side-bg .background-image{background:url(../images/background/makalali-safari-day9.jpg) center;}
#section-makalali-safari-day-10.side-bg .background-image{background:url(../images/background/makalali-safari-day10.jpg) center;}
#section-makalali-safari-day-11.side-bg .background-image{background:url(../images/background/makalali-safari-day11.jpg) center;}
#section-makalali-safari-day-12.side-bg .background-image{background:url(../images/background/makalali-safari-day12.jpg) center;}

#section-about-us-3{background:#f5f5f5; height:100%;}

#section-coming-soon{ background:none; position:absolute; min-height:100%; width:100%;z-index:1;}
#section-describe{background:#202020;}
#bg-coming-soon-page{background:url(../images/background/savanna-safaris-website-coming-soon.jpg) top fixed; position:fixed; min-height:100%; width:100%;}
#section-about-us-2{background:#18191b; height:100%;}
.de_light #section-about-us-2{background:none;}
#section-why-choose-us{background:url(../images/background/savanna-safaris-bg-8.jpg) top fixed;}

.de_light #section-portfolio{background:#fff;}

#section-skill-bar{ background:url(../images/background/savanna-safaris-bg-8.jpg) center fixed; background-size: auto 100% !important;}
#section-travel-with-us{ background:url(../images/background/savanna-safaris-travel-mobile-bg.jpg) bottom fixed; background-size:cover !important; -webkit-background-size: cover !important;}
#section-testimonial{ background:url(../images/background/savanna-safaris-mobile-bg.jpg) bottom fixed; background-size:cover !important; -webkit-background-size: cover !important;}/*auto 160%*/

#section-about,
#section-blog,
#section-blog-2,
#section-safari,
#about-savanna,
#section-fun-facts,
#section-faq-2,
#contact-info,
#contact-map,
#section-classic-safari-day-2,
#section-classic-safari-day-4,
#section-classic-safari-day-6,
#section-classic-safari-day-8,
#section-classic-safari-day-10,
#section-classic-safari-day-12,
#section-explorer-safari-day-2,
#section-explorer-safari-day-4,
#section-explorer-safari-day-6,
#section-explorer-safari-day-8,
#section-explorer-safari-day-10,
#section-explorer-safari-day-12,
#section-makalali-safari-day-2,
#section-makalali-safari-day-4,
#section-makalali-safari-day-6,
#section-makalali-safari-day-8,
#section-makalali-safari-day-10,
#section-makalali-safari-day-12 {background: #2A4F65;}

#inclusionsExclusions {background: #1E0E0E;}

/* color2: darker blue - #182933 */
#section-portfolio{background: #182933; width:101%; overflow:hidden;}

/* color3: yellow - f8daa5 or FEE2B5 */
#section-awards {background: #FEE2B5;}

.de_light #section-team{background:#f5f5f5;}
#hide-content{position:absolute; width:100%; min-height:100%; z-index:100;display:none; background:rgba(0,0,0,.8);}
#about-us-paralax{background:url(../images/background/savanna-safaris-about-us-paralax-bg.jpg) top fixed;}

.de-navbar-left.de_light #subheader{background:url(../images/background/bg-subheader-sn.jpg)top fixed;}
.de-navbar-left.de_light.page-projects #subheader{background-image:url(../images/background/subheader-1-sn.jpg);}
.de-navbar-left.de_light.page-services #subheader{background-image:url(../images/background/subheader-2-sn.jpg);}
.de-navbar-left.de_light.page-about #subheader{background-image:url(../images/background/subheader-3-sn.jpg);}
.de-navbar-left.de_light.page-blog #subheader{background-image:url(../images/background/subheader-4-sn.jpg);}
.de-navbar-left.de_light.page-shop #subheader{background-image:url(../images/background/subheader-5-sn.jpg);}
.de-navbar-left.de_light.page-contact #subheader{background-image:url(../images/background/subheader-6-sn.jpg);}
.explorer-safari #subheader{background-image:url(https://dsv6bv7z2qgcg.cloudfront.net/background/savanna-safaris-subheader.jpg);}

@media only screen and (max-width: 992px) {
section,#subheader{
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
}

@media only screen and (max-width: 767px) {
section,#subheader{
-webkit-background-size: auto 100% !important;
-moz-background-size: auto 100% !important;
-o-background-size: auto 100% !important;
background-size: auto 100% !important;
background-attachment:scroll !important;
background-position: center !important;
}
}
@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait){
section,#subheader{
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
-o-background-size: auto !important;
background-size: auto !important;
}
}


/*--------------------------------------yellow.css-------------------------------*/
/* default color: #FAB702 */
.bg-color,
section.call-to-action,
#mainmenu li li a:hover,
.price-row,
.blog-list .date,
.blog-read .date,
.slider-info .text1,
#filters a.selected,
.btn-primary,
.bg-id-color,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.dropcap,
.fullwidthbanner-container a.btn,
.feature-box-big-icon i,
#testimonial-full,
.icon-deco i,
.blog-list .date-box .day,
.bloglist .date-box .day,
.feature-box-small-icon .border,
#jpreBar,
.date-post,
.team-list .small-border,
.de-team-list .small-border,
.btn-line:hover,a.btn-line:hover,
.btn-line.hover,a.btn-line.hover,
.owl-arrow span,
.de-progress .progress-bar,
#btn-close-x:hover,
.box-fx .info,
.de_tab.tab_steps .de_nav li span,
.de_testi blockquote:before,
#services-list li.active,
#services-list li a:hover,
.btn-more,
.product img:hover,
#btn-search,
.de_tab.timeline li.active .dot,
.custom-show:after,.custom-close:after,
#back-to-top,
#back-to-top
{
	background-color:#FEE2B5;
}

.feature-box i,
#mainmenu li:hover > ul,
.date-box .day,
.slider_text h1,
.id-color,
.pricing-box li h1,
.title span,
i.large:hover,
.feature-box-small-icon-2 i,
address span i,
.pricing-dark .pricing-box li.price-row,
.price,
#mainmenu a:hover,
#mainmenu a.active,
header.smaller #mainmenu a.active,
.pricing-dark .pricing-box li.price-row,
.dark .feature-box-small-icon i,
a.btn-slider:after,
.feature-box-small-icon i,
a.btn-line:after,
.team-list .social a,
.de_contact_info i,
.de_count,
.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after,
a.btn-text:after,
.separator span  i,
address span strong,
.de_tab.tab_steps .de_nav li span:hover,
.de_testi_by,
.pf_text,
.widget_tags li a,
.dark .btn-line:after, .dark  a.btn-line:after,
.crumb a,
.btn-right:after,
.btn-left:before,
#mainmenu li a:after,
.de_form input[type="radio"]:checked + label:before,
.de_form input[type="checkbox"]:checked + label:before
{
	color:#FEE2B5;
}

.feature-box i,
#filters a:hover,
#filters a.selected,

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
.feature-box-big-icon i:after,
.social-icons i,
.btn-line:hover,a.btn-line:hover,
.btn-line.hover,a.btn-line.hover,
.product img:hover,
#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus,
#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus,
.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus
{

	border-color:#FEE2B5;
}

.box-fx .inner,
.dark .box-fx .inner,
.blog-list img,
.arrow-up
{
	border-bottom-color:#FEE2B5;
}

.arrow-down{
	border-top-color:#FEE2B5;
}

.callbacks_nav {
	background-color:#FEE2B5;
}


.de_tab .de_nav li span {
border-top: 3px solid #1B222C;/*3px*/
}

.feature-box-big-icon i:after {
border-color: #FEE2B5 transparent; /*same colour as the lower of the bubble's gradient*/
}

.de_review li.active img{
	border:solid 4px #FEE2B5;
}


#mainmenu li:hover > ul,
#mainmenu a:hover,
#mainmenu a.active,
header.smaller #mainmenu a.active,
#mainmenu li a:after{
	color:#f8daa5;
}
.small-border,.widget .small-border{background-color:#406480;}











/*--------------------------------------rs-plugin/css/settings.css-----------------------------------------*/

.tp-hide-revslider,.tp-caption.tp-hidden-caption	{	visibility:hidden !important; display:none !important;}
.tp-caption { z-index:1; white-space:nowrap}
.tp-caption-demo .tp-caption	{	position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important;}
.tp-caption.whitedivider3px {
	color: #000000;
	text-shadow: none;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 1);
	text-decoration: none;
	min-width: 408px;
	min-height: 3px;
	background-position: initial initial;
	background-repeat: initial initial;
	border-width: 0px;
	border-color: #000000;
	border-style: none;
}
.tp-caption.finewide_large_white {
color:#ffffff;
text-shadow:none;
font-size:60px;
line-height:60px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:8px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.whitedivider3px {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:468px;
min-height:3px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_medium_white {
color:#ffffff;
text-shadow:none;
font-size:37px;
line-height:37px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.boldwide_small_white {
font-size:25px;
line-height:25px;
font-weight:800;
font-family:"Open Sans", sans-serif;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.whitedivider3px_vertical {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:3px;
min-height:130px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_small_white {
color:#ffffff;
text-shadow:none;
font-size:25px;
line-height:25px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_verysmall_white_mw {
font-size:13px;
line-height:25px;
font-weight:400;
font-family:"Open Sans", sans-serif;
color:#ffffff;
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:uppercase;
letter-spacing:5px;
max-width:470px;
white-space:normal !important;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgb(235, 235, 235);
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.finewide_large_white {
color: #FFF;
text-shadow: none;
font-size: 60px;
line-height: 60px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 8px;
border-width: 0px;
border-color: #000;
border-style: none;
}
.tp-caption.finewide_medium_white {
color: #FFF;
text-shadow: none;
font-size: 34px;
line-height: 34px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
border-width: 0px;
border-color: #000;
border-style: none;
}
.tp-caption.huge_red {
position:absolute;
color:rgb(223,75,107);
font-weight:400;
font-size:150px;
line-height:130px;
font-family: 'Oswald', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
background-color:rgb(45,49,54);
padding:0px;
}
.tp-caption.middle_yellow {
position:absolute;
color:rgb(251,213,114);
font-weight:600;
font-size:50px;
line-height:50px;
font-family: 'Open Sans', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.huge_thin_yellow {
position:absolute;
color:rgb(251,213,114);
font-weight:300;
font-size:90px;
line-height:90px;
font-family: 'Open Sans', sans-serif;
margin:0px;
letter-spacing: 20px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.big_dark {
position:absolute;
color:#333;
font-weight:700;
font-size:70px;
line-height:70px;
font-family:"Open Sans";
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_dark {
position:absolute;
color:#333;
font-weight:300;
font-size:40px;
line-height:40px;
font-family:"Open Sans";
margin:0px;
letter-spacing: 5px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_grey {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
padding:2px 4px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#888;
white-space:nowrap;
}
.tp-caption.small_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:14px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.large_bold_white_25 {
font-size:55px;
line-height:65px;
font-weight:700;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.medium_text_shadow {
font-size:25px;
line-height:25px;
font-weight:600;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:40px;
line-height:40px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_bold_grey {
font-size:30px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.very_large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
letter-spacing:-2px;
}
.tp-caption.very_big_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#000;
}

.tp-caption.very_big_black {
position:absolute;
color:#000;
text-shadow:none;
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#fff;
}

.tp-caption.modern_medium_fat {
position:absolute;
color:#000;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.modern_medium_fat_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.modern_medium_light {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.modern_big_bluebg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#4e5b6c;
letter-spacing:0;
}

.tp-caption.modern_big_redbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
padding-top:1px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#de543e;
letter-spacing:0;
}

.tp-caption.modern_small_text_dark {
position:absolute;
color:#555;
text-shadow:none;
font-size:14px;
line-height:22px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.boxshadow {
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}

.tp-caption.black {
color:#000;
text-shadow:none;
}

.tp-caption.noshadow {
text-shadow:none;
}

.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}

.tp-caption a:hover {
color:#ffa902;
}

.tp-caption.thinheadline_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:30px;
font-family:"Open Sans";
background-color:transparent;
}

.tp-caption.thintext_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:16px;
line-height:26px;
font-family:"Open Sans";
background-color:transparent;
}

.tp-caption.medium_bg_red a {
	color: #fff;
    text-decoration: none;
}

.tp-caption.medium_bg_red a:hover {
	color: #fff;
    text-decoration: underline;
}

.tp-caption.smoothcircle {
font-size:30px;
line-height:75px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
background-color:rgba(0, 0, 0, 0.498039);
padding:50px 25px;
text-align:center;
border-radius:500px 500px 500px 500px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.largeblackbg {
font-size:50px;
line-height:70px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:0px 20px 5px;
text-shadow:none;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}

.tp-caption.largepinkbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#db4360;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.largewhitebg {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#fff;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.largegreenbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#67ae73;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.excerpt {
font-size:36px;
line-height:36px;
font-weight:700;
font-family:Arial;
color:#ffffff;
text-decoration:none;
background-color:rgba(0, 0, 0, 1);
text-shadow:none;
margin:0px;
letter-spacing:-1.5px;
padding:1px 4px 0px 4px;
width:150px;
white-space:normal !important;
height:auto;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}

.tp-caption.large_bold_grey {
font-size:60px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_thin_grey {
font-size:34px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.small_thin_grey {
font-size:18px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(117, 117, 117);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}

.tp-caption.large_bold_darkblue {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_darkblue {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(52, 73, 94);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bold_red {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_light_red {
font-size:21px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_red {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(227, 58, 12);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bold_orange {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(243, 156, 18);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_orange {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.grassfloor {
text-decoration:none;
background-color:rgba(160, 179, 151, 1);
width:4000px;
height:150px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}

.tp-caption.large_bold_white {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_light_white {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumlarge_light_white {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumlarge_light_white_center {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:#ffffff;
text-decoration:none;
background-color:transparent;
padding:0px 0px 0px 0px;
text-align:center;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_asbestos {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(127, 140, 141);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_light_black {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.large_bold_black {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumlarge_light_darkblue {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.small_light_white {
font-size:17px;
line-height:28px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.roundedimage {
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}

.tp-caption.large_bg_black {
font-size:40px;
line-height:40px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:10px 20px 15px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumwhitebg {
font-size:30px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:rgb(255, 255, 255);
padding:5px 15px 10px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.medium_bg_orange_new1 {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}



.tp-caption.boxshadow{
		-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	}

.tp-caption.black{
		color: #000;
		text-shadow: none;
		font-weight: 300;
		font-size: 19px;
		line-height: 19px;
		font-family: 'Open Sans', sans;
	}

.tp-caption.noshadow {
		text-shadow: none;
	}


.tp_inner_padding	{	box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						max-height:none !important;	}


/*.tp-caption			{	transform:none !important}*/


/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner		{
										width: 0;
										height: 0;
										border-left: 40px solid transparent;
										border-right: 0px solid transparent;
										border-top: 40px solid #00A8FF;
										position: absolute;left:-40px;top:0px;
									}

.tp-caption .backcorner		{
										width: 0;
										height: 0;
										border-left: 0px solid transparent;
										border-right: 40px solid transparent;
										border-bottom: 40px solid #00A8FF;
										position: absolute;right:0px;top:0px;
									}

.tp-caption .frontcornertop		{
										width: 0;
										height: 0;
										border-left: 40px solid transparent;
										border-right: 0px solid transparent;
										border-bottom: 40px solid #00A8FF;
										position: absolute;left:-40px;top:0px;
									}

.tp-caption .backcornertop		{
										width: 0;
										height: 0;
										border-left: 0px solid transparent;
										border-right: 40px solid transparent;
										border-top: 40px solid #00A8FF;
										position: absolute;right:0px;top:0px;
									}

/******************************
	-	BUTTONS	-
*******************************/

.tp-simpleresponsive .button				{	padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
												cursor:pointer;
												color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
												background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
											}

.tp-simpleresponsive  .button.big			{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top;}


.tp-simpleresponsive  .purchase:hover,
.tp-simpleresponsive  .button:hover,
.tp-simpleresponsive  .button.big:hover		{	background-position:bottom, 15px 11px;}



	@media only screen and (min-width: 768px) and (max-width: 959px) {

	 }



	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.tp-simpleresponsive  .button	{	padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal;	}
		.tp-simpleresponsive  a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }


	}

    @media only screen and (min-width: 0px) and (max-width: 479px) {
		.tp-simpleresponsive  .button	{	padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;}
		.tp-simpleresponsive  a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none;	 }
	}





/*	BUTTON COLORS	*/



.tp-simpleresponsive  .button.green, .tp-simpleresponsive  .button:hover.green,
.tp-simpleresponsive  .purchase.green, .tp-simpleresponsive  .purchase:hover.green			{ background-color:#21a117; -webkit-box-shadow:  0px 3px 0px 0px #104d0b;        -moz-box-shadow:   0px 3px 0px 0px #104d0b;        box-shadow:   0px 3px 0px 0px #104d0b;  }


.tp-simpleresponsive  .button.blue, .tp-simpleresponsive  .button:hover.blue,
.tp-simpleresponsive  .purchase.blue, .tp-simpleresponsive  .purchase:hover.blue			{ background-color:#1d78cb; -webkit-box-shadow:  0px 3px 0px 0px #0f3e68;        -moz-box-shadow:   0px 3px 0px 0px #0f3e68;        box-shadow:   0px 3px 0px 0px #0f3e68;}


.tp-simpleresponsive  .button.red, .tp-simpleresponsive  .button:hover.red,
.tp-simpleresponsive  .purchase.red, .tp-simpleresponsive  .purchase:hover.red				{ background-color:#cb1d1d; -webkit-box-shadow:  0px 3px 0px 0px #7c1212;        -moz-box-shadow:   0px 3px 0px 0px #7c1212;        box-shadow:   0px 3px 0px 0px #7c1212;}

.tp-simpleresponsive  .button.orange, .tp-simpleresponsive  .button:hover.orange,
.tp-simpleresponsive  .purchase.orange, .tp-simpleresponsive  .purchase:hover.orange		{ background-color:#ff7700; -webkit-box-shadow:  0px 3px 0px 0px #a34c00;        -moz-box-shadow:   0px 3px 0px 0px #a34c00;        box-shadow:   0px 3px 0px 0px #a34c00;}

.tp-simpleresponsive  .button.darkgrey, .tp-simpleresponsive  .button.grey,
.tp-simpleresponsive  .button:hover.darkgrey, .tp-simpleresponsive  .button:hover.grey,
.tp-simpleresponsive  .purchase.darkgrey, .tp-simpleresponsive  .purchase:hover.darkgrey	{ background-color:#555; -webkit-box-shadow:  0px 3px 0px 0px #222;        -moz-box-shadow:   0px 3px 0px 0px #222;        box-shadow:   0px 3px 0px 0px #222;}

.tp-simpleresponsive  .button.lightgrey, .tp-simpleresponsive  .button:hover.lightgrey,
.tp-simpleresponsive  .purchase.lightgrey, .tp-simpleresponsive  .purchase:hover.lightgrey	{ background-color:#888; -webkit-box-shadow:  0px 3px 0px 0px #555;        -moz-box-shadow:   0px 3px 0px 0px #555;        box-shadow:   0px 3px 0px 0px #555;}



/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

/*.tp-simpleresponsive				{	-webkit-perspective: 1500px;
										-moz-perspective: 1500px;
										-o-perspective: 1500px;
										-ms-perspective: 1500px;
										perspective: 1500px;
									}*/




/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/

.fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}



.fullwidthbanner-container{
	width:100%;
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthbanner{
	width:100%;
	position:relative;
}



/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";		-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; */
	position:absolute;visibility: hidden;
	-webkit-font-smoothing: antialiased !important;
}


.tp-simpleresponsive img	{	max-width:none;}



/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}


/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow  {
		position:absolute;

		margin-left:auto;
		margin-right:auto;
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
	}

.tp-bannershadow.tp-shadow1 {	background:url(../images/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px;}
.tp-bannershadow.tp-shadow2 {	background:url(../images/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 {	background:url(../images/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;}


/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video	{ width:100% !important; height:100% !important; display: none}

.tp-caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video	{ width:100% !important; height:100% !important; display: none;}


.fullscreenvideo .vjs-loading-spinner { visibility:none;display:none !important; width:0px;height:0px;}
.fullscreenvideo .vjs-control-bar.vjs-fade-out,
.fullscreenvideo .vjs-control-bar.vjs-fade-in,
.fullscreenvideo .vjs-control-bar.vjs-fade-out.vjs-lock-showing,
.fullscreenvideo .vjs-control-bar.vjs-fade-in.vjs-lock-showing		{	visibility: hidden !important; opacity: 0 !important;display:none !important;width:0px;height:0px;overflow: hidden;}

.fullcoveredvideo.video-js,
.fullcoveredvideo video				{	background: transparent !important;}

.fullcoveredvideo .vjs-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px;}

/********************************
	-	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;}
.tp-dottedoverlay.twoxtwo				{	background:url(../images/assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite			{	background:url(../images/assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree			{	background:url(../images/assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite		{	background:url(../images/assets/gridtile_3x3_white.png)}
/********************************
	-	DOTTED OVERLAYS ENDS	-
*********************************/


/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/

.tpclear		{	clear:both;}


.tp-bullets									{	z-index:1000; position:absolute;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;
												-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px);
											}
.tp-bullets.hidebullets					{
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
												-moz-opacity: 0;
												-khtml-opacity: 0;
												opacity: 0;
											}


.tp-bullets.simplebullets.navbar						{ 	border:1px solid #666; border-bottom:1px solid #444; background:url(../images/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}

.tp-bullets.simplebullets.navbar-old					{ 	 background:url(../images/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}


.tp-bullets.simplebullets.round .bullet					{	cursor:pointer; position:relative;	background:url(../images/assets/bullet.png) no-Repeat top left;	width:20px;	height:20px;  margin-right:0px; float:left; margin-top:0px; margin-left:3px;}
.tp-bullets.simplebullets.round .bullet.last			{	margin-right:3px;}

.tp-bullets.simplebullets.round-old .bullet				{	cursor:pointer; position:relative;	background:url(../images/assets/bullets.png) no-Repeat bottom left;	width:23px;	height:23px;  margin-right:0px; float:left; margin-top:0px;}
.tp-bullets.simplebullets.round-old .bullet.last		{	margin-right:0px;}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet				{	cursor:pointer; position:relative;	background:url(../images/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px;}
.tp-bullets.simplebullets.square .bullet.last			{	margin-right:0px;}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet			{	cursor:pointer; position:relative;	background:url(../images/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px;}
.tp-bullets.simplebullets.square-old .bullet.last		{	margin-right:0px;}


/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet			{	cursor:pointer; position:relative;	background:url(../images/assets/bullet_boxed.png) no-Repeat top left;	width:18px;	height:19px;   margin-right:5px; float:left; margin-top:0px;}

.tp-bullets.simplebullets.navbar .bullet.first		{	margin-left:0px !important;}
.tp-bullets.simplebullets.navbar .bullet.last		{	margin-right:0px !important;}



/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet			{	cursor:pointer; position:relative;	background:url(../images/assets/navigdots.png) no-Repeat bottom left;	width:15px;	height:15px;  margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar-old .bullet.first		{	margin-left:0px !important;}
.tp-bullets.simplebullets.navbar-old .bullet.last		{	margin-right:0px !important;}


.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected				{	background-position:top left; }

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected		{	background-position:bottom left; }



/*************************************
	-	TP ARROWS 	-
**************************************/
.tparrows												{	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
															-moz-opacity: 1;
															-khtml-opacity: 1;
															opacity: 1;
															-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;			
															-webkit-transform: translateZ(5000px);
															-webkit-transform-style: flat;
															-webkit-backface-visibility: hidden;
															z-index:600;
															position: relative;

														}
.tparrows.hidearrows									{
															-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
															-moz-opacity: 0;
															-khtml-opacity: 0;
															opacity: 0;
														}
.tp-leftarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/large_left.png) no-Repeat top left;	width:40px;	height:40px;   }
.tp-rightarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/large_right.png) no-Repeat top left;	width:40px;	height:40px;   }


.tp-leftarrow.round										{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/small_left.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/small_right.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left;	margin-top:0px;}


.tp-leftarrow.round-old									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/arrow_left.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/arrow_right.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left;	margin-top:0px;}


.tp-leftarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/small_left_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-right:6px; margin-top:12px;}
.tp-rightarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/small_right_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-left:6px; margin-top:12px;}


.tp-leftarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/arrowleft.png) no-Repeat top left;		width:9px;	height:16px;   float:left;	margin-right:6px; margin-top:10px;}
.tp-rightarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/arrowright.png) no-Repeat top left;	width:9px;	height:16px;   float:left;	margin-left:6px; margin-top:10px;}

.tp-leftarrow.navbar-old.thumbswitharrow				{	margin-right:10px; }
.tp-rightarrow.navbar-old.thumbswitharrow				{	margin-left:0px; }

.tp-leftarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px;}
.tp-rightarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px;}


.tp-leftarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px;}
.tp-rightarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px;}


.tp-leftarrow.default									{	/*z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/large_left.png) no-Repeat 0 0;	width:40px;	height:40px;*/

														}
.tp-rightarrow.default									{	/*z-index:100;cursor:pointer; position:relative;	background:url(../images/assets/large_right.png) no-Repeat 0 0;	width:40px;	height:40px;*/

														}




.tp-leftarrow:hover,
.tp-rightarrow:hover 									{	background-position:bottom left; }






/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs						{	z-index:1000; position:absolute; padding:3px;background-color:#fff;
												width:500px;height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
												margin-top:-50px;
											}


.fullwidthbanner-container .tp-thumbs		{  padding:3px;}

.tp-bullets.tp-thumbs .tp-mask				{	width:500px; height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
												overflow:hidden; position:relative;}


.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer	{	width:5000px; position:absolute;}

.tp-bullets.tp-thumbs .bullet				{   width:100px; height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
												cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
												/*filter: alpha(opacity=50);	*/
												-moz-opacity: 0.5;
												-khtml-opacity: 0.5;
												opacity: 0.5;

												-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
											}


.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected		{ 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;
											}
.tp-thumbs img								{	width:100%; }


/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	width:100%; height:10px; background:url(https://dsv6bv7z2qgcg.cloudfront.net/timer.png);position:absolute; z-index:200;top:0px;}
.tp-bannertimer.tp-bottom					{	bottom:0px;height:5px; top:auto;}




/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/




    @media only screen and (min-width: 0px) and (max-width: 479px) {
				.responsive .tp-bullets	{	display:none}
				.responsive .tparrows	{	display:none;}
	}


/******************************
	-	HTML5 VIDEO SETTINGS	-
********************************/

.vjs-tech { margin-top:1px}

.tp-caption .vjs-default-skin .vjs-big-play-button	{	left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
width: 40px;
height: 40px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: none;
box-shadow: none;
text-shadow: none;
line-height: 30px;
vertical-align: top;
padding: 0px;
}

.tp-caption .vjs-default-skin .vjs-big-play-button:before {
 position:absolute;
 top:0px; left:0px;
 line-height:40px;
 text-shadow: none !important;
 color:#fff;
 font-size:18px;

}

.tp-caption  .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {

	box-shadow:none;
	-webkit-box-shadow:none;

}



/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

 .tp-simpleresponsive img {
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
}



.tp-simpleresponsive a{	text-decoration:none;}

.tp-simpleresponsive ul {
	list-style:none;
	padding:0;
	margin:0;
}

.tp-simpleresponsive >ul >li{
	list-stye:none;
	position:absolute;
	visibility:hidden;
}
/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:3000px; height:1500px;  background:url(../images/assets/coloredbg.png) repeat;}

/******************************
	-	LOADER FORMS	-
********************************/

.tp-loader 	{	  
				top:50%; left:50%; 
				z-index:10000; 
				position:absolute;
				

			}
			
.tp-loader.spinner0 {
  width: 40px;
  height: 40px;
  background:url(https://dsv6bv7z2qgcg.cloudfront.net/loader.gif) no-repeat center center;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
  margin-top:-20px;
  margin-left:-20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.tp-loader.spinner1 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
  margin-top:-20px;
  margin-left:-20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



.tp-loader.spinner5 	{	background:url(../images/assets/loader.gif) no-repeat 10px 10px; 
							background-color:#fff;  
							margin:-22px -22px; 							
							width:44px;height:44px;
							border-radius: 3px;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
						}


@-webkit-keyframes tp-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes tp-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


.tp-loader.spinner2 {
  width: 40px;
  height: 40px;
  margin-top:-20px;margin-left:-20px;
  background-color: #ff0000;
   box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
  border-radius: 100%;  
  -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
  animation: tp-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes tp-scaleout {
  0% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}




.tp-loader.spinner3 {
  margin: -9px 0px 0px -35px;
  width: 70px;
  text-align: center;

}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.tp-loader.spinner3 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.tp-loader.spinner3 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes tp-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}




.tp-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center; 
  -webkit-animation: tp-rotate 2.0s infinite linear;
  animation: tp-rotate 2.0s infinite linear;
}

.tp-loader.spinner4 .dot1, 
.tp-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;  
  -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
  animation: tp-bounce 2.0s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);  
}

.tp-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes tp-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



.tp-transparentimg {	content:"url(../images/assets/transparent.png)"}
.tp-3d				{	-webkit-transform-style: preserve-3d;
						 -webkit-transform-origin: 50% 50%;
					}



.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
}


@font-face {
  font-family: 'revicons';
  src: url('../font/revicons.eot?5510888');
  src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'),
       url('../font/revicons.woff?5510888') format('woff'),
       url('../font/revicons.ttf?5510888') format('truetype'),
       url('../font/revicons.svg?5510888#revicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'revicons';
    src: url('../font/revicons.svg?5510888#revicons') format('svg');
  }
}
*/

 [class^="revicon-"]:before, [class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.revicon-search-1:before { content: '\e802'; } /* '' */
.revicon-pencil-1:before { content: '\e831'; } /* '' */
.revicon-picture-1:before { content: '\e803'; } /* '' */
.revicon-cancel:before { content: '\e80a'; } /* '' */
.revicon-info-circled:before { content: '\e80f'; } /* '' */
.revicon-trash:before { content: '\e801'; } /* '' */
.revicon-left-dir:before { content: '\e817'; } /* '' */
.revicon-right-dir:before { content: '\e818'; } /* '' */
.revicon-down-open:before { content: '\e83b'; } /* '' */
.revicon-left-open:before { content: '\e819'; } /* '' */
.revicon-right-open:before { content: '\e81a'; } /* '' */
.revicon-angle-left:before { content: '\e820'; } /* '' */
.revicon-angle-right:before { content: '\e81d'; } /* '' */
.revicon-left-big:before { content: '\e81f'; } /* '' */
.revicon-right-big:before { content: '\e81e'; } /* '' */
.revicon-magic:before { content: '\e807'; } /* '' */
.revicon-picture:before { content: '\e800'; } /* '' */
.revicon-export:before { content: '\e80b'; } /* '' */
.revicon-cog:before { content: '\e832'; } /* '' */
.revicon-login:before { content: '\e833'; } /* '' */
.revicon-logout:before { content: '\e834'; } /* '' */
.revicon-video:before { content: '\e805'; } /* '' */
.revicon-arrow-combo:before { content: '\e827'; } /* '' */
.revicon-left-open-1:before { content: '\e82a'; } /* '' */
.revicon-right-open-1:before { content: '\e82b'; } /* '' */
.revicon-left-open-mini:before { content: '\e822'; } /* '' */
.revicon-right-open-mini:before { content: '\e823'; } /* '' */
.revicon-left-open-big:before { content: '\e824'; } /* '' */
.revicon-right-open-big:before { content: '\e825'; } /* '' */
.revicon-left:before { content: '\e836'; } /* '' */
.revicon-right:before { content: '\e826'; } /* '' */
.revicon-ccw:before { content: '\e808'; } /* '' */
.revicon-arrows-ccw:before { content: '\e806'; } /* '' */
.revicon-palette:before { content: '\e829'; } /* '' */
.revicon-list-add:before { content: '\e80c'; } /* '' */
.revicon-doc:before { content: '\e809'; } /* '' */
.revicon-left-open-outline:before { content: '\e82e'; } /* '' */
.revicon-left-open-2:before { content: '\e82c'; } /* '' */
.revicon-right-open-outline:before { content: '\e82f'; } /* '' */
.revicon-right-open-2:before { content: '\e82d'; } /* '' */
.revicon-equalizer:before { content: '\e83a'; } /* '' */
.revicon-layers-alt:before { content: '\e804'; } /* '' */
.revicon-popup:before { content: '\e828'; } /* '' */



nav.nav-roundslide a {
	position: absolute;
	top: 50%;
	display: block;
	outline: none;
	text-align: left;
	z-index: 99;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

nav.nav-roundslide a.prev {
	left: 0;
}

nav.nav-roundslide a.next {
	right: 0;
}

nav.nav-roundslide a svg {
	display: block;
	margin: 0 auto;
	padding: 0;
}
/*--------------------*/
/* Rounded slide */
/*--------------------*/


.nav-roundslide a {
	margin: 0 20px;
	padding: 13px;
	width: 62px;
	height: 62px;
	border-radius: 40px;
	background: transparent;
    border: 2px solid #fff;
	-webkit-transition: width 0.3s, border-color 0.3s;
	transition: width 0.3s, border-color 0.3s;
}

.nav-roundslide .icon-wrap {
	position: absolute;
	width: 32px;
}

.nav-roundslide a.tp-leftarrow .icon-wrap {
	left: 11px;
}

.nav-roundslide a.tp-rightarrow .icon-wrap {
	right: 11px;
}

.nav-roundslide svg.icon {
	fill: #fff;
}

.nav-roundslide h3 {
	position: absolute;
	top: 0;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 0.85em;
	line-height: 58px;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
    /*-webkit-filter: blur(0.5px);
    -moz-filter: blur(0.5px);
    -o-filter: blur(0.5px);
    -ms-filter: blur(0.5px);
    filter: blur(0.5px);*/
}

.nav-roundslide a.tp-leftarrow h3 {
	right: 20px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.nav-roundslide a.tp-rightarrow h3 {
	left: 20px;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.nav-roundslide a:hover {
	width: 150px;
	border-color: #B2976D;
    background: rgba(178,151,109,.5);
/*    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);*/
}

.nav-roundslide a:hover h3 {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/*.nav-roundslide a:hover svg.icon {
	fill: #EDC891;
}*/



/*--------------------------rev-settings.css-------------------------------*/

html {
overflow-x:hidden;
padding: 0 !important;
background:#fff;
margin:0px !important;
}

#revolution-slider{
font-family:"Raleway";
}

.tp-caption{
font-size:14px;
font-weight:300;
}

.tp-caption.teaser{
letter-spacing:5px;
}

.tp-caption br{
margin-bottom:5px;
}

.tparrows{ top:50% !important;}

.med{
font-size:24px;
letter-spacing:-.5px;
}


.med-white{
color:#fff;
font-size:24px;
letter-spacing:-.5px;
}
.med-green{
color:#1a8b49;
font-size:24px;
letter-spacing:-.5px;
}
.small-white{
color:#fff;
line-height:1.7em;
}

.big-black{
font-size:52px;
letter-spacing:-3px;
color:#222;
}




.ultra-big-black{
font-size:96px;
font-weight:400;
color:#222;
margin:0;
line-height:72px;
}



.fullwidthbanner-container a.btn{
text-transform:uppercase;
letter-spacing:1px;
color:#fff !important;
font-weight:700;
padding:10px 20px 10px 20px;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}

.tp-caption.separator {
width:100px;
border-bottom:solid 1px rgba(255,255,255,.3);
}

.video-wrapper {position: relative; width: 720px; margin: 0 auto;}
.video-wrapper .mfp-close {margin: 0; top: -40px; right: -30px; opacity: 0.6; text-align: right;}
.video-popup {position: relative; display: block; background:#fff; transition: 0.3s background;}

.video-popup::before {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.55) url(../images/play-button.svg) no-repeat center center;
	background-size: 50% 50%;
	content: '';
	-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
	transition: opacity 0.15s, transform 0.15s;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.video-popup:hover::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.home-promo-box-outer{
	position: absolute;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 123;
    display: flex;
    width: fit-content;
    height: 100%;
    align-items: center;

}
.home-promo-box{
	border-radius: 20px;
	padding: 40px;
	text-align: center;
    background: url(../images/dotted.png);
    background-repeat: repeat;
    width: fit-content;
    height: fit-content;
}

.home-promo-box h2{
	margin: 0;
}

.home-promo-box p{
	font-size: 22px;
	padding: 30px 0;
	margin: 0;
}

.home-promo-box a{
	margin: 0;
}


.big-white {
    font-family: "Montserrat";
    font-size: 26px;
    color: #fff;
    line-height: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 6px;
    text-shadow: 1px 1px 3px #333;
    background: rgba(30, 30, 30, .65);
    line-height: 30px;
    padding: 10px 15px;
    border-radius: 2px;
	top: 350px !important;
}

.ultra-big-white {
    font-family: "Montserrat";
    font-size: 40px !important;
    font-weight: bold !important;
    letter-spacing: 6px !important;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 1px 1px 3px #333;
    background: rgba(30, 30, 30, .65);
    line-height: 80px;
    padding: 0 20px;
    border-radius: 2px;
}

a.btn-slider {
	font-family: "Montserrat";
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 3px;
    line-height: normal;
    text-decoration: none;
    text-transform: uppercase;
    border: solid 2px #fff;
    padding: 10px 30px 10px 30px;
    background: rgba(30, 30, 30, .65);
	top: 100px !important;
	position: relative;
}


a.btn-slider:hover {
    background: #B2976D;
    color: #fff;
    border: solid 2px #000;
}

.new-line-mob{
	display: none;
}

.excur-des{
	display: block;
}

.excur-mob{
	display: none;
}
@media only screen and (min-width: 993px) and (max-width: 1450px) {
	.new-line-mob{display: block;}
	.big-white{font-size:20px !important;
		padding: 10px !important;
		text-shadow: 1px 1px 3px #333 !important;
		background: rgba(30, 30, 30, .65) !important;
		line-height: 1.5em !important;
	text-align: center !important;
	top: 200px !important;}
	.ultra-big-white{font-size:45px !important;letter-spacing:5px;padding: 10px !important;line-height: 1.5em !important; margin: 10px 0 !important;top: 350px !important; text-align: center !important;}
	
	a.btn-slider{
		top: 150px !important;
	}

}
@media only screen and (min-width: 769px) and (max-width: 992px) {
	.big-white{font-size:14px !important;
		padding: 10px !important;
		text-shadow: 1px 1px 3px #333 !important;
		background: rgba(30, 30, 30, .65) !important;
		line-height: 1.5em !important;
	text-align: center !important;
	top: 130px !important;}
	.ultra-big-white{font-size:23px !important;letter-spacing:3px;padding: 10px !important;line-height: 1.5em !important; margin: 10px 0 !important; text-align: center !important;}
	a.btn-slider{
		top: 80px !important;
	}
	a.btn-slider{font-size: 10px !important;}
	.new-line-mob{display: block;}
	.excur-des{
		display: none;
	}
	
	.excur-mob{
		display: block;
	}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
	.big-white{font-size:14px !important;
		padding: 10px !important;
		text-shadow: 1px 1px 3px #333 !important;
		background: rgba(30, 30, 30, .65) !important;
		line-height: 1.5em !important;
	text-align: center !important;
	top: 130px !important;}
	.ultra-big-white{font-size:22px !important;letter-spacing:3px;padding: 10px !important;line-height: 1.5em !important; margin: 10px 0 !important; text-align: center !important;}
	a.btn-slider{
		top: 50px !important;
	}
	a.btn-slider{font-size: 10px !important;}
	.new-line-mob{display: block;}
	.excur-des{
		display: none;
	}
	
	.excur-mob{
		display: block;
	}
	.nav-roundslide
 {
	display: none !important; /* Hide the arrows */
}
}
@media only screen and (max-width: 480px) {
	.big-white{font-size:16px !important;
		padding: 10px !important;
		text-shadow: 1px 1px 3px #333 !important;
		background: rgba(30, 30, 30, .65) !important;
		line-height: 1.5em !important;
	text-align: center !important;
	top: 130px !important;}
	.ultra-big-white{font-size:26px !important;letter-spacing:3px;padding: 10px !important;line-height: 1.5em !important; margin: 10px 0 !important; text-align: center !important;}
a.btn-slider{
	top: 80px !important;
}
a.btn-slider{font-size: 14px !important;}
.new-line-mob{display: block;}
.excur-des{
	display: none;
}

.excur-mob{
	display: block;
}
.nav-roundslide
 {
	display: none !important; /* Hide the arrows */
}
}
    
/*iPhone 5 & 5S in landscape*/
/* @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
.big-white{font-size:20px !important; top: 40px !important;}
.ultra-big-white{font-size:40px !important;letter-spacing:5px;padding: 10px 0 !important;line-height: 42px !important;top: 75px !important;}
.sfb{bottom: 150px !important;}

} */

/*iPhone 6 in landscape*/
/* @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
.big-white{font-size:20px !important; top: 90px !important;}
.ultra-big-white{font-size:40px !important;letter-spacing:5px;padding: 10px 0 !important;line-height: 42px !important;top: 125px !important;}
.sfb{bottom: 150px !important;}
}
     */
/*iPhone 6 Plus in landscape*/
/* @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
.big-white{font-size:20px !important; top: 40px !important;}
.ultra-big-white{font-size:40px !important;letter-spacing:5px;padding: 10px 0 !important;line-height: 42px !important;top: 75px !important;}
.sfb{bottom: 150px !important;}
} */