/* import css files */
@import '../../../../common/css/bootstrap.min.css';
@import '../../../../common/css/font-awesome.min.css';
@import '../../frontpage/fonts/stylesheet.css';
@import '../../../../common/css/animate.min.css';
@import '../../frontpage/plugins/lightbox/baguetteBox.min.css';
@import '../../../../common/plugins/socials_share/jssocials.css';
@import '../../../../common/plugins/socials_share/jssocials-theme-flat.css';

/* common */
body {
     font-family: "alegreya_sansregular", Helvetica Neue,Helvetica,Arial,sans-serif;
	 font-size: 16px;
	 color: #615c5c;}
	 
::-moz-selection { background: #03c7b8; color: #fff;}
::selection { background: #03c7b8; color: #fff;}

button:focus,
input[type="submit"]:focus  {
    outline: none;}
a:hover, 
a:focus {
     text-decoration: none;
	 color: #6b6b6b;}
a {
   text-decoration: none !important;}

   
/* pre-loader */  
.pre-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.89) url(../images/pre-loader.gif) center no-repeat;}

	
	 
/* autofill */
@-webkit-keyframes autofill {
    to {
        color: #00051b;
        background: transparent;}
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;}

	
   
/* wrapper */   
.wrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;}
@media (min-width: 1200px) {
.wrapper {
    max-width: 2000px;
	padding: 0 100px;}
}
@media (max-width: 1199px) {
.wrapper {
	padding: 0 70px;}
}  
@media (max-width: 991px) {
.wrapper {
	padding: 0 50px;}
} 
@media (max-width: 767px) {
.wrapper {
	padding: 0 30px;}
} 
@media (max-width: 499px) {
.wrapper {
	padding: 0 15px;}
} 
   
  
/* h1 */
h1 {
	text-transform: uppercase;
	color: #3c4240;
	padding: 25px 0 15px;} 
h2 {  
     margin-top: 0;
     font-weight: bold;}
@media (min-width: 768px) {
p {
    font-size: 17px;}
}
@media (min-width: 992px) {
h2 {  font-size: 20px;}	
}
@media (max-width: 991px) {
h1 {
	font-size: 30px;} 
h2 {
    font-size: 19px;}
}
@media (max-width: 767px) {
h1 {
	font-size: 25px;} 
h2 {
    font-size: 18px;}
}
@media (max-width: 399px) {
p {
	font-size: 14px;} 
}



/* section */
section:nth-child(odd) {
	background: #f5f4f4;}
@media (min-width: 768px) {
section {
	padding-bottom: 50px;}
}
@media (max-width: 767px) {
section {
	padding-bottom: 30px;}
}

/* home */	
section.home {
	padding-bottom: 0;}
	
/* portfolio */	
section.portfolio:nth-child(even) .card {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.22);}	

/* gallery */	
section.gallery:nth-child(odd) .lightbox-card {
    background: #fff;}	
	
/* contact */	
section.contact:nth-child(even) .info,
section.contact:nth-child(even) form,
section.contact:nth-child(even) .quick-links {
    -webkit-box-shadow: 0 0 5px 0px #ada8a8;
    -moz-box-shadow: 0 0 5px 0px #ada8a8;
    box-shadow: 0 0 5px 0px #ada8a8;}


	

	
/* top to next */
.window-scroll .top-to-next {
	display: none;}
.top-to-next {
    text-align: center;
    position: fixed;
	z-index: 10;
    bottom: 20px;
	left: 50%;}
.top-to-next.fa {
    font-size: 50px;
	color: #7f7a7b;
	z-index: 30;}

	
/* scroll-top  */
.scroll-top {
	display: none;}
.window-scroll .scroll-top {
	display: block;}
.scroll-top {
    position:fixed;
	z-index: 9999;
    right:10px;
    bottom:10px;
    cursor:pointer;}
	
	
	
	
/* top-to-next, scroll-top */
.top-to-next.fa,
.scroll-top.fa {
    font-size: 40px;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;}
.top-to-next.fa,
.scroll-top.fa {
   color: #7f7a7b;}
.top-to-next.fa:hover,
.scroll-top.fa:hover  {
    -webkit-animation: none;
    animation: none;
	opacity: .5;}	
.top-to-next.fa,
.scroll-top.fa {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
	
	

/* soasal icon */	
.fa-facebook {
    color: #3b5998;}
.fa-twitter {
    color: #00aced;}
.fa-google {
    color: #dd4b39;}
.fa-linkedin {
    color: #007bb6;}
.fa-pinterest {
    color: #cb2027;}	
	
	
/*/ common button Start /*/	
button,
.a-btn {
    background: #e6e2e3;
    letter-spacing: 1px;
    text-transform: capitalize;
    display: inline-block;
	line-height: normal;
    text-align: center;
    min-width: 80px;
    outline: none;
    border: 1px solid #dcd3d5;
    box-shadow: #d8d0d2 0 0 5px 0;
    border-radius: 4px;
    position: relative;
    color: #460414;
    text-decoration: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s ease all;
    z-index: 2;}
button:hover,
button:focus,
.a-btn:hover,
.a-btn:focus {
  color: #FFF;}
button:before,
.a-btn:before {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
  opacity: 0;
  content: '';
  background-color: #ababab;
  border-radius: 4px;
  z-index: -2;}
button:hover:before,
.a-btn:hover:before {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;}
button:focus:before,
.a-btn:focus:before {
  transition: 0.5s all ease;
  left: 0;
  right: 0;
  opacity: 1;}
@media screen and (min-width: 768px) {	
button,
.a-btn {
    padding: 7px 20px;
    font-size: 14px;}
}
@media screen and (max-width: 767px) {	
button,
.a-btn {
    padding: 6px 14px;
	font-size: 12px;}
}


	
/* read-more */
a.read-more {
	position: inherit;}


/* more-btn */	
.more-btn {
    text-align: center;
    display: block;
    margin: 20px auto 0;
    font-size: 15px;
    padding: 8px 30px;}


	
/* share_div */	
#share_div a {
	background: transparent;
    box-shadow: #aba1a1 0px 0px 4px 0;
    border-radius: 1px;}
#share_div a:hover .fa,
#share_div a:hover span {
	color: #fff;}	
#share_div .fa {}	
.jssocials-share-facebook span {
    color: #3b5998;}
.jssocials-share-twitter span {
    color: #00aced;}
.jssocials-share-googleplus span {
    color: #dd4b39;}
.jssocials-share-linkedin span {
    color: #007bb6;}
.jssocials-share-pinterest span {
    color: #cb2027;}
#share_div .jssocials-share-twitter a:hover {
    background: #00aced;}
#share_div .jssocials-share-facebook a:hover {
    background: #3b5998;}	
#share_div .jssocials-share-googleplus a:hover {
    background: #dd4b39;}
#share_div .jssocials-share-linkedin a:hover {
    background: #007bb6;}
#share_div .jssocials-share-pinterest a:hover {
    background: #cb2027;}
@media screen and (max-width: 767px) {	
.jssocials-share-logo {
    font-size: 1em;}	
}	



	
/* header */
header {
    width: 100%;
	background: #f7f3f4;
    position: fixed;
	height: 115px;
    padding: 10px 30px;
	z-index: 100;
    box-shadow: #cdd4d3 0 0 6px 1px;}
.window-scroll header {
	height: 67px;
	padding: 5px 30px;
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s;}
@media screen and (max-width:767px) {
header {
	height: 80px;
	padding: 5px 15px;}	
.window-scroll header {
	height: 60px;
	padding: 5px 15px;}
}	
	
/* header img */
header img {
    margin-right: 10px;
    height: 80px;
	-webkit-transition: height 2s;
    -moz-transition: height 2s;
    transition: height 2s;}
.window-scroll header img {
	height: 40px;
	-webkit-transition: height 0.6s;
    -moz-transition: height 0.6s;
    transition: height 0.6s;}
@media screen and (max-width:767px) {
header img {
	height: 50px;}	
.window-scroll header img {
	height: 40px;}
}
	
/* overflow */
header #list-nav.nav-wrapper-visible {
  height: auto;}


/* nav-logo */	
header .nav-logo {
    float: left;
	padding-top: 7px;
    text-decoration: none;
    color: #7f7a7b;
    font-size: 30px;}
header .nav-logo span {
	position: relative;
    top: 4px;}
@media screen and (min-width:992px) {
.window-scroll header .nav-logo {
	padding-top: 0;}
}	
@media screen and (max-width:991px) {
header .nav-logo {
    font-size: 24px;}
}
		
/* #list-nav */	
header #list-nav {
    float: right;
    padding: 0;
    margin: 0;}
header #list-nav .nav-links {
    width: 100%;
    display: flex;
    list-style: none;
    margin-top: 21px;
    padding: 0;}
header #list-nav li {
    width: auto;
    padding: 10px 0;
	float: left;}
header #list-nav li a {
    text-decoration: none;
    color: #1f1f1f;
    font-size: 16px;
    padding: 3px 15px;
    letter-spacing: 2px;}
header #list-nav li a:hover {
    color: #7f7a7b;}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;}
.window-scroll header #list-nav .nav-links {
	margin-top: 10px;}

	
/* active */	
header #list-nav .active a {
    border-bottom: 1px solid #7f7a7b;
	color: #7f7a7b;
    cursor: default;}
@media screen and (max-width:991px) {
header #list-nav .active a {
    background: #e4e4e4;
    border: none;}
}	
@media screen and (max-width:767px) {	
header #list-nav .nav-links {
    margin-top: 14px;}
}
@media screen and (max-width:499px) {	
header #list-nav .nav-links {
    margin-top: 13px;}
}
	
	
/* contact-info */
 /* hidden, visible */
header .contact-info {
  visibility: visible;
  opacity: 1;
  transition: visibility 2s, opacity 2s linear;}
.window-scroll header .contact-info {
  height: 0;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s linear;}
  
  
header .contact-info {
    text-align: right;}
header .contact-info .fa {
    font-size: 15px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    padding-top: 5px;
	cursor: pointer;
	margin-left: 4px;}	
header .contact-info .fa-mobile {
    font-size: 19px;
    background: transparent;
    color: #252425;
	position: relative;
    top: 3px;}
header .contact-info .fa-envelope-o {
    font-size: 14px;
    background: transparent;
    color: #252425;
	position: relative;
    top: 1px;}	
header .contact-info a {
    font-size: 15px;
	color: #1d1c1c;}
header .contact-info .fa-facebook {
    margin-left: 20px;}
header .contact-info .fa-sign-in {
    background: #a5a3a3;
    color: #fff;
    margin-left: 10px;}
header .contact-info .fa-sign-in:hover {
	background: #fff;
	color: #000;}	
@media screen and (max-width:991px) {
header .contact-info {
   display: none;}
}	
	


	
/* nav-toggle */
header .nav-toggle {
    display: none;}
header .nav-toggle {
    cursor: pointer;
    width: 30px;
    height: 25px;
    margin: auto;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;}
header .nav-toggle i {
    background-color: #777575;
    border-radius: 2px;
    content: '';
    display: block;
    width: 100%;
    height: 4px;}
header .nav-toggle i:nth-child(1) {
    -webkit-animation: outT 0.8s backwards;
    animation: outT 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;}
header .nav-toggle i:nth-child(2) {
    margin: 5px 0;
    -webkit-animation: outM 0.8s backwards;
    animation: outM 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;}
header .nav-toggle i:nth-child(3) {
    -webkit-animation: outBtm 0.8s backwards;
    animation: outBtm 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;}
header .nav-toggle.active i:nth-child(1) {
    -webkit-animation: inT 0.8s forwards;
    animation: inT 0.8s forwards;}
header .nav-toggle.active i:nth-child(2) {
    -webkit-animation: inM 0.8s forwards;
    animation: inM 0.8s forwards;}
header .nav-toggle.active i:nth-child(3) {
    -webkit-animation: inBtm 0.8s forwards;
    animation: inBtm 0.8s forwards;}
@-webkit-keyframes inM {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes inM {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes outM {
    50% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes outM {
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes inT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes inT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(9px) rotate(0deg);
    }
    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes outT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes outT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(9px) rotate(0deg);
    }
    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes inBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes inBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-9px) rotate(0deg);
    }
    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

@-webkit-keyframes outBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}
@keyframes outBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-9px) rotate(0deg);
    }
    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

@media screen and (max-width:991px) {
/* nav-toggle */	
header .nav-toggle {
   display: block;
   top: 0;}
.window-scroll header .nav-toggle {
   top: 3px;}
   
/* nav-wrapper-visible */   
header .nav-wrapper-visible {
   height: auto;
   display: none;
   margin-top: -4px;}
   
/* list-nav */ 
header #list-nav {
   width: 100%;
   height: 0;
   overflow: hidden;}  
header #list-nav .nav-links {
   flex-direction: column;
   width: 100%;
   height: auto;
   padding-top: 25px;
   padding-bottom: 25px;
   right: 0;
   left: 0;
   bottom: 0;
   background-color: #f7f3f4;
   background-position: center top;}
header #list-nav li {
   width: 100%;
   text-align: right;
   padding-right: 0;}
header #list-nav li a {
   text-align: center;
   width: 100%;
   font-size: 14px;}
}
@media screen and (max-width:767px) {	
header .nav-logo {
    font-size: 25px;
	padding-top: 9px;}
.window-scroll header .nav-logo {
	padding-top: 2px;}
	
/* nav-toggle */	
header .nav-toggle {
   top: 3px;
   right: 15px;}	
}




	
	
/* home */
.home .carousel-inner { 
    padding-top: 115px; 
	height: 100vh;}
.home .carousel-inner .item,
.home .carousel-inner img {
    height: 100vh;}
.home .carousel-inner img {   
    object-fit: cover;
	-webkit-transition: all 20s ease;
    -moz-transition: all 20s ease;
    -o-transition: all 20s ease;
    -ms-transition: all 20s ease;
    transition: all 20s ease;}
.window-scroll .home .carousel-inner img {    
    padding-top: 0;}
	
.window-scroll .home .carousel-inner {
    padding-top: 67px;}
.home .carousel-control.left,
.home .carousel-control.right {
    background-image: none;
	z-index: 10;
	cursor: pointer;}	
.home .carousel-control .glyphicon-chevron-left,
.home .carousel-control .glyphicon-chevron-right,
.home .carousel-control .icon-next,
.home .carousel-control .icon-prev {
    top: 60%;}
.home .carousel-caption {
	left: 50%;
    right: 0;
    top: 0;
    background: #e21b434f;
    text-align: inherit;
	height: 100%;
    padding: 120px 35px 180px;}
.home .carousel-caption h3 {
	font-size: 32px;}
.home .carousel-caption p {
	font-size: 18px;
	letter-spacing: 2px;}
.home .carousel-indicators {
    width: 50%;
    margin-left: 0;
    text-align: left;
	padding-left: 35px;}
.home .carousel-indicators li,
.home .carousel-indicators .active{
    width: 20px;
	height: 8px;
	border-radius: 0;
	border-color: #fff;}
.home .carousel-indicators .active{
	cursor: default;
	background-color: #7f7a7b;}		
/* animate */
.home .item.active .carousel-caption h3,
.home .item.active .carousel-caption p,
.home .carousel-indicators {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}
@media screen and (max-width:991px) {
.home .carousel-caption h3 {
	font-size: 28px;}
.home .carousel-caption p {
	font-size: 16px;}	
}
@media screen and (max-width:767px) {
.home .carousel-inner { 
    padding-top: 81px;}		
.home .carousel-caption,
.home .carousel-indicators {
	left: 40%;}
.home .carousel-caption h3 {
	font-size: 24px;}
.home .carousel-caption p {
	font-size: 15px;}	
}
@media screen and (max-width:399px) {
.home .carousel-caption,
.home .carousel-indicators {
	left: 20%;}
}





/* about */
.about img {
    max-height: 180px;}
@media screen and (min-width:992px) {
.about img {
    float: right;
    padding: 0 0 25px 25px;}
}
@media screen and (max-width:991px) {
.about img {
	float: left;
    padding: 0 25px 25px 0;}
.about h2,
.about p {
	float: left;}
}


/* portfolio */
.portfolio .fil-cat {
	margin: 0 10px 10px 0;}
.portfolio .fil-cat.active,
.portfolio button.fil-cat.active:before {
    cursor: default;
    background: #fff;
	color: #999;}

/* card */
.portfolio .card {
  transition: height 0.3s ease;
  -webkit-transition: height 0.3s ease;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);
  margin: 0 auto 1.6%;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  line-height: 1.45em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.portfolio .card .photo {
  height: 200px;
  position: relative;}
.portfolio .card .description {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;}
.portfolio .card .description h3 {
  line-height: 1em;
  margin: 0 0 10px 0;}
.portfolio .card .description h4 {
     color: #736a6a;
    line-height: 1.2em;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    margin: 1.2% 0;
    white-space: pre-line;}  
.portfolio .card .description p {
  position: relative;
  margin: 0;
  padding-top: 5px;}
.portfolio .card .description p span {
    font-size: 12px;
    font-weight: bold;}
.portfolio .card .description a.read-more {
	display: none;}
.portfolio .card .description a {
    color: #151414;
    margin-bottom: 10px;
    float: right;
    border: 1px solid #c3bfc5;
    padding: 5px 10px;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 10px;}
.portfolio .card .description a:after {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  content: "\f061";
  font-family: FontAwesome;
  margin-left: -10px;
  opacity: 0;
  vertical-align: middle;
  position: relative;
  bottom: 2px;}
.portfolio .card .description a:hover:after {
  margin-left: 5px;
  opacity: 1;}
@media screen and (min-width: 1200px) {
.portfolio .card .description {
	padding-top: 7%;}	
}
@media screen and (min-width: 768px) {
.portfolio .card {
    height: 220px;
    width: 49%;
    float: left;}	
.portfolio .card:nth-child(odd) {
   margin-right: 1%;}	
.portfolio .card:nth-child(even) {
    margin-left: 1%;}	
.portfolio .card:hover .photo {
    -webkit-transform: rotate(5deg) scale(1.3);
            transform: rotate(5deg) scale(1.3);}		
.portfolio .card .photo {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    float: left;
    height: 100%;
    width: 40%;}
.portfolio .card .description {
	height: 220px;
    float: left;
    width: 60%;
    z-index: 0;}
.portfolio .card .description:before {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    content: "";
    background: #fff;
    width: 100%;
    z-index: -1;
    /*POSITION*/
    position: absolute;
    left: -15px;
    top: 0;
    bottom: 0;}
}
@media screen and (max-width: 991px) {
.portfolio .card {
    width: 100%;}	
.portfolio .card:nth-child(odd) {
   margin-right: 0;}	
.portfolio .card:nth-child(even) {
    margin-left: 0;}	
}
@media screen and (max-width: 767px) {
.portfolio .card {
    margin-bottom: 15px;}	
.portfolio .card .description {
	padding: 20px;}
.portfolio .card .description h3 {
    font-size: 19px;}
.portfolio .card .description h4 {
    font-size: 13px;
	padding-bottom: 10px;}
.portfolio .card .description p {
    font-size: 12px;} 	
.portfolio .card .description a {
    float: left;
    position: static;
    margin-top: 14px;
	margin-bottom: 20px;}	
}




/* gallery */
.gallery .lightbox-card {
	background: #f5f4f4;
   -webkit-box-shadow: 0 0 5px 0px #a09e9e;
    -moz-box-shadow: 0 0 5px 0px #a09e9e;
    box-shadow: 0 0 5px 0px #a09e9e;
	padding: 5px 5px 0 5px;
	text-align: center;}

	
	
	
/* contact */

/* info, form, quick-links */
.contact .info,
.contact form,
.contact .quick-links {
	background: #fff;
    padding: 30px;
	border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0px #e2e1e1;
    -moz-box-shadow: 0 0 5px 0px #e2e1e1;
    box-shadow: 0 0 5px 0px #e2e1e1;}
	
/* info */	
.contact .info td,
.contact .info th{
	padding-bottom: 10px;}
.contact .info th a {
	color: #615c5c;}
.contact .info td .fa {
	color: #ff0141;}
.contact .info td {
    width: 10%;
	padding-right: 15px;
    text-align: center;}

/* form */
.contact form input,
.contact form textarea {
	width: 100%;
	margin-bottom: 10px;
	padding: 6px 6px 6px 0;
	border: none;
	color: #000;}
.contact form button {
	margin-top: 35px;}

	
/* placeholder */
.contact form input::-webkit-input-placeholder,
.contact form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: #ff6c6c;}
.contact form input::-moz-placeholder,
.contact form textarea::-moz-placeholder { /* Firefox 19+ */
     color: #ff6c6c;}
.contact form input:-ms-input-placeholder,
.contact form textarea:-ms-input-placeholder { /* IE 10+ */
     color: #ff6c6c;}
.contact form input:-moz-placeholder,
.contact form textarea:-moz-placeholder { /* Firefox 18- */
     color: #ff6c6c;}
	 


/* input focus animate border-bottom */
.contact form input,
.contact form textarea {
    background: transparent no-repeat;
  /* 2 imgs : 1px gray line (normal state) AND 2px green line (focus state) */
	background-image: -webkit-linear-gradient(top, #808084, #808084), -webkit-linear-gradient(top, #ccc, #ccc);
	background-image: linear-gradient(to bottom, #808084, #808084), linear-gradient(to bottom, #ccc, #ccc);
	/* sizes for the 2 images (default state) */
	background-size: 0 2px, 100% 1px;
	/* positions for the 2 images. Change both "50%" to "0%" or "100%" and tri again */
	background-position: 50% 100%, 50% 100%;
	/* animation solely on background-size */
    -webkit-transition: background-size 0.7s cubic-bezier(0.64, 0.09, 0.08, 1);
    transition: background-size 0.7s cubic-bezier(0.64, 0.09, 0.08, 1);}
.contact form input:focus,
.contact form textarea:focus {
  /* sizes for the 2 images (focus state) */
	background-size: 100% 1px, 100% 1px;
	outline: none;}

	
/* quick-links */
.contact .quick-links {
	margin-top: 15px;}	
.contact .quick-links a {
	color: #655f61;
    padding-right: 10px;}
@media screen and (max-width: 767px) {
.contact .quick-links {
	margin-bottom: 15px;}
}
	
	
/* iframe */	
.contact iframe {
	width: 100%;
	height: 200px;
	margin-top: 20px;
	border: none;}
	
	
/* g-recaptcha */
@media screen and (max-width: 991px) {
.g-recaptcha div,
.g-recaptcha iframe,	
.rc-anchor-normal {
    width: 100% !important;}
}




/* login */
section.login {
	background: #fff;}
.login .body {
	width: 400px;
	height: 500px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    background: #fbfbfb;
    box-shadow: #cccaca 0 0 5px 0;}		
@media screen and (max-width: 499px) {
.login .body {
	width: 90%;
	height: 500px;}
}


/* form */
.login .body form {
	 padding: 40px;}
.login .body form h2 {
    text-align: center;}	 
.login .body form h3 {
    font-size: 16px;
    margin: 0;
    color: #ea5c5c;}	
.login .body form input[type="text"],
.login .body form input[type='password'] {
    color: #1b1a1a;
    width: 100%;
    background: #fff;
    border: none;
    border-bottom: 1px solid #a9a6a6;
    padding: 7px 0 10px;
    margin-bottom: 7px;
    outline: none;}
.login .body form button {
    margin-top: 20px;
    background: #395b69;
    color: #fff;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 10px 35px;}
	
/* head */
.login .body .head {
	background: #ececec;
	text-align: center;
	padding: 10px;}	
.login .body .head img {
	height: 80px;}	
.login .body .head h2 {
    padding-top: 15px;
	margin: 0;
	color: #205165;}

/* footer */	
.login footer p a {
    color: #5194b1;}		
.login footer p .all-rights {
    display: block;}
.login footer p .all-rights:first-letter {
    opacity: 0;}		
	
	

/* blog, career */
.blog .row.content:nth-child(even),
.career .row.content:nth-child(even) {
    background: #fbfbfb;} 
.blog .row.content:nth-child(odd),
.career .row.content:nth-child(odd) {
    background: #f3f3f3;}
	
.blog .text,
.career .text {
	color: #403e3f;
	background-color: transparent;}
.blog h2,
.career h2 {
    font-size: 24px;
    font-weight: 500;}
.blog .text p,
.career .text p {
	white-space: pre-wrap;}
@media (max-width: 767px) {
.blog .text,
.career .text {
    padding-top: 20px !important;}	
.blog h2,
.career h2 {
	font-size: 17px;
    line-height: 20px;
    font-weight: bold;}
}


   	
/* blog */	
.blog .row:nth-child(even) .text .wrapper {
      padding-right: 0;} 
.blog .row:nth-child(odd) .text .wrapper {
      padding-left: 20px;}	
.blog .row:nth-child(even) .text {
    float: left;} 
.blog .row:nth-child(odd) .text {
    float: right;}	
@media (min-width: 768px) {	
.blog .row:nth-child(even) img {
    float: right;} 
.blog .row:nth-child(odd) img {
    float: left;}	
}
	
.blog h6,
.blog h5 {
    font-size: 12px;
    color: #7d8281;
    padding: 13px 0 0;
	float: left;}	
.blog h5 {
    padding-left: 15px;}	
.blog .text {
	margin: 0;
    padding: 70px 5px 15px 0;}
.blog .content img {
	max-height: 282px;}
.blog .content .col-md-6  {
     padding-right: 0;
	 padding-left: 0;}
.blog .row.post-by {
	  margin: 0;}	
	
/**/
@media (min-width: 1300px) {
.blog .content img {
	margin-top: 17%;}
}
@media (max-width: 1299px) {
.blog .content img {
	margin-top: 27%;}
}
@media (max-width: 1060px) {
.blog .content img {
	margin-top: 32%;}
}
@media (max-width: 1020px) {
.blog .content img {
	margin-top: 37%;}
}
@media (max-width: 991px) {
.blog .content img {
	margin-top: 27%;}
}
/**/
@media (max-width: 767px) {
.blog .content img {
	margin-top: 0;
	float: none;
	height: auto;
	margin: 0 15px 40px 0;}
}


	
	
/* career */
.career h5 {
    color: #7d8281;}
.career .row:nth-child(even) .text,
.career .row:nth-child(odd) .text {
    width: 92.7%;}	
@media (min-width: 992px) {	
.career h2 {
	line-height: 30px;}
}
.career h2 {
	margin-bottom: 20px;}
	
.career .text {
	margin: 2% 0 2% 0;
    padding: 20px 20px 20px 0;}
.career .content .col-md-6  {
     padding-right:0;}
	


	
/* footer */
footer {
    text-align: center;
    padding: 15px 10px;}	
footer p {
    margin-bottom: 0;
	font-size: 14px;}
footer p a {
    color: #710f28;}
footer p .business-name {
    color: #272727;}	
@media (max-width: 767px) {	
footer p .all-rights {
    display: block;}
footer p .all-rights:first-letter {
    opacity: 0;}	
}