/*** 

====================================================================
					Page Title
====================================================================

***/

.page-title{
	position:relative;
	padding:290px 0px 260px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	text-align:center;
}

.page-title .auto-container{
	position: relative;
}


.page-title:before{
	position: absolute;
    left: 48%;
    top: 30%;
    height: 272px;
    width: 381px;
	background-image: url(../images/icons/dots-5.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}

.page-title .anim-icons{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.page-title .anim-icons .icon-1{
	position: absolute;
    left: 27%;
    top: -82%;
	height: 14px;
	width: 16px;
	background-image: url(../images/icons/span-1.png);
	background-repeat: no-repeat;
	background-position: center;
}

.page-title .anim-icons .icon-2{
	position: absolute;
	left: -3%;
    top: 30%;
	height: 45px;
	width: 45px;
	background-image: url(../images/icons/span-2.png);
	background-repeat: no-repeat;
	background-position: center;
}

.page-title .anim-icons .icon-3{
	position: absolute;
	left: 13%;
    top: 60%;
	height: 31px;
	width: 34px;
	background-image: url(../images/icons/span-3.png);
	background-repeat: no-repeat;
	background-position: center;
}

.page-title .anim-icons .icon-4{
	position: absolute;
	left: 6%;
    top: 177%;
	height: 23px;
	width: 23px;
	background-image: url(../images/icons/span-4.png);
	background-repeat: no-repeat;
	background-position: center;
}

.page-title .anim-icons .icon-5{
	position: absolute;
    left: 95%;
    top: -100%;
	height: 22px;
	width: 22px;
	background-image: url(../images/icons/span-5.png);
	background-repeat: no-repeat;
	background-position: center;
}

.page-title .anim-icons .icon-6{
	position: absolute;
    left: 110%;
    top: -15%;
	height: 30px;
	width: 30px;
	background-image: url(../images/icons/span-6.png);
	background-repeat: no-repeat;
	background-position: center;
}

.page-title .anim-icons .icon-7{
	position: absolute;
    left: 94%;
    top: 23%;
	height: 18px;
	width: 21px;
	background-image: url(../images/icons/span-7.png);
	background-repeat: no-repeat;
	background-position: center;
}

.page-title .anim-icons .icon-8{
	position: absolute;
	left: 85%;
    top: 73%;
	height: 41px;
	width: 43px;
	background-image: url(../images/icons/span-8.png);
	background-repeat: no-repeat;
	background-position: center;
}

.page-title .anim-icons .icon-9{
	position: absolute;
 	left: 84%;
    top: -36%;
	height: 16px;
	width: 17px;
	background-image: url(../images/icons/span-9.png);
	background-repeat: no-repeat;
	background-position: center;
}

.page-title h1{
	position:relative;
	font-size:60px;
	line-height: 1.2em;
	font-weight: 700;
	color:#3c4858;
	margin-bottom: 20px;
	letter-spacing: 2px;
}

.page-title .bread-crumb{
	position: relative;
	display: inline-block;
	margin-right: -150px;
}

.page-title .bread-crumb:before{
	position: absolute;
	left: -145px; ;
	top: 12px;
	background-color: #3c4858;
	height: 1px;
	width: 130px;
	content: "";
}

.page-title .bread-crumb li{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	color: #555555;
	font-weight: 400;
	margin-right:7px;
	padding-right:7px;
	cursor: default;
}

.page-title .bread-crumb li a{
	color:#3c4858;
	font-size: 16px;
	line-height: 24px;
	display: inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.page-title .bread-crumb li a:hover{
	color:#f44438;	
}

.page-title .bread-crumb li:after{
	position:absolute;
	content:'/';
	right:-5px;
	font-weight:500;
	top:0px;
	color:#3c4858;
	font-size: 15px;
}

.page-title .bread-crumb li:last-child::after{
	display:none;
}

.page-title .bread-crumb li:last-child{
	padding-right:0px;
	margin-right:0px;
}