@charset "utf-8";
/* CSS Document */
#services {font-size: 32px; font-weight: lighter; text-transform: uppercase; letter-spacing: 5px; font-family: 'Futura Md'; line-height: 12px; padding-top: 10px}
#services h2 {font-size: 60px; font-weight: lighter;  font-family: '&Matchmaker'; text-transform: capitalize;line-height: 12px; word-spacing: 15px; letter-spacing: 0px }
#testimonybg h2 {font-size: 40px; font-weight: lighter;  font-family: '&Matchmaker'; text-transform: capitalize; word-spacing: 10px; letter-spacing: 0px }
.col-sm-4 h4 {font-family: '&Matchmaker'; font-size: 28px; text-transform: capitalize; letter-spacing: 0px}



/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
	
}

.btn:hover {
  background-color: #2b102f;
	color: #C8C8C8
}

.btn.active {
  background-color: #2b102f;
  color: white;
}

#myBtnContainer {max-width: 700px; margin: auto}






.white {
  background-color: #fff; opacity: .7
}
.testimonyname {font-size: 12px}
.mytestimony-inner{font-family: 'Futura Md' }
@font-face {font-family: '&Matchmaker';
	src: url('../fonts/&Matchmaker.eot'),
	url('../fonts/&Matchmaker.eot?#iefix') format('embedded-opentype'),
		url('../fonts/&Matchmaker.ttf') format('truetype'),
		url('../fonts/&Matchmaker.svg#svgMatchmaker') format('svg'),
		url('../fonts/&Matchmaker.woff') format('woff')}


@font-face {font-family: 'KronaOne-Regular';
	src: url('../fonts/KronaOne-Regular.eot'),
	url('../fonts/KronaOne-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/KronaOne-Regular.ttf') format('truetype'),
		url('../fonts/KronaOne-Regular.svg#svgKronaOne-Regular') format('svg'),
		url('../fonts/KronaOne-Regular.woff') format('woff')}

@font-face {font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.eot'),
	url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Regular.ttf') format('truetype'),
		url('../fonts/Roboto-Regular.svg#svgRoboto') format('svg'),
		url('../fonts/Roboto-Regular.woff') format('woff')
	;}
@font-face {font-family: 'Roboto Bk';
	src: url('../fonts/Roboto-Black.eot'),
	url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Black.ttf') format('truetype'),
		url('../fonts/Roboto-Black.svg#svgRobotoBk') format('svg'),
		url('../fonts/Roboto-Black.woff') format('woff')
	;}
	
@font-face {font-family: 'Roboto Th';
	src: url('../fonts/Roboto-Light.eot'),
	url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Light.ttf') format('truetype'),
		url('../fonts/Roboto-Light.svg#svgRobotoTh') format('svg'),
		url('../fonts/Roboto-Light.woff') format('woff')
	;}
	
@font-face {font-family: 'Roboto Cn';
	src: url('../fonts/Roboto-Condensed.eot'),
	url('../fonts/Roboto-Condensed.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Condensed.ttf') format('truetype'),
		url('../fonts/Roboto-Condensed.svg#svgRobotoCn') format('svg'),
		url('../fonts/Roboto-Condensed.woff') format('woff')
	;}
@font-face {font-family: 'Roboto Md';
	src: url('../fonts/Roboto-Medium.eot'),
	url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Medium.ttf') format('truetype'),
		url('../fonts/Roboto-Medium.svg#svgRobotoMd') format('svg'),
		url('../fonts/Roboto-Medium.woff') format('woff')
	;}
@font-face {font-family: 'Futura Md';
	src: url('../fonts/futuram_1.eot'),
	url('../fonts/futuram_1.eot?#iefix') format('embedded-opentype'),
		url('../fonts/futuram_1.ttf') format('truetype'),
		url('../fonts/futuram_1.svg#svgFuturaMd') format('svg'),
		url('../fonts/futuram_1.woff') format('woff')
	;}
@font-face {font-family: 'Futura';
	src: url('../fonts/futuran_1.eot'),
	url('../fonts/futuran_1.eot?#iefix') format('embedded-opentype'),
		url('../fonts/futuran_1.ttf') format('truetype'),
		url('../fonts/futuran_1.svg#svgFutura') format('svg'),
		url('../fonts/ffuturan_1.woff') format('woff')
	;}

@font-face {font-family: 'Geo Md';
	src: url('../fonts/geo415m_1.ttf.eot'),
	url('../fonts/geo415m_1.eot?#iefix') format('embedded-opentype'),
		url('../fonts/../fonts/geo415m_1.ttf') format('truetype'),
		url('../fonts/geo415m_1.svg#svgGeoMd') format('svg'),
		url('../fonts/geo415m_1.woff') format('woff')
	;}
 body {
      font: 400 15px Lato, sans-serif;
      line-height: 1.8;
      color: #818181;
  }
  h2 {
      font-size: 24px;
      text-transform: uppercase;
    font-weight: 600;
      margin-bottom: 30px;
	   color: #2b102f
  }
  h4 {
      font-size: 16px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 400;
      margin-bottom: 30px;
  }

