@import url("content.css");

/*----------Colours----------*/
/*Pink - #F49AC1
/*Pink Hover - #f17eb0

/*Dark Pink - #B66083
/*Dark Pink Hover - #a84d72

/*Purple - #C770AD
/*Green - #64BCA1

/*Dark Grey - #666666 (Body text)
/*Medium Grey - #999999 (Nav/News dates)
/*Light Grey - #F1F1F1 (Borders/Dividers)
/*------------------------------*/




/*------------------------------*/
/*----------HTML5 elements----------*/
/*------------------------------*/
section,
article,
aside,
footer,
header,
nav,
hgroup                                                  {display:block;}

#ScriptWarning                                          {padding: 5px; background: #FF4136; color: white; margin: 5px;}




/*------------------------------*/
/*----------General----------*/
/*------------------------------*/
body                                                    {background-position: top center; background-repeat: repeat-x; padding: 70px 0 0 0;
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/pattern-top-main.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/pattern-top-main.svg);
}

.Hidden                                                 {display: none;}/*--Labels with this class will be shown in ie--*/

.BoxShadow                                              {-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);}

/*-----Equal height cols-----*/
.EqualHeightRow                                         {display: table; width: 100%;}
.EqualHeightRow [class*="col-"]                         {float: none; display: table-cell; vertical-align: top;}

.EqualHeightRow.Top [class*="col-"]                     {vertical-align: top;}
.EqualHeightRow.Middle [class*="col-"]                  {vertical-align: middle;}
.EqualHeightRow.Bottom [class*="col-"]                  {vertical-align: bottom;}


/*-----IE show/hide-----*/
.VisibleIE                                              {display: none;}
.HiddenIE                                               {display: block;}




/*------------------------------*/
/*----------Random background graphics----------*/
/*------------------------------*/
/*
.BGPattern                                              {position: absolute; top: 0px; bottom: 0px; width: 50%; background: aqua; z-index: -1; background-repeat: no-repeat;}
.BGPattern.Left                                         {left: 0px; background-position: left;}
.BGPattern.Right                                        {right: 0px; background-position: right;}
*/

/*-----General-----*/
.BGPatternContainer                                     {top: 20px; z-index: -1;}
.BGPatternContainer .BGPattern                          {width: 230px; height: 230px; display: none; background-position: center; background-repeat: no-repeat; /*border: 1px solid aqua;*/}

.BGPatternContainer.Left                                {left: 0px;}
.BGPatternContainer.Left .BGPattern                     {float: left;}
.BGPatternContainer.Right                               {right: 0px;}
.BGPatternContainer.Right .BGPattern                    {float: right;}

.BGPatternContainer .BGPattern.Block                    {display: block !important;}

/*-----Absolute-----*/
.BGPatternContainer.Absolute                            {position: absolute;}
.BGPatternContainer.Absolute .BGPattern                 {margin: 0 auto;}

.BGPatternContainer.Absolute.Left                       {left: 5%;}
.BGPatternContainer.Absolute.Right                      {right: 5%;}

/*-----Intro section (Homepage)-----*/
.BGPatternContainer.Intro                               {height: 100%; top: 0px;}
.BGPatternContainer.Intro .BGPattern                    {height: 100%;}

.BGPatternContainer.Intro.Left                          {left: 0px;}
.BGPatternContainer.Intro.Right                         {right: 0px;}




/*------------------------------*/
/*----------Padded sections (Homepage)----------*/
/*------------------------------*/
/*-----General-----*/
section.Padded                                          {position: relative; overflow: hidden;}
section.Padded .Inner                                   {padding: 80px 0;}

