@font-face {
  font-family: 'Gotham-Ultra';
  src: url('../fonts/Gotham-Ultra.eot');
  src: url('../fonts/Gotham-Ultra.woff2') format('woff2'),
       url('../fonts/Gotham-Ultra.woff') format('woff'),
       url('../fonts/Gotham-Ultra.ttf') format('truetype'),
       url('../fonts/Gotham-Ultra.svg#Gotham-Ultra') format('svg'),
       url('../fonts/Gotham-Ultra.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



body{font-family: "Raleway",sans-serif;font-size: 15px;line-height: 1.4;}
header.header .navbar-brand img{height: 110px;}
.navbar.navbar-default{background-color: #fff;border: none;height: 145px;}
.nav.navbar-nav{padding-top: 45px;}
.navbar-nav > li{margin-right: 10px;}
.pa .navbar-default .navbar-nav > li > a{color: #1f657e;text-transform: uppercase;font-weight: 500;}
.pa .navbar-default .navbar-nav > li > a:hover{color: #4396ac}

.ma .navbar-default .navbar-nav > li > a{color: #1f657e;text-transform: uppercase;font-weight: 500;}
.ma .navbar-default .navbar-nav > li > a:hover{color: #4396ac}

.tx .navbar-default .navbar-nav > li > a{color: #1f657e;text-transform: uppercase;font-weight: 500;}
.tx .navbar-default .navbar-nav > li > a:hover{color: #db0d0f}
.container{max-width: 1024px;width: 100%;}
.watermark .navbar-default .navbar-nav > li > a{color: #666;text-transform: uppercase;font-weight: 300;}
.watermark .navbar-default .navbar-nav > li > a:hover{color: #7f0e47}


@media all and (max-width: 768px) {
	.navbar.navbar-default{}
	#navbar{background-color: #f8f8f8;border: 1px solid #e7e7e7;position: relative;z-index: 10;}
	.nav.navbar-nav{padding-top: 0;}
}

@media all and (max-width: 950px) {
	/*.meme-description{width: 100%;}*/
}
.title-description{}
footer.footer{padding: 30px 0;font-size: 15px;}



.hidden{display: none;}
.meme-creater{position: relative;width: 400px;margin-right: 15px;float: left;}
.generator-container{position: relative;}
.meme-description p{font-size: 15px;line-height: 22px;}
.loader {background-image: url("../images/loader.svg");background-position: center center;background-repeat: no-repeat;background-size: 50px 13px;bottom: 0;height: 100%;left: 0;position: absolute;right: 0;top: 0;width: 100%;z-index: 10;display: none;}
#previewImageHolder {height: 400px;position: relative;width: 400px;background-image: url(../images/transparent-background.png);background-repeat: repeat;}
#logoImg {position: absolute;right: 20px;top: 20px;height: 110px;z-index: 2;}
#previewImage{width: 100%;}

.controls{margin: 20px 0;overflow: hidden;width: 100%;}

#facebookModal .modal-body{height: 400px;padding: 15px 0 15px 15px;overflow-x: hidden;overflow-y: scroll;}
#fb-root .col-md-4{padding-left: 0;}
#fb-root img{width: 100%;}
#fb-root .facebook-image{height: 100px;margin-bottom: 15px;overflow: hidden;cursor: pointer;position: relative;}
#fb-root .facebook-image.active:after{content:"\e013";bottom: 0;color: #fff;display: inline-block;font-family: "Glyphicons Halflings";font-size: 30px;font-style: normal;font-weight: 400;height: 100%;left: 0;line-height: 1;margin: auto;position: absolute;right: 0;top: 0;width: 100%;text-align: center;padding-top: 40px;}


.cropImageHolder{text-align: center;min-height: 250px;width: 100%;overflow: hidden;margin: auto;}

@media(max-height:720px){
	
	.cropImageHolder{height:400px;}
	
}

@media(max-height:550px){
	
	.cropImageHolder{height:300px;}
	
}


#cropImagePreview{width: 100%;height: auto;}

.preview-lg {height: 148px;width: 148px;}

.img-preview {float: left;margin-bottom: 10px;margin-right: 10px;overflow: hidden;}
.img-container, .img-preview {background-color: #f7f7f7;text-align: center;}
#generateImage{/*display: inline-block;*/}
.controls .selectImageCtrl .btn{margin-bottom: 15px;}
.controls .selectImageCtrl .img-warning{clear: both;font-style: italic;line-height: 16px;text-align: center;}
.controls .select-overlay {display: block;float: left;margin: 0 5px 5px 0;height: 35px;width: 35px;cursor: pointer;position: relative;}

.controls .select-overlay.active:after{content:"\e013";bottom: 0;color: #fff;display: inline-block;font-family: "Glyphicons Halflings";font-size: 14px;font-style: normal;font-weight: 400;height: 15px;left: 0;line-height: 1;margin: auto;position: absolute;right: 0;top: 0;width: 15px;}

#previewImageHolder #overlay{z-index: 1;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

#overlayText {bottom: 25px;color: #fff;left: 0px; width:100%; position: absolute;right: 20px;text-align: center;z-index: 5;min-height: 40px;text-transform: uppercase;outline: none;font-family: 'Gotham-Ultra', sans-serif;}
#overlayText .text{font-size: 22px;line-height: 20px;color: rgba(255,255,255,0.6); }
#overlayText .text strong{font-size: 45px;line-height: 34px;}
#overlayText .hashtag{font-size: 20px;line-height: 15px;margin-bottom: 0;}
.cropper-container{width: 100%;}


#cropImageModal .modal-dialog{width: 432px;}
#cropImageModal .alert{padding: 7px 10px}

h1 {
    border: none;
    font-weight: 700;
    padding: 5px 0 14px;
    margin: 0px;
    vertical-align: middle;
    margin: 25px 0 15px 0;
    display: block;	
}

.pa h1 {
	color: #1f657e;
    font: 34px/34px "Raleway",sans-serif;
	
}
.tx h1 {
	color: #0070AF;
   font: 34px/34px "Raleway",sans-serif;
	
}
.ma h1 {
	color: #0073ae;
    font: 34px/34px "Raleway",sans-serif;
	
}
.watermark h1 {
	color: #003f7d;
	font: 34px/34px "Raleway",sans-serif;
}


.btn-facebook {
  color: #fff;
  background-color: #4C67A1;
}
.btn-facebook:hover {
  color: #fff;
  background-color: #405D9B;
}
.btn-facebook:focus {
  color: #fff;
}
.modal-content{
      border: 1px solid rgba(82, 96, 150, 0.2);
}
.modal-header{
  background: #337ab7;
}
.modal-title{
  color: #fff;
}
.no-compatiable{ 
    display: none;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
} 
.no-compatiable .not-support{ 
  color: rgb(173, 38, 38);
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-top: 45%;
}
.navbar-toggle{
      margin-top: 50px;
}
#navbar{
  z-index: 999;
}
.get-started-list{
  padding-left: 15px;
}
.get-started-list li{
      margin-bottom: 5px;
}
.add-who-label{
  margin-top: 5px;
  font-size: 14px;
  font-weight: normal;
  float: left;
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    .nav>li {
        position: relative;
        display: block;
        float: none;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px;
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
        display: block;
        float: none;
    }
}

@media only screen and (max-width : 768px) {
  .meme-creater{
    float: none;
    margin: 0 auto;
  } 
  .save-photo-btn{ 
    margin-top: 10px;
  }
}
@media only screen and (max-width : 660px) {
  .no-compatiable{ 
     display: block;
  }
}