/* This css file is to override bootstarp css
***************************************************** /
* Theme Name: 1wayit portfolio
* Theme URI:  http://portfolio.1wayit.com
* Author: Vivek Choudhary
***************************************************** /
*/
/*----------------------------------
	1. General Style
------------------------------------*/
html, html a {text-rendering: optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;}
body {font-weight: 400;font-size: 18px;line-height: 100%;letter-spacing: 0;background-size: cover;color: #000;font-family: "Crimson Text", serif;}
p {line-height: 30px;font-size: 18px;margin-bottom: 30px;}
h1, h2, h3, h4, h5, h6 {padding: 0;line-height: 100%;}
h1 {font-size: 60px;}
h2 {font-size: 48px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 14px;}
img {object-fit: cover;display: inline-block;}
a {color: inherit;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: none;color: #000;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; background-size: 100%;}
.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. 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: 0 0 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-brand {width: 20%;padding: 10px 15px 10px 0;}
.nav-toggle-area {width: 60%;float: left;}
.header-social {width: 20%;float: left;padding: 27px 0 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;}
/*----------------------------------------------
	6. Portfolio Style
-----------------------------------------------*/
.portfolio-area {padding-top: 36px;  padding-bottom: 50px;  background-color: #fff;}
.portfolio_filter_btns {text-align: center;  margin-bottom: 40px;}
.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: #111111;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;  border: 2px solid rgb(143, 143, 143);}
.portfolio-hvr-content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.portfolio-hvr-content .top-block {height: 50%;width: 100%;display: table;text-align:center;opacity: 0;transform: translateY(-10%);background-color: #0B3A5E;-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: #fff;}
.portfolio-hvr-content h4 {margin: 0;line-height: 25px;font-weight: 400;font-family:"Montserrat", sans-serif;color: #fff;}
.bottom-block {width: 100%;height:100%;font-size: 0;}
.portfolio-popup-btn {width: 100%;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: rgba(80, 80, 80, 0.71);}
.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;}
.portfolio-area button:hover {background: #25C2E6 !important;  color: #000 !important;}
/*----------------------------------------------
			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: 10px;  padding-bottom: 40px;  background: #0B3A5E;}
.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: #fff;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: #fff;}
.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: #fff;}
.portfolio-area button {background: #0B3A5E !important; color: #fff !important; border-radius: 4px;  padding: 3px 19px;  margin: 0 !important;  font-size: 13px !important;}
.mfp-ready {	z-index: 9999999 !important;}
.mfp-gallery {	z-index: 9999999 !important;}
.portfolio-item .img-responsive {border: 5px solid transparent;}
.portfolio_filter_btns .active {background: #1B8CB0 !important;}
.bx-controls-direction {display: none;}
.bx-pager-item a {background: #25C2E6;  border-radius: 6px;  width: 10px;  height: 10px;  font-size: 0;}
.bx-pager-item {display: inline-block;  margin: 0px 8px;  float: left;  z-index:99999999999;  position: relative;  width: 1%;}
.sub-header.portfolio {position: relative;}
.bx-pager.bx-default-pager {position: absolute;  bottom: 2px;  left: 0px;}
.portfolio_filter_btns button {
	margin-bottom: 10px !important;
	display: inline-block;
}