#SweetText { margin-right: auto; margin-left: auto; display: block; bottom: 20px; top: 50% ;   position: relative; }

.top-img {width: 100%; height: 960px ; background-image: url(../images/bg-ing.png); background-position: center; background-repeat: no-repeat; background-size: cover}
#testimonybg {width: 100% ; background-image: url(../images/testimonies-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover}

.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

.column img {
    margin-top: 8px;
    vertical-align: middle;
}




.CircleImg  {
    border-radius: 50%; width: 220px; height: 220px
}



.jumbotron h1 {font-size: 32px; font-weight: lighter; text-transform: uppercase; letter-spacing: 5px }
.jumbotron p {font-size: 21px}

.jumbotron{background-image: url(../images/sweet-tweets-macroons-bg.png); background-repeat: no-repeat; background-size: cover; background-color: #2b102f;

      color: #fff;
      padding: 25px 25px;
      font-family: 'Futura'; min-height: 300px
  }

  .container-fluid {
      padding: 60px 50px;
  }
  .bg-grey {
      background-color: #f6f6f6;
  }
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
      color: #f4511e;
      font-size: 200px;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 10px;
  }
.carousel-caption p {font-family: 'Futura Md'; text-transform: uppercase; font-size:28px;  text-shadow: 0 0 10px #5d2f22, 0 0 8px #5d2f22;  letter-spacing: 5px }
.carousel-txt {
	font-family: '&Matchmaker';
	font-size: 120px;
	 text-shadow: 0 0 10px #5d2f22, 0 0 8px #5d2f22;
}
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #FFFFFF;
  }


  .carousel-indicators li {
      border-color: #FFFFFF;
  }
  .carousel-indicators li.active {
      background-color: #FFFFFF;
  }







.mytestimony-inner item h4 {font-family: 'Futura Md'; font-size:28px;  color: #FFFFFF; font-style: normal}
.mytestimony-txt {
	font-family: '&Matchmaker';
	font-size: 120px;
	 text-shadow: 0 0 10px #5d2f22, 0 0 8px #5d2f22;
}
  .mytestimony-control.right, .mytestimony-control.left {
      background-image: none;
      color: #FFFFFF;
  }
  .mytestimony-indicators li {
      border-color: #f4511e;
  }
  .mytestimony-indicators li.active {
      background-color: #f4511e;
  }

.mytestimony{position:relative}.mytestimony-inner{position:relative;width:100%;overflow:hidden}.mytestimony-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.mytestimony-inner>.item>a>img,.mytestimony-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.mytestimony-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.mytestimony-inner>.item.active.right,.cmytestimony-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mytestimony-inner>.item.active.left,.mytestimony-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mytestimony-inner>.item.active,.mytestimony-inner>.item.next.left,.mytestimony-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mytestimony-inner>.active,.mytestimony-inner>.next,.mytestimony-inner>.prev{display:block}.mytestimony-inner>.active{left:0}.mytestimony-inner>.next,.mytestimony-inner>.prev{position:absolute;top:0;width:100%}.mytestimony-inner>.next{left:100%}.mytestimony-inner>.prev{left:-100%}.mytestimony-inner>.next.left,.mytestimony-inner>.prev.right{left:0}.mytestimony-inner>.active.left{left:-100%}.mytestimony-inner>.active.right{left:100%}.mytestimony-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}