section.Padded.Border .Inner                            {border-bottom: 1px dashed #F49AC1; }

/*--Intro block--*/
section.Padded .Inner.Intro                             {text-align: center; position: relative;}
section.Padded .Inner.Intro .lead                       {font-size: 18px;}


/*--Contact--*/
section.Padded .Inner.Contact                           {text-align: center;}



/*------------------------------*/
/*----------Buttons----------*/
/*------------------------------*/
.btn                                                    {border-radius: 100px; position: relative; margin-bottom: 20px; padding: 10px 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.btn:after                                              {content: ''; border-radius: 100px; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1001; border: 2px dashed white; opacity: .3;}

/*-----Sizes-----*/
.btn-lg                                                 {font-size: 16px; padding: 15px 0px;}

/*-----Styles-----*/
.btn-default,
.btn-primary                                            {background: #F49AC1; border-color: #F49AC1; color: white;}
.btn-default:hover,
.btn-primary:hover,
.btn-default:active,
.btn-primary:active,
.btn-default:focus,
.btn-primary:focus                                      {background: #f17eb0; border-color: #f17eb0; color: white;}

.btn-secondary                                          {background: #B66083; border-color: #B66083; color: white;}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus                                    {background: #a84d72; border-color: #a84d72; color: white;}




/*------------------------------*/
/*----------Header----------*/
/*------------------------------*/
header                                                  {}
header .Logo                                            {margin: 0 auto;}

/*-----Sticky-----*/
header.sticky                                           {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1001; border-bottom: 1px solid #F1F1F1; -webkit-backdrop-filter: blur(5px);
                                                        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.99+48,0.9+100 */
                                                        background: -moz-linear-gradient(top,  rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.99) 48%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
                                                        background: -webkit-linear-gradient(top,  rgba(255,255,255,0.99) 0%,rgba(255,255,255,0.99) 48%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
                                                        background: linear-gradient(to bottom,  rgba(255,255,255,0.99) 0%,rgba(255,255,255,0.99) 48%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
}
header.sticky .Logo                                     {max-height: 50px; margin: 15px auto;}
header.sticky .Nav.HalfNav ul                           {margin: 25px 0;}
body.stickyPadding                                      {padding-top: 171px;}


/*------------------------------*/
/*----------Nav----------*/
/*------------------------------*/
.MainNav                                                {}
.MainNav .navbar-collapse li                            {display: table-cell; width: 1%;}

/*-----General-----*/
.Nav                                                    {}
.Nav ul                                                 {list-style: none; padding: 0px;}
.Nav ul li                                              {font-size: 22px; font-family: 'Source Sans Pro', sans-serif; display: table-cell; width: 1%; text-align: center; text-transform: uppercase;}
.Nav ul li a                                            {color: #999999; font-weight: 100;}

/*-----Half(lg,md)-----*/
.Nav.HalfNav                                            {}
.Nav.HalfNav ul                                         {margin: 30px 0;}
.Nav.HalfNav ul li                                      {}
.Nav.HalfNav ul li a                                    {}

/*-----Full(sm,xs)-----*/
.Nav.FullNav                                            {}
.Nav.FullNav ul                                         {margin: 50px 0 30px 0;}
.Nav.FullNav ul li                                      {}
.Nav.FullNav ul li a                                    {}




/*------------------------------*/
/*----------Featured Area----------*/
/*------------------------------*/
/*-----General-----*/
.FeaturedArea                                           {margin: 30px 0 20px 0; overflow: hidden;}

/*----Home-----*/
.FeaturedArea.Home                                      {border-bottom: 1px solid #F49AC1; min-height: 480px; padding: 0 0 50px 0; background-position: bottom center; background-repeat: repeat-x;
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/pattern-bottom-50.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/pattern-bottom-50.svg);
}

/*----Inner-----*/
.FeaturedArea.Inner                                     {}




/*------------------------------*/
/*----------Featured Area----------*/
/*------------------------------*/
.Testimonials                                           {}
.Testimonials .TestimonialImage                         {}
.Testimonials .TestimonialImage img                     {border: 1px dashed #F49AC1; padding: 5px; width: 100%; margin: 20px 0;}

.Testimonials .TestimonialQuote                         {}



/*------------------------------*/
/*----------Homepage Carousel----------*/
/*------------------------------*/
#HomepageCarousel                                       {}
#HomepageCarousel .MenuContainer                        {margin-top: 0px;}




/*------------------------------*/
/*----------Title/Breads----------*/
/*------------------------------*/
.TitleBreads                                            {margin: 50px 0 70px 0; text-align: center;}

/*-----Title-----*/
.TitleBreads .Title                                     {position: relative;}
.TitleBreads .Title:after                               {content: ''; display: block; position: absolute; width: 100%; border-bottom: 1px dashed #F1F1F1; top: 50%;}
.TitleBreads .Title h1                                  {background: white; display: inline-block; margin: 0px; padding: 0 15px; position: relative; z-index: 5;}

/*-----Breads-----*/
.TitleBreads .Breads                                    {font-size: 14px; font-family: 'Source Sans Pro', sans-serif; color: #cccccc;}
.TitleBreads .Breads .breadcrumbs                       {text-align: center; list-style: none; padding: 0px; margin: 0px;}
.TitleBreads .Breads .breadcrumbs li                    {display: inline;}
.TitleBreads .Breads .breadcrumbs li a                  {margin: 0 10px;}
.TitleBreads .Breads .breadcrumbs li img                {}

.TitleBreads .Breads .breadcrumbs li:last-child a       {color: #cccccc;}
.TitleBreads .Breads .breadcrumbs li:last-child img     {display: none;}




/*------------------------------*/
/*----------Carousel----------*/
/*------------------------------*/
/*-----Controls-----*/
.carousel-control                                       {background: none !important; background-image: none !important; width: auto; opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.carousel-control span                                  {background-position: center; background-repeat: no-repeat; text-indent: -1000px; overflow: hidden; height: 60px !important; margin-top: -30px !important; margin-left: 0px !important;}

/*-----Indicators (are auto generated in custom.js)-----*/
.carousel-indicators                                    {bottom: -40px !important; margin-bottom: 0px;}
.carousel-indicators li                                 {width: 12px; height: 12px; background: #F49AC1; border: 1px solid #F49AC1; margin: 3px; -webkit-box-shadow: 0px 0px 0px 6px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 0px 6px rgba(255,255,255,1); box-shadow: 0px 0px 0px 6px rgba(255,255,255,1);}
.carousel-indicators li.active                          {margin: 3px;}
.carousel-indicators li.active:after                    {content: ''; display: block; background: #F49AC1; width: 6px; height: 6px; margin: 2px; border-radius: 100%;}



.carousel-control.left                                  {left: -50px;}
.carousel-control.left:hover                            {left: -55px;}
.carousel-control.left > span                           {
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/arrow-feature-left.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/arrow-feature-left.svg);
}
.carousel-control.right                                 {right: -50px;}
.carousel-control.right:hover                           {right: -55px;}
.carousel-control.right > span                          {
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/arrow-feature-right.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/arrow-feature-right.svg);
}

.carousel-inner                                         { height: auto !important;}

#StandardCarousel                                       {padding: 5px; max-width: 100%; margin-bottom: 70px; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);}
#StandardCarousel img                                   {padding: 0px; box-shadow: none;}


/*--Media queries--*/
@media(max-width:767px){
    /*
    .carousel-indicators                                    {bottom: -45px !important;}
    .carousel-indicators li                                 {width: 22px; height: 22px;}
    .carousel-indicators li.active                          {width: 22px; height: 22px;}
    .carousel-indicators li.active:after                    {content: ''; display: block; background: #F49AC1; width: 16px; height: 16px; margin: 2px; border-radius: 100%;}
    */
}
@media(min-width:768px){

}
@media(min-width:992px){
    .carousel-control.left                                  {left: -40px;}
    .carousel-control.left:hover                            {left: -45px;}
    .carousel-control.right                                 {right: -40px;}
    .carousel-control.right:hover                           {right: -45px;}
}
@media(min-width:1200px){
    .carousel-control.left                                  {left: -60px;}
    .carousel-control.left:hover                            {left: -65px;}
    .carousel-control.right                                 {right: -60px;}
    .carousel-control.right:hover                           {right: -65px;}
}



/*------------------------------*/
/*----------Smooth carousel fade----------*/
/*------------------------------*/
.carousel.fade                                          {opacity: 1;}
.carousel.fade .item                                    {-moz-transition: opacity ease-in-out .5s; -o-transition: opacity ease-in-out .5s; -webkit-transition: opacity ease-in-out .5s; transition: opacity ease-in-out .5s; left: 0 !important; opacity: 0; top:0; position:absolute; width: 100%; display:block !important; z-index:1;}
.carousel.fade .item:first-child                        {top:auto; position:relative;}
.carousel.fade .item.active                             {opacity: 1; -moz-transition: opacity ease-in-out .5s; -o-transition: opacity ease-in-out .5s; -webkit-transition: opacity ease-in-out .5s; transition: opacity ease-in-out .5s; z-index:2;}




/*------------------------------*/
/*----------Menu Block----------*/
/*------------------------------*/
/*-----General-----*/
.MenuContainer                                          {margin-top: 50px;}
.MenuBlock                                              {border: 1px dashed #F49AC1; padding: 10px; background: white; text-align: center; margin-bottom: 20px;}
.MenuBlock img                                          {margin-bottom: 10px; width: 100%;}
/*Colours*/
.MenuBlock.Green                                        {border-color: #64BCA1;}
.MenuBlock.Purple                                       {border-color: #C770AD;}
/*Button*/
.MenuBlock .DashedButton                                {display: block; position: relative; text-transform: uppercase; border: 1px dashed #F49AC1; color: #F49AC1; font-size: 24px; font-weight: 200; padding: 20px 0; font-family: 'Source Sans Pro', sans-serif;}
/*.MenuBlock .DashedButton:after                          {content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: #F49AC1; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}*/

.MenuBlock.Green .DashedButton                          {border-color: #64BCA1; color: #64BCA1;}
.MenuBlock.Purple .DashedButton                         {border-color: #C770AD; color: #C770AD;}

/*-----Main (Carousel/Main menu page)-----*/
.MenuContainer .MenuBlock.Main                                              {}
/*--Purple--*/
.MenuContainer .col-md-4:nth-child(4n+1) .MenuBlock.Main,
.MenuContainer .col-md-4:nth-child(4n+1) .MenuBlock.Main .DashedButton          {border-color: #C770AD;}
/*.MenuContainer .col-md-4:nth-child(4n+1) .MenuBlock.Main .DashedButton:after    {background: #C770AD;}*/
.MenuContainer .col-md-4:nth-child(4n+1) .MenuBlock.Main a                      {color: #C770AD;}
/*--Green--*/
.MenuContainer .col-md-4:nth-child(4n+2) .MenuBlock.Main,
.MenuContainer .col-md-4:nth-child(4n+2) .MenuBlock.Main .DashedButton          {border-color: #64BCA1;}
/*.MenuContainer .col-md-4:nth-child(4n+2) .MenuBlock.Main .DashedButton:after    {background: #64BCA1;}*/
.MenuContainer .col-md-4:nth-child(4n+2) .MenuBlock.Main a                      {color: #64BCA1;}
/*--Pink--
is default colour*/
/*--Dark Green--*/
.MenuContainer .col-md-4:nth-child(4n+4) .MenuBlock.Main,
.MenuContainer .col-md-4:nth-child(4n+4) .MenuBlock.Main .DashedButton      {border-color: #85a730;}
.MenuContainer .col-md-4:nth-child(4n+4) .MenuBlock.Main a                  {color: #85a730;}

/*-----Small (Collections page)-----*/
.MenuBlock.Small                                        {padding: 5px;}
.MenuBlock.Small .Title                                 {margin: 20px 0;}




/*------------------------------*/
/*----------Archive Gallery----------*/
/*------------------------------*/
#ImageGallery                                           {max-width: 3000px; margin-left: auto; margin-right: auto;}

/*-----Controls-----*/
.GalControls                                            {list-style: none; padding: 0px; margin: 0px;}
.GalControls:after                                      {content: ''; display: block; clear: both;}
.GalControls li                                         {float: right; margin: 4px;}
.GalControls li a                                       {width: 22px; height: 22px; display: block; text-indent: -1000px; overflow: hidden; cursor: pointer;}

.GalControls .GalControlSmall                           {/*--Use for SVG fallback--*/
                                                        background-image: url(../images/galcontrol-small.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/galcontrol-small.svg);
}
.GalControls .GalControlSmall.active,
.GalControls .GalControlSmall:hover                     {/*--Use for SVG fallback--*/
                                                        background-image: url(../images/galcontrol-small-active.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/galcontrol-small-active.svg);
}
.GalControls .GalControlMedium                          {/*--Use for SVG fallback--*/
                                                        background-image: url(../images/galcontrol-medium.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/galcontrol-medium.svg);
}
.GalControls .GalControlMedium.active,
.GalControls .GalControlMedium:hover                    {/*--Use for SVG fallback--*/
                                                        background-image: url(../images/galcontrol-medium-active.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/galcontrol-medium-active.svg);
}
.GalControls .GalControlLarge                           {/*--Use for SVG fallback--*/
                                                        background-image: url(../images/galcontrol-large.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/galcontrol-large.svg);
}
.GalControls .GalControlLarge.active,
.GalControls .GalControlLarge:hover                     {/*--Use for SVG fallback--*/
                                                        background-image: url(../images/galcontrol-large-active.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/galcontrol-large-active.svg);
}

/*-----Main Gallery-----*/
#ImageGallery ul                                        {list-style: none; margin: 0px; padding: 0px;}
#ImageGallery ul:after                                  {content: ''; display: block; clear: both;}
#ImageGallery ul li                                     {float: left; padding: 5px; position: relative; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#ImageGallery ul li .PinButton                          {position: absolute; top: 10px; left: 10px;}
#ImageGallery ul li img                                 {min-width: 100%; max-width: 100%;}

/*--Button--*/
#ImageGallery ul li .btn                                {position: absolute; left: 20px; bottom: 20px; right: 20px; margin-bottom: 0px; opacity: 0; padding: 10px 0;}
#ImageGallery ul li:hover .btn                          {opacity: 1;}

/*--Media queries--*/
@media(max-width:767px){
    /*--Sizes--*/
    #ImageGallery ul.Small li,
    #ImageGallery ul.Medium li,
    #ImageGallery ul.Large li                               {width: 50%;}
    .GalControls                                            {display: none;}
    #ImageGallery ul li .btn                                {left: 0px; right: 0px; bottom: 0px; width: auto; border-radius: 0px; opacity: 1; position: relative;}
    #ImageGallery ul li .btn:after                          {border-radius: 0px;}
}
@media(min-width:768px){
    /*--Sizes--*/
    #ImageGallery ul.Small li                               {width: 20%;}
    #ImageGallery ul.Medium li                              {width: 33.333333333%;}
    #ImageGallery ul.Large li                               {width: 50%;}
}
@media(min-width:992px){
    /*--Sizes--*/
    #ImageGallery ul.Small li                               {width: 14.285714286%;}
    #ImageGallery ul.Medium li                              {width: 20%;}
    #ImageGallery ul.Large li                               {width: 33.333333333%;}
}
@media(min-width:1200px){
    /*--Sizes--*/
    #ImageGallery ul.Small li                               {width: 12.5%;}
    #ImageGallery ul.Medium li                              {width: 16.666666667%;}
    #ImageGallery ul.Large li                               {width: 25%;}
}

/*-----Blueimp-----*/
#blueimp-gallery                                        {background: rgba(0,0,0,.5); -webkit-backdrop-filter: blur(5px);}
#blueimp-gallery .slide                                 {}
#blueimp-gallery .slide img                             {padding: 5%; /*-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);*/}

#blueimp-gallery .prev,
#blueimp-gallery .next                                  {border: none; background: none; width: 33px; height: 66px; text-indent: -1000px; overflow: hidden;}

#blueimp-gallery .prev                                  {background: url(../images/gallery-nav-left.png) center no-repeat;}
#blueimp-gallery .next                                  {background: url(../images/gallery-nav-right.png) center no-repeat;}

#blueimp-gallery .close                                 {text-indent: -1000px; overflow: hidden; background: url(../images/gallery-close.png) center no-repeat; width: 30px; height: 30px; top: 30px; right: 30px;}

#blueimp-gallery .indicator                             {display: none;}




/*------------------------------*/
/*----------Standard page----------*/
/*------------------------------*/
.IntroImage                                             {margin-bottom: 50px;}




/*------------------------------*/
/*----------Sample pack page----------*/
/*------------------------------*/
.SamplePackButton                                       {border-bottom: 1px dashed #F49AC1; padding: 0 0 10px 0; margin: 0 0 60px 0;}
.SamplePackButton form                                  {}
.SamplePackButton form table                            {float: left;}
.SamplePackButton form input[type=image]                {float: left; margin: 0 0 0 20px !important;}



/*------------------------------*/
/*----------Contact Page----------*/
/*------------------------------*/
.ContactMap                                             {}
.ContactMap iframe                                      {height: 270px; padding: 5px; width: 100%; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);}

/*--show and hide titles--*/
#contact .StandardTitle              {display: block;}
#contact .ArchiveTitle               {display: none;}
#contact:target .StandardTitle {display: none;}
#contact:target .ArchiveTitle {display: block;}



/*------------------------------*/
/*----------Collection----------*/
/*------------------------------*/
#CollectionInfoContainer                                            {}

#CollectionInfoContainer #CollectionImage                           {text-align: center;}
#CollectionInfoContainer #CollectionImage .btn                      {margin: 10px 0;}
#CollectionInfoContainer #CollectionImage hr                        {margin: 10px 0;}

/*-----Gallery-----*/
#CollectionInfoContainer #CollectionImage #CollectionGallery        {margin: 20px 0 50px 0; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);}
#CollectionInfoContainer #CollectionImage #CollectionGallery img    {width: 100%; padding: 5px;}

/*-----More collections carousel-----*/
.MoreCollectionsContainer                                           {text-align: center; margin-top: 80px;}
.MoreCollectionsContainer .col-sm-12                                {border-top: 1px dashed #F49AC1; padding-top: 50px;}
.MoreCollectionsContainer h1                                        {margin-bottom: 30px;}
.MoreCollectionsContainer #MoreCollectionsCarousel                  {}




/*------------------------------*/
/*----------News----------*/
/*------------------------------*/
/*-----General-----*/
.Date                                                   {color: #999999; font-weight: 400;}
.NewsArticle                                            {}
.NewsArticle .NewsArticleTitle                          {text-align: center;}
.NewsArticle .Date                                      {}
.NewsArticle .MainImage                                 {display: block; margin: 20px auto 30px auto;}

/*-----News list-----*/
.NewsList                                               {list-style: none; padding: 0px; margin: 0px;}
.NewsList > li                                          {padding: 0px; margin: 0px; background-image: none !important;}

/*-----News Article-----*/
.NewsNav                                                {border-top: 1px dashed #F49AC1; margin: 60px 0 0 0; padding: 20px 0 0 0;}
.NewsNav .Next,
.NewsNav .Prev                                          {font-size: 22px; font-weight: 100; text-transform: uppercase; background-repeat: no-repeat;}

.NewsNav .Next                                          {float: right; background-position: right center; padding: 15px 40px 15px 10px;
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/arrow-feature-right.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/arrow-feature-right.svg);
}
.NewsNav .Prev                                          {float: left; background-position: left center; padding: 15px 10px 15px 40px;
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/arrow-feature-left.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/arrow-feature-left.svg);
}



/*------------------------------*/
/*----------Forms----------*/
/*------------------------------*/
/*-----General-----*/
form                                                    {margin: 30px 0;}
form:after                                              {content: ''; display: block; clear: both;}

label                                                   {color: #666666; font-weight: 400; text-align: left;}
input,
textarea,
select                                                  {border: 1px solid #F49AC1 !important; border-radius: 0px !important; box-shadow: none !important; font-size: 18px !important; display: block; padding: 12px 15px !important; width: 100%; background: white;}

input[type="text"],
select                                                  {height: 55px;}

input[type=image]                                       {width: auto; border: none !important; padding: 0px !important; margin: 0px !important;}

.form-group                                             {margin-bottom: 30px;}

/*--Specific stuff--*/
textarea                                                {min-height: 140px;}
select                                                  {-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right center; background-repeat: no-repeat; padding-right: 50px !important;
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/dropdown-bg.png) !important;
                                                        background-image: linear-gradient(transparent, transparent), url(../images/dropdown-bg.svg) !important;
}

                                                        /*--Wrap selects in this container for custom dropdown icon--*/
.SelectContainer                                        {background-position: right center; background-repeat: no-repeat;
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/dropdown-bg.png) !important;
                                                        background-image: linear-gradient(transparent, transparent), url(../images/dropdown-bg.svg) !important;
}

/*-----Icons-----*/
.Icon,
textarea                                                {padding-left: 80px !important; background-position: 15px 14px; background-repeat: no-repeat;}

textarea                                                {
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/icon-form-pen.png) !important;
                                                        background-image: linear-gradient(transparent, transparent), url(../images/icon-form-pen.svg) !important;
}

.Icon.Name                                              {
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/icon-form-person.png) !important;
                                                        background-image: linear-gradient(transparent, transparent), url(../images/icon-form-person.svg) !important;
}
.Icon.Email                                             {
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/icon-form-email.png) !important;
                                                        background-image: linear-gradient(transparent, transparent), url(../images/icon-form-email.svg) !important;
}
.Icon.Date                                              {
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/icon-form-date.png) !important;
                                                        background-image: linear-gradient(transparent, transparent), url(../images/icon-form-date.svg) !important;
}
.Icon.Image                                             {
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/icon-form-image.png) !important;
                                                        background-image: linear-gradient(transparent, transparent), url(../images/icon-form-image.svg) !important;
}
.Icon.Address                                             {
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/icon-form-address.png) !important;
                                                        background-image: linear-gradient(transparent, transparent), url(../images/icon-form-address.svg) !important;
}

.Icon.DayGuests                                         {
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/icon-form-guests-day.png) !important;
                                                        background-image: linear-gradient(transparent, transparent), url(../images/icon-form-guests-day.svg) !important;
}
.Icon.NightGuests                                       {
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/icon-form-guests-night.png) !important;
                                                        background-image: linear-gradient(transparent, transparent), url(../images/icon-form-guests-night.svg) !important;
}
.Icon.PhoneNumber                                       {
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/icon-form-phone.png) !important;
                                                        background-image: linear-gradient(transparent, transparent), url(../images/icon-form-phone.svg) !important;
}


/*------------------------------*/
/*----------Footer----------*/
/*------------------------------*/
footer                                                  {border-top: 1px solid #F49AC1; margin: 200px 0 0 0; padding: 30px 0; position: relative;}
footer .left                                            {text-align: left; font-size: 14px;}
footer .right                                           {text-align: right; font-size: 14px;}

footer:before                                           {content: ''; display: block; position: absolute; width: 100%; height: 130px; top: -131px; z-index: -1; background-repeat: repeat-x; background-position: top center;
                                                        /*--Use for SVG fallback--*/
                                                        background-image: url(../images/pattern-bottom-50.png);
                                                        background-image: linear-gradient(transparent, transparent), url(../images/pattern-bottom-50.svg);
}


/*-----Logos-----*/
footer .FooterSectionLogos                              {border-bottom: 1px dashed #F49AC1; padding-bottom: 50px;}

footer .FooterSectionLogos                              {text-align: center;}
footer .FooterSectionLogos ul                           {list-style: none; padding: 0px; margin: 0px;}
footer .FooterSectionLogos ul:after                     {content: ''; display: block; clear: both;}
footer .FooterSectionLogos ul li                        {width: 1%; display: table-cell; text-align: center;}
footer .FooterSectionLogos ul li img                    {display: block; margin: 10px auto; max-width: 150px;}

/*-----Contact info-----*/
.FooterSectionContact                                   {border-bottom: 1px dashed #F49AC1; padding: 20px 0;}

.FooterContact                                          {}
.FooterContact ul                                       {list-style: none; padding: 0px; margin: 0px;}
.FooterContact ul li                                    {font-size: 30px; color: #999999; font-weight: 100; font-family: 'Source Sans Pro', sans-serif; margin: 20px 0;}
.FooterContact ul li .Icon                              {display: inline;}

.FooterSocial                                           {text-align: center;}
.FooterSocial h4                                        {font-size: 24px;}
.FooterSocial ul                                        {list-style: none; padding: 0px; margin: 0px;}
.FooterSocial ul li                                     {display: table-cell; width: 1%;}
.FooterSocial ul li img                                 {margin: 0 auto;}

/*-----Subnav-----*/
.FooterSectionSubnav                                    {border-bottom: 1px dashed #F49AC1; padding: 20px 0; margin-bottom: 20px;}

.FooterSectionSubnav                                    {}
.FooterSectionSubnav ul                                 {list-style: none; padding: 0px; margin: 0px; text-align: center;}
.FooterSectionSubnav ul li                              {display: inline-block;}
.FooterSectionSubnav ul li:after                        {content: ' /'; color: #999999;}
.FooterSectionSubnav ul li:last-child:after             {display: none;}







/*------------------------------*/
/*----------Animations----------*/
/*------------------------------*/

/*-----For animated mobile nav cross-----*/
/*--Move down then rotate clockwise--*/
@-webkit-keyframes DownClockwise {
	0%      {-webkit-transform: translate(0px, 0px);}
    40%     {-webkit-transform: translate(0px, 8px);}
    50%     {-webkit-transform: translate(0px, 8px);}
	100%    {-webkit-transform: rotate(45deg);}
}
@-moz-keyframes DownClockwise {
    0%      {-moz-transform: translate(0px, 0px);}
    40%     {-moz-transform: translate(0px, 8px);}
    50%     {transform: translate(0px, 8px);}
	100%    {-moz-transform: rotate(45deg);}
}
@keyframes DownClockwise {
    0%      {transform: translate(0px, 0px);}
    40%     {transform: translate(0px, 8px);}
    50%     {transform: translate(0px, 8px);}
	100%    {transform: rotate(45deg);}
}

/*--Move up then rotate anti-clockwise--*/
@-webkit-keyframes UpAntiClockwise {
	0%      {-webkit-transform: translate(0px, 0px);}
    40%     {-webkit-transform: translate(0px, -8px);}
    50%     {-webkittransform: translate(0px, -8px);}
	100%    {-webkit-transform: rotate(-45deg);}
}
@-moz-keyframes UpAntiClockwise {
    0%      {-moz-transform: translate(0px, 0px);}
    40%     {-moz-transform: translate(0px, -8px);}
    50%     {transform: translate(0px, -8px);}
	100%    {-moz-transform: rotate(-45deg);}
}
@keyframes UpAntiClockwise {
    0%      {transform: translate(0px, 0px);}
    40%     {transform: translate(0px, -8px);}
    50%     {transform: translate(0px, -8px);}
	100%    {transform: rotate(-45deg);}
}

/*--Waith then fade out--*/
@-webkit-keyframes WaitFadeOut {
	0%      {opacity: 1;}
    40%     {opacity: 1;}
    50%     {opacity: 0;}
	100%    {opacity: 0; display: none;}
}
@-moz-keyframes WaitFadeOut {
    0%      {opacity: 1;}
    40%     {opacity: 1;}
    50%     {opacity: 0;}
	100%    {opacity: 0; display: none;}
}
@keyframes WaitFadeOut {
    0%      {opacity: 1;}
    40%     {opacity: 1;}
    50%     {opacity: 0;}
	100%    {opacity: 0; display: none;}
}




/*-_-_-_-_ Media Queries_-_-_-_- */

@media(max-width:767px){

    /*------------------------------*/
    /*----------General----------*/
    /*------------------------------*/
    body                                                    {background-position: 50% -10px; padding: 50px 0 0 0;}

    /*-----Equal height cols-----*/
    .EqualHeightRow                                         {display: block;}
    .EqualHeightRow [class*="col-"]                         {display: block;}


    /*------------------------------*/
    /*----------Buttons----------*/
    /*------------------------------*/
    .btn                                                    {display: block; float: none; width: 100%; text-align: center; padding: 20px 0;}


    /*------------------------------*/
    /*----------Nav----------*/
    /*------------------------------*/
    .navbar-collapse                                        {max-height: none;}
    .Nav.FullNav                                            {/*padding: 10px 0; margin: 20px 0 10px 0; border-top: 1px dashed #F1F1F1; border-bottom: 1px dashed #F1F1F1;*/}

    /*--fixed fullscreen nav--*/
    .Nav.FullNav .navbar-header                             {position: fixed; top: 10px; right: 10px; z-index: 1001;}
    .Nav.FullNav .navbar-collapse                           {position: fixed; z-index: 1000; top: 0px; left: 0px; right: 0px; bottom: 0px; max-height: 100%; -webkit-overflow-scrolling: touch !important; overflow: scroll; -webkit-backdrop-filter: blur(15px); background: rgba(255, 255, 255, .7);}

    .Nav.FullNav ul                                         {}
    .Nav.FullNav ul li                                      {display: block; width: 100%; float: none; text-align: center;}
    .Nav.FullNav ul li a                                    {border-bottom: 1px solid white; color: #F49AC1; padding: 15px 0; display: block; width: 100%; text-decoration: none; font-weight: 200;}


    /*------mobile nav cross------*/
    .navbar-header .navbar-toggle                           {margin: 0px; width: 52px; height: 52px; border: 2px; border-radius: 0px; background: white; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);}
    .navbar-header .navbar-toggle:after                     {content: ''; display: block; position: absolute; border: 1px dashed #F49AC1; top: 2px; right: 2px; bottom: 2px; left: 2px;}

    .navbar-toggle .icon-bar                                {height: 2px; background: #F49AC1; margin-left: auto; margin-right: auto;}
    .navbar-toggle .icon-bar+.icon-bar                      {margin-top: 6px;}

    .navbar-toggle .icon-bar                                {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
    .navbar-toggle .icon-bar:nth-child(2)                   {-moz-transform: rotate(136deg); -webkit-transform: rotate(136deg); transform: rotate(136deg); margin-bottom: -5px; margin-top: 10px;}
    .navbar-toggle .icon-bar:nth-child(3)                   {opacity: 0;}
    .navbar-toggle .icon-bar:nth-child(4)                   {-moz-transform: rotate(-136deg); -webkit-transform: rotate(-136deg); transform: rotate(-136deg); margin-top: -5px; margin-bottom: 10px;}
    .navbar-toggle.collapsed .icon-bar                      {-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); margin: 4px; opacity: 1;}


    /*-----Animated mobile nav cross-----
    .navbar-header .navbar-toggle                           {margin: 0px; width: 52px; height: 52px; background: #F49AC1; text-align: center;}
    .navbar-toggle .icon-bar                                {height: 2px; background: white; margin-left: auto; margin-right: auto;}
    .navbar-toggle .icon-bar+.icon-bar                      {margin-top: 6px;}

    .navbar-toggle .icon-bar                                {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
    .navbar-toggle .icon-bar:nth-child(2)                   {animation: DownClockwise .7s forwards; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;}
    .navbar-toggle .icon-bar:nth-child(3)                   {animation: WaitFadeOut .7s forwards;}
    .navbar-toggle .icon-bar:nth-child(4)                   {animation: UpAntiClockwise .7s forwards; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;}
    .navbar-toggle.collapsed .icon-bar                      {-webkit-transform: translateX(0px) translateY(0px) rotate(0deg) !important; animation: none;margin: 4px; opacity: 1; }
    */


    /*------------------------------*/
    /*----------Header----------*/
    /*------------------------------*/
    header                                                  {}
    header .Logo                                            {max-width: 210px;}


    /*------------------------------*/
    /*----------Title/Breads----------*/
    /*------------------------------*/
    .TitleBreads                                            {margin: 40px 0 30px 0;}


    /*------------------------------*/
    /*----------Padded sections (Homepage)----------*/
    /*------------------------------*/
    /*-----General-----*/
    section.Padded                                          {}
    section.Padded .Inner                                   {padding: 40px 0;}


    /*------------------------------*/
    /*----------Carousel----------*/
    /*------------------------------*/
    /*-----Controls-----*/
    .carousel-control                                       {display: none;}


    /*------------------------------*/
    /*----------Menu Block----------*/
    /*------------------------------*/
    /*-----Small (Collections page)-----*/
    .MenuBlock.Small .btn                                   {padding: 10px 5px; margin: 0 -5px -5px -5px; width: auto; border-radius: 0px;}
    .MenuBlock.Small .btn:after                             {border-radius: 0px;}


    /*------------------------------*/
    /*----------Forms----------*/
    /*------------------------------*/
    /*-----General-----*/
    label                                                   {}
    input,
    textarea,
    select                                                  {display: block; width: 100%;}


    /*------------------------------*/
    /*----------Sample pack page----------*/
    /*------------------------------*/
    .SamplePackButton                                       {}
    .SamplePackButton form                                  {}
    .SamplePackButton form table                            {width: 100%; margin: 10px 0;}
    .SamplePackButton form input[type=image]                {margin: 10px 0 !important;}


    /*------------------------------*/
    /*----------Testimonials----------*/
    /*------------------------------*/
    .Testimonials                                           {}

    .Testimonials .TestimonialQuote                         {text-align: left;}
    .Testimonials .TestimonialQuote .pull-right             {float: none !important;}


    /*------------------------------*/
    /*----------Footer----------*/
    /*------------------------------*/
    footer                                                  {border-top: 1px solid #F49AC1; margin: 200px 0 0 0; padding: 30px 0; position: relative;}
    footer .left                                            {text-align: center;}
    footer .right                                           {text-align: center;}

    /*-----Logos-----*/
    footer .FooterSectionLogos                              {border-bottom: 1px dashed #F49AC1; padding-bottom: 15px;}

    /*-----Logos-----*/
    footer .FooterSectionLogos ul li                        {width: 100%; display: block; padding: 10px 0;}

    /*-----Contact info-----*/
    .FooterSectionContact                                   {border-bottom: 1px dashed #F49AC1; padding: 0 0 20px 0;}

    .FooterContact ul                                       {margin-bottom: 15px; padding-bottom: 0px; border-bottom: 1px dashed #F49AC1;}
    .FooterContact ul li                                    {font-size: 20px; text-align: center;}
    .FooterContact ul li img                                {display: block; margin: 10px auto;}



}

@media(min-width:768px){

}

@media(min-width:992px){

}

@media(min-width:1200px){

}