/*/////////////////////////////////////////////////////
  Template Name: Fungus Photography & Portfolio
  Version: 1.0
  Author: CodeLamp
  Author URL: https://themeforest.net/user/codelamp
//////////////////////////////////////////////////////*/

/*
    [Table of contents]

    1.	Typography Setup
    2.	Template Elements
    3.  Transitions Setup
    4.  Header Setup
    5.  Footer Setup
    6.  Home Style
    7.  Gallery Style
    8.  Portfolio Style
    9.  Blog Style
    10. Single Pages Elements
        10.1 Portfolio Elements
        10.2 Blog Elements
        10.3 About Elements
        10.4 Contact Elements
        10.5 404 Page
    11. Extra Supported Classes
*/


/*000000000000000 TYPOGRAPHY SETUP 0000000000000000000*/

h1, h2, h3, h4, h5, h6 {
	color: #000000;
    font-family: 'Lato', sans-serif;
    font-weight:bold;
    margin-top: 0;
    letter-spacing: 2px;
}
h1 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 15px;
}
h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
}
h3 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom:15px;
}
h4 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
    letter-spacing: 3px;
}
h5 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}
h6 {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 15px;
}
p,span{
    color: #444;
    font-family: 'Lato', sans-serif;
    font-size:13px;
    line-height:23px;
    letter-spacing:1.5px;
}
p,span{
    margin-bottom:15px;
}
p span{
    margin:0;
    color:#000;
}
p a{
    color:#000;
    margin:0;
    padding:0;
}
p a, p a:visited {
	line-height: inherit;
    display:initial;
}
a{
    color:#000000;
    font-family: 'Lato', sans-serif;
    font-size:13px;
    display:inline-block;
}
a,a:hover{
	text-decoration: none;
}
a, a:visited , a:focus{
	outline: 0;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration:none;
}
b,p strong a{
 display:initial;
}

.capitalize{
    text-transform:capitalize;
}
.uppercase{
    text-transform:uppercase;
}
.uppercase p{
    text-transform:none;
}
 ::selection {
    color: #fff;
    background-color: #000;
}
::-moz-selection {
   color: #fff;
    background-color: #000;
}

/*--Media Queries--*/

@media only screen and (max-width : 568px) {
    h1 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 15px;
    }
    h2 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    h3 {
        font-size: 24px;
        line-height: 27px;
        margin-bottom:15px;
    }
    h4 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 15px;
        letter-spacing: 3px;
    }
    h5 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    h6 {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px;
    }
}


/* 0000000000000 TEMPLATE ELEMENTS 00000000000000 */

html{
    margin:0!important;
}
body,html{
    width:100%;
    background: #fff;
}


/*============== List Style =============== */

ul, ol {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
ul li{
   padding: 4px 0px;
   font-size:13px;
   letter-spacing: 1px;
}
ul li a {
    letter-spacing: 1px;
}
ol li {
    display:inline-block;
    padding:6px 6px;
    font-size:13px;
    letter-spacing: 1px;
}
ol li a {
    letter-spacing: 1px;
}
ol li:first-child{
    padding-left:0;
}
li p {
    line-height:21px;
}
.square {
    list-style-type:square;
}
.circle {
    list-style-type: disc;
}
.disc {
    list-style-type: decimal;
}
.circle, .disc, .square{
    display:block;
}
.circle li,.disc li,.square li{
    display:list-item;
}


/* ============== Form Element =============== */

input[type="button"],
input[type="submit"],
input[type="reset"] {
    outline: 0;
	margin: 0;
	border: 2px solid #cccccc;
	color: #444;
    background: transparent;
	display: inline-block;
	cursor: pointer;
    font-family: 'Lato', sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 400;
	min-width: 80px;
	outline:none;
	padding: 10px 25px;
	text-transform: capitalize;
}
input[type="submit"]{
    display:block;
}
input[type="button"]:hover ,
input[type="submit"]:hover,
input[type="reset"]:hover{
	border: 2px solid #000000;
	color: #000000;
}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active{
	border: 2px solid #000000;
	color: #000000;
}
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
    outline: 0;
    border: 2px solid #ccc;
	color: #444;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea,select {
    outline: 0;
	margin: 0;
	padding: 13px 10px;
    border:1px solid #ccc;
	width: 100%;
    display: block;
    background-color:transparent;
    font-family: 'Lato', sans-serif;
	font-size: 12px;
    color:#444;
	letter-spacing: 1px;
    margin-bottom: 20px;

}
 input:-webkit-autofill{
    background-color: rgb(255, 255, 255);
    background-image: none;
    color: rgb(0, 0, 0);
 }
textarea {
	min-height: 100px;
	resize: none;
	width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus{
    border:1px solid #000;
    color:#444;
}
input[type="text"]::-webkit-input-placeholder,
input[type="text"]::-moz-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="text"]:-moz-placeholder {
     color: #8b8b8b;
}
input[type="checkbox"],
input[type="radio"] {
	display: inline;
    margin-bottom: 20px;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
    outline: 0;
}
button[type="submit"]{
    padding:7px 15px;
    color:#fff;
    display:inline-block;
    margin-bottom:0;
    border:none;
    font-size: 15px;
    background:none;
    border-left:2px solid #000;
    text-transform:uppercase;
    vertical-align: middle;
    margin-left: -4px;
    position:relative;
    height:38px;
    z-index:99;
}
button[type="submit"]:after,
button[type="submit"]:before{
    content:"";
    position:absolute;
    right:0;
    width:100%;
    top:0;
    background:#000;
    height:100%;
    z-index:-1;
}
button[type="submit"]:before {
    background:#ccc;
}
button[type="submit"]:hover:after {
   width:2px;
}
button[type="submit"]:hover {
   color:#000
}
:focus {
	outline: 0;
}
select {
	padding:13px 10px;
    width:100%;
}
label {
	color: #444;
    font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 400 ;
	letter-spacing: 1px;
	padding: 15px 10px;
	text-transform: capitalize;
}
label,legend {
	display: block;
	font-weight: bold;
	font-size: 13px;
    color: #444;
}
::-webkit-input-placeholder {
    color: #7C7C7C;
    opacity: 1;
}
::-moz-placeholder {
    color: #7C7C7C;
    opacity: 1;
}
:-moz-placeholder {
    color: #7C7C7C;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #7C7C7C;
    opacity: 1;
}


/* ======== Buttons ========= */

button,.btn{
    border-radius:0px;
}
.btn-small,.btn-medium,.btn-large {
    display:inline-block;
    margin:0 0px 10px 0;
}
.btn-small a:after,
.btn-medium a:after,
.btn-large a:after {
    content:"";
    position:absolute;
    background:#000;
    width:100%;
    left:0;
    z-index:-1;
    top:0;
}
.btn-small a,
.btn-medium a,
.btn-large a{
    z-index: 999;
}
.btn-small a{
    padding:5px 20px;
    display:inline-block;
    position:relative;
}
.btn-medium a{
    padding:4px 20px;
    display:inline-block;
    position:relative;
}
.btn-large a {
    padding:8px 30px;
    display:inline-block;
    position:relative;
}
.btn-style1 a{
    border:1px solid #000;
    color:#000;
}
.btn-style1 a:after{
    height:0;
    background:#000;
}
.btn-style1 a:hover{
     background:#000;
     color:#fff;
}
.btn-style1 a:hover:after {
    height:100%;
}
.btn-style2 a{
    border: 1px solid #444;
    color: #444;
}
.btn-style2 a:after{
    height:0;
    background:#444;
}
.btn-style2 a:hover{
      border: 1px solid #000;
      background:#444;
     color:#fff;
}
.btn-style2 a:hover:after {
    height:100%;
}
.btn-style3 a{
    border: 1px solid #444;
    background:#444;
    color: #fff;
}
.btn-style3 a:after{
    height:100%;
    background:#444;
}
.btn-style3 a:hover{
     background:none;
     color:#000;
}
.btn-style3 a:hover:after {
    height:00%;
}
.btn-style4 a{
    border: 1px solid #000;
    background:#000;
    color: #fff;
}
.btn-style4 a:after{
    height:100%;
    background:#000;
}
.btn-style4 a:hover{
     background:none;
     color:#000;
}
.btn-style4 a:hover:after {
    height:0%;
}
.col-sm-7.text-right .btn-small,
.col-sm-7.text-right .btn-medium,
.col-sm-7.text-right .btn-large {
    margin-right:8px;
}
@media only screen and (max-width : 568px) {
    .btn-medium a {
        padding: 5px 15px;
    }
}


/* ========== Table =========== */

table {
    width: 100%;
    font-size: 12px;
    margin-bottom: 20px;
}
table th {
    text-align: center;
}
table tbody td {
    padding: 5px 10px;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    color: #000;
}
table tbody tr td:first-child {
    border-left: 1px solid #f0f0f0;
}
table th {
    border: 1px solid #f0f0f0;
    background-color: #444;
    border-bottom: none!important;
    color: #fff;
    padding: 12px 0;
    font-size: 14px;
    font-weight: normal;
}
.table>tbody>tr>td{
    padding:12px;
    font-size: 14px;
}
dt {
    font-weight: bold;
}
dd {
    padding-left: 20px;
}
em {
    font-style: italic;
}


/* ========== Image ============= */

img {
	max-width: 100%;
	height: auto;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}


/* =========== Accordion =========== */

.panel-group .panel{
    border-radius:0px;
}
.panel-group .panel .panel-heading{
 padding:0;
}
.panel-group .panel .panel-title{
    margin-bottom:0;
}
.panel-group .panel .panel-title>a{
    padding:7px 15px;
    display:block;
    background: #000;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
}
.panel-group .panel+.panel{
    margin-top:0;
}


/* ============ Tab ============= */

.nav-tabs{
    border:1px solid #ccc;
    background:#000;
}
.nav-tabs>li{
    padding:0;
}
.nav-tabs>li>a{
    color:#fff;
    border-radius:0px;
}
.nav-tabs > li > a:hover{
    color:#000;
}
.tab-content{
    border: 1px solid #ccc;
    border-top:0px;
    padding: 15px;
    text-align: left;
}


/* ========== Iframe ========== */

iframe {
	width: 100%;
	height: 100%;
    border:none;
}


/* ========== Blockquote ======== */

blockquote {
    padding: 20px 15px;
    border: 0;
    color: #000000;
    font-size: 18px;
    font-style: italic;
    line-height: 30px;
    margin:auto;
    max-width:600px;
    text-align: center;
    position: relative;
}
blockquote p {
    font-size: inherit;
    font-style: inherit;
}
blockquote p:last-child {
    margin-bottom: 0px;
}


/* ============= Breadcrumb ========== */

.breadcrumb{
    margin-bottom:0;
    background:none;
    padding: 8px 0px;
}
.breadcrumb a {
    color:#888;
    font-size:14px;
}
.breadcrumb>li+li:before{
    color:#888;
}
.breadcrumb .active{
    color:#000;
}


/* ========= Pagination ========= */

.pagination{
    display:block;
}
.pagination>li{
    display:inline-block;
    padding:0;
}
.pagination>li:first-child>a,
.pagination>li:last-child>a,
.pagination>li:last-child>span{
    display:inline-block;
    border-radius:0;
}
.pagination>li>a{
    color:#000;
}
.pagination>li>a:hover{
    background:#000;
    color:#fff;
}
.pagination > li > a:hover > span {
    color:#fff;
}
.pagination>li>a>span{
    line-height:normal;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    background:#000;
    border-color:#000;
}


/* ========= Background Image ========== */

[data-backgroundimage]{
	 background-size: cover;
	background-position: center center;
}


/* ========= Alert ========= */

.alert{
    padding: 10px 15px;
    border-radius: 0;
}


/* =========== Video Icon on Anchor For Popup ======== */

.preview{display:block;}
.preview > img,.video-frame img{width: 100%;}
.preview:hover{opacity:.7;}

