/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
* {
    /*disable to select text*/
    /*-webkit-user-select: none;
    user-select: none;*/
}

input,
textarea,
div
[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

body {
    overflow-x: hidden;    
/*    width:740px;
    height:550px;*/
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #4F5A8A;
}

p {
    font-size: 14px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    text-decoration:none;
}

a {
    color: #4F5A8A;    
}

a:hover,
a:focus,
a:active,
a.active {
    color: #4F5A8A;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
}

.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}

.btn-primary {
    border-color: #4F5A8A;

    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #4F5A8A;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #f6bf01;
    color: #fff;
    background-color: #4F5A8A;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #4F5A8A;
    background-color: #4F5A8A;
}

.btn-primary .badge {
    color: #4F5A8A;
    background-color: #fff;
}

.btn-xl {
    padding: 20px 40px;
    border-color: #6C7AB8;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    background-color: #6C7AB8;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #3F4871;
    color: #fff;
    background-color: #3F4871;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #4F5A8A;
    background-color: #4F5A8A;
}

.btn-xl .badge {
    color: #4F5A8A;
    background-color: #fff;
}

.dropdown-menu > li{padding:4px; width:100%;}

.navbar-default {
    border-color: transparent;
    background-color: #fff;
    margin:5px;
}

.navbar-default .navbar-brand {
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    color: #4F5A8A;    
    font-size:32px;
    padding-left: 0;
}

.navbar-right {
    padding-top:20px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #4F5A8A;    
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #4F5A8A;
    background-color: #4F5A8A;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #4F5A8A;
}

.navbar-default .nav li a {
    font-family: arial, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #555;
    font-size:15px;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #fff;
    background:#4F5A8A;
    text-shadow:none;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #4F5A8A;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #4F5A8A;
}

@media(min-width:768px) {
    .navbar-default {
        padding: 25px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }


}

header {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    /*background-image: url(/mob/img/header-bg.jpg);*/
    background-color: #4F5A8A;

    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.girly{
    margin-bottom:50px;
}

header .intro-text {
    padding-top: 100px;
    padding-bottom: 50px;
}

header .intro-text .intro-lead-in {   
    margin-bottom: 25px;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: italic;
    line-height: 22px;    
}

header .intro-text .intro-heading {
    margin-bottom: 25px;
    font-family: Arial, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    line-height: 50px;    
}

@media(min-width:768px) {
    header .intro-text {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    header .intro-text .intro-lead-in {
        margin-bottom: 40px;
        font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
        font-size: 60px;
        font-style: italic;
        line-height: 40px;
        text-shadow:0 -1px 1px #4F5A8A;
    }

    header .intro-text .intro-heading {
        margin-bottom: 30px;
        color:#aaa;
    }
}

section {
    padding: 20px 0;
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

@media(min-width:768px) {
    section {
        padding: 20px 0;
    }
}

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.7);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px 5px;    
    text-align: center;
    color:#999;
    text-shadow:0 1px 1px #fff;
    /*background-color: #eee;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;*/
}

#portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
    font:bold 17px arial;
}

#portfolio .portfolio-item .portfolio-caption p {
    margin: 0;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

#portfolio * {
    /* will cause the open dropdown menu to hide controls beneath it*/
    /*z-index: 2;*/
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #fff;
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}

.team-member p {
    margin-top: 0;
}

aside.clients img {
    margin: 50px auto;
}

section#contact {
    background-color: #222;
    background-position: center;
    background-repeat: no-repeat;
}

section#contact .section-heading {
    color: #fff;
}

section#contact .form-group {
    margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px;
}

section#contact .form-group input.form-control {
    height: auto;
}

section#contact .form-group textarea.form-control {
    height: 236px;
}

section#contact .form-control:focus {
    border-color: #4F5A8A;
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact .text-danger {
    color: #e74c3c;
}

footer {
    padding: 25px 0;
    text-align: center;
}

footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #4F5A8A;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #4F5A8A;
}

::selection {
    text-shadow: none;
    background: #4F5A8A;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #4F5A8A;
}

.menuLink, .menuLinkActive {
padding: 1px 12px;
color: #000;
font:normal 11px tahoma;
letter-spacing:1px;
text-decoration: none;
}

.menuLink:hover {
color: #fff;  
background:#333;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
text-decoration: none;
}

