/*************************************
       page-title
**************************************/
.page-title {
       display: block;
       padding-top: 280px;
       padding-bottom: 120px;
       position: relative;
}

.page-title.bg-overlay-black-60:before {
       z-index: 0;
}

.page-title .container {
       height: 100%;
       position: relative;
}

.page-title span {
       text-transform: capitalize;
}

.page-title h1 {
       text-transform: capitalize;
       color: #ffffff;
       font-weight: 600;
}

.page-title p {
       font-size: 18px;
       text-transform: capitalize;
       color: #ffffff;
}

.page-title .page-title-name {
       display: inline-block;
       width: 60%;
}

.page-title .page-breadcrumb {
       float: right;
       width: 40%;
       text-align: right;
}

ul.page-breadcrumb li span {
       color: #fff;
       font-size: 16px;
       text-transform: capitalize;
}

ul.page-breadcrumb {
       padding-top: 30px;
}

ul.page-breadcrumb li {
       color: #fff;
       display: inline-block;
       list-style: none;
}

ul.page-breadcrumb li i {
       font-size: 16px;
       padding: 0 7px;
}

ul.page-breadcrumb li a {
       color: #fff;
       font-size: 16px;
       text-transform: capitalize;
}

ul.page-breadcrumb li a:hover {
       color: #ffc038;
}

.page-title.gray-bg h1,
.page-title.gray-bg p {
       color: #323232;
}

.page-title.gray-bg ul.page-breadcrumb li a {
       color: #323232;
}

.page-title.gray-bg ul.page-breadcrumb li a:hover {
       color: #ffc038;
}

.page-title.gray-bg ul.page-breadcrumb li {
       color: #323232;
}

.page-title.gray-bg ul.page-breadcrumb li span {
       color: #ffc038;
}

/*center*/
.page-title.center {
       text-align: center;
}

.page-title.center .page-title-name {
       display: block;
       width: inherit;
}

.page-title.center .page-breadcrumb {
       float: none;
       width: inherit;
       text-align: center;
}

/*right*/
.page-title.right {
       clear: both;
}

.page-title.right .page-title-name {
       display: inline-block;
       float: right;
       text-align: right;
}

.page-title.right .page-breadcrumb {
       float: left;
       text-align: left;
}

/*small*/
.page-title.small {
       padding-top: 20px;
       padding-bottom: 20px;
       position: relative;
}

.page-title.small h1 {
       font-size: 22px;
       line-height: 24px;
       margin-bottom: 0px;
       margin-top: 8px;
}

.page-title.small .page-breadcrumb {
       padding-top: 10px;
}

/*gray-bg */
.page-title.pattern h1,
.page-title.pattern p {
       color: #323232;
}

.page-title.pattern ul.page-breadcrumb li a {
       color: #323232;
}

.page-title.pattern ul.page-breadcrumb li a:hover {
       color: #ffc038;
}

.page-title.pattern ul.page-breadcrumb li {
       color: #323232;
}

.page-title.pattern ul.page-breadcrumb li span {
       color: #ffc038;
}

/*light-overlay*/
.page-title.light-overlay {
       position: relative;
       padding-top: 360px;
}

.page-title.light-overlay:before {
       position: absolute;
       width: 100%;
       height: 100%;
       bottom: 0;
       left: 0;
       right: 0;
       content: "";
       background: url(../../images/white-overlay.png);
       background-repeat: repeat-x;
       background-position: bottom;
}

.page-title.light-overlay h1,
.page-title.light-overlay p {
       color: #323232;
}

.page-title.light-overlay ul.page-breadcrumb li a {
       color: #323232;
}

.page-title.light-overlay ul.page-breadcrumb li a:hover {
       color: #ffc038;
}

.page-title.light-overlay ul.page-breadcrumb li {
       color: #323232;
}

.page-title.light-overlay ul.page-breadcrumb li span {
       color: #ffc038;
}


/*dark-overlay*/
.page-title.dark-overlay {
       position: relative;
}

.page-title.dark-overlay:before {
       position: absolute;
       width: 100%;
       height: 100%;
       bottom: 0;
       left: 0;
       right: 0;
       content: "";
       background: url(../../images/dark-overlay.png);
       background-repeat: repeat-x;
       background-position: bottom;
}