/*




*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,900,300);
@import 'https://fonts.googleapis.com/css?family=Cantarell:400,700';



/* --------------------------------

00.GENERAL STYLES

-------------------------------- */
html{
scroll-behavior: smooth;
}

*{
    outline:0;padding: 0;margin:0;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
@font-face {
  font-family: 'BlissLight';
  src: url('../fonts/BlissLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/BlissLight.woff') format('woff'), url('../fonts/BlissLight.ttf')  format('truetype'), url('../fonts/BlissLight.svg#BlissLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Harrington';
  src: url('../fonts/Harrington.eot?#iefix') format('embedded-opentype'),  url('../fonts/Harrington.woff') format('woff'), url('../fonts/Harrington.ttf')  format('truetype'), url('../fonts/Harrington.svg#Harrington') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GoudyOldStyleBT-Roman';
  src: url('../fonts/GoudyOldStyleBT-Roman.eot?#iefix') format('embedded-opentype'),  url('../fonts/GoudyOldStyleBT-Roman.woff') format('woff'), url('../fonts/GoudyOldStyleBT-Roman.ttf')  format('truetype'), url('../fonts/GoudyOldStyleBT-Roman.svg#GoudyOldStyleBT-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BlissRegular';
  src: url('../fonts/BlissRegular.eot?#iefix') format('embedded-opentype'),  url('../fonts/BlissRegular.woff') format('woff'), url('../fonts/BlissRegular.ttf')  format('truetype'), url('../fonts/BlissRegular.svg#BlissRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{

        background: #f8f9fa!important;
        color:#777;
        font:400 14px/1.8 'Harrington';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow-x: hidden;
}

/* #####  text  ##### */
.error { color: red;}
h1,h2,h3,h4,h5,h6{
    color:#737373!important;
    font-family: 'Harrington'!important;
}
/*.header{ font-size: 50px; font-family: 'Harrington' !important; color: :red; }*/

a:hover:after {
    width: 50%;
}

a{ color: #737373!important;}
a:hover, a:focus {
    color: #262626!important;
    text-decoration: none!important;
}
.navbar-nav .navbar-nav{color: #737373!important; text-decoration: none!important;}
/*a{text-decoration: none!important; color: #737373!important; }*/
ol, ul {
    list-style: none;
}
p{padding: 0px !important; margin: 0px auto!important;}

.page-item.active .page-link{color: #fff!important;}
.pt-10{padding-top: 10px;}
.social-icon li{
    padding-left: 15px; padding-right: 15px;
}
.textgrey{color: #737373!important;}
.icon-t p{
    font-family: Harrington;
    margin: 35px 5px!important;
    font-size: 26px;
    line-height: 1.8rem;
    color: #363636;
}
.icon-t .abt{
    font-family: Harrington;
    margin: 35px 5px!important;
    font-size: 26px;
    line-height: 1.8rem;
    color: #363636;
}
.heading{
    padding: 20px 0px;
    font-size: 50px; font-family: 'Harrington'!important;
}
.cat-heading{
    padding: 70px 0px 20px 0px;
    font-size: 30px;
    color: #000!important;
    font-family: 'BlissLight'!important;
}
.p-text{
  font-family: GoudyOldStyleBT-Roman;
  margin: 0px 10px !important;
  font-size: 16px!important;
  padding: 0px 10px!important;
}
.img-thumbnail{border: none!important;}
.img-title{font-size: 16px; font-family: BlissLight;}
.work-section{
  padding: 0px 50px 40px 50px;
}
.connect-section{
  padding: 40px 50px 90px 50px;
  background: url('../images/connect-bg.jpg');
  background-repeat: no-repeat;
  background-position: top;
}
.connect-section p{
  font-family: BlissLight;
  color: #737373;
  line-height: 40px;
}
.connect-section .contact{
  font-family: BlissLight;
  color: #737373;
  line-height: 40px;
}
.p-connect{
  font-family: BlissLight;
  color: #737373;
  line-height: 40px;
}
.carousel-caption{
  left: 5%!important;
  right: 5%!important;
}
.slider-title1{
  font-family: BlissLight!important;
  color: #efe7db!important;
  font-size: 30px!important;
  text-align-last: right;
  line-height: 30px;
  text-shadow: 2px 2px 4px #000000;
}
.slider-title1 span{
  font-family: BlissLight!important;
  color: #efe7db!important;
  font-size: 16px!important;
  text-shadow: 2px 2px 4px #000000;
}
.slider-title2{
  font-family: BlissLight!important;
  color: #efe7db!important;
  font-size: 40px!important;
  text-align-last: right;
  line-height: 30px;
  text-shadow: 2px 2px 4px #000000;
}
.slider-title2 span{
  font-family: BlissLight!important;
  color: #efe7db!important;
  font-size: 16px!important;
  text-shadow: 2px 2px 4px #000000;
}
.slider-title3{
  font-family: BlissLight!important;
  color: #efe7db!important;
  font-size: 40px!important;
  line-height: 30px;
  text-shadow: 2px 2px 4px #000000;
}
.slider-title3 span{
  font-family: BlissLight!important;
  color: #efe7db!important;
  font-size: 16px!important;
  text-shadow: 2px 2px 4px #000000;
}
.slider-title5{
  font-family: BlissLight!important;
  color: #efe7db!important;
  font-size: 30px!important;
  line-height: 25px;
  text-align-last: center;
  text-shadow: 2px 2px 4px #000000;
}
.slider-title5 span{
  font-family: BlissLight!important;
  color: #efe7db!important;
  font-size: 16px!important;
  text-shadow: 2px 2px 4px #000000;
}
.slider-title6{
  font-family: BlissLight!important;
  color: #efe7db!important;
  font-size: 30px!important;
  line-height: 25px;
  text-align-last: right;
  margin-top: -130px;
  text-shadow: 2px 2px 4px #000000;
}
.slider-title6 span{
  font-family: BlissLight!important;
  color: #efe7db!important;
  font-size: 16px!important;
  text-shadow: 2px 2px 4px #000000;
}
.img-icon{
  margin: 10px 0px;
}
.icon-t{
  background: url('../images/t-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  /*background-size: 450px 265px;*/
  background-size: 350px 206px;
}
.cat-section{
  padding: 0px 50px 40px 50px;
}
.nav-pd{padding: 0px 50px!important;}
.small-textureicon{
  width: 20%;
  padding: 10px 0px;
}
.cat-section > div > img{padding: 20px 5px;}

.taattva-gallery > ul {
  margin-bottom: 0;
}
.taattva-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    margin-right: 0px;
    margin-left: 0px;
    /*width: 200px;*/
}
.taattva-gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
.taattva-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.taattva-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.taattva-gallery > ul > li a:hover .taattva-gallery-poster > img {
  opacity: 1;
}
.taattva-gallery > ul > li a .taattva-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.taattva-gallery > ul > li a .taattva-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.taattva-gallery > ul > li a:hover .taattva-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.taattva-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.taattva-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.taattva-gallery .justified-gallery > a:hover .taattva-gallery-poster > img {
  opacity: 1;
}
.taattva-gallery .justified-gallery > a .taattva-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.taattva-gallery .justified-gallery > a .taattva-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.taattva-gallery .justified-gallery > a:hover .taattva-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.taattva-gallery .video .taattva-gallery-poster img {
  height: 50%;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 50%;
}
.taattva-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}
.home .taattva-gallery {
  padding-bottom: 80px;
}

@media only screen and (max-width : 992px) {
  .small-textureicon{ width: 30%; padding: 4px 0px;}
  .icon-t p{ font-size: 22px;line-height: 1.6rem; padding-left: 25px!important; padding-right: 25px!important;}
  .work-section{padding: 0px 50px 0px 50px;}
  .connect-section{padding: 10px 50px 150px 50px;}
  .p-connect{line-height: 30px; padding-bottom: 10px!important;}
  .connect-section p{line-height: 30px; padding-bottom: 10px!important;}
}

@media only screen and (max-width : 767px){
  .nav-pd{padding: 0px 30px!important;}
  .small-textureicon{ width: 35%; padding: 4px 0px;}
  .icon-t p{ margin: 35px 15px !important; font-size: 20px; line-height: 1.5rem;}
  .heading{font-size: 45px;}
  .work-section{padding: 0px 20px 0px 20px; text-align: center;}
  .img-title{padding-bottom: 20px !important;}
  .connect-section{padding: 40px 30px 65px 30px;}
}

@media only screen and (max-width : 480px){
 .nav-pd{padding: 0px 20px!important;}
 .icon-t p{ font-size: 18px;line-height: 1.4rem; margin: 20px 5px!important;}
 .small-textureicon{ width: 50%; padding: 4px 0px;}
 .heading{font-size: 40px;}
 .work-section{padding: 0px 20px 0px 20px; text-align: center;} 
 .connect-section{padding: 40px 20px 0px 20px;}
 .p-connect{line-height: 25px; padding-bottom: 10px!important;}
 .connect-section p{line-height: 25px; padding-bottom: 10px!important;}
 /*.slider-title1{font-size: 14px!important; line-height: 15px;}
 .slider-title1 span{font-size: 10px!important;}
 .slider-title2{font-size: 14px!important; line-height: 15px;}
 .slider-title2 span{font-size: 10px!important;}
 .slider-title3{font-size: 14px!important; line-height: 15px;}
 .slider-title3 span{font-size: 10px!important;}
 .slider-title4{font-size: 14px!important; line-height: 15px;}
 .slider-title4 span{font-size: 10px!important;}
 .slider-title5{font-size: 14px!important; line-height: 15px;}
 .slider-title5 span{font-size: 10px!important;}
 .slider-title6{font-size: 14px!important;}
 .slider-title6 span{font-size: 10px!important; line-height: 15px;}*/
 .cat-section { padding: 0px 10px 40px 10px;}
 .taattva-gallery > ul > li { margin-bottom: 26px; }
}