.menuLinkActive  {
color: #fff;  
background:#4F5A8A;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.flag {
    font:normal 13px 'Droid Arabic Kufi';
    letter-spacing: 0;
    padding-right:10px;
    color:#ccc;
}

.rlink {
    font-family: tahoma;
    font-weight: 700;
    font-size:15px;
    letter-spacing: 0;
    text-align: right;
}

.pright{
    padding-right:15px;
}

.help{
    position:absolute; 
    bottom:0; 
    right:0; 
    padding:2px 5px;    
    color:#c7c7c7;
    cursor:pointer;
}

.up{
    position:absolute; 
    bottom:0; 
    right:0; 
    padding:20px;
    color:#c7c7c7;
    cursor:pointer;
}

.infoStat{
font-weight:normal;
color:#bbb;
padding-left:5px;
font-size:15px;
display: inline-block;
}

.tags{
font-size:15px;
}

.clink {
    font: normal 11px tahoma;
    color: #fff;
    padding: 3px 8px;
    background: #04AADD;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.ilink {
    font: normal 11px tahoma;
    color: #999;
    padding: 3px 8px;
    background: #ddd;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/* front page*/
.info_title_base{
text-shadow:0 1px 1px #eee;
color:#333;
}

.info_desc_base{
color:#777;
padding-top:20px;
line-height:1.7em;
}

.info_title{dir:ltr;font:normal 27px tahoma; text-align: left;}
.info_desc{dir:ltr;font:normal 13px verdana;text-align: left; line-height:1.7em;}
.info_link{dir:ltr;font:normal 11px verdana;text-align: left;}
.info_btn{dir:ltr;font:normal 15px tahoma; padding:10px 14px;}
.uni_title{dir:ltr;font:normal 27px Montserrat; text-align: left;}
.info_pagi{dir:ltr;font:normal 17px verdana;}
.info_draw{dir:ltr;font:normal 15px verdana;}
.info_i2pic{dir:ltr;font:normal 15px verdana; padding:9px 20px;}
.info_lbox{dir:ltr;font:normal 13px verdana;padding:6px 8px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.info_lbox_mob{dir:ltr;font:normal 9px verdana;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.sort_lbx{font:normal 13px arial; color:#ccc;}
.label_form{dir:ltr;font:normal 13px verdana; text-align: left;}
.about{dir:ltr;font:normal 13px verdana; text-align: left; line-height:2em;}

.info_pic{
border-radius:128px;
-moz-border-radius:128px;
-webkit-border-radius:128px; 
background:#e7e7e7;
padding:12px;
-moz-box-shadow:    inset 0 0 10px rgba(96,96,96,0.5);
-webkit-box-shadow: inset 0 0 10px rgba(96,96,96,0.5);
box-shadow:         inset 0 0 10px rgba(96,96,96,0.5);
}

.info_pin{
position:relative;    
padding:20px 0;    
margin-bottom:20px;
background:#ddd;
}

.info_header{
    font-size:30px;
    text-align: center;
    padding:30px 0;
    color:#ccc;
}

.pulr10{margin-right:5px;};
.facebook_inset{color:rgba(68, 104, 179,1.0);}
.twitter_inset{color:rgba(16, 195, 255,1.0);}

.info_btn {
padding-top:30px; 
}

.info_btn a{
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px; 
border:1px solid #dedede;
background:#eee;
color:#333;
text-shadow:none;
padding:7px 14px;
text-decoration: none;
white-space: nowrap;
}

.info_btn a:hover{
background:#333;
border:1px solid #333;
color:#fff;
}

.pad{
    display: inline-block;
    margin-top:15px;
}

.symbol_pin{
display: inline-block;
color: #000;
text-decoration:none;
cursor:pointer;
font:normal 48px "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", sans-serif;
text-align: center;
vertical-align: middle;
}

.symbol_pin:hover{
color:#FF0757;
}

.taxonomy, .stickers, .emojiText, .photo, .pic{
display: inline-block;
color: #000;
text-decoration:none;
cursor:pointer;
font:normal 48px "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", sans-serif;
text-align: center;
vertical-align: middle;
background:#fefefe;
padding:12px 0;
-moz-box-shadow:    inset 0 0 2px rgba(192,192,192,0.5);
-webkit-box-shadow: inset 0 0 2px rgba(192,192,192,0.5);
box-shadow:         inset 0 0 2px rgba(192,192,192,0.5);
min-width:80px;
}

.taxonomy:hover{
-moz-box-shadow:    inset 0 0 3px rgba(64,64,64,0.75);
-webkit-box-shadow: inset 0 0 3px rgba(64,64,64,0.75);
box-shadow:         inset 0 0 3px rgba(64,64,64,0.75);
/*background:#FF0757;
color:#fff;*/
background:#303754;
color:#fff;
}

.info_menu{
position:absolute;
bottom:0;
left:0;
font:normal 1px verdana;  /*ensure that div height is 0*/
}

.extPinWidth{
width:340px;
}

.extPinWidthFav{
width:330px;
}

.stickers_col{
width:320px;
}

.stickers_col_mob{
width:160px;
}

.stickers, .emojiText, .photo{
padding:48px 0;
}

.stickers:hover{
background:#eee;
}

.emojiText, .photo{
min-width:320px;
}

.pic{
padding:36px 0;
min-width:320px;
}

.non_montage {
color: #000;
text-decoration:none;
cursor:pointer;
text-align: center;
vertical-align: middle;
background:#fefefe;
margin-bottom:10px;
min-width:150px;
}

.stickers:hover, .emojiText:hover, .photo:hover, .non_montage:hover, .pic:hover{
/*-moz-box-shadow:    inset 0 0 20px rgba(128, 128, 128,0.75);
-webkit-box-shadow: inset 0 0 20px rgba(128, 128, 128,0.75);
box-shadow:         inset 0 0 20px rgba(128, 128, 128,0.75);*/
}

.grid-one{
height:90px; 
text-align:center;
}

.grid-one-ext{
height:100px; 
text-align:center;
min-width:110px;
}

.grid-half{
height:90px; 
text-align:center;
font-size:30px;
padding:20px 0;
min-width:160px;
}

.grid-half-ext{
height:90px; 
text-align:center;
font-size:30px;
min-width:330px;
}

.grid-full{
height:90px; 
text-align:center;
font-size:26px;
padding:30px 0;
min-width:330px;
}

.grid-full-ext{
height:90px; 
text-align:center;
font-size:26px;
padding:30px 0;
min-width:660px;
}

.grid-full-small-font{
font-size:15px;
}

.new-editor-frame {
position: fixed;
top: 0;
width:100%;
height:130px;
background:#fff;
-moz-box-shadow: 0 0 28px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 28px rgba(0, 0, 0, .5);
box-shadow: 0 0 28px rgba(0, 0, 0, .5);
z-index:3000;
}

.editor-frame {
position: relative;
top: 0;
left:50%;
width:600px;
margin-left: -300px;
background-color:rgba(0,0,0,1.0);
-moz-box-shadow: 0 0 28px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 28px rgba(0, 0, 0, .5);
box-shadow: 0 0 28px rgba(0, 0, 0, .5);
z-index:10;
}

.editor {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: solid 1px #aaa;
/*color:lightblue;*/
color:#000;
line-height: 22px;
background:#fff;
font:normal 30px arial;
height: 60px;
width:560px;
margin: 10px 0 8px 20px;
-moz-appearance: textfield-multiline;
-webkit-appearance: textarea;
overflow: auto;
padding: 6px 0 5px 10px;
resize: both;
}

.style-editor-frame {
width:800px;
margin-left: -400px;
}

.style-editor {
width:80%;
font:normal 40px tahoma; 
padding:5px 10px; 
color:#333;
}

.editor-frame-mob{
width:100%;
position: relative;
height:120px;
top: 0;
left:0;
margin-left: -0;
z-index:1053;
}

.editor-frame-mob_styleText{
height:170px;
}

.editor-mob{
width:95%;
margin: 10px 0 2px 9px;
height:60px;
}


.altC{font-size:13px; margin-top:4px;}

.instagram-bk {
/*background: #eee;
border-bottom:1px dotted #eee;*/
}

.instagram-btn-select {
margin-top:15px;
font-size:11px;
padding:10px;
}

.page_bio {
    font:normal 11px verdana;
    line-height: 20px;
    padding:0 10px 0 15px;
    color:#666;
}

.instagram-editor {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: solid 1px #dedede;
/*color:lightblue;*/
color:#000;
line-height: 22px;
-moz-appearance: textfield-multiline;
-webkit-appearance: textarea;
overflow: auto;
resize: both;
margin-top:5px;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}


.instagram-style-editor {
width:100%;
height: 74px;
padding:10px 0 10px 15px;
font:normal 21px "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", sans-serif;
color:#333;
}

.text-style-editor {
height: 74px;
font-size:21px;
border:2px solid #6372B3;
background:#E9EDFC;
color:#4F5A8A;
padding-top:16px;
}


.socbtn{font:normal 13px helvetica; padding:6px 12px; margin-right:5px;}

.clabel {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  padding: 1px 8px;
  font-size: 11px;
  color: #bbb;
  cursor: pointer;  
  border: 1px solid #f2f2f2;
  border-radius:0 4px 0 0;
  -moz-border-radius:0 4px 0 0;
  -webkit-border-radius:0 4px 0 0;
}

.en_label {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  padding: 3px 5px;
  font: normal 9px tahoma;
  color: #ccc;
  border: 1px solid #e1e1e8;
  border-radius: 0 4px 0 4px;
}

.tooltip.bottom {
  top: 0;
  left: 50%;
  font-family: verdana;
  line-height: 1.5;
  font-size: 11px;
}

/* EMOJIS */

.emoji-title {
font: normal 22px helvetica;    
border-bottom: 1px solid #eee;
padding-bottom:10px;    
margin-bottom: 20px;
}

.emoji-title-mob {
font: normal 11px helvetica;    
border-bottom: 1px solid #eee;
padding-bottom:10px;    
margin-bottom: 10px;
}

.twitter-color{color:#000;}
.facebook-color{color:#fff; text-shadow:none;}
.android-color{color:#fff; text-shadow:none;}
.ios-color{color:#fff; text-shadow:none;}
.messenger-color{color:#fff; text-shadow:none;}
.samsung-color{color:#fff; text-shadow:none;}
.windows-color{color:#fff; text-shadow:none;}

.twitter-bk{background-color:#c0deed;}
.facebook-bk{background-color:#3e5c9a;}
.android-bk{background-color:#6AB344;}
.ios-bk{background-color:#666666;}
.messenger-bk{background-color:#0084FF;}
.samsung-bk{background-color:#034EA2;}
.windows-bk{background-color:#006CC2;}

.twitter-head{color:#46697A;}
.facebook-head{color:#3e5c9a;}
.android-head{color:#3e5c9a;}
.ios-head{color:#3e5c9a;}
.messenger-head{color:#3e5c9a;}
.samsung-head{color:#3e5c9a;}
.windows-head{color:#3e5c9a;}

#count{float:left; margin-left:5px; font:bold 15px helvetica;}
.okay{color:#444444;}
.warn{color:#990000;}

.jpanel{
padding:20px 8px 20px 20px; 
border:1px solid #ccc;
background-color:#fff;  
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin-bottom:10px;
}

/*.facebook span.A{width:23px;height:23px;display:inline-block;border:1px solid #fff;cursor:pointer;margin:5px 5px;}*/
/*.twitter span.A{width:23px;height:23px;display:inline-block;border:1px solid #fff;cursor:pointer;margin:5px 5px;}*/

.view-title {
text-transform: none;
font: normal 19px arial;
color:#000;
padding:0;
text-align: center;
}

.view-img {
/*border:1px solid #f7f7f7;
padding:10px;*/
margin-top:10px;
margin-bottom:20px;
}

.howto {
margin-top:30px;
padding:20px 30px;
color:#333;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:30px;
font-weight:700;
}

.step {
  color: #444;
  padding-bottom: 15px;
  font: bold 25px arial;
}

.subtitle {
  color: #999;
  padding: 5px 0;
  font: normal 13px verdana;
  color:#bbb;
}

.copy_sticker {
  font: bold 19px verdana;
}

.delimit{
 color:#000;    
 font:normal 48px "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", sans-serif; 
}

.bracket{
 color:#000;   
  font:normal 36px "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", sans-serif; 
}

.form_font{
 font: normal 17px Arial,sans-serif;
 margin:0 3px;
}


/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 20px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/* remove table border*/
/*.table th, .table td { 
     border-top: none !important; 
 }*/

 .headline-title{
    margin:0;
    padding:0;
    text-align: center;
    font:normal 24px helvetica;    
 }

.more-item-fav{
display:inline-block;
padding-right:5px;
color:#FFAB3F;
}

.more-item-png{
display:inline-block;
padding-right:5px;
color:#FB7979;
}

.more-item-twitter{
display:inline-block;
padding-right:5px;
color:#55ACEE;
}

.more-item-info{
display:inline-block;
padding-right:5px;
color:#ccc;
}


#symbol_info {
height:auto;    
color: #000;
text-shadow: 0 1px 1px #eee;
font: normal 140px "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", sans-serif;
text-align:center;
}

#emoticon_info{
height:auto;    
color: #000;
text-shadow: 0 1px 1px #eee;
font: normal 40px "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", sans-serif;
padding:20px 0;
text-align:center;    
}

.pic_label {
text-align: center;
font:normal 11px arial;
text-shadow:none;
color:#B3FFB4;
}

.symbol_pic {
text-align: center;
padding:20px 0;
background:#fff url(../jpg/checker.jpg);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
box-shadow: 0 0 8px rgba(0, 0, 0, .5);    
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

#notify_symbol {
font: normal 40px "Lucida Sans Unicode", "Lucida Grande", "Arial Unicode MS", sans-serif;
text-align:center;
}

.drop_color{
font:bold 27px tahoma; 
padding:30px 10px 30px 30px; 
background:#2F312F; 
opacity:0.95;
}

.lnote {
padding: 2px 0px;
color: #777;
font:normal 11px verdana;
}

.front_link {
font:normal 15px arial;
color:#6C7AB8; 
margin-right:10px;
letter-spacing: 1px;
}

.front_link:hover {
color:#fff; 
}


/*.front_btn {
padding: 2px 20px;
margin-left:5px;
border-color: #6C7AB8;
border-radius: 3px;
text-transform: uppercase;
font: bold 15px arial;
color: #4F5A8A;
background-color: #6C7AB8;
}*/

.front_btn {
padding: 0 6px;
font: bold 15px arial;
color: #6C7AB8;
}



/* extension sprite */
.frontpage_sprite { display:block;background: url(../jpg/frontpage_spritec4ca.jpg) no-repeat;}
.sprite_size {display:block;width: 220px;height: 165px;}
.sprite_emoji_name {background-position: 0 0;}
.sprite_facebook_emoji {background-position: -220px 0;}
.sprite_facebook_stickers {background-position: -440px 0;}
.sprite_facebook_symbols {background-position: -660px 0;}
.sprite_i2clipart {background-position: -880px 0;}
.sprite_online_keyboard {background-position: -1100px 0;}
.sprite_photo_effects {background-position: -1320px 0;}
.sprite_text_to_image {background-position: -1540px 0;}
.sprite_text_to_picture {background-position: -1760px 0;}
.sprite_twitter_emoji {background-position: -1980px 0;}
.sprite_twitter_emoticons {background-position: -2200px 0;}
.sprite_alphanumeric_letters {background-position: -2420px 0;}
.sprite_cool_letters {background-position: -2640px 0;}
.sprite_cool_text {background-position: -2860px 0;}
.sprite_draw {background-position: -3080px 0;}
.sprite_3dtext {background-position: -3300px 0;}
.sprite_gif {background-position: -3520px 0;}
.sprite_cartoon {background-position: -3685px 0;}

.advertise{text-align:center;}
.pull-xl{padding:40px 0 15px 0;}
.pull-lg{padding:30px 0 15px 0;}
.pull-md{padding:20px 0 15px 0;}
.pull-sm{padding:0px 0 15px 0;}

.sth2 {
color:#4F5A8A;
text-transform: capitalize;
padding:15px 0;
font-size:19px; 
font-weight:bold;
}

.sth3 {
font:normal 12px verdana;
text-transform:none;
text-align:left;
line-height:1.7;
}

.stv {
font-size:28px;
}

.stt{
font:normal 11px verdana;
text-align:left;
}

.symtab{
    cursor:pointer;
    background: #F7F7F7;
    border-radius:3px;
    box-shadow: none;
    padding: 0;
}

.sortable tr {
    cursor: pointer;
}

.bxshadow {
-moz-box-shadow:0 12px 24px -16px rgba(30,32,36,.1), 0 8px 16px -8px rgba(30,32,36,.3);
-webkit-box-shadow:0 12px 24px -16px rgba(30,32,36,.1), 0 8px 16px -8px rgba(30,32,36,.3);
box-shadow:0 12px 24px -16px rgba(30,32,36,.1), 0 8px 16px -8px rgba(30,32,36,.3);
border: 1px solid #ededed;    
}