.video-frame{
    display:block;
}
.video-frame:after{
    content: "\f04b";
    position:absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color:#fff;
    z-index:999;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    padding: 5px 15px;
    border: 2px solid #fff;
    margin-top: -17px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.video-frame:hover:after{
    -webkit-animation: pop .5s ease;
    -moz-animation: pop .5s ease;
    animation: pop .5s ease;
}


/* ======= Map Icon on Anchor For Popup ====== */

.map-frame:after{
    content: "\f041";
    position:absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color:#fff;
    z-index:999;
    margin-left:-5px;
    margin-bottom:-10px;
    right: 50%;
    bottom: 50%;
    text-rendering: auto;
    transform:scale(1,1);
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.map-frame:hover:after{
    color:#000;
    transform:scale(1.3,1.3);
}


/* ======== Bootstrap col-sm and col-md Margin ========= */

[class*="col-sm"],[class*="col-md"]{
    margin-bottom:30px;
}


/* ========= Divider Style ========== */

.divider{
    height:0;
    width:100%;
    border:0;
    border-bottom:1px solid #000;
    margin:20px 0;
}
.divider:after{
    clear:both;
    display:table;
    content:"";
}


/* ========= Demo Map Image for Popup ======== */

.demo-map{
    padding-bottom:56.25%;
    display:block;
}


/* ========== NiceScroll ======== */

.nicescroll-rails-vr{
    display:block!important;
}


/* ========= Magnific Popup ========= */

.mfp-container{
    overflow:hidden;
}
img.mfp-img{
       padding: 100px 0 75px 0;
}
.mfp-bottom-bar{
   margin-top: -66px;
}
.mfp-image-holder .mfp-content{
    max-width:88%;
}
video[name=media]{
    width:100%;
}
.mfp-figure:after{
    display:none;
}
.mfp-bg{
	opacity:0.9;
}
.mfp-preloader{
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing:2px;
    -webkit-animation: mfploader 1s infinite ease;
	animation: mfploader 1s infinite ease;
}
.mfp-preloader a{
    color:#fff;
    font-size: 15px;
}
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.9;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-title {
    text-align: left;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    display: inline-block;
    font-size: 13px;
    margin-right:65px;
}
.mfp-arrow:focus{
     opacity: 0.65;
}
button.mfp-arrow:hover{
    opacity:1;
}
button.mfp-close{
    border:2px solid #fff;
}
button.mfp-arrow{
    margin:0;
    padding:0;
    height:auto;
    padding:12px;
    width:auto;
    border:2px solid #fff;
}

button.mfp-arrow:before, button.mfp-arrow:after{
    border: none;
    position:relative;
    height:auto;
    width:auto;
    display: inline-block;
    margin:0;
    padding:0;
    top:0;
    color:#fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothi
}
button.mfp-arrow:before{
    content:initial;
}
button.mfp-arrow-left:after{
    content:"\f104";
}
button.mfp-arrow-right:after{
    content:"\f105";
}
button.mfp-arrow-left{
    margin-left:15px;
}
button.mfp-arrow-right {
    margin-right:15px;
}
button.mfp-arrow:active{
    margin-top:0;
}
button.mfp-close {
    width: 36px;
    height: 37px;
    line-height: 1;
}
button.mfp-close:before,
button.mfp-arrow:before{
    content:"";
    position:absolute;
    background:#fff;
    width: 0;
    opacity: 1;
    z-index: -1;
}
button.mfp-close:before{
    bottom:0;
    width:100%;
    height:0;
    left:0;
}
button.mfp-close:hover:before{
    height:100%;
}
button.mfp-close:hover{
    color:#000
}
button.mfp-arrow-right:before{
    left:0;
    height:100%;
}
button.mfp-arrow-right:hover:after{
    color:#000;
}
button.mfp-arrow-right:hover:before{
    width:100%
}
button.mfp-arrow-left:before{
   right:0;
   left:auto;
   height:100%;
}
button.mfp-arrow-left:hover:after{
    color:#000;
}
button.mfp-arrow-left:hover:before{
   width:100%
}
@media only screen and (min-width :767px) {
    .mfp-title {
        font-size:13px;
        margin-top:7px;
    }
    .mfp-counter{
       font-size:11px;
        margin-top:7px;
        color:#FFF;
    }
}
@media only screen and (max-width :767px) {
    button.mfp-arrow{
        bottom:20px;
        top:auto;
    }
    button.mfp-close, button.mfp-arrow{
    opacity:1;
    }
    .mfp-title {
        margin-right: 0;
        font-size: :14px;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .mfp-img {
        -webkit-animation: sdd .5s ease;
	    animation: sdd .5s ease;
    }
    .mfp-move-horizontal.mfp-removing .mfp-with-anim {
          transform: translateX(00px);
    }
}

/* ====== Anchor With Background ======= */

a[data-backgroundimage]{
    width:100%;
}


/* ====== Share Icons ========= -*/

.social-link-wrapper .tittle{
    background:#000;
    padding:5px 15px;
    margin:0;
    font-size:14px;
    color:#fff;
    display:inline-block;
}
.social-link-wrapper{
    display:inline-block;
}
.page-footer .social-link-wrapper a {
	  color:#000;
}
.page-footer.fixed .social-link-wrapper a {
    color:white;
}
.social-link-wrapper a{
	  color:white;
    padding: 9px 10px;
    display:inline-block;
    text-shadow: 0px 24px 0px transparent;
}
.social-link-wrapper a:hover{
	opacity:0.7;
    -webkit-animation: fall 1s ease;
	animation: fall 1s ease;
}
@media only screen and (max-width :767px) {
    .social-link-wrapper .tittle{
        margin-bottom:15px;
    }
    .social-link-wrapper {
        display: block;
        margin: auto;
        text-align: center;
        float:none!important;
    }
}


/* ======== Page Navigation ======== */

.page-navigation{
    display:block;
    text-align: center;
}
.page-navigation a{
    padding:5px 10px;
    border:1px solid #bfbfbf;
    position:relative;
    color:#000;
    font-size: 12px;
    display:inline-block;
}
.page-navigation a .fa{
    margin:0 10px;
}
.page-navigation a.aligncenter{
    padding:5px 10px;
}
.page-navigation a:after{
    content:"";
    position:absolute;
    width:100%;
    height:0;
    left:0;
    bottom:0;
    background:#000;
    z-index:-1;
}
.page-navigation a:hover:after {
    height:100%;
}
.page-navigation a:hover{
    color:#fff;
}
@media only screen and (max-width : 480px) {
    .page-navigation a {
        padding: 5px 10px;
    }
}


/* ====== Box Style Under Heading ========= */

.i-box{
    border: 3px solid #000;
    padding: 10px 32px;
    bottom: -20px;
    display: inline-block;
}
.i-box2{
    border: 5px solid #000;
    padding: 7px 24px;
    bottom: -32px;
    left: 50%;
    display: inline-block;
}


/* ======== Line Style Under Heading ========= */

.d-line{
    width:50px;
    height:3px;
    background:#9e9e9e;
    display:inline-block;
    position:relative;
}
.d-line:before{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    background:#000;
    left:0;
    top:-4px;
}
.d-left:before{
    left:6px;
}
.d-center:before{
    left:50%;
    margin-left:-6px;
 }
.d-right:before{
    right:6px;
    left:auto;
}
.text-center .d-left:before,
.text-center .d-right:before{
    left:50%;
    margin-left:-6px;
}


/* ======== Equal Height Inner Content Style ====== */

.equal-height .single-slider,
.equal-height .single-slider .flex-viewport,
.equal-height .single-slider .slides,
.equal-height .single-slider .slides li,
.equal-height .single-slider .slides li .image-wrapp{
    height:100%;
    position:relative;
}
.equal-height .slides .image-wrapp{
    padding-bottom:0;
}


/* ======== Single Slider ======== */

.single-slider{
    width:100%;
    overflow:hidden;
    position: relative;
}
.single-slider .image-wrapp{
    padding-bottom:56.25%;
}
.single-slider .flex-direction-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 11;
}
.flex-pauseplay a:before,
.flex-direction-nav a:before{
    content:"";
    position:absolute;
    width:100%;
    left:0;
    height:0;
    bottom:0;
    background:#fff;
    z-index:-1;
}
.flex-pauseplay a:before,
.controllerbottom .flex-direction-nav a:before {
    background:#000;
}
.flex-pauseplay a:hover:before,
.flex-direction-nav a:hover:before{
    height:100%;
}
.flex-pauseplay a:hover,
.flex-direction-nav a:hover{
    color:#fff!important;
}
.flex-pauseplay a:hover:after,
.controllerbottom .flex-direction-nav a:hover{
    color:#fff;
}
.single-slider .flex-direction-nav a{
    opacity:1;
    width:36px;
}
.single-slider .flex-direction-nav .flex-prev{
    left:0;
}
.single-slider .flex-direction-nav .flex-next{
    right:0;
}
.single-slider .flex-direction-nav .flex-nav-next{
    right:-60px;
}
.single-slider .flex-direction-nav .flex-nav-prev {
    left:-60px;
}
.single-slider:hover .flex-direction-nav .flex-nav-next{
    right:30px;
}
.single-slider:hover .flex-direction-nav .flex-nav-prev{
     left:30px;
}
.single-slider .flex-nav-prev .flex-prev:hover:after,
.single-slider .flex-nav-next .flex-next:hover:after {
    color:#000;
}
.single-slider .flex-control-nav{
    bottom:30px;
    right:50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    transform: translateX(50%);
}
.col-sm-6 .single-slider{
    margin-left:-15px;
    margin-right:-15px;
    width:auto;
}

/* --- Show-Direction Class For Show Direction Btn EveryTime --- */

.show-direction.single-slider .flex-direction-nav .flex-nav-next {
    right: 30px;
}
.show-direction.single-slider .flex-direction-nav .flex-nav-prev {
    left: 30px;
}

/*==Media Queries==*/

@media only screen and (max-width :767px) {
    .single-slider .flex-direction-nav a {
        padding: 8px 10px;
    }
    .show-direction .flex-direction-nav {
        display: block;
    }
}
@media only screen and (max-width : 480px) {
    .single-slider .image-wrapp{
        padding-bottom:60%;
    }
    .single-slider .flex-direction-nav a{
        padding: 9px 3px;
        width: 22px;
    }
    .show-direction.single-slider .flex-direction-nav .flex-nav-next{
        right: 00px;
    }
    .show-direction.single-slider .flex-direction-nav .flex-nav-prev {
        left: 0px;
    }
}


/* ============= Flexslider =============== */

/* -------- Customize for Home And Gallery Slider  ----------- */

.flexslider{
    overflow: hidden;
    margin:0;
}
.slides{
    margin:0;
    padding:0;
}
.slides > li {
    margin:0;
    padding:0;
}
.flexslider .slides > li{
    height:100vh;
    width:100%;
    position:relative;
}
.flexslider .slides > li a{
    display:block;
}
.flex-direction-nav{
    position:absolute;
    top: 50%;
    width:100%;
    z-index:99;
}
.flex-direction-nav li{
    position:absolute;
}
.flex-direction-nav a{
    padding:20px 9px;
    font-size:0;
    background:rgba(255,255,255,.6);
    opacity:1;
    display: inline-block;
    border:2px solid #fff;
    margin-top: -38px;
    text-align:center;
}
.flex-direction-nav a:hover {
    color:#000;
    opacity:1;
}
.flexslider:hover .flex-direction-nav .flex-prev{
    left: 20px;
    opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next{
    right: 20px;
    opacity: 1;
}
.flex-nav-prev .flex-prev:after,.flex-nav-next .flex-next:after{
    left:0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    color: #000;
    font-size: 26px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.flex-direction-nav .flex-nav-prev .flex-prev:after{
    content: "\f104";
}
.flex-direction-nav .flex-nav-next{
    right:0px;
}
.flex-direction-nav .flex-nav-next .flex-next:after{
    content: "\f105";
}
.flex-control-nav{
    position:absolute;
    bottom:76px;
    z-index: 9999;
    display:inline-block;
    width: auto;
    right:15%;
    padding-left:0;
    margin:0;
    -webkit-transform: translateX(15%);
    -moz-transform: translateX(15%);
    transform: translateX(15%);
}
.flex-control-nav li{
    display:inline-block;
    margin:0 6px;
    padding: 0;
}
.flex-control-nav li a{
    font-size:0px;
    width:11px;
    height:11px;
    display:block;
    border-radius:1px;
    padding-top: 10px;
    background:#fff;
}
.flex-control-nav li a.flex-active{
    background:#000;
}
.flex-pauseplay{
    position:absolute;
    display:inline-block;
    border:1px solid #000;
    border-bottom:none;
    border-top:none;
    left: 50%;
    bottom: 0;
    margin-left:-30px;
    z-index: 999999;
}
.flex-pauseplay a{
    display:inline-block;
    font-size:0;
    height:36px;
    position:relative;
    z-index:11;
	background:#fff;
    width:58px;
    padding:10px 23px;
}
.flex-pauseplay a:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    color:#000;
    font-size:16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.flex-pauseplay .flex-play:after{
    content: "\f04b";
}
.flex-pauseplay .flex-pause:after{
    content: "\f04c";
}
.flex-pauseplay .flex-pause:hover:after,.flex-pauseplay .flex-play:hover:after{
    color:#fff;
}
.flex-nav-prev .flex-prev:hover:after, .flex-nav-next .flex-next:hover:after {
    color:#000;
}
.thumbnail.flexslider{
    position:fixed;
    bottom:0;
    z-index:99;
    bottom: 30px;
    width:100%;
    background:none;
    text-align:center;
}
.thumbnail .flex-control-nav.flex-control-paging{
    display:none;
}
.thumbnail.flexslider .flex-viewport{
    background:#fff;
}
.thumbnail.flexslider .slides > li{
    width:100px!important;
    height:100px;
    cursor:pointer;
    margin:0 2px;
    opacity:.7;
}
.thumbnail.flexslider .slides > li:first-child{
    margin-left:0;
}
.thumbnail.flexslider{
    border:none;
}
.thumbnail.flexslider .slides > li.flex-active-slide{
    opacity:1;
}
@media only screen and (max-width : 991px) {
   .flex-pauseplay a {
        width: 48px;
        padding: 10px 18px;
   }
}
@media only screen and (min-width : 888px) {
    .flex-control-nav.rightset {
        right: 15%;
        -webkit-transform: translateX(15%);
        -moz-transform: translateX(15%);
        transform: translateX(15%);
    }
}
@media only screen and (max-width : 887px) {
    .flex-control-nav.rightset {
        right: 50%;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        transform: translateX(50%);
    }
}
@media only screen and (max-width : 768px) {
    .flex-control-nav{
        right: 50%;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        transform: translateX(50%);
    }
}

/*--- controllerbottom class for slider, to get the direction controller on bottom ---*/

.controllerbottom .flex-direction-nav,
.kenburns-show.controllerbottom .owl-controls .owl-nav{
    top: auto;
    bottom: 0;
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999999;
}
.controllerbottom .flex-direction-nav li,
.kenburns-show.controllerbottom .owl-controls .owl-nav>div{
    bottom:0;
    height:36px;
    padding:0;
	float:left;
    position:relative;
    list-style: none;
}
.kenburns-show.controllerbottom .owl-controls .owl-nav>div{
    position:relative;
}
.kenburns-show.controllerbottom .flex-direction-nav li:last-child{
   margin-left:0px;
}
.controllerbottom .flex-direction-nav li a,
.kenburns-show.controllerbottom .owl-controls .owl-nav>div{
    bottom:0;
    height:36px;
    background:#fff;
    border:none;
    position:relative;
    width:64px;
    text-align:center;
    margin-top:0;
    top:0;
    padding: 4px 23px;
    color:#000;
    text-shadow:none;
    opacity:1;
}
.controllerbottom .flex-direction-nav li a:hover {
    color:#ccc;
}
.controllerbottom .flex-direction-nav li .flex-prev,
.kenburns-show.controllerbottom .owl-controls .owl-nav .owl-prev{
    opacity:1;
    left: 0px;
    border-left:1px solid #000;
}
.controllerbottom .flex-direction-nav li .flex-next,
.kenburns-show.controllerbottom .owl-controls .owl-nav .owl-next{
    opacity:1;
    right: 0px;
    border-right:1px solid #000;
}
.controllerbottom .flex-direction-nav a:hover{
    opacity:1;
    color:#fff;
}
.controllerbottom:hover .flex-direction-nav .flex-prev,
.kenburns-show.controllerbottom .owl-controls .owl-nav .owl-prev{
    left:0!important;
    opacity:1;
}
.controllerbottom:hover .flex-direction-nav .flex-next,
.kenburns-show.controllerbottom .owl-controls .owl-nav .owl-next{
    right:0!important;
    opacity:1;
}
.controllerbottom .flex-pauseplay a{
    background:#fff;
}
.controllerbottom .flex-pauseplay a:after{
    color:#000;
}
.controllerbottom .flex-nav-prev .flex-prev:hover:after,
.controllerbottom .flex-nav-next .flex-next:hover:after {
    color:#fff;
}
.s-gap{
    margin-right: 58px;
}

/*==Media Queries==*/

@media only screen and (max-width : 991px) {
    .controllerbottom .flex-direction-nav li a,
    .kenburns-show.controllerbottom .owl-controls .owl-nav>div{
        padding: 5px 12px;
        width: 42px;
    }
    .controllerbottom .flex-direction-nav,
    .kenburns-show.controllerbottom .owl-controls .owl-nav{
        left:50%;
        position: fixed;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .controllerbottom .flex-pauseplay{
        left:50%;
        margin-left:auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .s-gap{
        margin-right: 50px;
    }
}
@media only screen and (max-width : 767px) {
    .controllerbottom .flex-direction-nav,.flex-direction-nav {
        display:none;
    }
    .flex-pauseplay a{
        height: 32px;
    }
    .controllerbottom .flex-pauseplay,.flex-pauseplay{
        left: 70px;
        width: 53px;
        bottom: 36px;
        width: 50px;
        border: 1px solid #fff;
        text-align: center;
        margin-left:auto;
        -webkit-transform: translateX(-0%);
        -moz-transform: translateX(-0%);
        transform: translateX(-0%);
    }
    .controllerbottom .flex-pauseplay a,.flex-pauseplay a{
        padding:8px 18px;
        width:100%;
        background:transparent;
    }
    .controllerbottom .flex-pauseplay a:after,.flex-pauseplay a:after{
        font-size: 17px;
    }
    .kenburns-show.controllerbottom .owl-controls .owl-nav{
        display:none;
    }
}
@media only screen and (max-width :1024px) {
.controllerbottom .flex-pauseplay, .flex-pauseplay{
    position: fixed;
}
}
@media only screen and (max-width :480px) {
    .controllerbottom .flex-pauseplay, .flex-pauseplay {
        left: 50px;
    }
    .controllerbottom .flex-pauseplay a, .flex-pauseplay a {
        width:50px;
    }
}


/*========== Owl Carousel ===========*/

.owl-carousel{
    overflow:hidden;
    z-index: inherit;
}
.owl-carousel .owl-item .item{
    overflow:hidden;
}
.owl-carousel .owl-controls .owl-nav{
    position:absolute;
    top:50%;
    width: 100%;
    margin-top:-30px;
    z-index:9;
}
.owl-carousel .owl-controls .owl-nav>div{
    position:absolute;
    font-size:0px;
    padding:21px 10px;
    background-color:rgba(255,255,255,.6);
    border:2px solid #fff;
}
.owl-nav>div:before{
    content:"";
    position:absolute;
    width:100%;
    left:0;
    height:0;
    bottom:0;
    background:#fff;
    z-index:1;
}
.controllerbottom .owl-nav > div:before {
    background:#000;
}
.horizontal .owl-nav>div:before {
    height:100%;
    width:0;
}
.horizontal .owl-nav>div.owl-prev:before{
    right:0;
    left:auto;
}
.horizontal .owl-nav > div:hover:before {
    width:100%;
}
.horizontal .owl-nav > div:hover:after {
    color:#000;
}
.horizontal .owl-item:last-child{
    margin-left: -1px;
}
.owl-nav>div:after{
    z-index: 999999;
    position: relative;
}
.owl-nav > div:hover:after {
    color:#000;
}
.controllerbottom .owl-nav > div:hover:after {
    color:#fff;
}
.owl-nav>div:hover:before{
    height:100%;
}
.owl-nav>div:hover{
    color:#fff;
}
.owl-carousel .owl-controls .owl-nav .owl-next{
    right:40px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev{
    left:40px;
}
.owl-carousel .owl-controls .owl-nav > div:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 26px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.owl-carousel .owl-controls .owl-nav .owl-next:after{
    content: "\f105";
}
.owl-carousel .owl-controls .owl-nav .owl-prev:after{
    content: "\f104";
}
.owl-dots{
    position:absolute;
    bottom:76px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    transform: translateX(50%);
    z-index:9999;
}
.owl-dots .owl-dot{
    font-size: 0px;
    width: 11px;
    height: 11px;
    float:left;
    margin: 0 5px;
    display: block;
    border-radius: 1px;
    padding-top: 10px;
    background: #fff;
}
.owl-dots .owl-dot.active{
    background:#000;
}
.owl-carousel[data-item-autowidth="true"] .owl-item .item.one-third {
   width: 33.3333vw;
}
.owl-carousel[data-item-autowidth="true"] .owl-item .item.one-half {
   width: 50vw;
}
.owl-carousel[data-item-autowidth="true"] .owl-item .item.three-fourths {
   width: 75vw;
}
.owl-carousel[data-item-autowidth="true"] .owl-item .item.four-fourths {
   width: 100vw;
}

/*==Media Queries==*/

@media only screen and (min-width :1024px) {
    .owl-carousel .owl-controls .owl-nav .owl-prev{
        left:-40px;
    }
    .owl-carousel:hover .owl-controls .owl-nav .owl-prev{
        left:40px;
    }
    .owl-carousel .owl-controls .owl-nav .owl-next {
        right:-40px;
    }
    .owl-carousel:hover .owl-controls .owl-nav .owl-next{
        right:40px;
    }
}
@media only screen and (max-width :768px) {

    .owl-carousel[data-item-autowidth="true"] .owl-item .item.one-third,
    .owl-carousel[data-item-autowidth="true"] .owl-item .item.one-half,
    .owl-carousel[data-item-autowidth="true"] .owl-item .item.four-fourths,
    .owl-carousel[data-item-autowidth="true"] .owl-item .item.three-fourths {
       width: 100vw;
    }
    .owl-carousel .owl-controls .owl-nav .owl-next {
        right:10px;
    }
    .owl-carousel .owl-controls .owl-nav .owl-prev{
        left:10px;
    }
}
@media only screen and (max-width : 480px) {
    .owl-carousel .owl-controls .owl-nav>div{
        padding:6px 10px;
    }
}
@media only screen and (min-width : 888px) {
    .owl-carousel .rightset {
        right: 15%;
        -webkit-transform: translateX(15%);
        -moz-transform: translateX(15%);
        transform: translateX(15%);
    }
}


/* ======== WordPress classes Style Setup ========= */

.aligncenter {
    display: block;
    margin: 0px auto;
    float:none;
}
.alignleft {
    float: left!important;
}
img.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.alignright {
    float: right!important;
}
img.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.visible {
    visibility: visible;
}
p:empty {
    display: none;
}
.link-pages {
    display: none;
}


/* 0000000000000 TRANSITIONS SETUP 0000000000000 */

.page-footer,.page-header,.ex-btn,.fullscreen{
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}
a, a:visited,a:after,a:before,button,ul li,ul li a,ol li, ol li a,li:after,.li:before,h1,h2,h3,h4,h5,h6,button,input,textarea,button:after,button:before,.manu-wrapper ul li ul,.manu-wrapper ul li a .fa,.cover-box>.cover-inner a:after,.manu-wrapper,.right-arrow:after,
.mobile-nav-button .icon,.mobile-nav-button .icon:after,.mobile-nav-button .icon:before,.caption,.tittle-info,.caption-wrapper,.tittle-info,.caption-wrapper:before,.image-wrapp,.image-wrapper,
.caption-wrapper:after,.project,.project:before,.cloned .project:after,.ex-info-box,.project:after,.owl-prev,.owl-next,.disable:after,.item:after,.masonry,.grid,.wide,.bg-image,.owl-nav>div:before,.do-item,.social-lnk,.do-item:after,.social-link-wrapper,.tittle-info:before{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.caption,.imgwrap{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.kenburns-show .imgwrap,.gallery-kenburns .imgwrap,
.gallery-wide.wide .item .zoom-hover .image-wrapper{
    -webkit-transition: transform 8s linear;
    -moz-transition: transform 8s linear;
    -ms-transition: transform 8s linear;
    -o-transition: transform 8s linear;
    transition: transform 8s linear;
}

.flexslider .slides > li,.slides > li,
.fullscreen:before,.ex-btn:before,
.flex-direction-nav a:after,.vid-sound:before,
.vid-playpause:before{
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}
@media only screen and (max-width :1024px) {
    .manu-wrapper ul li ul,
    .manu-wrapper ul li ul li ul {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
}


/* 0000000000000 ANIMATION SETUP 0000000000000 */

@keyframes pop{
    0% {transform:scale(1,1);}
    50%{transform:scale(1.1,1.1);}
    100%{transform:scale(1,1);}
}
@-webkit-keyframes pop{
    0% {transform:scale(1,1);}
    50%{transform:scale(1.1,1.1);}
    100% {transform:scale(1,1);}
}
@-moz-keyframes pop{
    0% {transform:scale(1,1);}
    50%{transform:scale(1.1,1.1);}
    100% {transform:scale(1,1);}
}

/*---*/
@keyframes pop2{
    0% {transform:scale(1.2,1.2);}
    50%{transform:scale(1.1,1.1);}
    100% {transform:scale(1.2,1.2);}
}
@-webkit-keyframes pop2{
    0% {transform:scale(1.2,1.2);}
    50%{transform:scale(1.1,1.1);}
    100% {transform:scale(1.2,1.2);}
}
@-moz-keyframes pop2{
    0% {transform:scale(1.2,1.2);}
    50%{transform:scale(1.1,1.1);}
    100% {transform:scale(1.2,1.2);}
}

/*---*/
@-webkit-keyframes imgeffect {
    	0% { opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes imgeffect {
    	0% { opacity:0;}
	100% {opacity:1;}
}
@keyframes imgeffect {
    	0% {opacity:0;}
	100% {opacity:1;}
}

/*---*/
@-webkit-keyframes mfploader {
	0% {opacity:1;}
	50% {opacity:0;}
}
@-moz-keyframes mfploader {
	0% {opacity:1;}
	50% {opacity:0;}
}
@keyframes load {
	0% {opacity:1;}
	50% {opacity:0;}
}

/*----*/
@-webkit-keyframes fall {
	0% {text-shadow:0px 0px 0px #444;}
	50% {text-shadow: 0px 24px 0px #444;}
}
@-moz-keyframes fall {
	0% {text-shadow:0px 0px 0px #444;}
	50% {text-shadow: 0px 24px 0px #444;}
}
@keyframes fall {
	0% {text-shadow:0px 0px 0px #444;}
	50% {text-shadow: 0px 24px 0px #444;}
}

/*-------*/
@-webkit-keyframes load {
	0% {-webkit-transform:  scale(0,0); -ms-transform:  scale(0,0);transform:  scale(0,0);}
	100% {-webkit-transform:  scale(3,1);-ms-transform:  scale(3,1);transform:  scale(3,1);}
}
@-moz-keyframes load {
	0% {-webkit-transform:  scale(0,0); -ms-transform:  scale(0,0);transform:  scale(0,0);}
	100% {-webkit-transform:  scale(3,1);-ms-transform:  scale(3,1);transform:  scale(3,1);}
}
@keyframes load {
	0% {-webkit-transform:  scale(0,0); -ms-transform:  scale(0,0);transform:  scale(0,0);}
	100% {-webkit-transform:  scale(3,1);-ms-transform:  scale(3,1);transform:  scale(3,1);}
}

/*-----*/
@-webkit-keyframes fall2 {
	0% {text-shadow:0px 0px 0px #444;}
	50% {text-shadow: -10px -20px 0px transparent;}
}
@-moz-keyframes fall2 {
	0% {text-shadow:0px 0px 0px #444;}
	50% {text-shadow: -10px -20px 0px transparent;}
}
@keyframes fall2 {
	0% {text-shadow:0px 0px 0px #444;}
	50% {text-shadow: -10px -20px 0px transparent;}
}


/* ========= PRELOADING ANIMATION ========== */

.preloader{
    background: none;
    position: fixed;
    top: 50%;
    left: 50%;
}
.preloader:before,.preloader:after,.preloader i:after {
    content: "";
    display: block;
    position: absolute;
    width: 80px;
	height: 1px;
    top: 50%;
	left: 50%;
	margin-top: 0px;
	margin-left: -40px;
    -webkit-transform:  scale(0,0);
    -ms-transform:  scale(0,0);
    transform:  scale(0,0);
    background:#000;
    -webkit-animation: load .8s infinite ease;
	animation: load .8s infinite ease;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .preloader:before, .preloader:after, .preloader i:after {
	    height: 2px;
    }
}
.preloader:after{
	margin-top: 10px;
    z-index:-1;
    background:#000;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.preloader i:after{
    margin-top:-10px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}


/* 0000000000000 HEADER SETUP 000000000000 */

.page-header{
    margin:0;
    padding:0 35px;
    border-bottom:none;
    width:100%;
    z-index:9999999;
    padding-bottom:0;
    top: 0;
    left:0;
}
.page-header h1 {
    font-size: 0px;
    position: absolute;
    visibility: hidden;
}
.white-page-header{
	 background:#FFF;
}
.transparent-page-header .logo-wrapper {
	 color:#FFF;
	 text-shadow: 0px 0px 100px #333;
}
.transparent-page-header {
    position:absolute;
    top:0;
}
.header-out{
    top:-76px;
}
.logo-wrapper{
    float:left;
    display:inline-block;
    line-height:75px;
		font-size:30px;
		font-family: 'Lato', sans-serif;
		letter-spacing:5px;
		font-weight: 800;
}
.logo-wrapper img{
    max-height:50px;
}
.logo-wrapper a,
.logo-wrapper a:visited,
.logo-wrapper a:focus{
	  color:#FFF;
}
.manu-wrapper{
    float:right;
    display:inline-block;
}
.manu-wrapper ul{
    display:inline-block;
    margin-bottom:0;
    padding:0;
    margin:0;
}
.manu-wrapper ul li{
    display:inline-block;
    padding:0;
    position:relative;
}
.transparent-page-header .manu-wrapper>ul>li>a {
	  color: #FFF;
		text-shadow: 0px 0px 70px #333;
}
.manu-wrapper ul li a .fa{
    position:absolute;
    top:25px;
    right:3px;
    display:none;
}
.manu-wrapper ul li ul{
    position:absolute;
    background-color:#FFF;
    left:50%;
    top:100%;
    padding:0;
    margin:0;
    width:200px;
    margin-left:-100px;
    visibility: hidden;
    opacity: 0;
    z-index:999;
}
.manu-wrapper ul li ul li{
    padding:0;
    margin:0;
    display:block;
    position:relative;
}
.manu-wrapper ul li ul li a .fa{
    top:18px;
    right:0px;
    color:#000;
    display:block;
    opacity:.5;
}
.manu-wrapper ul li ul li a{
    line-height:inherit;
    display:block;
    padding:13px 0px;
    color:#000;
		text-shadow:none;
    font-family: 'Ubuntu', sans-serif;
}
.manu-wrapper ul li ul li:hover a{
		text-decoration:line-through;
		text-shadow:none;
}
.manu-wrapper ul li ul li ul{
    position:absolute;
    top:0;left:100%;
    margin-left:0;
    visibility:hidden;
    opacity:0;
}
.manu-wrapper>ul>li:nth-last-child(2) ul li ul,
.manu-wrapper>ul>li:nth-last-child(3) ul li ul,
.manu-wrapper>ul>li:last-child ul li ul{
    top:0%;
    left:auto;
}
.manu-wrapper > ul > li:last-child>ul{
    left:0;
}
.manu-wrapper ul li:hover>ul{
    z-index:9999;
    visibility: visible;
    opacity: 1;
}
.manu-wrapper ul li:hover>ul>li>a{
    padding:13px 28px;
}
.manu-wrapper>ul>li>ul li.active>a{
    text-shadow:0px 0px 0px #000;
}
.manu-wrapper>ul>li>ul li:hover>a{
    text-shadow:0px 0px 0px #000;
}
.right-arrow:after{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 8px;
}
.arrow-plus:after {
    content: "\f196";
}
.arrow-minus:after {
    content: "\f147";
}
.right-arrow:after{
    content: "\f105";
    right: 0px;
    opacity:0;
    top: 16px;
    z-index:99;
    font-size: 14px;
    position: absolute;
}
.manu-wrapper ul li:hover>ul>li.right-arrow:after{
    right:9px;
    opacity:1;
}
.manu-wrapper ul li a{
    display:inline-block;
    padding:0 18px;
    line-height:75px;
    font-family: 'Lato', sans-serif;
    letter-spacing:3px;
    font-size:13px;
    position:relative;
    z-index:11;
}
.mobile-nav-button{
    width:40px;
    height:40px;
    display: block;
    right: 30px;
    top: 20px;
    position: absolute;
    display:none;
		background:#000;
}
.mobile-nav-button .icon{
    position:relative;
    height:2px;
    display:block;
    margin-top:20px;
    width:40px;
    background:#FFF;
		text-shadow: 1px 1px #000;
}
.mobile-nav-button .icon:before,
.mobile-nav-button .icon:after{
    position:absolute;
    content:"";
    width:100%;
    background:#FFF;
    height:2px;
		text-shadow: 1px 1px #000;
}
.mobile-nav-button .icon:before{
    top:-10px;
}
.mobile-nav-button .icon:after{
    bottom:-10px;
}
.close-btn{
    position:fixed;
}
.close-btn .icon{
    background:transparent;
}
.close-btn .icon:after{
    -webkit-transform:rotate(42deg);
    -moz-transform:rotate(42deg);
    transform:rotate(42deg);
    bottom:0;
}
.close-btn .icon:before{
    -webkit-transform:rotate(-42deg);
    -moz-transform:rotate(-42deg);
    transform:rotate(-42deg);
    top:0;
}

/*== Responsive Menu ==*/

@media only screen and (min-width : 1300px) {
    .page-header {
        padding:0 70px;
    }
}
@media only screen and (min-width : 991px) and (max-width : 1300px) {
    .page-header {
        padding:0 40px;
    }
}
@media only screen and (max-width : 1100px) {
	.page-header{
		padding-bottom: 25px;
	}
	.logo-wrapper,
	.manu-wrapper{
		width:100%;
    text-align:center;
	}
	.manu-wrapper ul li a{
		line-height:inherit;
	}
}
@media only screen and (min-width : 1025px) {
    .manu-wrapper ul li ul{
        display:block!important;
    }
    .manu-wrapper ul li:last-child a{
        padding-right:0;
    }
		.white-page-header .manu-wrapper>ul>li:after{
			 color:#000;
		}
		.transparent-page-header .manu-wrapper>ul>li:after {
				color:#FFF;
		}
    .manu-wrapper>ul>li:after {
			  color:#000;
        content:"";
        position:absolute;
        height:10px;
        border-bottom:2px solid;
        width:80%;
        opacity:0;
        left:10%;
        bottom:18px;
        z-index:1;
    }
    .manu-wrapper>ul>li:last-child:after,
    .manu-wrapper>ul>li:last-child.active:after{
        width:100%;
        left:8px;
    }
    .manu-wrapper ul li:hover:after,
    .manu-wrapper ul li.active:after {
        opacity:1;
    }
    .manu-wrapper>ul>li:nth-last-child(2) ul li ul,
    .manu-wrapper>ul>li:nth-last-child(3) ul li ul,
    .manu-wrapper>ul>li:last-child ul li ul{
        right:100%;
    }
}
/*burger menu appears at this size*/
@media only screen and (max-width : 780px) {
	  .logo-wrapper{
			 text-align:left;
		}
    .manu-wrapper{
        float: none;
        right:-100%;
        position: fixed;
        display: inline-block;
        background: #fff;
        overflow-x: hidden;
        overflow-y: auto;
        padding-top:50px;
        padding-bottom:50px;
        height: 100%;
        width: 100%;
        z-index:99999;
    }
    .mobile-nav-button{
        display:block;
        z-index:999999;
				width: 40px;
				height: 30px;
				right: 15px;
				top: 17px;
    }
		.mobile-nav-button .icon:after{
				bottom: -8px;
		}
		.mobile-nav-button .icon:before {
				top: -8px;
		}
		.mobile-nav-button .icon{
			 width: 30px;
			 margin-top: 14px;
			 margin-left:5px;
		}
		.close-btn .icon:before{
				top:0;
		}
		.close-btn .icon:after{
				bottom: -1px
		}
    .open-menu{
        right:0;
    }
    .manu-wrapper ul {
        display: block;
    }
    .manu-wrapper ul li {
        display: block;
        text-align: center;
    }
    .manu-wrapper ul>li>a{
        line-height:54px;
    }
    .manu-wrapper ul>li>a:hover{
        text-decoration: line-through;
    }
    .manu-wrapper ul li a {
        display: block;
				color: black !important;
    		text-shadow: none !important;
    }
    .manu-wrapper ul li a:before {
        content: "";
        position: absolute;
        left: 12px;
        top: 22px;
        width: 7px;
        opacity: .5;
        height: 1px;
        background: #000;
    }
    .manu-wrapper ul li ul,
    .manu-wrapper ul li ul li ul{
        position:relative;
        visibility:visible;
        opacity:1;
        text-align:center;
        background: #f3f3f3;
        width:100%;
        margin-left:0;
        left:0;
    }
    .manu-wrapper ul li ul li ul {
        background:#e4e4e4;
    }
    .manu-wrapper ul li ul li a{
        text-align:center;
        font-size: 10px;
    }
}
@media only screen and (max-width: 480px){
    .page-header{
        padding:0 20px;
    }
    .manu-wrapper{
        width:100%;
        right:-100%;
    }
    .open-menu {
        right: 0;
    }
    .logo-wrapper{
        line-height:60px;
				font-size: 20px;
    }
}


/* 0000000000000 FOOTER SETUP 00000000000000 */

.page-footer{
    width:100%;
    padding:0 75px;
    bottom:0;
    height:36px;
    width:100%;
    z-index:9999;
    position:relative;
    left:0;
}
.footer-out{
     bottom:-80px;
}
.ex-btn{
    left: 20px;
    position: absolute;
    z-index: 99;
    bottom: 26px;
    cursor: pointer;
    font-size: 28px;
    text-shadow: -10px -20px 0px transparent;
}
.ex-btn.right{
    right:20px;
    left:auto;
}
.ex-btn:hover{
    color:#000;
	opacity:0.7;
    -webkit-animation: fall2 1s ease;
	animation: fall2 1s ease;
}
.footer-out .ex-btn{
    bottom: 106px;
}
.tooltip-inner{
    border-radius:0px;
    letter-spacing:1px;
    font-family: 'Lato', sans-serif;
}
.copyrights{
    display:inline-block;
    font-family: 'Lato', sans-serif;
    font-size:10px;
    line-height:35px;
    width:36%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    margin-bottom:0;
}
.page-footer .copyrights {
	color:#000;
}
.page-footer .copyrights a {
	color: #000;
    font-size:10px;
    font-family: 'Lato', sans-serif;
}
.page-footer.fixed .copyrights {
	color:#FFF;
}
.page-footer.fixed .copyrights a {
	color:#FFF;
}
.fullscreen {
    right: 24px;
    position: absolute;
    z-index: 99;
    bottom: 30px;
    cursor: pointer;
    font-size: 23px;
    text-shadow: -10px -20px 0px transparent;
}
.fullscreen:hover{
    color:#000;
	opacity:0.7;
    -webkit-animation: fall2 1s ease;
	animation: fall2 1s ease;
}
.fullscreen.left{
    left:24px;
    right:auto;
}
.footer-out .fullscreen {
    bottom: 110px;
}


/*==Media Queries==*/

@media only screen and (max-width : 767px) {
    .copyrights{
        display:none;
    }
}
@media only screen and (max-width : 480px) {
    .page-footer{
        padding:0 50px;
    }
    .page-footer::before, .page-footer::after{
        width:50px;
    }
    .fullscreen {
        right: 15px;
    }
    .ex-btn{
        left:10px;
    }
}


/* ======== Page Defult Wrapper Style ====== */

.main-wrapper{
    width:100%;
    left:0;
    top:0;
    min-height:100vh;
    background:#fff;
    position: relative;
    overflow:hidden;
    z-index:999;
}
.main-wrapper:before,
.main-wrapper:after{
    content:"";
    clear:both;
    display:table;
}
.main-container{
    background:#fff;
    width:100%;
    left:0;
    top:0;
}

/* ======== Dark mode ====== */
/* ======== use layout "default-dark" ====== */

.main-container.dark{
    background:#1e1e1e;
}
.main-wrapper.dark{
    background-color:#1e1e1e;
    background:#1e1e1e;
}
.main-wrapper.dark .main-container{
    background-color:#1e1e1e;
}
.main-wrapper.dark .page-content-wrapper p{
    color:white;
    font-weight: 100;
}
.main-wrapper.dark .page-content-wrapper h1,
.main-wrapper.dark .page-content-wrapper h2,
.main-wrapper.dark .page-content-wrapper h3,
.main-wrapper.dark .page-content-wrapper h4{
    color:white;
}
@media only screen and (min-width: 780px){
    .main-wrapper.dark .manu-wrapper ul li ul {
        background-color:#1e1e1e;
    }
    .main-wrapper.dark .manu-wrapper ul li.active:after{
        color:white;
    }
    .main-wrapper.dark .manu-wrapper>ul>li:after{
        color:white;
    }
}
.main-wrapper.dark .mobile-nav-button {
    background: #1e1e1e;
}
.main-wrapper.dark .page-header.white-page-header{
    background-color:#1e1e1e;
}
.main-wrapper.dark .page-header a{
    color:white;
}
.main-wrapper.dark .page-footer a,
.main-wrapper.dark .page-footer p{
    color:#989898;
}
.main-wrapper.dark .page-footer.fixed a,
.main-wrapper.dark .page-footer.fixed p{
    color:white;
}
.main-wrapper.dark .off-bg{
    background: #1e1e1e;
}
.main-wrapper.dark .vp-center-outter .social-link-wrapper a{
    color: white;
}

/* 000000000000000 HOME STYLE 000000000000000 */

/* ========== Slider cover Style ======== */

.cover-wrapper{
    position:absolute;
    width:100%;
    height:100%;
    z-index:99;
    background-color:rgba(255,255,255,.4);
    left:0;
    top:0;
}
.cover-wrapper .cover-inner{
    position:absolute;
    top:50%;
    left:50%;
    width:80%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


/* ========== Cover Style One ========= */

.cover-one .cover-inner h2 {
    color: #000;
    margin-bottom: 10px;
    margin-top:0;
    font-size: 32px;
    letter-spacing: 3px;
    line-height: 40px;
}
.cover-one .cover-inner p {
    color:#000;
    font-size:13px;
    margin-bottom:0px;
    letter-spacing:6px;
    font-family: 'Ubuntu', sans-serif;
}
.cover-one .cover-inner a{
    color:#000;
    padding:8px 15px;
    margin-top: 18px;
    display:inline-block;
    position:relative;
}
.cover-one .cover-inner a .fa {
    margin-left:7px;
}
.cover-one .cover-inner a:before{
    content:"";
    position:absolute;
    width:4px;
    top:0;
    left:0;
    height:100%;
    background:#000;
    z-index: -1;
}
.cover-one .cover-inner a:hover{
    color:#fff;
}
.cover-one .cover-inner a:hover:before {
    width:100%;
}

/*==Media Queries==*/

@media only screen and (max-width : 480px) {
    .cover-wrapper .cover-inner{
        width:100%;
        padding:0 20px;
        text-align:center;
    }
    .cover-one .cover-inner{
        text-align:center;
    }
    .cover-one .cover-inner h2 {
        font-size:28px;
        margin-bottom:10px;
    }
    .cover-one .cover-inner p{
        font-size:11px;
    }
}


/* ========= Cover Style Two =========== */

.cover-two .cover-inner h2{
    color:#000;
    margin: 12px 0;
    font-size: 50px;
    word-wrap:break-word;
    line-height: 62px;
}
.cover-two .cover-inner p{
    color:#000;
    margin:0;
    letter-spacing:6px;
    font-size:12px;
    font-weight:800;
}
.cover-two .cover-inner a {
    color:#fff;
    display:inline-block;
    position:relative;
    padding:0px 10px;
    margin-top:28px;
    background:#000;
    border: 30px solid rgba(0,0,0,.7);
    border-bottom: 10px solid rgba(0,0,0,.7);
    border-right: 15px solid rgba(0,0,0,.7);
    border-top: 10px solid rgba(0,0,0,.7);
}
.cover-two .cover-inner a:hover {
    color:#000;
    background:none;
    border-bottom: 10px solid rgba(0,0,0,1);
    border-right: 15px solid rgba(0,0,0,.7);
    border-top: 10px solid rgba(0,0,0,1);
}
.cover-two .cover-inner a .fa{
    margin-left:5px;
}
.cover-two .cover-inner a:after{
    content:"";
    position:absolute;
    background:#000;
    width: 15px;
    height: 52px;
    left: -22px;
    top: -16px;
}

/*==Media Queries==*/

@media only screen and (max-width : 767px) {
    .cover-two .cover-inner h2 {
        margin: 12px 0;
        font-size: 42px;
        line-height: 52px;
    }
}
@media only screen and (max-width : 480px) {
    .cover-two .cover-inner h2 {
        margin: 12px 0;
        font-size: 30px;
        line-height: 42px;
    }
    .cover-two .cover-inner p {
        font-size: 10px;
    }
    .cover-two .cover-inner a {
        color:#fff;
        display:inline-block;
        position:relative;
        padding:0px 10px;
        margin-top:28px;
        border: 20px solid rgba(0,0,0,.7);
        border-bottom: 8px solid rgba(0,0,0,.7);
        border-right: 10px solid rgba(0,0,0,.7);
        border-top: 8px solid rgba(0,0,0,.7);
}
    .cover-two .cover-inner a:hover {
        border: 20px solid rgba(0,0,0,.7);
        border-bottom: 8px solid rgba(0,0,0,1);
        border-right: 10px solid rgba(0,0,0,.7);
        border-top: 8px solid rgba(0,0,0,1);
}
    .cover-two .cover-inner a:after{
        width: 10px;
        height: 46px;
        left: -14px;
        top: -13px;
    }
}


/* ======== Cover Style Box ========== */

.cover-wrapper.cover-box{
    background:none;
}
.cover-box>.cover-inner{
   position: absolute;
    top: 40%;
    left: 30%;
    width:auto;
    min-width: 420px;
    background: #fff;
    box-shadow: 0px 0px 13px #e2e2e2;
    padding: 25px 75px 20px 20px;
    -webkit-transform:translate(-30%,-40%);
    -moz-transform:translate(-30%,-40%);
    transform:translate(-30%,-40%);
    z-index: 9;
}
.cover-box>.cover-inner:before {
    content:"";
    position:absolute;
    width:calc(100% + 40px);
    height:calc(100% + 30px);
    left:-20px;
    right:-20px;
    top:-15px;
    background-color:rgba(255,255,255,.6);
    z-index:-1;
    animation:gni 2s linear infinite;
	-webkit-animation:gni 2s linear infinite;
}
.cover-box>.cover-inner h1{
    margin-bottom: 4px;
    line-height: 36px;
    margin-top: 0;
    font-size: 34px;
}
.cover-box>.cover-inner span {
    font-weight:400;
    display: block;
    margin-bottom:5px;
    line-height:12px;
}

.cover-box>.cover-inner p {
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 12px;
    display:block;
    line-height: 17px;
}
.cover-box>.cover-inner a {
    position:relative;
    padding:5px 10px;
    color:#fff;
    display:inline-block;
    z-index:9;
    margin-top:15px;
}
.cover-box>.cover-inner a:after{
    position:absolute;
    content:"";
    left:0;
    width:100%;
    height:100%;
    top:0;
    background:#000;
    z-index:-1;
}
.cover-box>.cover-inner a:hover{
    color:#000;
}
.cover-box>.cover-inner a:hover:after {
    width:2%;
}

/*==Media Queries==*/

@media only screen and (max-width : 767px) {
    .cover-box>.cover-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 9;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .cover-box>.cover-inner h1 {
        font-size: 30px;
    }
}
@media only screen and (max-width :480px) {
    .cover-box>.cover-inner {
        width:80%;
        min-width:100px;
        padding: 40px 20px 30px 20px;
        text-align:center;
    }
    .cover-box>.cover-inner h1 {
        font-size: 24px;
        line-height: 24px;
    }
    .cover-box>.cover-inner:after {
        width: 100%;
        left: -6%;
        right:auto;
    }
    .cover-box>.cover-inner p {
         font-size: 11px;
        display:block;
    }
}


/*=========== Slider Caption Style  ==============*/

.caption{
    position:absolute;
    bottom:50px;
    bottom: 56px;
    width:60%;
    display: inline-block;
    left: 7%;
    opacity:0;
}
.flex-active-slide .caption,
.kenburns-show .active .item .caption
{
    opacity:1;
    bottom:76px;
}
.caption a{
    display:inline-block;
}
.caption h6,
.caption p{
    display:inline-block;
    margin:0;
}
.caption h6{
    font-size: 14px;
    margin-bottom: 6px;
}
.caption p{
    position:relative;
}
.caption p:before{
    content: "";
    position: relative;
    height: 2px;
    width: 20px;
    background: #000;
    margin-left: 7px;
    margin-right: 11px;
    display: inline-block;
    border-radius:1px;
    top: -3px;
    z-index: 9999999;
}
.black h6,.black p{
    color:#000;
}
.white h6,.white p{
    color:#fff;
}
.white p:before{
    background:#fff;
}

/*==Media Queries==*/
@media only screen and (max-width : 888px) {
    .caption{
        width:80%;
        bottom: 105px;
        text-align:center;
        left:50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .flex-active-slide .caption,
    .kenburns-show .active .item .caption{
        opacity:1;
        bottom:125px;
    }
}


/* ========== Kenburns Slider ========== */

.kenburns-show ul li{
    overflow:hidden;
}
.kenburns-show .imgwrap{
    width:100%;
    height:100vh;
}
.kenburns-show .slides .item .imgwrap{
    height:100vh;
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    transform:scale(1,1);
}
.kenburns-show .slides .active .item .imgwrap{
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
}
.kenburns-show .slides .owl-item.animated.owl-animated-out.fadeOut {

}
.kenburns-show .owl-carousel .owl-controls .owl-nav .owl-prev{
    left:-40px;
}
.kenburns-show:hover .owl-carousel .owl-controls .owl-nav .owl-prev{
    left:40px;
}
.kenburns-show .owl-carousel .owl-controls .owl-nav .owl-next {
    right:-40px;
}
.kenburns-show:hover .owl-carousel .owl-controls .owl-nav .owl-next{
    right:40px;
}
@media only screen and (max-width : 768px) {
    .kenburns-show .owl-nav{
        display:none;
    }
}


/* =========== Background Video ========= */

.bg-video-wrapper{
    width:100%;
    height:100vh;
    background:#000;
    top:0;
    left:0;
}
.bgvideo-controls{
    position: absolute;
    z-index: 999999;
    bottom: 0;
    padding: 0 10px;
    left: 50%;
    height: 36px;
    text-align: center;
    border: 1px solid #000;
    border-top:none;
    border-bottom:none;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.bgvideo-controls a{
    display:inline-block;
    padding:9px 14px;
    height: 35px;
    position:relative;
    width:44px;
    font-size: 18px;
}
.bgvideo-controls a:after{
    content:"";
    position:absolute;
    width:140%;
    left:0;
    height:0;
    bottom:-1px;
    background:#000;
    z-index:1;
}
.bgvideo-controls a:hover:after{
    height: calc(100% + 1px);
}
.bgvideo-controls a:before{
    z-index: 999999;
    position: relative;
}
.bgvideo-controls a:hover:before {
    color:#fff;
}
.bgvideo-controls .vid-playpause:after{
    left:-10px;
}
.bgvideo-controls .vid-sound:after{
    right:-10px;
    left:auto;
}
.video-cover{
    background-color:transparent;
 }
.video-cover .cover-inner h2,
.video-cover .cover-inner p,
.video-cover .cover-inner a{
    color:#fff;
}
.video-cover .cover-inner a:before{
    background:#fff;
}
.video-cover .cover-inner a:hover{
   color:#000;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .bgvideo-controls a:after {
        bottom:0;
    }
    .bgvideo-controls a:hover:after{
        height: 100%;
    }
}

/*==Media Queries==*/

@media only screen and (min-width : 1025px) {
    .bgvideo-controls {
        background: #fff;
    }
}
@media only screen and (max-width : 1024px) {
    .bgvideo-controls {
        bottom: 36px;
        left:70px;
        margin-left:0;
        width:auto;
        padding:0;
        color:#fff;
        height: 34px;
        position: fixed;
        border: 1px solid #fff;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    .bgvideo-controls a {
        color:#000;
        height: 32px;
        float:left;
        display:block;
    }
    .bgvideo-controls .vid-playpause:after{
        left:00px;
        bottom: 0;
        width:100%;
     }
    .bgvideo-controls .vid-sound:after{
        right:0px;
        left:auto;
        bottom: 0;
        width:100%;
    }
    .bgvideo-controls a:hover:after {
        height: calc(100% + 0px);
    }
}
@media only screen and (max-width : 480px) {
    .bgvideo-controls {
        left:50px;
    }
}


/* ========== Background Image ========== */

.image-container{
    height:100vh;
    position:relative;
}


/* ============ Photowall Gallery ============= */

.photowall-wrapper {
    overflow:hidden;
    height: calc(100vh - 113px);
}
.photowall{
    display:block;
    position:relative;
    overflow-x:hidden;
    height:100%;
    background:#fff;
}
.photowall .item{
    float:left;
    width: 12.5%;
    height: 16.6666%;
    position:relative;
}
.photowall .item a {
    position:relative;
    width:100%;
    height:100%;
    z-index:99;
}
.photowall .item:hover a {
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
    z-index:999;
}
@media only screen and (min-width : 768px) {
    .photowall {
        overflow: hidden;
    }
}
@media only screen and (max-width : 767px) {
    .photowall .item{
        width:16.6666%;
    }
    .photowall{
        margin:0!important;
    }
    .photowall-wrapper{
        overflow:hidden;
    }
}
@media only screen and (max-width : 600px) {
    .photowall .item{
        width:25%;
    }
}
@media only screen and (max-width : 480px) {
    .photowall-wrapper{
        height: calc(100vh - 97px);
    }
    .photowall .item{
        width:33.3333%;
    }
}


/*============== LANDING PAGE STYLE =============*/

/* ----------- Landing Page One --------------*/

.landing-cover-one{
    position:absolute;
    padding:60px 20px;
    background-color:rgba(255,255,255,.8);
    text-align:center;
    z-index:9;
    width:100%;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.landing-cover-one h2 {
    letter-spacing:5px;
    font-size: 42px;
    margin-bottom: 26px;
    line-height:52px;
}
.landing-cover-one p {
    letter-spacing: 13px;
}

/*==Media Queries==*/

@media only screen and (max-width : 480px) {
    .landing-cover-one h2 {
        font-size: 29px;
        margin-bottom: 18px;
        line-height: 38px;
    }
    .landing-cover-one p {
        letter-spacing: 6px;
        font-size: 12px;
        line-height: 20px;
    }
}


/* -------- Landing Page Two ---------- */

.landing-cover-two {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.landing-cover-two .cover-inner {
    position: absolute;
    text-align: center;
    border: 10px solid #000;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translate(-50%,-50%);
}
.landing-cover-two h2{
    font-size: 41px;
    letter-spacing: 11px;
    margin-bottom: 0;
    line-height: 71px;
    white-space: nowrap;
    padding: 20px 40px;
    display: inline-block;
    text-shadow: 3px 4px 2px #000;
}

/*==Media Queries==*/

@media only screen and (max-width : 837px) {
    .landing-cover-two .cover-inner{
        padding: 50px 20px;
        width:100%;
    }
    .landing-cover-two h2 {
        font-size: 30px;
        line-height: 42px;
        word-wrap: normal;
        white-space:normal;
        text-shadow: 2px 2px 2px #000;
        display:block;
        padding: 0px 0px;
    }
    .landing-cover-two{
        top: 50%;
        height:auto;
        -webkit-transform:translate(-0%,-50%);
        -moz-transform:translate(-0%,-50%);
        transform:translate(-0%,-50%);
    }
}
@media only screen and (max-width : 480px) {
    .landing-cover-two h2 {
        font-size: 24px;
        word-wrap: break-word;
        line-height: 38px;
        letter-spacing: 5px;
    }
}


/* ============= MASONRY ================ */

.masonry-wrapper{
    overflow:hidden;
}
.masonry{
    overflow:hidden;
}
.masonry .item .item-inner-wrapper{
    position:relative;
}
.masonry .item .item-inner-wrapper>a,
.masonry .item .item-inner-wrapper .project{
   position:absolute;
   width:100%;
   height:100%;
   overflow:hidden;
   display:inline-block;
   left:0;
   top:0;
}
.masonry .item .image-wrapper{
   position:absolute;
   width:100%;
   height:100%;
}
.masonry[data-items-height="auto"] .item .item-inner-wrapper>a,
.masonry[data-items-height="auto"] .item .item-inner-wrapper .project{
    position:relative;
}
.masonry[data-items-height="auto"] .item .item-inner-wrapper .project img{
    width: 100%;
}

/*==Media Queries==*/

@media only screen and (max-width : 767px) {
    .masonry .item{
        width:100%!important;
    }
}


/* ============== GRID ============== */

.grid-wrapper{
    overflow:hidden;
}
.grid{
    overflow:hidden;
}
.grid .item .item-inner-wrapper{
    position:relative;
}
.grid .image-wrapper{
   position:absolute;
   width:100%;
   height:100%;
}
.grid .item .item-inner-wrapper a,
.grid .item .item-inner-wrapper .project{
   position:absolute;
   width:100%;
   height:100%;
   display:inline-block;
   left:0;
   top:0;
}


/* ================ HORAIZONTAL & STRIPED =========== */

.horizontal .item>a{
    display:block;
}
.horizontal .item .image-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}
.disable{
    position:relative;
}
.disable:after{
    visibility:visible!important;
    opacity:1!important;
}
.main-container.fullscreen-height{
    width: 100%;
    height: calc(100vh - 113px);
    background:#fff;
    background: -webkit-linear-gradient(#fff, #f7f7f7);
    background: -o-linear-gradient(#fff, #f7f7f7);
    background: -moz-linear-gradient(#fff, #f7f7f7);
    background: linear-gradient(#fff, #f7f7f7);
}
.main-container.fullscreen-height .horizontal.gallery-albums,
.main-container.fullscreen-height .horizontal.gallery-default,
.main-container.fullscreen-height .horizontal.portfolio-one,
.main-container.fullscreen-height .horizontal.portfolio-two,
.main-container.fullscreen-height .horizontal.portfolio-three,
.main-container.fullscreen-height .horizontal.portfolio-four,
.main-container.fullscreen-height .horizontal.portfolio-five{
    background:#fff;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.horizontal .item>.project{
    height:300px;
}
.horizontal .item{
    position:relative;
}
.fullscreen-height.horizontal .owl-item>.item .project {
    height: calc(100vh - 113px);
    display: block;
    position: relative;
    overflow: hidden;
}
.main-container.fullscreen-height .filter ~ .horizontal,
.main-container.fullscreen-height .filter ~ .masonry,
.main-container.fullscreen-height .filter ~ .grid,
.main-container.fullscreen-height .filter ~ .wide{
     top:0%;
    -webkit-transform:translateY(-0%);
    -moz-transform:translateY(-0%);
    transform:translateY(-0%);
}
.filter ~ .horizontal .item:after,
.filter ~ .masonry-wrapper .masonry .item:after,
.filter ~ .grid-wrapper .grid .item:after,
.filter ~ .wide-wrapper .item:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index: 999;
    width: 100%;
    height: 100%;
    opacity:0;
    visibility:hidden;
    background:rgba(255,255,255,.8);
    border-radius:1px;
}
.main-container.fullscreen-height .horizontal.gallery-albums .item>a,
.main-container.fullscreen-height .horizontal.gallery-default .item>a,
.main-container.fullscreen-height .horizontal.portfolio-one .item .project,
.main-container.fullscreen-height .horizontal.portfolio-two .item .project,
.main-container.fullscreen-height .horizontal.portfolio-three .item .project,
.main-container.fullscreen-height .horizontal.portfolio-four .item .project,
.main-container.fullscreen-height .horizontal.portfolio-five .item .project{
    height: calc(100vh - 196px);
    display: block;
    position: relative;
    overflow:hidden;
}
@media only screen and (max-width: 480px){
    .main-container.fullscreen-height .horizontal.gallery-albums .item > a,
    .main-container.fullscreen-height .horizontal.gallery-default .item > a,
    .main-container.fullscreen-height .horizontal.portfolio-one .item .project,
    .main-container.fullscreen-height .horizontal.portfolio-two .item .project,
    .main-container.fullscreen-height .horizontal.portfolio-three .item .project,
    .main-container.fullscreen-height .horizontal.portfolio-four .item .project,
    .main-container.fullscreen-height .horizontal.portfolio-five .item .project {
        height: calc(100vh - 182px);
    }
    .fullscreen-height.horizontal .owl-item > .item .project {
        height: calc(100vh - 98px);
    }

}


/* =========== WIDE =============== */

.wide-wrapper{
    overflow:hidden;
}
.wide .item{
    width:100%!important;
}
.wide .item .project,
.wide .item .image-wrapper{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    bottom:0;
}


/*============== Filters  ==============*/

.filter,.isotope-filter{
    display:block;
    padding:75px 10px 24px 10px;
}
.filter ul,.isotope-filter ul{
    margin-bottom:0;
    padding:0;
    margin:0;
    text-align:center;
}
.filter ul li,.isotope-filter ul li{
    display:inline-block;
    margin:5px 15px;
}
.filter ul li a ,.isotope-filter ul li a{
    font-size:11px;
    display:inline-block;
    text-transform:uppercase;
}

.filter ul li a.active,.filter ul li a:hover,
.isotope-filter ul li a.active,.isotope-filter ul li a:hover{
    text-shadow:0 1px 1px #000;
    color:#000;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.filter,.isotope-filter{
	    padding:120px 10px 24px 10px;
	}
}
@media only screen and (max-width: 768px) {
	.filter,.isotope-filter{
			padding:88px 10px 24px 10px;
	}
}

/* 00000000000 GALLERY STYLE 00000000000000 */

/* ========== Default Style =========== */

.gallery-default .caption-wrapper{
    position:absolute;
    background-color:rgba(255,255,255,.8);
    z-index:11;
    width:100%;
    left:0;
    top:0;
    height:100%;
    text-align:center;
    opacity:0;
}
.gallery-default a:hover .caption-wrapper{
    opacity:1;
}
.gallery-default .caption-wrapper:before,
.gallery-default .caption-wrapper:after{
    content:"";
    position:absolute;
    right:20px;
    top:50%;
    left:50%;
    background:#000;
}
.gallery-default .caption-wrapper:before{
     width:1px;
    height:0px;
    margin-top:0;
}
.gallery-default .caption-wrapper:after {
     width:0px;
     height:1px;
     margin-left:0;
}
.gallery-default a:hover .caption-wrapper:before {
    height:100px;
    margin-top:-50px;
}
.gallery-default a:hover .caption-wrapper:after {
    width:100px;
    margin-left:-50px;
}
.gallery-default .video-frame .caption-wrapper:after,
.gallery-default .video-frame .caption-wrapper:before{

}
.horizontal.gallery-default{
	margin-top:75px;
}
.horizontal.gallery-default a{
    height:300px;
}
.horizontal.gallery-default a .image-wrapper{
    position:relative;
    height:100%;
}
.horizontal.gallery-default.fullscreen-height .project .tittle-info{
    position:absolute;
    bottom:70px;
    display:inline-block;
    text-align:center;
    width:100%;
}
.horizontal.gallery-default.fullscreen-height[data-item-autowidth="true"]  .project .tittle-info{
    left:0;
    width:100%;
}
.horizontal.gallery-default .project .tittle-info a{
    height:auto;
    display:inline-block;
}
.horizontal.gallery-default .project .tittle-info a h4{
    font-size:17px;
    color:#fff;
    margin-bottom:1px;
}
.horizontal.gallery-default .project .tittle-info .category a,
.horizontal.gallery-default .project .tittle-info .category span{
    color:#fff;
}
.horizontal.gallery-default .project .tittle-info .category>a:after,
.horizontal.gallery-default .project .tittle-info .category>span:after{
    color:#fff;
}
.horizontal.gallery-default.fullscreen-height .project a{
    height:auto;
    margin:0 10px;
}
.horizontal[data-item-autowidth="true"] .item{
    width:100vw;
}
.horizontal.gallery-default[data-item-autowidth="true"] .item .image-wrapper{
    z-index:-1;
}
.horizontal.gallery-default[data-item-autowidth="true"] .project{
    text-align:center;
}
.horizontal.gallery-default[data-item-autowidth="true"] .cloned .project:after{
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    right: 0;
    z-index: 99999;
}
.horizontal.gallery-default[data-item-autowidth="true"] .project .preview{
    opacity: 1;
    visibility: visible;
}
.horizontal.gallery-default[data-item-autowidth="true"] .item>.project>img{
    width:auto!important;
    height:100%;
}
.horizontal.gallery-default[data-item-autowidth="true"] .category>a,
.horizontal.gallery-default[data-item-autowidth="true"] .category>span{
    font-size: 14px;
}
.horizontal.gallery-default[data-item-autowidth="true"] .preview:after{
    content: "\f002";
    position: absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: #000;
    z-index: 999;
    right: 0;
    top: 0;
    background: rgba(255,255,255,.6);
    padding: 12px 15px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.horizontal.gallery-default[data-item-autowidth="true"] .preview:hover{
    opacity:1;
}
.horizontal.gallery-default .preview:hover:after{
    background:#fff;
}
.horizontal.gallery-default .preview:after{
    transform:scale(1,1);
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
}
.horizontal.gallery-default[data-item-autowidth="true"] .video-frame:after{
        transform:scale(1,1);
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
     -webkit-transition-delay: .3s;
    transition-delay: .3s;
}
.horizontal.gallery-default[data-item-autowidth="true"] .owl-item.active.center .video-frame:after{
    transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
}
.horizontal.gallery-default[data-item-autowidth="true"] .owl-item.active.center .video-frame:hover:after{
    -webkit-animation: pop2 .5s ease;
    -moz-animation: pop2 .5s ease;
    animation: pop2 .5s ease;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .horizontal.gallery-default.fullscreen-height .project .tittle-info {
        width:100%;
    }
}
@media only screen and (max-width: 768px) {
    .horizontal.gallery-default.fullscreen-height .project .tittle-info {
        width:100%;
    }
}


/* ======== Alubms style ========= */

.gallery-albums{
		margin-top:62px!important;
		margin-bottom:10px!important;
}
.gallery-albums .caption-wrapper{
    position:absolute;
    background-color:rgba(255,255,255,.9);
    z-index:11;
    width:100%;
    left:0;
    top:0;
    height:100%;
    text-align:center;
    opacity:0;
}
.gallery-albums a .tittle-info{
    position:absolute;
    top:50%;
    padding:15px;
    padding-top:40px;
    max-height:100%;
    overflow:hidden;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width:100%;
}
.gallery-albums a:hover .caption-wrapper {
    opacity:1;
}
.gallery-albums a .tittle-info h4{
    margin-top:0;
    margin-bottom:6px;
    line-height: 19px;
    font-size: 16px;
    letter-spacing: 3px;
}
.gallery-albums .caption-wrapper:before,
.gallery-albums .caption-wrapper:after{
    content:"";
    position:absolute;
    height:1px;
    right:20px;
    width:0;
    background:#000;
}
.gallery-albums .caption-wrapper:before {
    top:20px;
}
.gallery-albums .caption-wrapper:after{
    top:30px;
}
.gallery-albums a:hover .caption-wrapper:before {
    width:80px;
}
.gallery-albums a:hover .caption-wrapper:after {
    width: 50px;
}
.gallery-albums a .tittle-info p{
    margin-bottom:0;
}
.horizontal.gallery-albums .item a{
   display:block;
   height:300px;
}
.horizontal.gallery-albums .item a .image-wrapper{
    position:relative;
    height:100%;
}
.wide.gallery-albums .item {
    height:300px!important;
    padding-bottom: 0;
}
.wide.gallery-albums a .tittle-info h4{
    font-size:17px;
}
.wide.gallery-albums a .tittle-info p{
    font-size:12px;
}
@media only screen and (min-width: 1500px) {
    .wide.gallery-albums a .tittle-info h4,
    .gallery-albums a .tittle-info h4{
	   font-size:18px;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
    .gallery-albums a .tittle-info h4{
        line-height: 18px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 991px) and (min-width: 892px){
    .grid.gallery-albums a .tittle-info h4{
        line-height: 20px;
        font-size: 14px;
    }
}
@media only screen and (max-width: 891px){
    .grid.gallery-albums a .tittle-info h4{
        line-height: 20px;
        font-size: 17px;
    }
}
@media only screen and (max-width: 480px){
	.gallery-albums .caption-wrapper {
			opacity: 1;
			top: initial;
    	height: 25%;
			bottom: 0;
			background-color: rgba(255,255,255,.8);
	}
	.gallery-albums a .tittle-info {
		padding: 0;
	}
}

/* =========== Wide Style ============== */

.gallery-wide.wide .item{
    height:auto!important;
    overflow:hidden;
    padding-bottom:56.25%;
}
.gallery-wide.wide .item .zoom-hover{
    display:block;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow:hidden;
}

.gallery-wide.wide .item .zoom-hover .image-wrapper{
    -webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    transform:scale(1,1);
}
.gallery-wide.wide .item .zoom-hover:hover .image-wrapper{
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
}


/* 00000000000000 PORTFOLIO STYLE 00000000000000000 */

/* ========== Portfolio Style One =========== */

.portfolio-one .item .project{
    position:absolute;
    width:100%;
    height:100%;
    display:inline-block;
    left:0;
    top:0;
}
.caption-wrapper{
    opacity:0;
}
.portfolio-one .project .caption-wrapper{
    position:absolute;
    z-index:1;
    width:100%;
    opacity:1;
    left:0;
    top:0;
    height:100%;
    text-align:center;
}
.portfolio-one .project .caption-wrapper:after{
    content:"";
    position:absolute;
    background-color:rgba(255,255,255,.9);
    z-index:-1;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left:0;
    top:0;
    text-align:center;
    opacity:0;
}
.portfolio-one .project:hover .caption-wrapper:after{
    top:10px;
    left:10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    opacity:1;
}

.portfolio-one .project .tittle-info{
    position:absolute;
    top:50%;
    padding:30px;
    opacity:0;
    -webkit-transform: translateY(-50%) scale(.9,.9);
    -moz-transform: translateY(-50%) scale(.9,.9);
    transform: translateY(-50%) scale(.9,.9);
    width:100%;
}
.portfolio-one .project:hover .caption-wrapper .tittle-info {
    opacity:1;
    -webkit-transform: translateY(-50%) scale(1,1);
    -moz-transform: translateY(-50%) scale(1,1);
    transform: translateY(-50%) scale(1,1);
}
.portfolio-one .project .tittle-info a,
.portfolio-one .item .item-inner-wrapper a{
    position:relative;
}
.portfolio-one .project .tittle-info h4{
    margin-top:0;
    margin-bottom:5px;
    line-height: 24px;
    font-size: 16px;
    display:inline-block;
    letter-spacing: 3px;
}
.portfolio-one .project .tittle-info h4:hover{
    text-shadow:0px 0px 0px #000;
}
.portfolio-one .project .tittle-info>a{
    display:inline-block;
    width: auto;
}
.masonry.portfolio-one .project .tittle-info h4{
    margin-bottom:3px;
}
.grid.portfolio-one .project .tittle-info h4{
    margin-bottom:3px;
    font-size:15px;
}
.wide.portfolio-one .project .tittle-info p>a{
    margin:0 8px;
}
.wide.portfolio-one .project .caption-wrapper:after{
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}
.wide.portfolio-one .project:hover .caption-wrapper:after{
    top:20px;
    left:20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    opacity:1;
}
.wide.portfolio-one .project .tittle-info h4 {
    margin-top: 0;
    margin-bottom:8px;
    font-size:18px;
}


/* ======== Portfolio Style Two ========== */

.portfolio-two .item .project{
   position:absolute;
   width:100%;
   height:100%;
   display:inline-block;
   left:0;
   top:0;
}
.caption-wrapper{
    opacity:0;
}
.portfolio-two .caption-wrapper{
    position:absolute;
    background-color:rgba(255,255,255,.9);
    opacity:1;
    z-index:1;
    width:100%;
    left:0;
    top:0;
    height:100%;
    text-align:center;
    opacity:0;
}
.portfolio-two .caption-wrapper a,
.portfolio-two .item .item-inner-wrapper a{
    position:relative;
}
.portfolio-two .project .caption-wrapper .tittle-info{
    position:absolute;
    padding:20px;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width:100%;
}
.portfolio-two .project .caption-wrapper .tittle-info>a{
    display:inline-block;
    width: auto;
}
.portfolio-two .project:hover .caption-wrapper {
    opacity:1;
}
.portfolio-two .caption-wrapper:before,
.portfolio-two .caption-wrapper:after{
    content:"";
    position:absolute;
    width:1px;
    height:0;
    background:#000;
}
.portfolio-two .project .caption-wrapper:before{
    right:20px;
    top:0;
}
.portfolio-two .project:hover .caption-wrapper:before {
    height: 80%;
}
.portfolio-two .project .caption-wrapper:after{
    left:20px;
    bottom:0;
}
.portfolio-two .project:hover .caption-wrapper:after {
    height: 80%;
}
.portfolio-two .project .tittle-info h4{
    margin-top:0;
    margin-bottom:10px;
    line-height: 24px;
    font-size: 16px;
    letter-spacing: 3px;
}
.portfolio-two .project .tittle-info h4:hover{
    text-shadow: 0px 0px 0px #000;
}
.masonry.portfolio-two .project .tittle-info h4{
    margin-bottom:5px;
}
.grid.portfolio-two .project .tittle-info h4{
    margin-bottom:3px;
    font-size:15px;
}
.wide.portfolio-two .project .tittle-info p>a{
    margin:8px;
}
.wide.portfolio-two .project .tittle-info h4 {
    margin-top: 0;
    margin-bottom:3px;
    font-size:18px;
}

/*==Media Queries==*/

@media only screen and (min-width :1500px) {
    .masonry.portfolio-one .project .tittle-info h4,
    .masonry.portfolio-two .project .tittle-info h4 ,
	.grid.portfolio-one .project .tittle-info h4,
    .grid.portfolio-two .project .tittle-info h4 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .masonry.portfolio-one .item .project .tittle-info .category>a,
    .masonry.portfolio-two .item .project .tittle-info .category>a,
	.grid.portfolio-one .item .project .tittle-info .category>a,
    .grid.portfolio-two .item .project .tittle-info .category>a{
        margin:0;
        margin-left:18px;
        font-size:12px;
    }
}

@media only screen and (min-width :768px) and (max-width : 991px) {
    .masonry.portfolio-one .project .tittle-info h4,
    .masonry.portfolio-two .project .tittle-info h4{
        font-size:13px;
        margin-bottom:0;
    }
    .masonry.portfolio-one .item .project .tittle-info .category>a,
    .masonry.portfolio-two .item .project .tittle-info .category>a{
        margin:0;
        margin-left:10px;
        font-size:10px;
    }
    .masonry.portfolio-one .item .project .tittle-info .category > a:first-child,
    .masonry.portfolio-two .item .project .tittle-info .category > a:first-child{
        margin-left:0;
    }
    .masonry.portfolio-one .item .project .tittle-info .category>a:after,
    .masonry.portfolio-two .item .project .tittle-info .category>a:after{
        right:-6px;
    }
    .masonry.portfolio-one .project .tittle-info h4,
    .masonry.portfolio-two .project .tittle-info h4{
        font-size:13px;
        margin-bottom:0;
        line-height: 18px;
    }
}

@media only screen and (min-width :768px) and (max-width : 1024px) {
    .portfolio-one .project .tittle-info .category > a,
    .portfolio-two .project .tittle-info .category > a{
        font-size: 10px;
        margin-left: 12px;
    }
    .portfolio-one .project .tittle-info .category>a:after,
    .portfolio-two .project .tittle-info .category>a:after{
        right: -7px;
    }
    .grid.portfolio-one .project .tittle-info h4,
    .grid.portfolio-two .project .tittle-info h4{
        margin-bottom:0px;
    }
}
@media only screen and (max-width :891px){
    .grid.portfolio-one .project .tittle-info h4,
    .grid.portfolio-two .project .tittle-info h4{
        font-size:17px;
    }
}


/* =========== Portfolio Style three & four ========== */

.portfolio-three .project,
.portfolio-four .project{
    overflow:hidden;
}
.portfolio-three .project .image-wrapper,
.portfolio-four .project .image-wrapper{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.portfolio-three .project:hover .image-wrapper,
.portfolio-four .project:hover .image-wrapper{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.portfolio-three .owl-item .item .project,
.portfolio-four .owl-item .item .project{
    position: relative;
    overflow:hidden;
}
.portfolio-three .item .project .tittle-info{
    position:absolute;
    bottom:50px;
    background-color:rgba(255,255,255,.8);
    width:90%;
    left:5%;
    padding: 10px;
    border:8px solid #fff;
}
.portfolio-four .item .project .tittle-info{
    position:absolute;
    background:rgba(255,255,255,.9);
    bottom:0;
    padding:15px;
    width:100%;
    text-align:center;
    padding-bottom:55px;
}
.portfolio-four .item .project .tittle-info h3{
    color:#000;
    margin-bottom:4px;
    margin-top:12px;
    line-height:24px;
    font-size:15px;
    letter-spacing:3px;
}
.portfolio-four .item .project .tittle-info h3:hover{
   text-shadow:0px 0px 0px #000;
}
.portfolio-three .item .project .tittle-info h3{
    font-size: 14px;
    line-height: 26px;
    letter-spacing:2px;
    margin: 5px 0 1px 0;
}
.portfolio-three .item .project .tittle-info h3:hover{
    text-shadow:0px 0px 0px #000;
}
.portfolio-three .item .project .tittle-info h4 {
    margin:0;
    font-size:13px;
}
.portfolio-three .item .project .tittle-info .fa{
    position:absolute;
    top: -18px;
    left:10px;
    padding: 8px 10px;
    background:#fff;
}
.portfolio-three .item .project .tittle-info a{
    height:auto;
    display:inline-block;
}
.portfolio-three .item .project .tittle-info .category a:hover{
   color:#000;
}
.portfolio-four .item .project .tittle-info p{
    color:#696868;
    margin-bottom: 0px;
}
.portfolio-four .item .project .tittle-info .category>span{
    font-size:14px;
}
.portfolio-four .item .project .ex-info-box{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding:0 10px;
    z-index:11;
}
.portfolio-four .item .project .tittle-info .fa,
.portfolio-four .item .project .ex-info-box p{
    color:#000;
}
.portfolio-four .item .project .tittle-info .fa{
    position:absolute;
    bottom:22px;
    left: 50%;
    margin-left: -7px;
}
.portfolio-four .item .project .ex-info-box p{
    margin-bottom:8px;
    width:50%;
    float:left;
}
.portfolio-four .item .project .ex-info-box p:nth-child(2n+0) {
    text-align:right;
}
.portfolio-three .item .project .tittle-info .category{
    margin-bottom:0;
}
.portfolio-three .item .project .tittle-info h4{
    margin-top:15px;
}
.portfolio-four .item .project .tittle-info .category>a,
.portfolio-three .item .project .tittle-info .category>a{
     letter-spacing: 2px;
     color:#444;
     font-size:13px;
}
.portfolio-four .item .project .tittle-info .category > a:after,
.portfolio-three .item .project .tittle-info .category > a:after {
    content:"-";
}
.portfolio-four .item .project .tittle-info  p>a:hover{
    text-shadow:0px 0px 0px #000;
}
.grid.portfolio-four .project{
    overflow:hidden;
}
.grid.portfolio-four .project .tittle-info a{
    position:relative;
    display:inline-block;
    width:auto;
}
.horizontal.portfolio-four .item .project .tittle-info {
    bottom:36px;
}
.horizontal.portfolio-four .item .project .ex-info-box {
    bottom: 35px;
}
.horizontal.portfolio-four .item .project:hover .tittle-info{
    bottom:74px;
}
.horizontal.portfolio-four .item .project:hover .ex-info-box p{
    color:#fff;
}

@media only screen and (min-width :1500px){
.grid.portfolio-four .item .project .tittle-info h3{
	font-size:17px;
}
}
@media only screen and (max-width :480px) {
    .main-container.fullscreen-height .horizontal.portfolio-four .item .project .ex-info-box {
        bottom:62px;
    }
    .main-container.fullscreen-height .horizontal.portfolio-four .item .project:hover .ex-info-box {
        bottom:83px;
    }
    .main-container.fullscreen-height .horizontal.portfolio-four .item .project .ex-info-box p{
        color:#000;
    }
}


/* ========= Portfolio Style Five ========== */

.portfolio-five .item .project{
    display: block;
    position:relative;
    overflow:hidden;
}
.portfolio-five .item .project .image-wrapper{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.portfolio-five .item .project:hover .image-wrapper{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.portfolio-five .item .project:before {
    content:"\f178";
    position:absolute;
    top:64%;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#fff;
    left:50%;
    z-index:11;
}
.portfolio-five .item .project:hover:before{
    top:86%;
}
.portfolio-five .item .project:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:rgba(0,0,0,.6);
    z-index:1;
    opacity:1;
}
.portfolio-five .item .project:hover:after {
    opacity:0;
}
.portfolio-five .item .project .tittle-info{
    position: absolute;
    top:50%;
    width: 100%;
    text-align:center;
    padding: 0 10px;
    z-index:11;
}
.portfolio-five .item .project .tittle-info h3 {
    margin:0;
    letter-spacing: 5px;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 2px;
}
.portfolio-five .item .project .tittle-info .category{
    color:#fff;
    letter-spacing: 2px;
    margin-bottom:0;
}
.portfolio-five .item .project .tittle-info .category>span,
.portfolio-five .item .project .tittle-info .category>a {
    color:#fff;
    letter-spacing: 2px;
    position:relative;
}
.portfolio-five .item .project .tittle-info .category>span:after,
.portfolio-five .item .project .tittle-info .category>a:after{
    color:#fff;
    content: "-";
}
.portfolio-five .item .project .ex-info-box{
    position: absolute;
    top: 20px;
    width: 100%;
    padding:0 10px;
    z-index:11;
}
.portfolio-five .item .project .ex-info-box p{
    width:50%;
    float:left;
    color:#fff;
    font-size:13px;
    margin-bottom:0;
}
.portfolio-five .item .project .ex-info-box p:nth-child(2n+0){
    text-align:right;
}
.masonry.portfolio-five .item .project:before{
    display:none;
}
.horizontal.portfolio-five[data-item-autowidth="true"] .item .project:before{
    display:none;
}
.horizontal.portfolio-five[data-item-autowidth="true"] .item .project .tittle-info .category>span{
    font-size:13px;
}
.horizontal.portfolio-five[data-item-autowidth="true"] .item .project .tittle-info h3{
    margin-bottom:6px;
    font-size:17px;
}
.horizontal.portfolio-five[data-item-autowidth="true"] .tittle-info:before {
    content: "\f178";
    position: absolute;
    bottom: -50px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    left: 50%;
    z-index: 11;
}
.horizontal.portfolio-five[data-item-autowidth="true"] .project:hover .tittle-info:before{
    bottom: -200px;
}
.horizontal.portfolio-five[data-item-autowidth="true"] .owl-item ,
.horizontal.portfolio-five[data-item-autowidth="true"] .owl-stage{
    overflow:hidden;
}
.horizontal.portfolio-five[data-item-autowidth="true"] .owl-item img{
    height:100%;
    width:auto!important;
}
.portfolio-five.masonry .item .project:after{
    background: rgba(0,0,0,.3);
}
.portfolio-five.masonry .item .project .tittle-info h3 {
    font-size: 16px;
}

/*==Media Queries==*/

@media only screen and (min-width :1500px){
    .portfolio-five.masonry .item .project .tittle-info h3 {
        margin-bottom:8px;
        font-size: 20px;
    }
    .horizontal.portfolio-five[data-item-autowidth="true"] .item .project .tittle-info h3,
    .horizontal.gallery-default[data-item-autowidth="true"] .item .project .tittle-info h4{
        font-size: 18px;
    }
    .portfolio-five.masonry .item .project .tittle-info .category span{
        font-size:13px;
    }
}
@media only screen and (min-width :768px) and (max-width : 991px) {

    .horizontal.portfolio-five .item .project .tittle-info,
    .wide.portfolio-five .item .project .tittle-info {
        top: 50%;
    }
    .portfolio-five .item .project .tittle-info h3{
        font-size: 14px;
    }
    .wide.portfolio-five .item .project .tittle-info h3{
        font-size: 18px;
        margin-bottom: 8px;
    }
}
@media only screen and (max-width :480px) {
    .portfolio-five.masonry .item .project .tittle-info h3 {
        font-size: 16px;
        margin-bottom:5px;
    }
}


/* 0000000000000000 BLOG STYLE 000000000000000000 */

/* ===== Blog Wide One , Wide Two , Masonry Syle ====== */

.blog-wide-one .item .post-info,
.blog-wide-two .item .post-info,
.blog-masonry .item .post-info{
    color: #444;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    line-height: 23px;
    position:relative;
    margin-bottom: 15px;
    margin-top:20px;
}
.blog-wide-one .item .post-info>div:after,
.blog-wide-two .item .post-info>div:after,
.blog-masonry .item .post-info>div:after{
    display:none;
}
.blog-wide-one .item .tittle-info>.fa,
.blog-wide-two .item .tittle-info>.fa,
.blog-masonry .item .tittle-info>.fa{
    margin-bottom:12px;
}

.blog-wide-one .item .tittle-info h4,
.blog-wide-two .item .tittle-info h4,
.blog-masonry .item .tittle-info h4{
    font-size:17px;
    letter-spacing:3px;
    margin: auto;
    margin-bottom:10px;
    display:block;
    line-height: 18px;
    max-width: 92%;
}
.blog-wide-one .item .tittle-info > a,
.blog-wide-two .item .tittle-info > a,
.blog-masonry .item .tittle-info > a {
    display:block;
}
.blog-wide-one .item .category>a,
.blog-wide-two .item .category>a,
.blog-masonry .item .category>a{
    font-size:12px;
}
.blog-wide-one .item .post-info > div a,
.blog-wide-two .item .post-info > div a,
.blog-masonry .item .post-info > div a {
    font-size:13px;
}
.blog-wide-one .item .category,
.blog-wide-two .item .category,
.blog-masonry .item .category{
    margin-bottom:0px;
}
.blog-wide-one .item .post-info>div,
.blog-wide-two .item .post-info>div,
.blog-masonry .item .post-info>div{
    position:relative;
    margin-left:12px;
    display:inline-block;
    color:#a0a0a0;
}
.blog-wide-one .item .post-info>div:first-child,
.blog-wide-two .item .post-info>div:first-child,
.blog-masonry .item .post-info>div:first-child{
    margin-left:0;
}
.blog-wide-one .item .post-info >div:first-child:before,
.blog-wide-two .item .post-info >div:first-child:before,
.blog-masonry .item .post-info >div:first-child:before {
    display:none;
}
.blog-wide-one .item .category a,
.blog-wide-one .post-info >div a,
.blog-wide-two .item .category a,
.blog-wide-two .post-info >div a,
.blog-masonry .item .category a,
.blog-masonry .post-info >div a {
    color: #7b7b7b;
}
.blog-wide-one .item .post-info>div:before,
.blog-wide-two .item .post-info>div:before,
.blog-masonry .item .post-info>div:before{
    content:"-";
    left: -9px;
    position: absolute;
}
.blog-wide-one .item .category a:hover,
.blog-wide-one .post-info >div a:hover,
.blog-wide-two .item .category a:hover,
.blog-wide-two .post-info >div a:hover,
.blog-masonry .item .category a:hover,
.blog-masonry .post-info >div a:hover{
    color:#000;
}
.blog-wide-one .item .post-info:before,
.blog-wide-two .item .post-info:before,
.blog-masonry .item .post-info:before{
    content:"";
    position:absolute;
    width:34px;
    height:2px;
    background:#000;
    top:-10px;
    left:50%;
    margin-left:-20px;
}
.blog-wide-one .item .btn-small.btn-style2 a,
.blog-wide-two .item .btn-small.btn-style2 a,
.blog-masonry .item .btn-small.btn-style2 a{
    padding:4px 20px;
    display:inline-block;
    border:1px solid #000;
    margin-top: 10px;
    position:relative;
    z-index:99;
}
.blog-wide-one .item .btn-small.btn-style2 a:after,
.blog-wide-two .item .btn-small.btn-style2 a:after,
.blog-masonry .item .btn-small.btn-style2 a:after{
    content:"";
    position:absolute;
    height:0;
    background:#000;
    left:0;
    bottom:0;
    z-index:-1;
    width:100%;
}
.blog-wide-one .item .btn-small.btn-style2 a:hover:after,
.blog-wide-two .item .btn-small.btn-style2 a:hover:after,
.blog-masonry .item .btn-small.btn-style2 a:hover:after {
    height:100%;
}
.blog-wide-one .item .btn-small.btn-style2 a:hover,
.blog-wide-two .item .btn-small.btn-style2 a:hover,
.blog-masonry .item .btn-small.btn-style2 a:hover{
    color:#fff;
}
.blog-wide-one .item .item-inner-wrapper,
.blog-wide-two .item .item-inner-wrapper,
.blog-masonry .item .item-inner-wrapper{
    box-shadow: 0px 0px 5px #ccc;
}
.blog-wide-one .item,
.blog-wide-two .item{
    position:relative;
}

.blog-wide-one .caption-wrapper,
.blog-wide-two .caption-wrapper,
.blog-masonry .caption-wrapper{
    top:0;
    left:50%;
    opacity:1;
    height:100%;
    text-align:center;
    position:absolute;
    background:rgba(255,255,255,.9);
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}
.blog-wide-one .tittle-info,
.blog-wide-two .tittle-info{
    position: absolute;
    padding: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.wide.blog-wide-one .item .image-wrapper,
.wide.blog-wide-two .item .image-wrapper{
    position:relative;
}
.wide.blog-wide-one .item,
.wide.blog-wide-two .item{
    margin:0 5px;
    width: calc(100% - 10px)!important;
}
.wide.blog-wide-one .item:last-child,
.wide.blog-wide-two .item:last-child{
    margin-bottom:5px;
}
.blog-wide-one .item .image-wrapper,
.blog-wide-two .item .image-wrapper {
    position:relative;
    height:100%;
}
.blog-masonry{
   padding:0 5px 5px 5px;
}
.blog-masonry .item .image-wrapper,
.blog-masonry .item .single-slider .imgwrap{
    padding-bottom:56.25%;
    position:relative;
}
.blog-masonry .item .caption-wrapper{
    position:relative;
}
.blog-masonry .item .tittle-info{
    position:relative;
    padding:40px;
    -webkit-transform: translateY(-0%);
    -moz-transform: translateY(-0%);
     transform: translateY(-0%);
}
.blog-masonry .item .item-inner-wrapper{
      box-shadow: 0px 0px 5px #ccc;
}
.masonry.blog-masonry .item .item-inner-wrapper{
    position:relative;
}
.blog-masonry .item {
    box-shadow: none;
}
.blog-masonry .caption-wrapper{
    position:relative;
}


/*==Media Queries==*/

@media only screen and (min-width : 769px) {
    .blog-wide-one .caption-wrapper,
    .blog-wide-two .caption-wrapper{
        width:430px;
    }
    .blog-wide-one .item,
    .blog-wide-one .item{
        height:400px;
        margin:0 5px;
    }
    .wide.blog-wide-two .item .image-wrapper{
        position: relative;
        width: 65%;
        float: left;
    }
     .wide.blog-wide-two .item .caption-wrapper{
        position: relative;
        width: 35%;
        float: left;
        left:0;
        -webkit-transform: translateX(-0%);
        -ms-transform: translateX(-0%);
        transform: translateX(-0%);
    }
}
@media only screen and (min-width : 1500px) {
    .blog-wide-one .caption-wrapper{
        width:480px;
    }
}@media only screen and (min-width : 769px) and (max-width : 901px) {
    .wide.blog-wide-two .item .caption-wrapper {
        width: 40%;
    }
    .wide.blog-wide-two .item .image-wrapper {
        width: 60%;
    }
}
@media only screen and (max-width : 768px) {
    .blog-wide-one,.blog-wide-one .item,
    .blog-wide-two,.blog-wide-two .item {
        height: auto !important;
    }
    .wide.blog-wide-one .item,
    .wide.blog-wide-one .item-inner-wrapper,
    .wide.blog-wide-two .item,
    .wide.blog-wide-two .item-inner-wrapper{
        position:relative!important;
        overflow:hidden;
        top: 0 !important;
        transform:none!important;
    }
    .wide.blog-wide-one .item-inner-wrapper,
    .wide.blog-wide-two .item-inner-wrapper{
        margin-top:15px;
        margin-bottom:15px;
    }
    .blog-wide-one .item .image-wrapper,
    .blog-wide-two .item .image-wrapper,
    .blog-masonry .item .image-wrapper {
        padding-bottom:56.25%;
    }
    .blog-wide-one .item .caption-wrapper,
    .blog-wide-two .item .caption-wrapper,
    .blog-masonry .item .caption-wrapper{
        position: relative;
        left: 0%;
        top: 0;
        height:auto;
        -webkit-transform: translateX(-0%);
        -ms-transform: translateX(-0%);
        transform: translateX(-0%);
    }
    .blog-wide-one .item .caption-wrapper>.tittle-info,
    .blog-wide-two .item .caption-wrapper>.tittle-info{
        position: relative;
        top: 00%;
        padding: 50px 30px;
        -webkit-transform: translateY(-00%);
        -ms-transform: translateY(-00%);
        transform: translateY(-00%);
    }
}


/* ======== News Letter ======= */

.newletter-tittle{
     font-size: 20px;
     letter-spacing:7px;
}
.newletter-paragraph{
    font-size:14px;
}
.response{
    display:none;
    position:relative;
}
.response p{
    margin-bottom:0;
    font-weight:600;
    padding: 8px 70px 7px 70px;
    display: inline-block;
    background: #fff;
}
.response>div{
    position: absolute;
    left:50%;
    top:10PX;
    font-weight:600;
    letter-spacing:1px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 8px 20px;
}
.wrong{
    color:#f00;
    display:none;
}
form.subscribe input[type="text"] {
    max-width:500px;
    display: inline-block;
    border-radius:0px;
    height:38px;
    background:#fff;
    border: 1px solid #eaeaea;
    box-shadow:none;
    font-family:'Lato', sans-serif;
    vertical-align: top;
    margin-bottom:0px;
    padding: 10px;
    font-size: 12px;
}

/*==Media Queries==*/

@media only screen and (max-width : 767px) {
    form.subscribe input[type="text"] {
        margin-bottom: 20px;
    }
    .form.subscribe button[type="submit"]{
        margin:auto;
        margin-top:15px;
        display:block;
    }
    .response > div {
        width:100%;
    }
}
@media only screen and (max-width : 480px) {
    form.subscribe{
         text-align: center;
    }
    .response>div{
        font-size:11px;
        width:100%;
    }
}


/* 00000000000000000000 SINGLE PAGES ELEMENTS 0000000000000000000 */

.page-content-wrapper{
    overflow-x:hidden;
    display:block;
		margin-top: 75px;
}
.page-content-wrapper p{
    max-width: 750px;
    margin-left: auto;
    margin-right:auto;
}
.page-content-wrapper> [class*="col-sm"]{
    margin-bottom:0;
}
.header-image{
    margin-bottom:30px;
    margin-top:0;
    height: 60vh;
    position:relative;
    padding: 0 35px;
}
@media only screen and (min-width : 1300px) {
    .header-image {
        padding:0 70px;
    }
}
.header-text{
    position:absolute; 
    bottom:20px;
}
.header-image .header-title{
    letter-spacing:6px;
    font-size:45px;
    color:white;
    line-height: 1;
    margin-bottom: 5px;
}
.header-image .header-info{
    font-size:12px;
    color:white;
}

/* ------ Padding Bottom Image Height ------- */

.pb16prcnt{
    padding-bottom:16%;
}
.pb40prcnt,.pb40prcnt .image-wrapp{
    padding-bottom:40%;
}
.single-slider.pb40prcnt{
    padding-bottom:0;
}

/*----Transparent Background------*/

.transparent-bg-8{
    background:rgba(255,255,255,.8);
    position:relative;
    height:100%;
}
.transparent-bg-9{
    background:rgba(255,255,255,.9);
    position:relative;
    height:100%;
}
.transparent-bg-5{
    background:rgba(255,255,255,.5);
    position:relative;
    height:100%;
}

/*---------Page Tittle----------*/

.page-tittle{
    font-size: 40px;
    color:#000;
    line-height: 24px;
    margin-bottom: 7px;
}

@media only screen and (max-width : 767px) {
    .page-tittle {
        font-size:30px;
    }
}
/*------ Category --------*/

.category{
    display:block;
    margin-bottom:0;
}
p.category {
    font-size:inherit;
}
.category>a,.category>span{
    margin-left: 16px;
    position: relative !important;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    width: auto !important;
    display:inline-block!important;
    line-height: 23px;
    letter-spacing: 1px;
}
.category>a:after,.category>span:after{
    content: ",";
    position: absolute;
    right: -11px;
    color:#444;
}
.category>a:last-child:after,
.category>span:last-child:after{
    display:none;
}
.category>a:first-child,
.category>span:first-child{
    margin-left:0;
}

/*----Opposite Background----*/

.opposite-bg{
    background:#000;
}
.opposite-bg h4,
.opposite-bg h5,
.opposite-bg p{
    color:#fff;
}

/*-----Single page Footer------*/

.single-footer{
    display:block;
}
.single-footer .social-link-wrapper{
    margin-bottom:0;
    display:inline-block;
}
.single-footer .page-navigation{
    display:inline-block;
    margin:3px 0;
}
.single-footer .page-navigation.alignright a,
.single-footer .page-navigation.pull-right a,
.single-footer .page-navigation.alignleft a,
.single-footer .page-navigation.pull-left a{
    float:none!important;
}
.single-footer .page-navigation a{
    margin: 0 2px;
}
.single-footer .page-navigation a .fa{
    margin:0 10px;
}
.single-footer .page-navigation a:hover .fa {
    color:#fff;
}
.single-footer .page-navigation a:after{
    content:"";
    position:absolute;
    bottom:0;
    width:100%;
    background:#000;
    height:0%;
    left:0;
    z-index:-1;
}
.single-footer .page-navigation a:hover:after{
    height:100%;
}


/* ====== Portfolio Elements ====== */

.project-tittle{
    color: #000;
    letter-spacing: 6px;
    max-width: 70%;
    display: block;
    margin: auto;
    line-height:40px;
    margin-bottom: 6px;
}
.col-sm-6 .project-tittle,
.col-sm-7 .project-tittle,
.col-sm-5 .project-tittle{
    max-width:100%;
}
.project-info{
    letter-spacing:2px;
    font-size:12px;
    margin-bottom:10px;
		font-family: 'lato', sans-serif;
		font-size: 12px;
		color: #989898;
}
.project-info a{
    margin:0;
    margin-left:12px;
    position:relative;
		color: #989898;
}
.project-info a:hover{
	color:#000;
}
.project-info a:after{
    content:",";
    position:absolute;
    right:-10px;
}
.project-info a:first-child{
    margin-left:0;
}
.project-info a:last-child:after{
    display:none;
}


/* ======== Blog Elements ========= */

.blog-title{
    margin-top: 0;
    letter-spacing: 2px;
    position: relative;
    margin:auto;
    margin-bottom:6px;
    font-size: 28px;
    line-height:40px;
    padding: 11px 0px;
    width:60%;
    border-left-color: #000;
    display:block;
}
.post-info{
    display:block;
    margin-bottom:50px;
    margin-top: 10px;
}
.post-info>div{
    display:inline-block;
    margin: 0 4px 0 10px;
    position:relative;
}
.post-info > div>a{
    font-size:13px;
}
.post-info>div:first-child{
    margin-left:0;
}
.post-info .category a:last-child:after{
    display:none;
}
.post-info .category a:after{
    right:-8px;
}
.name,.date{
    display:inline-block;
}
.post-info > div:after{
    content:"/";
    position:absolute;
    right:-10px;
    top:0;
    font-size:16px;
    color:#000;
}
.post-info > div:last-child:after{
    display:none;
}
.blog-post-foot{
    display:block;
    margin-top:35px;
    margin-bottom:80px;
}
.blog-post-foot>.row>.col-sm-12{
    margin-bottom:0;
}
.tags{
    display:inline-block;
    float:left;
}
.tags .title{
    margin-bottom:0px;
    text-align:left;
    display:inline-block;
    margin-right:10px;
    letter-spacing:2px;
    font-size:14px;
    background: #000;
    width:auto;
    padding: 5px 15px;
    color: #fff;
}
.tags{
    margin-bottom:0;
    display:inline-block;
}
.tags a{
    display:inline-block;
    font-size:12px;
    margin:10px 10px;
    letter-spacing:1px;
}
.tags a:first-child{
    margin-left:0;
}
.tags a:hover{
    text-shadow:0px 0px 0px #444;
    color:#000;
}
.single-footer .col-sm-12 .page-navigation{
    display:block;
}
.single-footer [class*="col-sm"] {
    margin-bottom:0;
}

/*==Media Queries==*/

@media only screen and (max-width : 550px) {
    .single-footer .page-navigation{
        float:none!important;
        width:100%;
        margin-top:25px;
    }
    .single-footer .social-link-wrapper{
        display:block;
        width:100%;
    }
}
@media only screen and (max-width : 767px) {
    .single-footer .page-navigation{
        text-align:center;
    }
    .tags{
        float:none!important;
        display:block;
        margin-bottom:30px;
        display:block;
    }
    .single-footer [class*="col-sm"] {
        text-align:center;
    }
    .blog-title{
        width:100%;
    }
    .project-tittle {
        max-width: 100%;
    }
}
@media only screen and (max-width : 480px) {
    .blog-title {
        font-size: 19px;
        line-height: 35px;
    }
    .project-info{
        text-align:center;
    }
    .post-info > div > a {
        line-height:24px;
    }
    .project-tittle {
        letter-spacing: 5px;
        font-size:20px;
        line-height:30px;
        text-align:center;
    }
    .transparent-bg-8.text-left,
    .transparent-bg-8.text-right{
       text-align:center;
    }
    .transparent-bg-8.pl50.pr50{
        padding-left:35px;
        padding-right:35px;
    }
    .page-content-wrapper.pt70{
        padding-top: 30px;
    }
    .transparent-bg-8.text-center.pt100{
        padding-top: 80px;
    }
    .transparent-bg-8.text-center.pb100{
        padding-bottom: 80px;
    }
}
@media only screen and (max-width : 360px) {
    .single-footer .col-sm-12 .page-navigation a:first-child .fa,
    .single-footer .col-sm-12 .page-navigation a:last-child .fa{
        display:none;
    }
}


/* ======== About Elements ============= */

/*-------Do content style---------*/

.do-item{
    position: relative;
    height: 100%;
    box-shadow: 0px 1px 5px #ccc;
    padding-bottom: 28px;
}
.do-item>p,.do-item>h5{
    padding:0 15px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .do-item {
        box-shadow: none;
        border:1px solid #ccc;
    }
}
.do-item:hover{
    box-shadow: 0px 1px 11px #b0b0b0;
}
.do-item:after{
    content:"";
    position:absolute;
    width:2px;
    height:0;
    bottom:0;
    left:50%;
    background:#000;
}
.do-item:hover:after{
    height:15px;
}
.do-item .image-wrapper{
    width: 100%;
    position: relative;
    padding-bottom:50%;
    margin-bottom:20px;
}

/*--------Team content style------*/

.off-bg{
    background:#f8f8f8;
}
.member-item {
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.18);
    padding-bottom:25px;
}
.member-item img{
   width:100%;
}
.member-item h5{
    margin-bottom:5px;
    padding:0 20px;
    font-size:16px;
}
.member-item p{
    padding:0 20px;
}
.member-item p:last-child{
   margin-bottom:0px;
}
.member-item .social-link-wrapper {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    padding:10px 12px;
    left:0;
    color: #fff;
    background: rgba(255, 255, 255, 0.8);
}
.member-item .social-link-wrapper a{
    display:inline-block;
    margin:0 5px;
    padding:5px 8px;
    background:#fff;
}
.member-item:hover .social-link-wrapper  {
    padding:10px 12px 20px 12px;
}

/*--------Clients Content Style-----------*/

.clients{
    padding:40px 0;
}
.clients img{
    width:60%;
}
.clients [class*="col-sm"] {
    margin-bottom: 0px;
}
.clients [class*="col-sm"] {
    border-right:1px solid #e0e0e0;
    padding-top: 20px;
    padding-bottom: 20px;
}
.clients [class*="col-sm"]:last-child{
    border-right:0;
}

/*==Media Queries==*/

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

    .clients>.row>[class*="col-sm"]{
        width:33.3333%;
        float:left;
        border-right:none;
    }

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

    .do-item{
        padding:15px;
        padding-top:0px;
    }
}
@media only screen and (max-width :480px) {

    .clients>.row>[class*="col-sm"]{
        width:100%;
    }
    .clients [class*="col-sm"] img{
        width:50%;
    }
    .fullscreen-height.off-bg{
        background:none;
    }
}


/* =========== Contact Elements ========== */

.phon{
    margin-top:30px;
}
.phon b,
.addrs b,
.mail b{
    font-weight:600;
    margin-right:5px;
}
.phon,.addrs,.mail{
    font-size:14px;
    color:#000;
    margin-bottom:10px;
}
.phon a,.addrs a,.mail a{
    margin-left:5px;
    font-weight:400;
}
#contact button[type="submit"] {
    margin-left:0;
}
#contact button[type="submit"]:before {
    background:#e8e8e8;
}
.message{
    display:none;
}
.message>p{
   border: 1px solid #5a5a5a;
    padding: 7px 20px;
}

/*---------Map--------*/

.g-map{
    height:365px;
}
#map {
    height: 100%;
}


/* ======== 404 PAGE =============*/

h1.fourty-four-tittle{
    font-size: 280px;
    color: #000;
    line-height: 290px;
}
@media only screen and (max-width :767px) {
    h1.fourty-four-tittle {
        font-size:150px;
        line-height:150px;
    }
}





/* ========= Extra Supported Class ======== */

.fixed{
    position:fixed;
}
.absolute{
    position:absolute;
}
.relative{
    position:relative;
}
.fixed-header {
    margin-top: 76px;
}
.fixed-footer{
    margin-bottom:36px;
}
.vp-center{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hp-center {
    position: absolute;
    left: 50%;
    top:0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.p-center {
    position: absolute;
    text-align: center;
    top: 50% ;
    left: 50% ;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0) ;
    transform: translate3d(-50%, -50%, 0) ;
}
.vp-center-outter{
    display: table;
    height: 100%;
    width:100%;
}
.vp-center-outter .social-link-wrapper a {
	  color:#000;
}
.vp-center-inner {
    display: table-cell;
    vertical-align: middle;
}
.fullscreen-height{
    height: calc(100vh - 113px) ;
}
.overflow-h{
    overflow:hidden;
}

@media only screen and (min-width : 1300px) {
    .short-width {
        padding:0 70px;
    }
}
@media only screen and (min-width : 991px) and (max-width : 1300px) {
    .short-width {
        padding:0 40px;
    }
}
@media only screen and (max-width : 480px) {
    .fixed-header{
        margin-top:60px;
    }
    .main-container.fullscreen-height,.fullscreen-height{
        height: calc(100vh - 98px);
    }
}

/*--------Margin------*/

.m0{margin:0;}
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m100{margin:100px;}
.m110{margin:110px;}
.m120{margin:120px;}
.m130{margin:130px;}
.m140{margin:140px;}
.m150{margin:150px;}
.m160{margin:160px;}

/*--------Margin Top------*/

.mt0 {margin-top: 0px;}
.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;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}
.mt160{margin-top:160px;}

/*----------Margin Bottom----------*/

.mb0 {margin-bottom: 0px;}
.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;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb140{margin-bottom:140px;}
.mb150{margin-bottom:150px;}
.mb160{margin-bottom:160px;}

/*----------Padding ----------*/

.p0{padding:0;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p70{padding:70px;}
.p80{padding:80px;}
.p90{padding:90px;}
.p100{padding:100px;}
.p110{padding:110px;}
.p120{padding:120px;}
.p130{padding:130px;}
.p140{padding:140px;}
.p150{padding:150px;}
.p160{padding:160px;}

/*----------Padding Left----------*/

.pl0 {padding-left: 0px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}
.pl110{padding-left:110px;}
.pl120{padding-left:120px;}
.pl130{padding-left:130px;}
.pl140{padding-left:140px;}
.pl150{padding-left:150px;}
.pl160{padding-left:160px;}
@media only screen and (max-width :580px) {
 .pl100,.pl90,.pl80{padding-left:40px!important;}
}

/*----------Padding right----------*/

.pr0 {padding-right: 0px ;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}
.pr110{padding-right:110px;}
.pr120{padding-right:120px;}
.pr130{padding-right:130px;}
.pr140{padding-right:140px;}
.pr150{padding-right:150px;}
.pr160{padding-right:160px;}

@media only screen and (max-width :580px) {
 .pr100,.pr90,.pr80{padding-right:40px!important;}
}

/*---------Padding Top----------*/

.pt0 {padding-top: 0px ;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pt120{padding-top:120px;}
.pt130{padding-top:130px;}
.pt140{padding-top:140px;}
.pt150{padding-top:150px;}
.pt160{padding-top:160px;}

/*------Padding Bottom------*/

.pb0 {padding-bottom: 0px ;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb110{padding-bottom:110px;}
.pb120{padding-bottom:120px;}
.pb130{padding-bottom:130px;}
.pb140{padding-bottom:140px;}
.pb150{padding-bottom:150px;}
.pb160{padding-bottom:160px;}


.imprint {
	text-align: justify;
	margin-bottom: 50px;
}
.imprint h1,
.imprint h2,
.imprint h4 {
	text-align: center;
	max-width: 750px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}
.imprint .adress {
	text-align: center;
}