/*DEFAULT CSS*/

@import url(https://fonts.googleapis.com/css?family=Sacramento);
@import url(https://fonts.googleapis.com/css?family=Tangerine:700);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
.p-indent{text-indent: 50px; text-align: justify;}
.transparent{background-color: transparent !important;}
.noborder{border: none;}
.u{text-decoration: underline;}
.i{font-style: italic;}
.b,.b>div,.b>p,.b>a,.b>span,.b>input,.b>h1,.b>h2,.b>h3,.b>h4,.b>h5,.b>h6{font-weight: bold !important;}
.b-more{font-weight: bolder;}
.nopaddingmargin{padding: 0px;margin: 0px;}
.sacramento{font-family: 'Sacramento', cursive !important;}
.greatvives-cursive{font-family: 'Great Vibes', cursive !important;}
.poiretone-cursive{font-family: 'Poiret One', cursive !important;}
.courier{font-family: courier}
body{background-color: #f5f5f5;}
*{font-family: 'Poiret One', cursive;font-weight: bold !important}
body{overflow-x: hidden !important;}
body::after{content: "",display:inline-block;clear: both}
.small-screen-menu{display: none;margin-bottom: 0px;}
.big-screen-menu{height: 800px;margin: 0px;position: fixed;z-index: 1000;background-color: #111;padding: 0px;}
.big-screen-menu>.container-fluid{padding-left: 10px;}
.big-screen-menu>.container-fluid>.navbar-header{padding-left: 15px;}
.big-screen-menu>.container-fluid>.navbar-header>.navbar-brand{font-family: 'Sacramento', cursive;float:left;padding-top:100px;padding-bottom: 100px;text-align: center;font-size: 25px;}
.big-screen-menu>.container-fluid>.navbar-collapse{padding: 0px;}
.big-screen-menu>.container-fluid>.navbar-collapse>.navbar-nav >li{display: block;width: 100% !important;height: 50px;}
.big-screen-menu > .container-fluid > .navbar-collapse > .navbar-nav > li > a {  
  -webkit-transition:ease-in-out .3s;
  -moz-transition:ease-in-out .3s;
  -o-transition:ease-in-out .3s;
  transition:ease-in-out .3s;
  color: #9e9e9e !important;
  letter-spacing: 2px;
  font-size: 12px;
  line-height: 15px
}
.big-screen-menu > .container-fluid > .navbar-collapse > .navbar-nav > li > a:hover{background-color: rgba(0,0,0,0.5);}
.menu-social > span > a {margin-left: 15px;color: #9e9e9e}
#content {padding: 0px;}
#content > .container-fluid {}


.h1-responsive.white-text.btn.btn-lg.z-depth-0{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.banner{padding-top:100px;padding-bottom: 100px;background: url(../img/contact-banner.jpg) no-repeat center center; background-size: cover}
.blogbanner{padding-top:150px;padding-bottom: 150px;background: url(../img/portfolio/31.jpg) no-repeat center center; background-size: cover}

/*INDEX CSS*/
.index-tab-menu> a{color: black;padding: 5px;margin-right: 20px;transition:all ease-in-out .3s;}
.index-tab-menu> a:hover{color: white;background-color: rgba(0,0,0,0.8);}
.tab-pane.fade > .row > .col-sm-3 {padding-bottom:15px;padding-right:0px;}
.tab-pane.fade > .row > .col-sm-3 > .view {margin-top: 15px;}
.background-cover-text > .h1-responsive {letter-spacing: 10px;}
.background-cover-text > .h6-responsive {letter-spacing: 5px;}
/*ABOUT PAGE CSS*/
.about-content>p{font-size: 20px;line-height: 30px;}
.carousel.slide.carousel-fade{padding: 3em;}
.review-owner{height: 200px;width: 200px;}
.about-social > a >span {color: #212121; font-weight: normal !important;}
@media(max-width: 767px)
{

  #container > .col-sm-2{min-height: 0px}
	.small-screen-menu{display: block;background-color: #111;}
	.big-screen-menu{display: none;}
  .menu-social > span > a  {display: none;}
}
/*SERVICE CSS*/
#service{background-image: url(../img/service-background.jpg);}
.icon-camera,.icon-video,.icon-pictures{font-size: 40px;font-weight: bold}
/*TESTIMONIAL CSS*/

section {padding-top: 100px;padding-bottom: 100px;}
.quote {    color: rgba(0,0,0,.1);    text-align: center;    margin-bottom: 30px;}

#fade-quote-carousel.carousel {  padding-bottom: 60px;}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {  bottom: 10px;}
#fade-quote-carousel.carousel .carousel-indicators > li { background-color: #e84a64;  border: none;}
#fade-quote-carousel blockquote {    text-align: center;    border: none;}
#fade-quote-carousel .profile-circle {    width: 100px;    height: 100px;    margin: 0 auto;    border-radius: 100px;}

/*CONTACT CSS*/
.icon-megaphone,.icon-map{font-size: 28px;margin-top: 30px;}
.icon-focus{font-size: 40px;}
/*PORTFOLIO CSS*/
#portfolio-show-img{width: 100%;}
/*PACKAGE CSS*/
.package-name {font-family: 'Great Vibes', cursive;font-size:42px;font-weight:bold}
.modal-dialog.modal-lg.animated.flipInX {width:90%;}
.pack-comp > div {padding:0px;margin:0;}
.col-lg-15.text-center.z-depth-2 {box-shadow:0px 0px 25px #424242;z-index:100;}
.pack-comp>div>p {font-size:15px;width:100%;margin-top:0px;margin-bottom:0px;padding:5px;}
.terms > p {font-size:15px;}
.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20.83%;float: left;}
.col-lg-15 {width: 20.83%;float: left;}
@media (max-width: 768px){.col-lg-15 {width: 100%;float: left;}}
@media (min-width: 992px){.col-md-15 {width: 20.83%;float: left;}}
@media (min-width: 1200px) {.col-lg-15 {width: 20.83%;float: left;}}
.pack-comp > div > p:nth-child(1) {font-size:35px;font-family: 'Great Vibes', cursive; padding-top:10px;padding-bottom:10px;}
.pack-comp > div:nth-child(odd)>p:nth-child(odd) {background-color:#eeeeee;}
.pack-comp > div:nth-child(odd)>p:nth-child(even) {background-color:#f5f5f5;}
.pack-comp > div:nth-child(even)>p:nth-child(odd) {background-color:#e0e0e0;}
.pack-comp > div:nth-child(even)>p:nth-child(even) {background-color:#eeeeee;}


/*HIRE CSS*/
#hire {    padding: 60px;    color: black;    font-size: 20px;}
#hireModal {    background-color:rgba(0,0,0,0.9);}
#hireModal >.modal-lg {    width:100%;    height:100%;}
#hireModal > .modal-lg > .modal-content {    background-color:transparent;    box-shadow:none;    border:0px}
#hireModal > .modal-lg > .modal-content > .modal-header {    border:0px;}
.package-select{
    border: none;
    background-color:rgba(0,0,0,0.8);
    width: 200px;
    padding: 5px;
    font-size: 16px;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: auto;
}
.package-select:active{border: none;}
.package-select > option{background-color:rgba(0,0,0,0.8);border: none;height: 3em;width: 7em;}




/*BLOG CSS*/
.blog-caption{
  position: absolute;bottom: -40px;left: 20px;
  -moz-transition : ease-in-out .3s !important;
  -webkit-transition : ease-in-out .3s !important;
  transition : ease-in-out .3s !important;
}
.blog-container:hover > .blog-caption{position: absolute;bottom: 0px;left: 20px;}
.blog-section > .row .col-md-6 > .view.hm-grey-light{margin: 10px;margin-right: 0px;margin-left: 0px}
/*SCROLLBAR CSS*/
::-webkit-scrollbar {    background: #fff;    width: 0px;    height: 0px;}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(28, 44, 44, 0.9);
    -moz-box-shadow: inset 0 0 6px rgba(28, 44, 44, 0.9);
    -webkit-box-shadow: inset 0 0 6px rgba(28, 44, 44, 0.9);
    border-radius: 00px;
}

::-webkit-scrollbar-thumb {
    background: #1976d2;
    border-radius:30px;
    box-shadow: inset 0 0 6px rgba(6,6,6,0.5);
    -moz-box-shadow: inset 0 0 6px rgba(6,6,6,0.5);
    -webkit-box-shadow: inset 0 0 6px rgba(6,6,6,0.5);
}
.close-button{
  min-height: 1px;
  min-width: 1px;
  cursor: pointer;
  position:fixed;
  top:25px;
  right:0;
}
.book-close-left-up{
  height:1px;
  background:white;
  width:50px;
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  -ms-transform: rotate(45deg); /* IE 9 */
  transform: rotate(45deg);
}
.book-close-right-up{
  height:1px;
  background:white;
  width:50px;
  -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
  -ms-transform: rotate(135deg); /* IE 9 */
  transform: rotate(135deg);
}
img{width: 100%}