/* This css file is to override bootstarp css
***************************************************** /
* Theme Name: MatRex
* Theme URI:  http://themeforest.net/user/dixipixi
* Author: DixiPixi
* Author URI: http://dixipixi.com
* Description:  Matrex Portfolio is Responsive Bootstrap HTML5 Template
* Version: 1.1
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Tags: html5, template, creative, personal, lifestyle, minimal
***************************************************** /




/*
|----------------------------------------------------------------------------
| CSS INDEX
|----------------------------------------------------------------------------

1. General Style

2. Header Style

3. Breadcrumb Style

4. Pagination Style

5. Miscellaneous Style

6. Portfolio Style

7. About Style

8. Team Style

9. Blog Post Style

10. Contact Style

11. Preloader Style

12. Footer Style

*/
/*----------------------------------
	1. General Style
------------------------------------*/
html, html a {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

body {
  font-weight: 400;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0;
  background-size: cover;
  color: #000;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

p {
  line-height: 30px;
  font-size: 22px;
  margin-bottom: 30px;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  line-height: 100%;
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 22px;
  margin: 0;
  letter-spacing: 2.4px;
  font-weight: 500;
  color: #000;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

h4 {
  font-size: 26px;
  margin: 0;
  letter-spacing: 2.4px;
  font-weight: 700;
  color: #000;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

h5 {
  font-size: 18px;
  word-spacing:4px;
  line-height:1.5;
}

h6 {
  font-size: 14px;
}

img {
  object-fit: cover;
  display: inline-block;
}

a {
  color:#CC640A;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: 0.4s ease-in;
  -o-transition: 0.4s ease-in;
  transition: 0.4s ease-in;
}

a:hover, a:focus {
  text-decoration:underline;
  color:#DAEFF4;
  outline: 0;
}

iframe {
  border: 0;
}

.ps-rel {
  position: relative;
}

.background-property {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.full-page-wrap {
  padding: 0 80px 80px 80px;
  position: relative;
}

.vintage-section {
  background: url(../../images/bg/bg_vintage.png) center top no-repeat;
}

.vintage-section2 {
  background: url(../../images/bg/bg_vintage2.png) center top no-repeat;
}

.vintage-section3 {
  background: url(../../images/bg/bg_vintage3.png) center top no-repeat;
}

.vintage-section4 {
  background: url(../../images/bg/bg_vintage4.png) center top no-repeat;
}

.vintage-sectionnews {
  background: url(../../images/bg/bg_vintagenews.png) center top no-repeat;
}

.vintage-sectionselection {
  background: url(../../images/bg/bg_official_selection.png) center top no-repeat;
}

.section-title h3 {
  font-size: 30px;
  position: relative;
  color: #000;
  display: inline-block;
  margin: 0;
  font-family: "Limelight", cursive;
}

.section-title h3:before {
  content: '';
  position: absolute;
  right: -170px;
  top: 15px;
  width: 100px;
  height: 1px;
  background: rgba(0, 0, 0, 0.3);
}

.template-styled-content .title, .template-styled-content .text {
  display: inline-block;
}

.template-styled-content .title {
  width: 29%;
  vertical-align: top;
}

.template-styled-content .title h5 {
  display: inline-block;
  position: relative;
  line-height: 30px;
  margin: 3px 0 0 0;
  color: #07c1b8;
  font-family: "Montserrat", sans-serif;
}

.template-styled-content .title h5:before {
  content: '';
  position: absolute;
  right: -120px;
  top: 12px;
  width: 100px;
  height: 1px;
  background: rgba(0, 0, 0, 0.3);
}

.template-styled-content .text {
  width: 70%;
}

.template-styled-content .text p {
  margin-bottom: 45px;
  font-family: "Crimson Text", serif;
}

.gutter_sizer {
  width: 70px;
}

/*-------------------------
	2 - Button Styles
-------------------------*/
.btn-one {
  padding: 15px 45px;
  font-size: 14px;
  background: #ffe800;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.btn-one:hover {
  background: #07c1b8;
}

.btn-two {
  padding: 15px 45px;
  font-size: 14px;
  background:#76AADB;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.btn-two:hover {
  background: #07c1b8;
}

/*----------------------------------------------
		2. Header Style
-----------------------------------------------*/
.header-common {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 80px;
  z-index: 9999;
  background: #fff;
}

.navbar.navbar-default {
  border-radius: 0;
  padding: 20px 0;
  border: none;
  background: transparent;
  margin-bottom: 0;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.navbar.navbar-default.active {
  padding: 5px 0;
}

.navbar-brand {
  width: 20%;
  padding: 10px 15px 10px 0;
}

.nav-toggle-area {
  width: 60%;
  float: left;
}

.main-menu {
  position: fixed;
  top: 90px;
  left: 0;
  bottom: 0;
  right: 0;
  width: calc(100vw - 175px);
  height: 500px;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  display: table;
  margin: 0 auto;
  background-color:#0a4661;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.main-menu.active {
  opacity: 1;
  visibility: visible;
}

.main-menu .navbar-nav {
  width: 250px;
  margin: 0 auto;
  float: none;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.main-menu .navbar-nav li {
  display: block;
  float: none;
}

.main-menu .navbar-nav li a {
  color:#FCF7F7;
  font-size: 30px;
  line-height: 60px;
  padding: 0;
  letter-spacing: 0.75px;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.main-menu .navbar-nav li a:hover {
  color:#C6DEF7;
  background: transparent;
}

.header-social {
  width: 20%;
  float: left;
  padding: 15px 0;
  text-align: right;
}

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

.header-social ul li {
  display: inline-block;
  margin-right: 25px;
  font-size: 16px;
}

.header-social ul li a {
  color: #111111;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.header-social ul li a:hover {
  color: #07c1b8;
}

.header-social ul li:last-child {
  margin-right: 0;
}

.nav-toggle {
  display: block;
  height: 50px;
  width: 50px;
  background-color: transparent;
  position: relative;
  color: #EF1BE0;
  margin: 0 auto;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #e5e5e5;
}

.nav-toggle:before,
.nav-toggle:after,
.nav-toggle span {
  position: absolute;
  width: 22px;
  height: 3px;
  background-color: #111111;
  content: "";
  right: 12px;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.nav-toggle:before {
  top: 15px;
}

.nav-toggle:after {
  bottom: 15px;
}

.nav-toggle span {
  top: 50%;
  margin-top: -1px;
}

.nav-toggle.active {
  background: #0a4661;
}

.nav-toggle.active:before {
  top: 23px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-toggle.active:after {
  top: 23px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-toggle.active span {
  right: 0;
  width: 0;
  visibility: hidden;
  -webkit-transition-property: right, width;
  transition-property: right, width;
  -webkit-transition-duration: 0.2s, 0.5s;
  transition-duration: 0.2s, 0.5s;
  -webkit-transition-delay: 0s, 0.2s;
  transition-delay: 0s, 0.2s;
}

/*----------------------------------------------
		3. Breadcrumb Style
-----------------------------------------------*/
.sub-header {
  padding: 206px 0;
  background-size: cover;
  text-align: center;
  margin-top: 90px;
}

.sub-header h2 {
  margin: 0;
  letter-spacing: 2.4px;
  font-weight: 600;
  color: #fff;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.sub-header h3 {
  margin: 0;
  letter-spacing: 2.4px;
  font-weight: 700;
  color: #fff;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.sub-header.portfolio {
  background: url(../../images/bg/sub_header_1.png) center center no-repeat;
}

.sub-header.about {
  background: url(http://stillvoicesfilmfestival.com/images/bg/sub_header_2.jpg) center center no-repeat;
}

.sub-header.blog {
  background: url(../../images/bg/sub_header_9.png) center center no-repeat;
}

.sub-header.news {
  background: url(../../images/bg/sub_header_news.png) center center no-repeat;
}

.sub-header.selection {
  background: url(../../images/bg/sub_header_selection.png) center center no-repeat;
}

.sub-header.camping {
  background: url(../../images/bg/sub_header_2.png) center center no-repeat;
}

.sub-header.volunteer {
  background: url(../../images/bg/sub_header_8.png) center center no-repeat;
}

.sub-header.project-details {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_5.png) center center no-repeat;
}

.sub-header.tickets {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_10.png) center center no-repeat;
}

.sub-header.programme {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_12.png) center center no-repeat;
}

.sub-header.supporters {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_3.png) center center no-repeat;
}

.sub-header.judging {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_4.png) center center no-repeat;
}

.sub-header.committee {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_6.png) center center no-repeat;
}

.sub-header.venues {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_7.png) center center no-repeat;
}

.sub-header.ballymahon {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_11.png) center center no-repeat;
}

.sub-header.gettinghere {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_13.png) center center no-repeat;
}

/*.sub-header.camping {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_2.png) center center no-repeat;
}*/

.sub-header.places {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_14.png) center center no-repeat;
}

.sub-header.contact {
  padding-top: 325px;
  padding-bottom: 60px;
  text-align: left;
  background: url(../../images/bg/sub_header_9.png) center center no-repeat;
}

.sub-header.project-details h3 {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  line-height: 35px;
  font-family: "Crimson Text", serif;
}

.sub-header.project-details h6 {
  line-height: 35px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
}

/*----------------------------------------------
		4. Pagination Style
-----------------------------------------------*/
.pagination {
  margin: 0;
  min-height: 80px;
}

.pagination .page-numbers {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-family: page-numbers;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  margin-right: 8px;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.pagination .page-numbers:hover {
  height: 60px;
  width: 60px;
  font-size: 20px;
  line-height: 60px;
  background: #ffe800;
  border-color: transparent;
}

.pagination .page-numbers.current {
  padding: 20px 25px;
  line-height: 60px;
  background: #ffe800;
  border-color: transparent;
}

/*----------------------------------------------
			5. Miscellaneous Style
-----------------------------------------------*/
.partnar-section {
  padding-top: 45px;
  padding-bottom: 5px;
}

.partnar-section .owl-carousel .owl-item {
  text-align: center;
}

.partnar-section .owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.newsletter-area {
  padding: 120px 0;
}

.newsletter-form-block {
  margin-left: 50px;
}

.newsletter-signup input {
  width: 60%;
  font-size: 14px;
  margin-right: 25px;
  display: inline-block;
  padding: 14px 0 14px 20px;
  font-family: "Montserrat", sans-serif;
}

.newsletter-signup input:focus {
  outline: 0;
}

.newsletter-signup button {
  display: inline-block;
  text-transform: uppercase;
  border: none;
}

.newsletter-signup button:focus {
  outline: 0;
}

.newsletter-signup p {
  margin: 0;
}

.project-details-wrap {
  background: #f5f5f5;
  padding-top: 80px;
  padding-bottom: 10px;
}

.project-details-wrap-inner {
  margin-bottom: 90px;
}

.project-details-content-wrap {
  margin-right: 70px;
}

.project-details-block {
  position: relative;
  margin-bottom: 30px;
}

.project-details-block .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.project-details-block a {
  
  width: 100%;
  top: 60%;
  left: 0;
  right: 0;
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto;
}

.project-details-block a i.fa {
  color: #fff;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.project-details-block a:hover i.fa {
  color: #07c1b8;
}

.project-details-block:hover .overlay {
  opacity: 1;
}

.project-details-block:hover a {
  top: 50%;
  opacity: 1;
}

/*----------------------------------------------
	6. Portfolio Style
-----------------------------------------------*/
.portfolio-area {
  padding-top: 90px;
  padding-bottom: 50px;
  background-color: #f5f5f5;
}

.portfolio_filter_btns {
  text-align: center;
  margin-bottom: 50px;
}

.portfolio_filter_btns button, .portfolio_filter_btns button:focus, .portfolio_filter_btns button:active {
  background: transparent;
  border: none;
  outline: 0;
}

.portfolio_filter_btns button {
  font-size: 16px;
  line-height: 30px;
  margin-right: 25px;
  color:#094EB8;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.portfolio_filter_btns button:hover {
  color: #fff;
}

.portfolio_filter_btns button:last-child {
  margin-right: 0;
}

.portfolio_filter_btns button.active {
  color: #fff;
}

.portfolio-item {
  position: relative;
}

.portfolio-hvr-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.portfolio-hvr-content .top-block {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
  opacity: 0;
  transform: translateY(-10%);
  background-color:#2985A6;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.portfolio-hvr-content .top-block-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.portfolio-hvr-content span {
  font-size: 14px;
  line-height: 25px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  color: #111111;
}

.portfolio-hvr-content h4 {
  margin: 0;
  line-height: 25px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  color: #111111;
}

.bottom-block {
  width: 100%;
  height: 50%;
  font-size: 0;
}

.portfolio-popup-btn {
  width: 50%;
  height: 100%;
  font-size: 22px;
  color: #fff;
  text-align: center;
  display: table;
  float: left;
  opacity: 0;
  transform: translate(-5%, 5%);
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  background-color: #ff9333;
}

.portfolio-popup-btn i.fa {
  display: table-cell;
  vertical-align: middle;
}

.portfolio-popup-btn:hover {
  color: #ffe800;
}

.portfolio-btn {
  width: 50%;
  height: 100%;
  font-size: 22px;
  color: #fff;
  text-align: center;
  display: table;
  float: right;
  opacity: 0;
  transform: translate(5%, 5%);
  background-color: #07c1b8;
}

.portfolio-btn i.fa {
  display: table-cell;
  vertical-align: middle;
}

.portfolio-btn:hover {
  color: #ffe800;
}

.grid-item:hover .top-block {
  opacity: 1;
  transform: translateY(0%);
}

.grid-item:hover .portfolio-popup-btn,
.grid-item:hover .portfolio-btn {
  opacity: 1;
  transform: translate(0%, 0%);
}

.grid-item {
  width: 29.2%;
  margin-bottom: 70px;
  overflow: hidden;
}

/*----------------------------------------------
		7. Testimonial Style
-----------------------------------------------*/
.testimonial-section {
  padding-top: 90px;
  padding-bottom: 50px;
  background-color: #337ab7;
}

.testimonial-inner .item {
  text-align: center;
}

.testimonial-inner .item p {
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
  line-height: 36px;
  width: 65%;
  margin: 0 auto 20px auto;
}

.testimonial-inner .item span {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.testimonial-inner {
  position: relative;
}

.quote-img {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

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

.testimonial-section .owl-controls {
  margin-top: 38px;
}

.testimonial-section .owl-theme .owl-dots .owl-dot span {
  height: 12px;
  width: 12px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.testimonial-section .owl-theme .owl-dots .owl-dot.active span,
.testimonial-section .owl-theme .owl-dots .owl-dot:hover span {
  background: #07c1b8;
  border-color: #07c1b8;
}

/*----------------------------------------------
		7. About Style
-----------------------------------------------*/
.about-page-wrap {
  background-color: #f5f5f5;
}

.about-text-block {
  position: relative;
  padding: 90px 0 70px 0;
}

.about-text-block:before {
  content: '';
  position: absolute;
  height: 190%;
  top: -25%;
  left: 0;
  right: 0;
  width: 1px;
  z-index: 99;
  background: rgba(255, 255, 255, 0.5);
  margin-left: auto;
  margin-right: auto;
}

.about-text-block .left-text-block {
  text-align: right;
}

.about-text-block .left-text-block p {
  width: 75%;
  margin: 0 0 0 auto;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  font-style: italic;
  color: #000;
  font-family: "Crimson Text", serif;
}

.about-text-block .right-text-block p {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: #000;
  font-family: "Crimson Text", serif;
}

.video-thumb {
  position: relative;
}

.video-thumb .play-btn {
  position: absolute;
  left: 0;
  right: 0;
  width: 50px;
  top: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-30px);
}

.video-thumb .play-btn i.fa {
  font-size: 50px;
  color: #ffe800;
}

.video-thumb:before {
  content: '';
  position: absolute;
  height: 100px;
  bottom: 110px;
  left: 0;
  right: 0;
  width: 1px;
  z-index: 99;
  background: rgba(255, 255, 255, 0.5);
  margin-left: auto;
  margin-right: auto;
}

.overview-section {
  padding-top: 90px;
  padding-bottom: 70px;
}

.year-block .text h5 {
  color: #000;
  margin: 0 0 10px 0;
  line-height: 30px;
  font-family: "Montserrat", sans-serif;
}

/*----------------------------------------------
	8. Team Style
-----------------------------------------------*/
.team-section {
  padding-bottom: 117px;
}

.team-block {
  min-height: 300px;
  width: 100%;
  display: table;
  text-align: center;
  position: relative;
  background: #ffe800;
}

.team-block .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: rgba(255, 232, 0, 0.9);
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.team-block .team-thumb {
  display: table-cell;
  vertical-align: middle;
}

.team-block .team-thumb img {
  display: inline-block;
}

.team-content {
  padding: 35px 25px 40px 25px;
  position: absolute;
  opacity: 0;
  height: 100%;
  width: 100%;
  left: 0;
  top: -5%;
  -webkit-transition: 0.4s ease-in;
  -o-transition: 0.4s ease-in;
  transition: 0.4s ease-in;
}

.team-content h5 {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 20px;
  color: #000;
  font-family: "Montserrat", sans-serif;
}

.team-content span {
  display: block;
  font-size: 18px;
  font-style: italic;
  margin-bottom: 23px;
}

.team-content p {
  font-size: 16px;
  line-height: 24px;
}

.team-content ul {
  margin: 0;
  padding: 0;
}

.team-content ul li {
  display: inline-block;
  margin-right: 25px;
}

.team-content ul li a {
  font-size: 14px;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.team-content ul li a:hover {
  color: #07c1b8;
}

.team-content ul li:last-child {
  margin-right: 0px;
}

.team-block:hover .team-content, .team-block:hover .overlay {
  opacity: 1;
  top: 0;
}

/*----------------------------------------------
		9. Blog Post Style
-----------------------------------------------*/
.blog-page-wrap {
  background-color: #f5f5f5;
  padding-top: 120px;
  padding-bottom: 80px;
  position: relative;
}

.blog-page-wrap:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -90px;
  margin-left: auto;
  margin-right: auto;
  height: 180px;
  width: 1px;
  background: rgba(255, 255, 255, 0.8);
}

.blog-content-area {
  position: relative;
  padding-top: 60px;
  padding-bottom: 80px;
}

.blog-content-area:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  height: 220px;
  width: 1px;
  background: rgba(0, 0, 0, 0.2);
}

.post-meta {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 0.48px;
  margin-bottom: 30px;
  display: block;
  font-family: "Montserrat", sans-serif;
}

.post-title-area h3 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  padding-right: 50px;
  margin: 0 0 38px 0;
  font-family: "Crimson Text", serif;
}

.post-title-area h3 a {
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.post-title-area h3:hover a {
  color: #07c1b8;
}

.author-thumb,
.author-info {
  display: inline-block;
  vertical-align: middle;
}

.author-thumb {
  width: 15%;
}

.author-info span,
.single-post-wrapper .post-meta span {
  font-size: 14px;
  font-weight: 600;
  color: #707070;
  font-style: italic;
  display: block;
  margin-bottom: 10px;
  font-family: "Open Sans", sans-serif;
}

.author-info h6,
.single-post-wrapper .post-meta h6 {
  margin: 0;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
}

.post-entry-area {
  padding-left: 85px;
  padding-top: 55px;
}

.post-entry-area .post-style-one::first-letter {
  font-size: 40px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}

.post-entry-area p {
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 25px;
}

.post-wrap .video-thumb:after {
  content: '';
  position: absolute;
  height: 100px;
  top: 110px;
  left: 0;
  right: 0;
  width: 1px;
  z-index: 99;
  background: rgba(255, 255, 255, 0.5);
  margin-left: auto;
  margin-right: auto;
}

/*------- Single Page --------*/
.single-page .post-title {
  position: absolute;
  left: auto;
  bottom: 60px;
}

.single-page .post-title h3 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  color: #fff;
}

.single-page {
  margin-top: 95px;
  padding-bottom: 120px;
  background: #f5f5f5;
}

.post-wrapper-area {
  margin-bottom: 120px;
  padding-top: 80px;
}

.single-post-wrapper .post-meta {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.single-post-wrapper .author-thumb {
  width: 10%;
}

.single-post-wrapper .author-info {
  width: 20%;
}

.single-post-wrapper .post-entry-area {
  padding-left: 0;
  padding-bottom: 30px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #7a7a7a;
}

.single-post-wrapper .video-thumb {
  margin-bottom: 40px;
}

.single-post-wrapper .video-thumb:before {
  content: none;
}

.single-post-wrapper .widget_tag_cloud {
  float: left;
}

.single-post-wrapper .widget_tag_cloud h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.single-post-wrapper .blog-share {
  float: right;
  text-align: right;
}

.single-post-wrapper .blog-share h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.single-post-wrapper .blog-share ul {
  list-style: none;
  padding: 0;
}

.single-post-wrapper .blog-share ul li {
  display: inline-block;
}

.single-post-wrapper .blog-share ul li a {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  margin: 0 3px;
  background: rgba(255, 232, 0, 0.5);
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.single-post-wrapper .blog-share ul li a i.fa {
  font-size: 14px;
}

.single-post-wrapper .blog-share ul li a:hover {
  background: #ffe800;
}

.single-post-wrapper .blog-share ul li:last-child a {
  margin: 0;
}

.single-post-wrapper .blog-footer-section {
  padding-bottom: 15px;
  margin-bottom: 70px;
  border-bottom: 1px dotted #7a7a7a;
}

.post-entry-title {
  padding: 13px 25px 13px 45px;
  background: #ffe800;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  display: inline-block;
  position: relative;
  margin-top: 13px;
  margin-bottom: 20px;
}

.post-entry-title:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 2px;
  left: 15px;
  top: 22px;
  background: #000000;
}

blockquote {
  padding: 30px 45px 30px 30px;
  background: #f8f1ab;
  border-left: none;
  margin-top: 10px;
  margin-bottom: 50px;
}

blockquote p {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  font-style: italic;
}

.comment-area {
  margin-bottom: 80px;
}

.comment-area .media {
  border-bottom: 1px dotted #7a7a7a;
}

.comment-area ul {
  padding: 0;
  list-style: none;
}

.comment-area ul .media .media-left {
  padding-right: 30px;
  display: block;
  float: left;
}

.comment-area .comment-info {
  position: relative;
}

.comment-area .comment-info .replay-btn {
  position: absolute;
  top: 0;
  right: 40px;
  margin: 0;
  z-index: 99;
  font-size: 14px;
  line-height: 26px;
  font-family: "Montserrat", sans-serif;
}

.comment-area .comment-info .replay-btn a {
  position: relative;
  z-index: 99;
}

.comment-area .comment-info .replay-btn:before {
  content: '';
  position: absolute;
  height: 15px;
  width: 70px;
  background: #ffe800;
  left: -12px;
  bottom: -2px;
  z-index: 9;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.comment-area .comment-info .replay-btn:hover:before {
  height: 30px;
}

.comment-area .comment-info p {
  line-height: 26px;
  color: rgba(0, 0, 0, 0.8);
}

.commenter-name {
  margin-bottom: 5px;
}

.commenter-name h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  margin-right: 5px;
  display: inline-block;
}

.commenter-name span {
  font-size: 14px;
  color: #808080;
}

.comment-list ul li ul {
  margin-top: 50px;
  margin-left: 110px;
}

.single-page-section-heading h3 {
  margin: 0 0 50px 0;
  font-family: "Limelight", cursive;
  line-height: 36px;
}

.comment-form-area .single-page-section-heading {
  color: rgba(0, 0, 0, 0.8);
}

.comment-form {
  margin-top: 30px;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form textarea:focus {
  outline: 0;
  box-shadow: none;
}

.comment-form input[type="text"],
.comment-form input[type="email"] {
  width: 48%;
  height: 40px;
  margin-bottom: 30px;
  border: none;
  line-height: 40px;
  font-size: 18px;
  padding-left: 20px;
  border: 1px solid #e8e8e8;
  font-family: "Crimson Text", serif;
}

.comment-form input[type="text"] {
  margin-right: 28px;
}

.comment-form textarea {
  width: 100%;
  display: block;
  resize: none;
  padding: 20px 0 0 20px;
  margin-bottom: 30px;
  border: none;
  font-size: 18px;
  border-top: 1px solid #e8e8e8;
  border: 1px solid #e8e8e8;
  font-family: "Crimson Text", serif;
}

.comment-form .form-btn .btn-one {
  border: 1px solid transparent;
  font-size: 14px;
  padding: 10px 30px;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.comment-form .form-btn .btn-one:active, .comment-form .form-btn .btn-one:focus {
  outline: 0;
  box-shadow: none;
}

/* related post */
.related-post .post-thumb {
  position: relative;
}

.related-post .post-thumb h3 {
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
  width: 72%;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #fff;
  font-family: "Crimson Text", serif;
}

.related-post .post-thumb h3 a {
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.related-post .post-thumb h3 a:hover {
  color: #07c1b8;
}

.related-post-area .owl-theme .owl-nav {
  margin: 0;
  opacity: 0;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.related-post-area .owl-theme .owl-nav div {
  margin: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 40px;
  border-radius: 0;
  background: #ffe800;
}

.related-post-area .owl-theme .owl-nav div:hover {
  background: #ffe800;
}

.related-post-area .owl-theme .owl-nav div i.fa {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #000;
}

.related-post-area .owl-theme .owl-nav .owl-prev {
  left: 0;
}

.related-post-area .owl-theme .owl-nav .owl-next {
  right: 0;
}

.related-post-area:hover .owl-theme .owl-nav {
  opacity: 1;
}

/*----------------------------
	13. Sidebar Style
------------------------------*/
.widget_search {
  margin-bottom: 40px;
}

.widget-title h3 {
  line-height: 30px;
  position: relative;
  color:#000000;
  font-weight: 500;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.widget-title h4 {
  line-height: 30px;
  position: relative;
  font-weight: 700;
  font-family: "Limelight", cursive;
}

.search-form .input-box {
  position: relative;
}

.search-form .input-box button {
  position: absolute;
  top: 3px;
  right: 0;
  background: transparent;
  border: none;
  padding: 10px 10px;
}

.search-form .input-box button i.fa {
  color: #00213b;
  font-size: 14px;
}

.search-form .input-box button:focus {
  outline: 0;
}

.search-form input {
  border-radius: 0;
  padding: 22px 11px;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  font-family: "Crimson Text", serif;
  font-size: 18px;
}

.search-form input:focus {
  outline: 0;
  box-shadow: none;
  border: 1px solid #e8e8e8;
}

.widget ul {
  margin: 0;
  padding: 0;
}

.widget_categories {
  border-bottom: 1px dotted #7a7a7a;
  padding-bottom: 33px;
  margin-bottom: 40px;
}

.widget_categories ul {
  padding-left: 20px;
}

.widget_categories ul li {
  line-height: 44px;
}

.widget_categories ul li a {
  width: 90%;
  -webkit-transition: 0.3s ease-in ease-in;
  -o-transition: 0.3s ease-in ease-in;
  transition: 0.3s ease-in ease-in;
}

.widget_categories ul li span {
  text-align: right;
  -webkit-transition: 0.3s ease-in ease-in;
  -o-transition: 0.3s ease-in ease-in;
  transition: 0.3s ease-in ease-in;
}

.widget_categories ul li:hover a {
  color: #07c1b8;
}

.widget_categories ul li:hover span {
  color: #07c1b8;
}

.widget_recent_post {
  border-bottom: 1px dotted #7a7a7a;
  padding-bottom: 35px;
  margin-bottom: 40px;
}

.widget_recent_post .widget-title {
  margin-bottom: 24px;
}

.widget_recent_post ul li {
  display: table;
  margin-bottom: 12px;
}

.widget_recent_post ul li:last-child {
  margin-bottom: 0;
}

.widget_recent_post .widget-content, .widget_recent_post .widget-img {
  display: inline-block;
  display: table-cell;
}

.widget_recent_post .widget-img img {
  display: inline-block;
}

.widget_recent_post .widget-content {
  padding-left: 15px;
}

.widget_recent_post .widget-content h6 {
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  font-family: "Crimson Text", serif;
}

.widget_recent_post .widget-content h6 a {
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.widget_recent_post .widget-content h6 a:hover {
  color: #07c1b8;
}

.widget_recent_post .widget-content span {
  font-size: 16px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
}

.widget_tag_cloud .widget-title {
  margin-bottom: 30px;
}

.widget_tag_cloud .tagcloud {
  font-size: 0;
}

.widget_tag_cloud .tagcloud a {
  font-size: 14px;
  padding: 11px 15px;
  margin: 0 10px 10px 0;
  background: rgba(255, 232, 0, 0.5);
  font-family: "Open Sans", sans-serif;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.widget_tag_cloud .tagcloud a:hover {
  background: #ffe800;
}

.widget_contact {
  margin-bottom: 50px;
  padding: 40px 20px 30px 25px;
}

.widget_contact h4 {
  font-weight: 700;
  margin-bottom: 25px;
}

.widget_contact p {
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 25px;
}

.widget_contact ul span[class^="icon-"],
.widget_contact ul .contact-info {
  display: inline-block;
}

.widget_contact ul .contact-info {
  width: 70%;
}

.widget_contact ul .contact-info h5 {
  font-size: 15px;
  margin-bottom: 8px;
}

.widget_contact ul .contact-info h6 {
  margin-bottom: 8px;
}

.widget_contact ul span[class^="icon-"] {
  font-size: 24px;
  margin-right: 15px;
}

.widget_contact ul li {
  margin-bottom: 15px;
}

.widget_contact ul li:last-child {
  margin-bottom: 0;
}

.widget-presentation {
  margin-bottom: 50px;
  padding-top: 30px;
}

.widget-presentation .thumb {
  text-align: center;
  position: relative;
}

.widget-presentation .thumb img {
  display: inline-block;
}

.widget-presentation .thumb a {
  position: absolute;
  top: 42%;
  left: 46%;
}

.widget-presentation .thumb a i.fa {
  font-size: 36px;
  color: rgba(254, 87, 34, 0.5);
}

.widget-presentation .title {
  text-align: center;
  padding: 15px 0;
  margin: -1px;
}

.widget-presentation .title i.fa, .widget-presentation .title h6 {
  display: inline-block;
  font-weight: 700;
}

.widget-presentation .title i.fa {
  font-size: 18px;
  margin-right: 10px;
  color: #fe5722;
}

.widget-page-list {
  margin-bottom: 50px;
}

.widget-page-list ul li {
  margin-bottom: 5px;
  -webkit-transition: 0.3s ease-in ease-in;
  -o-transition: 0.3s ease-in ease-in;
  transition: 0.3s ease-in ease-in;
}

.widget-page-list ul li a {
  font-size: 16px;
  font-weight: 700;
  padding: 16px 30px 16px 20px;
}

.widget-page-list ul li:last-child {
  margin-bottom: 0;
}

.widget_social {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background: rgba(255, 255, 255, 0.1);
}

.widget_social ul li {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 25px;
}

.widget_social ul li a {
  -webkit-transition: 0.3s ease-in ease-in;
  -o-transition: 0.3s ease-in ease-in;
  transition: 0.3s ease-in ease-in;
}

.widget_social ul li:last-child {
  margin-right: 0px;
}

.widget_contact.with_social {
  position: relative;
  padding-bottom: 100px;
}

.widget_contact.with_social .widget_social {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

.widget.team-block {
  margin-bottom: 50px;
}

.widget-project-details {
  margin-bottom: 50px;
  padding-top: 35px;
  padding-bottom: 25px;
  padding-left: 40px;
}

.widget-project-details .section-title {
  margin-bottom: 30px;
}

.widget-project-details .section-title h2 {
  font-size: 20px;
}

.widget-project-details ul li {
  line-height: 40px;
  color: #8e99a2;
}

.sidebar.borderd {
  border-left: 1px dashed #7a7a7a;
  padding-left: 80px;
}

.project_details_widget {
  margin-bottom: 40px;
}

.project_details_widget .widget-title h4 {
  margin-top: 0;
  margin-bottom: 25px;
}

.project_details_widget p {
  margin-bottom: 0;
}

.solid_social_widget {
  margin-bottom: 45px;
  padding: 28px 0;
  border-top: 1px dashed;
  border-bottom: 1px dashed;
  border-color: #7a7a7a;
}

.solid_social_widget span, .solid_social_widget ul {
  display: inline-block;
}

.solid_social_widget span {
  font-size: 18px;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
}

.solid_social_widget ul li {
  display: inline-block;
  margin-right: 25px;
  font-size: 16px;
}

.solid_social_widget ul li:last-child {
  margin-right: 0;
}

.solid_social_widget ul li a {
  color: #111111;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.solid_social_widget ul li a:hover {
  color: #07c1b8;
}

.project_info_widget .widget-title h4 {
  margin-bottom: 20px;
}

.project_info_widget ul {
  list-style: none;
}

.project_info_widget ul li {
  margin-bottom: 25px;
}

.project_info_widget ul li h6 {
  margin: 0;
  font-family: "Montserrat", sans-serif;
}

.project_info_widget ul li p {
  margin: 0;
  color: #595959;
  font-size: 18px;
  font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.project_info_widget ul li:last-child {
  margin-bottom: 0;
}

/*----------------------------------------------
		10. Contact Style
-----------------------------------------------*/
.contact-wrap {
  background-color: #f5f5f5;
  position: relative;
}

.contact-wrap:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -80px;
  margin-left: auto;
  margin-right: auto;
  height: 150px;
  width: 1px;
  background: rgba(255, 255, 255, 0.8);
}

.contact-text {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: left;
}

.contact-text p {
  width: 66%;
  margin: 0 auto;
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  font-family: "Crimson Text", serif;
}

.contact-form-area {
  padding: 50px;
  background: #fff;
  margin-bottom: 120px;
  text-align:left;
}

.form-common input,
.form-common textarea {
  display: inline-block;
  margin-right: 40px;
  padding: 15px 0 15px 20px;
  border: 1px solid #e1e1e1;
  font-wight: 300;
  font-size: 14px;
  margin-bottom: 40px;
  font-family: "Montserrat", sans-serif;
}

.form-common input:focus,
.form-common textarea:focus {
  outline: 0;
  box-shadow: none;
}

.form-common input {
  width: 30.5%;
}

.form-common #subject {
  margin-right: 0;
}

.form-common textarea {
  width: 100%;
  resize: none;
  padding: 15px 0 0 20px;
}

.form-common button.btn-one {
  border: none;
}

.form-common button.btn-two {
  border: none;
}

.form-common button.btn-one:focus {
  outline: 0;
  box-shadow: none;
}

.form-common button.btn-two:focus {
  outline: 0;
  box-shadow: none;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}

.contact-info-section {
  padding-top: 115px;
  padding-bottom: 115px;
  background: #fff;
}

.contact-info-block {
  padding-left: 45px;
}

.contact-info-block h5 {
  margin: 0 0 20px 0;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  color: #000;
}

.contact-info-block p {
  margin-bottom: 0;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.8);
}

/*----------------------------------------------
			Preloader Style
-----------------------------------------------*/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #ffe800;
  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #ff9333;
  -webkit-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #07c1b8;
  -webkit-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}

/*----------------------------------------------
		11. Footer Style
-----------------------------------------------*/
.footer {
  padding-top: 20px;
  padding-bottom: 30px;
  background: #f5f5f5;
}

.footer-top-block {
  text-align: center;
  padding-bottom: 35px;
  border-bottom: 1px solid #dbdbdb;
}

.footer-bottom-block {
  padding-top: 35px;
}

.widget.footer-widget,
.goto-top,
.copy-right-text {
  display: inline-block;
}

.copy-right-text {
  float: left;
  width: 45%;
}

.copy-right-text p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 0;
}

.copy-right-text p a:hover {
  color: #ffe800;
}

.footer-widget {
  float: right;
  width: 45%;
  text-align: right;
}

.footer-widget ul {
  margin: 0;
  padding: 0;
}

.footer-widget ul li {
  display: inline-block;
  margin-right: 15px;
}

.footer-widget ul li a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
}

.footer-widget ul li a:hover {
  color: #ffe800;
}

.footer-widget ul li:last-child {
  margin-right: 0;
}

.goto-top {
  text-align: center;
  width: 10%;
}

.scroll-top i.fa {
  font-size: 30px;
  color: rgba(0, 0, 0, 0.5);
}