@import "bootstrap.min.css";

@import "fonts.css";

@import "image-hover.css";

@import "animations.css";

@import "font-awesome.min";


.backNav { background: #fee4ec}

.headingNew { font-family: 'poppinsbold'; font-size: 30px}
.marTop20 { margin-top: 20px}
.font-size25 { font-size: 25px}
.margin40 {margin-top: 40px}

body {

	

	overflow-x:hidden;

	color:#000;

	padding:0px;

	margin:0px;

	font-size:16px;

}



img {

	max-width:100%;

}



.clear {

	clear:both

}





.left {

	float:left;

}



.right {

	float:right

}



p {

	font-family: 'Poppins';

	font-size:15.5px;

	line-height:27px;

	color:#414141; text-align:justify

}



.container {

	width:1229px;

	margin:auto;

}

*{ transition: all 0.3s ease-in-out;}

.topBar { border-bottom:1px solid #eaeaea; padding:10px 0px; font-family: 'Poppins'; font-size:0.9em; color:#757575; letter-spacing:0.5px; background:#fff; position:absolute; width:100%; background:#fff; z-index:100; top:0px;}

.topBar span { color:#b31e3a;}

.topBar a.fa { color:#b31e3a; font-size:.9em !important;} 

.fa { padding:0px 5px;}

.logo-area { background:url(../images/zig-zag.png) repeat-x ; position:relative; height:120px; position:absolute; width:100%; top:42px; z-index:100}

.logo { padding-top:10px; position:absolute}

.carousel-indicators { bottom:50px;}

.dropdown-menu { font-family: 'Poppins'; font-size:1em; color:#757575;} 

.dropdown-menu li a { line-height:35px; border-bottom:1px dotted #CCC;}

.dropdown-menu li a:hover { background:#58140a; color:#fff}

.navbar-default .navbar-nav > li > a { padding:20px 13px 10px 13px; font-size:0.9em }

.navbar-default .navbar-nav > li:last-child a{ padding:20px 0px 10px 20px;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.select { color:#b31e3a; background:none !important}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background:none !important; color:#b31e3a}

.vegewest { animation: Color 2s linear infinite;
  -webkit-animation: Color 2s ease-in-out infinite;}
@keyframes Color{
  0%{
    color:#e40000;
  }
  
  20%{
    color:#1a10e9;
  }
  
  40%{
    color:#1cf353;
  }
  
  60%{
    color:#ffa800;
  }
  
  80%{
    color:#ad2900;
  }
  
  100%{
    color:#AC92EC;
  }
}

@-moz-keyframes Color{
  0%{
    color:#A0D468;
  }
  
  20%{
    color:#4FC1E9;
  }
  
  40%{
    color:#FFCE54;
  }
  
  60%{
    color:#FC6E51;
  }
  
  80%{
    color:#ED5565;
  }
  
  100%{
    color:#AC92EC;
  }
}

@-webkit-keyframes Color{
  0%{
    color:#A0D468;
  }
  
  20%{
    color:#4FC1E9;
  }
  
  40%{
    color:#FFCE54;
  }
  
  60%{
    color:#FC6E51;
  }
  
  80%{
    color:#ED5565;
  }
  
  100%{
    color:#AC92EC;
  }
}

/*.dropdown .dropdown-menu {

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;



    max-height: 0;

    display: block;

    overflow: hidden;

    opacity: 0;

}

.dropdown-menu li a { line-height:30px;}

.dropdown:hover .dropdown-menu {

    max-height: 300px;

    opacity: 1;

}*/

.navbar { border:none; background:none; z-index:1000}



.dropdown-submenu {

    position: relative;

}



.dropdown-submenu>.dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: -6px;

    margin-left: -1px;

    -webkit-border-radius: 0 6px 6px 6px;

    -moz-border-radius: 0 6px 6px;

    border-radius: 0 6px 6px 6px;

	display:none; 

}



.dropdown-submenu:hover > .dropdown-menu {

    display: block; 

}



.dropdown-submenu>a:after {

    display: block;

    content: " ";

    float: right;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    border-left-color: #ccc;

    margin-top: 5px;

    margin-right: -10px;

}



.dropdown-submenu:hover>a:after {

    border-left-color: #fff;

}



.dropdown-submenu.pull-left {

    float: none;

}



.dropdown-submenu.pull-left>.dropdown-menu {

    left: -100%;

    margin-left: 10px;

    -webkit-border-radius: 6px 0 6px 6px;

    -moz-border-radius: 6px 0 6px 6px;

    border-radius: 6px 0 6px 6px;

}

.header-box {position:relative; height:auto}

header img { width:100%; height:100%}

header { position:absolute; z-index:-100; top:-70px;}

.zig-zag-pattern-box { position:relative;}

.zig-zag-pattern { background:url(../images/zig-zag-pattern.png) repeat-x; height:86px; position:absolute; width:100%; top:-80px;}

h1 { font-family: 'bella_fashion_personal_useRg'; color:#b31e3a; font-size:1.8em}

h1 span { color:#271117; font-size:1.3em; font-family: 'poppinssemibold'; text-transform:uppercase; line-height:60px;}

h2 { font-family: 'bella_fashion_personal_useRg'; color:#b31e3a; font-size:1.8em}

h1 span { color:#271117; font-size:.6em; font-family: 'poppinssemibold'; text-transform:uppercase; line-height:60px;}

h3 { font-family: 'bella_fashion_personal_useRg'; color:#b31e3a; font-size:1.8em}

h3 span { color:#271117; font-size:.6em; font-family: 'poppinssemibold'; text-transform:uppercase; line-height:60px;}

h4 { font-family: 'bella_fashion_personal_useRg'; color:#b31e3a; font-size:.8em}

.patternContainer { background:url(../images/pattern-bg.jpg) repeat; padding-bottom:70px;}

.marginTop50 { padding-top:50px;}

.welcome-cake-image-left { width:49%; margin-right:1%; border:5px solid #fff; box-shadow: 0px 0px 10px #999; float:left; height:160px; overflow:hidden; margin-bottom:10px; position:relative}

.welcome-cake-image-left img { position:absolute; top:-30px;}

.welcome-cake-image-right { width:49%; margin-left:1%; border:5px solid #fff; box-shadow: 0px 0px 10px #999; float:left; height:160px; overflow:hidden; margin-bottom:10px; position:relative}

.welcome-cake-image-right img { position:absolute; top:-30px;}

.home-cake-area-left { width:40%; float:left; position:relative}

.home-cake-area-box { position:absolute; top:15%; border:18px solid #fff; box-shadow: 0px 0px 20px #d6d6d6; right:-25%; z-index:100}

.home-cake-area-right { width:40%; float:right; margin-right:5%; margin-top:5%;}





.home-snacks-area-right { width:40%; float:right; position:relative}

.home-snacks-area-box { position:absolute; top:15%; border:18px solid #fff; box-shadow: 0px 0px 20px #d6d6d6; left:-25%; z-index:100}

.home-snacks-area-left { width:40%; float:left; margin-left:5%; margin-top:6%;}

a.view-gallery { display:inline-block; border:1px solid #b31e3a; padding:15px 35px; font-size:1em; font-family: 'poppinsbold'; color:#000; text-transform:uppercase; margin:0px auto;position: relative;left: 50%; margin-left: -100px;}

a.view-gallery:hover { text-decoration:none; background:#b31e3a; color:#fff; border:1px solid #890b22; margin-top:10px; box-shadow: 0px 0px 10px #999}

#second{

	background:url(../images/pattern-bg.jpg) 0 0 repeat fixed;

	color: white;

	height: 500px;

	margin: 0 auto;

	overflow: hidden;

	padding: 0;

	width:100%;

}



#second .bg{

	background:url(../images/testimonial-pastry-plate.png) 0 -10px no-repeat fixed;

	height: 500px;

	margin: 0 auto;

	padding: 0;

	position: absolute;

	width: 250px;

	z-index: 100;

}



.cupcake{

	background:url(../images/testimonial-cupcake.png)  bottom right no-repeat fixed;

	height: 500px;

	margin: 0 auto;

	padding: 0;

	position: absolute;

	width: 100%;

	z-index: 100;

}



.pastry{

	background:url(../images/testimonial-pastry.png) bottom right no-repeat fixed;

	height: 500px;

	margin: 0 auto;

	padding: 0;

	position: absolute;

	width: 100%;

	z-index: 100;

}



.bread{

	background:url(../images/testimonial-bread.png) bottom right no-repeat fixed;

	height: 500px;

	margin: 0 auto;

	padding: 0;

	position: absolute;

	width: 100%;

	z-index: 100;

}



.content { position:absolute; width:100%}

#second a { z-index:200;  margin-top:30px;}

.footerBg { background:url(../images/footer-zig-zag.png) repeat-x; height:77px; margin-top:-20px; position:relative}

.animated-cake { position:absolute; right:2em; z-index:100; top:-140px;}

.footerBgInner { margin-top:50px;}

.footer { background:#b31e3a; padding-bottom:20px;}

.footer ul { padding:0px; margin:0px; list-style-type:none;}

.footer ul li{ color:#fff; font-family: 'Poppins'; text-transform:uppercase; font-size:0.9em; line-height:30px;}

.footer ul li a{ color:#fff; font-family: 'Poppins'; text-transform:uppercase; font-size:0.9em; line-height:30px;}

.footer ul li a:before { content:'\f105'; font-family: 'FontAwesome'; font-size:.9em; padding-right:5px;}

.footer ul li a:hover { text-decoration:none; color:#f4a5a3}

.pad-left { margin-left:10px;}

.footer .fa { color:#fff;}

.footer .fa:hover {color:#f4a5a3}

.footer p { color:#fff; text-align:left}

.footer p.small { font-size:.9em; line-height:22px;}

.footer-strip { background:#271117; padding:10px 0px; color:#fff; font-family: 'Poppins'; font-size:.8em}

.footer-strip a { color:#f4a5a3}

.footer-strip a:hover { text-decoration:none;}



.inner-header { background:#aa182d url(../images/inner-header-bg.jpg) repeat-x; height:300px; position:relative}

.inner-header h1 { color:#fff; position:absolute; right:50px; bottom:80px;}

.innerPatternContainer { background:url(../images/pattern-bg.jpg) repeat;}

.innerh2 { font-size:1.2em; letter-spacing:1px; line-height:2em}

.carouselNew-inner {     border: 10px solid white;

    box-shadow: 0px 10px 20px #999;

}

span.contact { display:inline-block; width:15%;  }

iframe { box-shadow: 0px 0px 20px #ccc; border:1px solid #333}

.colorText { color:#b31e3a}

.demo-gallery { margin:30px 0px;}

.demo-gallery > ul {

              margin-bottom: 0;

            }

            .demo-gallery > ul > li {

                float: left;

                margin-bottom: 25px;

                margin-right: 1%;

                width: 24%;

				border:3px solid #fff;

				box-shadow: 0px 0px 10px #CCC;

				border-radius:5px;

			

            }

            .demo-gallery > ul > li a {

              border: 3px solid #FFF;

              border-radius: 3px;

              display: block;

              overflow: hidden;

              position: relative;

              float: left;

            }

            .demo-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%;

            }

            .demo-gallery > ul > li a:hover > img {

              -webkit-transform: scale3d(1.1, 1.1, 1.1);

              transform: scale3d(1.1, 1.1, 1.1);

            }

            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {

              opacity: 1;

            }

            .demo-gallery > ul > li a .demo-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;

            }

            .demo-gallery > ul > li a .demo-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;

            }

            .demo-gallery > ul > li a:hover .demo-gallery-poster {

              background-color: rgba(0, 0, 0, 0.5);

            }

            .demo-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%;

            }

            .demo-gallery .justified-gallery > a:hover > img {

              -webkit-transform: scale3d(1.1, 1.1, 1.1);

              transform: scale3d(1.1, 1.1, 1.1);

            }

            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {

              opacity: 1;

            }

            .demo-gallery .justified-gallery > a .demo-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;

            }

            .demo-gallery .justified-gallery > a .demo-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;

            }

            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {

              background-color: rgba(0, 0, 0, 0.5);

            }



            .demo-gallery .video .demo-gallery-poster img {

              height: 48px;

              margin-left: -24px;

              margin-top: -24px;

              opacity: 0.8;

              width: 48px;

            }

            .demo-gallery.dark > ul > li a {

              border: 3px solid #04070a;

            }

            .home .demo-gallery {

              padding-bottom: 80px;

            }

			

		





@media all and (max-width: 1228px)  {

	.container { width:96%;

			 margin:auto}

}























@media all and (max-width: 1024px) {





}







@media all and (max-width: 980px) {







}



@media all and (max-width: 800px) {

.navbar-default .navbar-nav > li > a { line-height:15px; padding:5px }

	 .navbar-header {

        float: none;

    }

    .navbar-left,.navbar-right {

        float: none !important;

    }

    .navbar-toggle {

        display: block;

			z-index:10000

    }

    .navbar-collapse {

        border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

	

    }

    .navbar-fixed-top {

  top: 0;

  border-width: 0 0 1px;

 }

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-nav {

        float: none!important;

  margin-top: 7.5px;

  

 }

 .navbar-nav>li {

        float: none;

    }

    .navbar-nav>li>a {

        padding-top: 10px;

        padding-bottom: 10px;



    }

    .collapse.in{

    display:block !important;

 }

 .navbar-default .navbar-collapse, .navbar-default .navbar-form { background:#271117}

.navbar-default .navbar-nav > li > a { line-height:30px; padding-left:20px; color:#fff; font-family: 'Poppins'; font-size:1em}

.navbar-default .navbar-nav > li:last-child a{ padding:0px 0px 10px 20px;}

}





@media all and (max-width: 768px) {

.inner-header h1 { display:none;}

} 







@media all and (max-width: 670px) {

.myCarousel { height:300px;}

.logo-area {top:54px;}

.text-center670 { text-align:center}

}





@media all and (max-width: 500px) {

	body {overflow-x:hidden}

.welcome-cake-image-left, .welcome-cake-image-right{ width:100%; margin:0px 0px 10px 0px; float:none;}

.welcome-cake-image-left img, .welcome-cake-image-right img { width:100%}

.home-cake-area-left, .home-snacks-area-left { width:100%; float:none; margin-left:0px; margin-right:0px;}

.home-cake-area-box, .home-snacks-area-box { display:none}

.home-cake-area-right { width:100%; float:none; padding-top:20px;}

h1 span { line-height:20px;}

.home-snacks-area-left { padding-top:20px;}

.home-snacks-area-right { float:none; width:100%}

.bread, .pastry, .cupcake, .bg { opacity:.1;}

}







@media all and (max-width: 450px) {



}





@media all and (max-width: 380px) {



}



@media all and (max-width: 320px) {



}