.mytestimony-control.left{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.mytestimony-control.right{right:0;left:auto;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}


.mytestimony-control:focus,.mytestimony-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.mytestimony-control .glyphicon-chevron-left,.mytestimony-control .glyphicon-chevron-right,.mytestimony-control .icon-next,.mytestimony-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.mytestimony-control .glyphicon-chevron-left,.mytestimony-control .icon-prev{left:50%;margin-left:-10px}.mytestimony-control .glyphicon-chevron-right,.mytestimony-control .icon-next{right:50%;margin-right:-10px}.mytestimony-control .icon-next,.mytestimony-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.mytestimony-control .icon-prev:before{content:'\2039'}.mytestimony-control .icon-next:before{content:'\203a'}.mytestimony-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.mytestimony-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.mytestimony-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.mytestimony-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.mytestimony-caption .btn{text-shadow:none}
.mytestimony-inner>.item>a>img,.mytestimony-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}







  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  .item span {
      font-style: normal;
  }
  .panel {
      border: 1px solid #f4511e; 
      border-radius:0 !important;
      transition: box-shadow 0.5s;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #f4511e;
      background-color: #fff !important;
      color: #f4511e;
  }
  .panel-heading {
      color: #fff !important;
      background-color: #f4511e !important;
      padding: 25px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel-footer {
      background-color: white !important;
  }
  .panel-footer h3 {
      font-size: 32px;
  }
  .panel-footer h4 {
      color: #aaa;
      font-size: 14px;
  }
  .panel-footer .btn {
      margin: 15px 0;
      background-color: #f4511e;
      color: #fff;
  }


.navbar-brand {margin-top:  -70px; float: left}
  .navbar {
      margin-bottom: 0;
	background-color: #FFFFFF;
      z-index: 9999;
 font-size: 14px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 4px;
 font-family: 'Geo Md';
	  padding-top: 40px;
		  padding-bottom: 60px;
text-transform: uppercase	;
	    border-bottom-width: 2px;
	  border-bottom-style: solid; border-bottom-color:  #FFFFFF
  }
  .navbar li a, .navbar .navbar-brand {
      color: #2b102f !important;
	   background-color: #ffff !important;
	  
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: #f4511e !important;
      background-color: #ffff !important;
	  border-bottom-width: 2px;
	  border-bottom-style: solid; border-bottom-color:  #f4511e
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
	  background-color: white
  }
footer {background-color: #2b102f; font-family: 'Futura Md'}

.footerContact
{
	text-align: center;
	font-size: 16px;
	padding-top: 10px;
	 color: #FFFFFF
}

.footerPhone
{
	text-align: right;
}

.footerMail
{
	text-align: left;
}

.footerDescription
{
	text-align: center;
	font-size: 16px;
}

.socialMedia
{
	text-align: center;
	padding: 5px;
}

.copyright
{
	text-align: center;
	font-size: 11px;
	color: #FFFFFF
}



  footer .glyphicon {
      font-size: 20px;
      margin-bottom: 20px;
      color: #f4511e;
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
	.col-sm-2 {display: block; margin: auto}
	.col-sm-3 {display: block; margin: auto}
}

  @media screen and (max-width: 768px) {
    
	  #aboutTxt {background-color: #2b102f; opacity: .7; padding: 20px } 
	  .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
	    #SweetText { width: 100%; height: auto }
	  .top-img {width: 100%; height: 700px ; }
	  .navbar-collapse {background-color: white; margin-top: 80px}
	  
  #myCarousel {margin-top: 15px; width: 100%}
	  .row {max-width: 100%}
	  
	  	 .carousel-caption p {font-family: 'Futura Md'; font-size:21px;   }
.carousel-txt {
	font-size: 60px;
	 
	  }
	  .navbar-fixed-top {position:relative;}
	  
	  .col-sm-4 {margin-left: auto; margin-right: auto; display: block}

	   .footerPhone
	{
		text-align: center;
	}

	.footerMail
	{
		text-align: center;
	}
	      .column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
.mytestimony-control .glyphicon-chevron-left,.mytestimony-control .glyphicon-chevron-right,.mytestimony-control .icon-next,.mytestimony-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px;}.mytestimony-control .glyphicon-chevron-left,.mytestimony-control .icon-prev{margin-left:-10px}.mytestimony-control .glyphicon-chevron-right,.mytestimony-control .icon-next{margin-right:-10px}.mytestimony-caption{right:20%;left:20%;padding-bottom:30px}.mytestimony-indicators{bottom:20px}
	  
	  	  .row { padding: 0px; margin: 0px}
	  #gallery {width: 100%}
	  .socialMedia {display: block; margin: auto; width: 200px}
 }
  @media screen and (max-width: 480px) {
	  #logosweet {display: none}
#services h2 {line-height: 60px; }
    .logo {
        font-size: 150px;
  }
	 .carousel-caption p {font-family: 'Futura Md'; font-size:12px;   }
.carousel-txt {
	font-size: 40px;
	 
	  }
	  .navbar-collapse {background-color: white; margin-top: 80px}
	  
  #myCarousel {margin-top: 20px; width: 100%}
	  .row { padding: 0px; margin: 0px}
	  #gallery {width: 100%}
.navbar-fixed-top {position:relative;}
	  .slide {width: 90%;margin-left: auto; margin-right: auto; display: block}
	  
	  .mytestimony-control {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
	  .mytestimony-inner {width: 100%}
.CircleImg  {
    border-radius: 0px; width: 100%; height: 300px
}
	  .row .slideanim .slide{width: 100%; padding: 0px; margin: 0px}
	  #services {width: 100%; padding: 0px; margin: 0px
	  }
	  .container-fluid {padding: 0px; margin: 0px}
}