body {
	margin-top: 50px;
	margin-bottom: 50px;
	background: none;
	background-color:#CECEF6 ;
}

/*.full {
  background: url(http://placehold.it/1920x1080) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

.sized{
		height:100px;
		width:400px;
}
.inputStyle{
		outline: none;
		border:1px solid black;
		border-radius:3px;
		height:50px;
		text-indent:3px;
		font-size:12pt;
		font-weight:bolder;
}
.btnStyle{
		outline:none;
		height:35px;
		width:36px;
		border-radius:3px;
		float:right;
		border:none;
		background-color:#EBF0F1;
}
.btnStyle:hover{
		background-color:#444444;
		color:white;
		-webkit-transition: all 165ms ease-in-out;
-moz-transition: all 165ms ease-in-out;
-ms-transition: all 165ms ease-in-out;
-o-transition: all 165ms ease-in-out;
transition: all 165ms ease-in-out;
}
.gray{
		background-color:#EBF0F1;
}
.cz-shorten-input{
		margin-top:20px;
		height:50px;
		font-size:20pt;
}
.cz-shorten-btn{
		margin-top:20px;
		height:50px;
}
.newsize{
		font-size:18pt;
		color:#4f4f4f;
}

@font-face {
    font-family: 'exoblack';
    src: url('font/exo-black-webfont.eot');
    src: url('font/exo-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/exo-black-webfont.woff') format('woff'),
         url('font/exo-black-webfont.ttf') format('truetype'),
         url('font/exo-black-webfont.svg#exoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
.font{
		font-size:5em;
		color:#575757;
		text-align:center;
		font-family:"exoblack";
}
.sized{
	height:100px;
	width:400px;
}
.colored{
		background-color:#f4f4f4;
		border-radius:5px;
}
.size{
		width:auto;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
}
i{
	margin-left:10px;
	margin-right:10px;
	cursor:pointer;
}
.fb:hover{
	color:#3b5998;
}
.twit:hover{
	color:#00aced;
}
.gplus:hover{
	color:#dd4b39;
}
.pin:hover{
	color:#cb2027;
}
.anim{
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
hr{
		border-top-color:#6b6b6b;
}

.shadow{
	-webkit-box-shadow: 0px 0px 2px 1px rgba(255,255,255,0.48);
-moz-box-shadow: 0px 0px 2px 1px rgba(255,255,255,0.48);
box-shadow: 0px 0px 2px 1px rgba(255,255,255,0.48);
}
      
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}
.rounded{
		border-radius:5px;
		margin-top:10px;
}
.Url-field:hover{
		cursor:text;
}