/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');

body, html {margin:0; padding:0;}
body {margin-top:70px; font-family:'Montserrat', sans-serif;}

::-webkit-scrollbar {width:4px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.1); border-radius:10px;}
::-webkit-scrollbar-thumb {border-radius:10px; background:rgba(0,0,0,0.1);}

.btn, .btn:focus, .btn:active,
a, a:hover, a:focus, a:active,
button, button:hover, button:focus, button:active {outline:none !important;}
.btn {border-radius:100px; border:none; text-decoration:none; padding:6px 20px; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
.btn:hover, .btn:active, .btn:focus {border:none; text-decoration:none; opacity:0.9;}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {background:#609 !important; color:#FFF;}
.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {background:#F09 !important; color:#FFF;}
textarea, input, select {resize:none; border:1px solid #DDD;}
select {padding:6px 12px !important; height:42px !important;}
input:focus, textarea:focus, select:focus {box-shadow:none !important; outline:none !important; border:1px solid #CCC !important;}
.form-group label {font-size:15px; margin-bottom:8px; color:#222; font-weight:500;}
.form-control {padding:20px 14px; box-shadow:none; font-size:15px; border:1px solid #DDD; color:#111;}
textarea.form-control {padding:10px 14px; margin-top:4px;}
*/

::-webkit-scrollbar {width:4px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.1); border-radius:10px;}
::-webkit-scrollbar-thumb {border-radius:10px; background:rgba(0,0,0,0.1);}

/* Switchs */
.switch {position:relative; display:inline-block; vertical-align:top; width:50px; height:30px; cursor:pointer;}
.switch .desc {position:relative; display:inline-block; min-width:260px; margin:-4px 0 0 64px; font-size:14px; font-weight:600; color:#666;}
.switch .desc i {margin-left:4px; font-size:16px;}
.switch .desc .leye {float:left; font-size:11px; margin-top:2px; font-weight:300;}
/* Hide default HTML checkbox */
.switch input {display:none;}
/* The slider */
.slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; transition:0.4s;}
.slider:before {position:absolute; content:""; width:22px; height:22px; left:4px; bottom:4px; background-color:white; transition:0.4s;}
input:checked + .slider {background-color:#609;} input:focus + .slider {box-shadow:0 0 1px #2196F3;} input:checked + .slider:before {transform: translateX(20px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius:50%;}

/* Tooltips */
.tooltip {z-index:20;}

.float-left {float:left;}
.float-right {float:right;}

.my-public-url {float:left; width:100%; font-size:16px; color:#609; word-break:break-all;}

/* SM Colours Back */
.facebook-back {background:#3b5999 !important;}
.instagram-back {background:#e4405f !important;}
.twitter-back {background:#55acee !important;}
.linkedin-back {background:#0077B5 !important;}
.pinterest-back {background:#bd081c !important;}
.google-back {background:#dd4b39 !important;}
.youtube-back {background:#cd201f !important;}
.whastapp-back {background:#09b83e !important;}
.snapchat-back {background:#FFFC00; color:#222 !important}

/* SM Colours Text */
.facebook-text {color:#3b5999 !important;}
.instagram-text {color:#e4405f !important;}
.twitter-text {color:#55acee !important;}
.linkedin-text {color:#0077B5 !important;}
.pinterest-text {color:#bd081c !important;}
.google-text {color:#dd4b39 !important;}
.youtube-text {color:#cd201f !important;}
.whastapp-text {color:#09b83e !important;}
.snapchat-text {color:#FFFC00 !important;}


/* Modals */
.modal .close-top {display:inline-block; position:fixed; right:12px; top:12px; width:26px; height:26px; border-radius:50px; border:none; font-size:16px; color:#FFF; background:rgba(0,0,0,0.06); outline:none; z-index:10;}
.modal .modal-content {border-radius:12px; box-shadow:0 5px 20px rgba(0,0,0,0.3); border:none;}
.modal .closer {position:absolute; display:block; float:right; width:22px; height:22px; top:10px; right:14px; z-index:50; cursor:pointer;}
.modal .closer .linec {position:relative; display:inline-block; width:100%; height:1px; top:16px; background:#999; transform:rotate(45deg); border-radius:10px;}
.modal .closer .linec:last-child {top:15px; transform:rotate(135deg);}
.modal .modal-content .text {display:inline-block; font-size:16px; padding:10px; color:#333;}
.modal .modal-content .title {display:inline-block; font-size:16px; padding:0px 20px 3px 6px; font-weight:600; color:#FFF;}
.modal-header {padding:12px 0px 6px 12px; background-color:#609; border-radius:10px 10px 0 0;}
.modal-body {display:inline-block; width:100%; padding:20px;}
.modal-footer {padding:20px 26px;}
.modal-footer .butt-delete i {font-size:18px; color:#555}
.modal-size-small {width:340px;}
.modal-size-middle {width:500px;}


/* Popovers */
/*.popover {border:none; font-family:"Montserrat", sans-serif; z-index:1000; margin-top:6px !important;}
.dropdown-options {min-width:120px; max-width:120px;}
.dropdown-options a {float:right; width:100%; padding:8px 0; font-size:15px; border-bottom:1px solid #EEE; color:#777; text-decoration:none;}
.dropdown-options a:hover, .design-frame .dropdown-options a:active {color:#609;}
.dropdown-options a:last-child {margin-bottom:4px; border-bottom:1px solid #FFF;}
.dropdown-options a i {margin-right:6px;}*/


/* Navbar - Log */
/*.navbar {height:70px; border-bottom:none; box-shadow:0 1px 2px rgba(0,0,0,0.1); background:#FFF; font-family: 'Montserrat', sans-serif;}
.navbar-brand img {height:38px;}
.navbar .container-fluid {width:92%;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {height:66px; line-height:40px; color:#555;  outline:none;}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {background:transparent; color:#F09; outline:none;}
.navbar-default .navbar-nav>li>a:hover {opacity:0.9;}

.navbar-default .navbar-nav>li>a.call, .navbar-default .navbar-nav>li>a.call:active, .navbar-default .navbar-nav>li>a.call:focus {height:34px; margin-top:17px; line-height:inherit; padding:7px 18px; border-radius:100px; background:#F09; color:#FFF !important;}
.navbar-default .navbar-nav>li>a.notifications, .notifications-mov {width:34px; height:34px; text-align:center; border-radius:50%; background:#EEE; color:#999; margin: 17px 0px 15px 16px; padding:10px; font-size:15px;}
.navbar-default .navbar-nav>li>a.notifications:hover, .navbar-default .navbar-nav>li>a.notifications:active, .navbar-default .navbar-nav>li>a.notifications:focus,
.notifications-mov:hover, .notifications-mov:active, .notifications-mov:focus {color:#FFF; background:rgba(0,0,0,0.25);}
.navbar-default .navbar-nav>li>a img.pic-profile {position:relative; display:inline-block; width:34px; height:34px; top:-2px; border-radius:50%; overflow:hidden; box-sizing:content-box;}

.navbar .navbar-left-search {width:36%;}
.navbar .search-nav {width:100%; padding:17px 0 0 15px;}
.navbar .search-nav .form-control {border-radius:30px 0 0 30px; padding-left:16px; padding:6px 16px; font-size:14px; border:1px solid #EEE;}
.navbar .search-nav .form-control:focus {box-shadow:unset; border:1px solid #999;}
.navbar .search-nav .input-group-btn button {border-radius:0; border:1px solid #EEE; color:#888; padding:0 14px !important; height:34px; border-left:1px solid #FFF;}
.navbar .search-nav .input-group-btn button i {margin-right:4px;}
.navbar .search-nav .input-group-btn button.down-select {border-radius:0 30px 30px 0 !important; padding:0 8px !important;}
.navbar .search-nav .input-group-btn button.down-select:focus,
.navbar .search-nav .input-group-btn button.down-select:hover {border-radius:0 30px 30px 0 !important; padding:0 8px !important;}
.navbar .search-nav .input-group-btn button:hover,
.navbar .search-nav .input-group-btn button:active,
.navbar .search-nav .input-group-btn button:focus {background:#EEE; border:1px solid #EEE; color:#555; padding:0 14px !important; outline:none;}
.navbar .butt-search {display:inline-block; font-size:16px; padding-right:8px; padding-left:8px;}
.navbar .butt-search i {line-height:36px; color:#777;}


.search-pop {width:100%; padding:10px 6px;}
.search-pop .form-control {border-radius:30px 0 0 30px; padding-left:16px; border:none; font-size:20px; font-weight:200; box-shadow:none;}
.search-pop .form-control:focus {box-shadow:unset; border:none !important;}
.search-pop .input-group-btn a {border-radius:30px; border:none; font-size:14px; border-radius:20px 0 0 20px; color:#999; background:#FFF; height:34px;}
.search-pop .input-group-btn a i {font-size:18px;}
.search-pop .input-group-btn a.down-select {border-radius: 0 20px 20px 0 !important; border:none; border-left:1px solid #EEE;}
.search-pop .input-group-btn a.down-select:focus {border-radius: 0 20px 20px 0 !important; color:#609}
.search-pop .input-group-btn a.down-select i {font-size:15px; margin-left:4px;}
.search-pop .input-group-btn a:hover,
.search-pop .input-group-btn a:active,
.search-pop .input-group-btn a:focus {color:#555; outline:none;}
.search-pop .dropdown-options a {border-bottom:1px solid #EEE; margin-bottom:6px; padding-bottom:6px;  border-radius:0px;;}
.search-pop .dropdown-options a:last-child {border-bottom:none;}


.notifications-mov {display:none;}
.nmb-notif {position:absolute; background:#F09; border-radius:20px; font-size:9px; font-weight:800; padding:3px; min-width:16px; height:16px; color:#fff; line-height:11px; margin:-16px 0 0 8px;}
.notif {max-height:400px; overflow-x:hidden;}
.notif .block-nofi  {float:left; width:100%; min-width:260px;}
.notif .block-nofi a {float:left; width:100%; padding:8px 14px !important; border-bottom:1px solid #EEE;}
.notif .block-nofi a img {float:left; width:30px; border-radius:50%; margin-right:16px;}
.notif .block-nofi a .text-notif {float:left; width:180px; font-size:12px; color:#666; white-space:normal;}
.notif .block-nofi a .text-notif .data {float:left; width:100%; font-size:9px; color:#CCC; margin-top:4px; font-family:'He;vetica', sans-serif;}
.notif .block-nofi .not {float:left; width:100%; padding:8px 14px !important; text-align:center; font-size:11px; color:#999; font-style:italic;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:transparent; color:#F09;}
.dropdown-menu {border:none; border-top:1px solid #F7F7F7; box-shadow:0 6px 16px rgba(0,0,0,0.06); margin-top:4px !important;}
.dropdown-menu>li>a {padding:10px 20px; color:#777;}
.dropdown-menu>li>a i {margin-right:6px;}
.dropdown-menu>li>a:hover {background:transparent; color:#444;}


.navbar-default .navbar-nav .open .dropdown-menu>li>a {padding:10px 30px;}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {border:none; background:transparent; margin:10px 6px 0 0;}
.navbar-toggle .icon-bar {width:26px; height:1px; border-radius:20px; margin-top:7px;}
.navbar-toggle .icon-bar+.icon-bar {margin-top:7px; background:#333;}
.navbar-toggle .icon-bar, .navbar-default .navbar-toggle .icon-bar {background:#609;}
.nav .gear-acc {position:relative; background:#FFF;  margin-left:-8px; top:0px; padding:2px; border-radius:20px; color:#999;}
.nav .my-account-mov {background-image:none !important;}
.nav .over-my-acc-mov {display:none;}*/



/*.nav .my-acc {display:none;}
.nav .closer-nav {display:none;}
.nav>li:nth-child(1) {order:1}
.nav>li:nth-child(2) {order:2}
.nav>li:nth-child(3) {order:3}
.nav>li:nth-child(4) {order:4}
.nav>li:nth-child(5) {order:5}
.nav>li:nth-child(6) {order:6}
.nav>li:nth-child(7) {order:7}
*/


/* Select Formats OverAll */
.cont-select-sizes {position:relative; display:inline-block; width:100%; height:280px; padding:30px 5%; opacity:0; box-sizing:border-box; left:0; z-index:1000; overflow:hidden; background:#280048; background:linear-gradient(45deg, #280048 0%,#5C009F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#280048', endColorstr='#5C009F',GradientType=1 ); transition:all 0.5s;}
.compact > .cont-select-sizes {height:0px; padding:0px; margin:0px; opacity:1;}
.cont-select-sizes.showit {position:fixed; top: 63px; left: 0; z-index:1020; height:calc(100% - 63px); overflow-y: auto; padding:30px 5%; transition:all 0.5s;}
.cont-select-sizes.zipit {height:64px; padding:20px 5%; overflow: hidden; }
.cont-select-sizes .closer-nav {display:none; position:absolute; width:26px; height:26px; top:18px; right:18px; z-index:50; cursor:pointer;}
.cont-select-sizes.showit .closer-nav {display:block;}
.cont-select-sizes.zipit .closer-nav {display:none;}
.cont-select-sizes .closer-nav .linec {position:relative; display:inline-block; width:100%; height:2px; top:0px; background:#FFF; transform:rotate(45deg); border-radius:10px;}
.cont-select-sizes .closer-nav .linec:last-child {top:-20px; transform:rotate(135deg);}
.cont-select-sizes .custom-size {position:absolute; display:none; padding:6px 20px; border-radius:50px; top:22px; right:71px; color:#FFF; font-size:12px; cursor:pointer; background:rgba(0,0,0,0.4); opacity:0.8;}
.cont-select-sizes .custom-size:hover {opacity:0.9;}
.cont-select-sizes.showit .custom-size {display:block;}
.cont-select-sizes.zipit .custom-size {display:none;}

.cont-select-sizes .pre-block-container{
	position:relative;
	display:flex;
	flex-direction: row;
	overflow-x: auto;
	width:100%;
	margin:12px 16px;
	flex-wrap: nowrap;
	overflow-y: hidden;
}
.cont-select-sizes .pre-block {position:relative; display:inline-block; min-width: 110px; widows: 11px;0px; margin:12px 16px; transition:all 0.5s; cursor:pointer; opacity:0.85;}
.cont-select-sizes .pre-block:hover {opacity:1;}
.cont-select-sizes .pre-block.last-to-show {display:none;}
.cont-select-sizes.showit .pre-block.last-to-show {display:inline-block;}
.cont-select-sizes.showit ._button-show-more-formats {display:none;}
.cont-select-sizes .pre-block .block {position:relative; display:inline-block; width:100%; margin-bottom:45px;}
.cont-select-sizes .pre-block .block:after {content:""; display:block; padding-bottom:100%;}
.cont-select-sizes .pre-block .block .in {position:absolute; width:100%; height:100%; text-align:center; vertical-align:bottom;}
.cont-select-sizes .pre-block .block .in .conter {position:relative; display:flex; width:100%; height:100%; transition:all 0.5s;}
.cont-select-sizes .pre-block .block .in .conter .format {position:absolute; left:50%; bottom:0; transform: translate(-50%,0%); background:#EEE; border-radius:6px; box-shadow:0 5px 14px rgba(0,0,0,0.3);}
.cont-select-sizes .pre-block .block .in .conter .format .svg-inline--fa {position:absolute; font-size:14px; width:26px; height:26px; line-height:26px; text-align:center; border-radius:50%; color:#FFF; top:50%; left:50%; transform:translate(-50%,-50%);}
.cont-select-sizes .pre-block .block .text {position:relative; display:inline-block; width:120%; left:-10%; height:70px; margin-top:10px; color:#FFF; text-shadow:0 1px 1px rgba(0,0,0,0.2)}
.cont-select-sizes .pre-block .block .text span.name {position:absolute; width:100%; font-size:11px; line-height:15px; top:0; left:50%; transform:translate(-50%,0%);}
.cont-select-sizes .pre-block .block .text span.dime {display:inline-block; margin-top:4px; font-size:11px; opacity:0;}
.cont-select-sizes .pre-block:hover span.dime {opacity:0.6 !important;}
.cont-select-sizes .pre-block .block .view-more {position:relative; display:flex; width:80%; height:80%; border-radius:4px; margin:auto auto 2px auto; box-shadow:0 3px 14px rgba(0,0,0,0.2); border:2px dashed #EEE;}
.cont-select-sizes .pre-block .block .view-more .linec {position:absolute; width:2px; height:40%; background:#FFF; top:50%; left:50%; transform:translate(-50%,-50%);}
.cont-select-sizes .pre-block .block .view-more .linec:last-child {width:40%; height:2px;}
.cont-select-sizes .divider {position:relative; display:inline-block; width:100%; height:1px;}
.cont-select-sizes .title-top {position:relative; display:inline-block; color:#FFF; font-size:16px; font-weight:300; margin-bottom:8px; cursor:pointer;}
.cont-select-sizes .title-top:hover {opacity:0.9;}
.cont-select-sizes .title-top i {position:relative; top:1px; font-size:22px; margin-left:4px;}
.cont-select-sizes.zipit .title-top i.fa-angle-up {transform:rotate(180deg); top:4px;}
.cont-select-sizes .rrss-title {position:relative; display:inline-block; width:100%; color:#FFF; font-size:14px; font-weight:500; margin-bottom:16px;}
.cont-select-sizes .rrss-title i {float:left; position:relative; top:-6px; font-size:17px; width:30px; height:30px; margin-right:10px; text-align:center; padding:5px 0px; border-radius:50%; border:1px solid #FFF;}



.container-secction {width:90%; margin:40px auto;}
.short-secction {height:100px !important; overflow:hidden;}
.container-secction .headerin {position:relative; display:inline-block; width:100%; margin:12px 0 20px 0; padding-bottom:14px; border-bottom:1px solid #EEE;}
.container-secction .headerin .tit {float:left; width:100%; font-size:24px; margin-bottom:4px; color:#333; font-weight:100; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.container-secction .headerin .sub {float:left; font-size:13px; margin:0 20px 4px 2px; color:#999;}
.container-secction .headerin .sub i {margin-right:4px;}
.container-secction .headerin .sub-butt {float:left; font-size:11px; margin:-2px 20px 4px -4px; padding:4px 10px; background:#CCC; color:#FFF; border-radius:30px;}
.container-secction .headerin .sub-butt:hover, .container-secction .headerin .sub-butt:focus {background:#609; text-decoration:none;}
.container-secction .headerin .butt-menu-mov {display:none; position:absolute; width:34px; height:34px; padding:10px; font-size:14px; top:-6px; right:-3px; color:#888; background:#FFF; border-radius:30px; border:1px dashed #888;}


.build-columns-full {width:100%; column-gap:26px;}
.columns-designs {column-count:4;}
.columns-people {column-count:6;}


.lateral-dash {float:right; width:74%; margin-left:18px;}
.lateral-dash .build-columns {/*column-width:315px;*/ width:100%; vertical-align:top; column-count:3; column-gap:26px; margin:30px 0; }

.lateral-menu {float:left; width:23%; overflow:hidden; background:#FFF; box-shadow:0 2px 8px rgba(0,0,0,0.16); margin:0 2px 26px; border-radius:6px; transition:all 0.5s;}
.lateral-menu .closer {position:relative; display:block; float:right; width:22px; height:22px; top:10px; right:14px; z-index:50; cursor:pointer;}
.lateral-menu .closer .linec {position:relative; display:inline-block; width:100%; height:1px; top:16px; background:#999; transform:rotate(45deg); border-radius:10px;}
.lateral-menu .closer .linec:last-child {top:15px; transform:rotate(135deg);}
.lateral-menu .view-all-designs {position:relative; display:inline-block; width:100%; text-align:center; padding:24px 16px 22px 16px; margin-bottom:10px; border-bottom:1px solid #EEE;}
.lateral-menu .view-all-designs a {width:98%; font-size:16px; border-radius:30px; border:none; padding:10px 0 8px 0; background:#609; color:#FFF;}
.lateral-menu .view-all-designs a:hover, .lateral-menu .view-all-designs a:active {background:#609; color:#FFF; opacity:0.9;}
.lateral-menu .folders-list {position:relative; display:inline-block; width:100%; padding:20px 28px;}
.lateral-menu .folders-list .create-folder {position:absolute; height:30px; text-align:center; top:16px; right:16px; background:#DDD; padding:6px 10px; border-radius:20px; color:#609; font-size:14px;}
.lateral-menu .folders-list .create-folder:hover, .lateral-menu .folders-list .create-folder:focus {text-decoration:none; background:#609; color:#FFF; text-decoration:none;}
.lateral-menu .folders-list .tit {display:inline-block; width:100%; font-size:18px; color:#609; font-weight:600;}
.lateral-menu .folders-list .my-folders-list {padding:0px; margin:0px;}
.lateral-menu .folders-list .my-folders-list li {list-style:none;}
.lateral-menu .folders-list .my-folders-list li:first-child {margin-top:16px;}
.lateral-menu .folders-list .my-folders-list li:last-child {margin-bottom:10px;}
.lateral-menu .folders-list .my-folders-list li a {position:relative; display:inline-block; margin-bottom:2px; color:#333; font-size:14px; padding:4px 12px; margin-left:-10px; text-decoration:none; border-radius:30px; cursor:pointer;}
.lateral-menu .folders-list .my-folders-list li a:hover {box-shadow:0 1px 3px rgba(0,0,0,0.2)}
.lateral-menu .folders-list .my-folders-list li a i {color:#609; margin-right:4px;}

.lateral-menu .categories-list {position:relative; display:inline-block; width:100%; padding:20px 28px;}
.lateral-menu .categories-list .tit {display:inline-block; width:100%; margin:10px 0 16px 0; font-size:18px; color:#609; font-weight:600;}
.lateral-menu .categories-list ul {padding:0px; margin:0 0 20px 0;}
.lateral-menu .categories-list ul li {list-style:none; border-radius:30px;}
.lateral-menu .categories-list ul li:last-child {margin-bottom:10px;}
.lateral-menu .categories-list ul li a {position:relative; display:inline-block; color:#333; font-size:14px; padding:2px 12px; margin-left:-10px; margin-bottom:3px; text-decoration:none; border-radius:30px; cursor:pointer;}
.lateral-menu .categories-list ul li a:hover {background-color:#EEE; color:#333;}
.lateral-menu .categories-list ul.listy li {border-bottom: 1px solid #EEE; border-radius:0px; padding:8px 0 4px 0;}
.lateral-menu .categories-list ul.listy li a {font-size:14px; line-height:17px;}
.lateral-menu .categories-list ul.listy li a:hover {background:none; color:#609; text-decoration:none;}
.lateral-menu .categories-list ul.listy li a span {display:flex; flex-direction:column; font-size:10px; color:#999; margin-top:2px;}
.lateral-menu .categories-list li[aria-expanded="true"] a{background-color:#609; color:#FFF; text-decoration:none !important;}


/* Design Card */
.design-frame {display:inline-block; vertical-align:top; width:100%; background:#FFF; box-shadow:0 1px 8px rgba(0,0,0,0.2); margin:0 2px 26px; border-radius:10px;}
.design-frame:hover {box-shadow:0 2px 12px rgba(0,0,0,0.3);}
.design-frame:hover .hover-options .o-butts {opacity:0.6;}
.design-frame .hover-options {float:left; width:100%; height:50px; margin-bottom:-50px; padding:20px 16px; text-align:right;}
.design-frame .hover-options .o-butts {position:relative; display:inline-block; vertical-align:top; width:42px; height:42px; text-align:center;  border-radius:50%; background:rgba(0,0,0,0.6); color:#FFF; opacity:0; cursor:pointer; transition:all 0.5s;}
.design-frame .hover-options .o-butts:hover {opacity:0.9}
.design-frame .hover-options .o-butts:focus {outline:none;}
.design-frame .hover-options .o-butts.option {padding-top:5px; font-size:34px;}
.design-frame .hover-options .o-butts.edit {padding-top:11px; font-size:20px;}
.design-frame .hover-options .o-butts.favorite {padding-top:11px; font-size:22px;}
.design-frame .hover-options .o-butts.favorite:active {background:#FFF; color:#F06;}
.design-frame img {float:left; width:100%; height:auto; min-height:100px; border-radius:10px 10px 0 0; border-bottom:1px solid #F5F5F5;}
.design-frame .name {float:left; width:100%; padding:14px 20px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#111;}
.design-frame .data {float:left; width:100%; padding:0px 12px; margin-bottom:12px; box-sizing:border-box;}
.design-frame .data .engaged {float:left; width:100%; padding:8px 0 8px 0; text-align:center; border-top:1px dashed #DDD;}
.design-frame .data .engaged .eng {position:relative; display:inline-block; padding:4px 10px; width:26%; border-right:1px dashed #DDD; vertical-align:middle; color:#888; font-weight:300; font-size:13px; opacity:0.9; cursor:pointer;}
.design-frame .data .engaged .eng.last {border-right:none;}
.design-frame .data .engaged .eng:hover {opacity:1;}
.design-frame .data .engaged .eng i {font-size:14px; color:#999; margin-right:6px;}
.design-frame .data .owner-sign {float:left; width:100%; padding:10px 8px 0px 8px; line-height:15px; border-top:1px dashed #DDD; color:#666; cursor:pointer;}
.design-frame .data .owner-sign:hover {color:#609;}
.design-frame .data .owner-sign img {display:inline-block; position:relative; width:14px; height:14px; min-height:0px; border-radius:50px; margin-right:6px;}
.design-frame .data .owner-sign span {position:relative; display:inline-block; font-size:9px;}
/* Clear Card */
.clean-card .design-frame .hover-options,
.clean-card .design-frame .data {display:none;}



/* People Card */
.people-frame {display:inline-block; vertical-align:top; width:100%; margin:2px 0 26px 0; text-decoration:none; text-align:center; padding:24px; border-radius:10px; box-shadow:0 1px 5px rgba(0,0,0,0.15);}
.people-frame:hover {box-shadow:0 2px 3px rgba(0,0,0,0.3); opacity:0.95;}
.people-frame a {text-decoration:none;}
.people-frame img {width:50%; border-radius:50%; margin-bottom:10px;}
.people-frame .name {display:flex; width:100%; text-align:center; font-weight:600; height:40px; text-decoration:none;}
.people-frame .name span {display:flex; flex-direction:column; width:100%; margin:auto; font-size:14px; line-height:16px; color:#222;}
.people-frame .about {display:flex; text-align:left; font-size:11px; color:#222; font-weight:400; margin-bottom:13px; border-bottom:1px solid #EEE; padding-bottom:12px;}
.people-frame .data {width:100%; text-align:center;}
.people-frame .data .designs {display:inline-block; width:100%; font-size:11px; margin:0 0 8px 0; color:#444;}
.people-frame .data .follow {position:relative; display:inline-block; padding:3px 24px 4px 24px; border-radius:20px; font-size:13px; text-decoration:none; border:none; cursor:pointer;}
.people-frame .data .follow:hover {opacity:0.9;}
.people-frame .data .follow.following {background:#EEE; color:#555;}
.people-frame .data .follow.nofollowing {background:#609; color:#FFF;}



/* Design Detail */
.cont-detail-design.detail-template {padding:20px; border-radius:8px; margin:0 0 30px 0; box-shadow:0 2px 10px rgba(0,0,0,0.12);}
.cont-detail-design {position:relative; display:inline-block; width:100%;}
.cont-detail-design .side-left {position:relative; display:inline-block; width:46%; padding:1%; vertical-align:top;}
.cont-detail-design .side-left .format { width:100%; color:#999; font-size:11px; margin:6px 0 20px 0; padding:0 4px; opacity:0.8;}
.cont-detail-design .side-left img { width:100%; border-radius:8px;}
.cont-detail-design .side-right {position:relative; display:inline-block; width:53%; padding:1% 1% 1% 2%; vertical-align:top;}
.cont-detail-design .side-right .options {float:left; width:100%; text-align:right; margin-bottom:6px;}
.cont-detail-design .side-right .options .butt {position:relative; display:inline-block; vertical-align:top; width:40px; height:40px; padding:6px; margin:0 1px; background:#EEE; text-align:center; font-size:24px; color:#666; border-radius:50px; cursor:pointer;}
.cont-detail-design .side-right .options .butt.favorite {font-size:20px; padding-top:11px;}
.cont-detail-design .side-right .options .butt.favorite:active {background:#FFF; color:#F09; box-shadow:0 1px 4px rgba(0,0,0,0.1);}
.cont-detail-design .side-right .options .butt.option {font-size:28px;}
.cont-detail-design .side-right .folder-design {float:left; width:100%;}
.cont-detail-design .side-right .folder-design a {font-size:14px; color:#777;}
.cont-detail-design .side-right .folder-design i {margin-right:6px;}
.cont-detail-design .side-right .title-design {float:left; font-size:26px;  width: 100%; line-height:28px; color:#333; font-weight:800; margin:20px 0 6px 0;}
.cont-detail-design .side-right .tags-design {float:left; font-size:11px; color:#888; margin:20px 0;}
.cont-detail-design .side-right .owner-design {float:left; flex-direction:row; width:100%; margin:50px 0 0 0; padding:20px 0; border-top:1px solid #EEE; border-bottom:1px solid #EEE; text-decoration:none;}
.cont-detail-design .side-right .owner-design .edited {position:absolute; margin:-27px 0 0 0; padding-right:6px; background:#FFF; color:#888; font-size:9px;}
.cont-detail-design .side-right .owner-design .user { cursor: pointer; display:inline-block; max-width:50%; margin-right:4px; text-decoration:none;}
.cont-detail-design .side-right .owner-design .user:hover {opacity:0.9;}
.cont-detail-design .side-right .owner-design .user .pic {float:left; width:40px; height:40px; border-radius:50px; margin-right:10px;}
.cont-detail-design .side-right .owner-design .user .data {display:flex; flex-direction:column;}
.cont-detail-design .side-right .owner-design .user .data .name {display:flex;font-size:12px; color:#333; font-weight:800; margin:4px 0; line-height:13px;}
.cont-detail-design .side-right .owner-design .user .data .designs {display:flex; font-size:11px; color:#999}
.cont-detail-design .side-right .owner-design .stats {display:inline-block; float:right; margin-top:-4px; cursor:pointer;}
.cont-detail-design .side-right .owner-design .stats .sts {display:inline-block; flex-direction:column; padding:6px 10px; text-align:center; border-right:1px solid #EEE;}
.cont-detail-design .side-right .owner-design .stats .sts:last-child {border-right:none;}
.cont-detail-design .side-right .owner-design .stats .sts:hover {opacity:0.9;}
.cont-detail-design .side-right .owner-design .stats .number {width:100%; color:#777; font-size:13px; font-weight:300;}
.cont-detail-design .side-right .owner-design .stats .number i {font-size:14px; margin-right:6px;}
.cont-detail-design .side-right .owner-design .stats span {display:inline-block; font-size:9px; margin-top:2px; color:#888;}
.cont-detail-design .side-right .cont-call {float:left; width:100%; text-align:center; margin:30px 0 20px 0;}
.cont-detail-design .side-right .cont-call .butt-edit-design {font-size:22px; font-weight:600; color:#FFF; background:#0D6; padding:8px 26px; border-radius:30px;}
.cont-detail-design .side-right .cont-call .butt-edit-design:hover {opacity:0.9;}

.cont-detail-design .side-left .image-wrap {
	position: relative;
}

.cont-detail-design .side-left .image-wrap-over {
	border-radius: 8px;
	background-color: rgba(0,0,0,.03);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.cont-detail-design .cont-call-over-mov  {display:none; position:sticky; width:110%; text-align:center; margin-left:-18px; margin-bottom:-18px; left:0px; bottom:0px; background:#FFF; padding:24px 0; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.cont-detail-design .cont-call-over-mov .butt-edit-design {font-size:22px; font-weight:600; color:#FFF; background:#0D6; padding:8px 26px; border-radius:30px;}



.modal-engagement-design {width:360px;}
.cont-engagement-design {position:relative; display:inline-block; width:100%;}
.cont-engagement-design .owner-design {float:left; display:inline-flex; flex-direction:row; width:100%; padding:10px;}
.cont-engagement-design .owner-design .user {display:flex; width:100%; margin-right:4px; text-decoration:none;}
.cont-engagement-design .owner-design .user:hover {opacity:0.9; text-decoration:none;}
.cont-engagement-design .owner-design .user .pic {float:left; width:40px; height:40px; border-radius:50px; margin-right:10px;}
.cont-engagement-design .owner-design .user .data {display:flex; flex-direction:column;}
.cont-engagement-design .owner-design .user .data .name {display:flex;font-size:15px; color:#333; font-weight:800; margin:4px 0; line-height:13px;}
.cont-engagement-design .owner-design .user .data .designs {display:flex; font-size:12px; color:#999}
.cont-engagement-design .engaged {float:left; width:100%; padding:2px; margin:12px 0 18px 0; text-align:center; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,0.15);}
.cont-engagement-design .eng {position:relative; display:inline-block; padding:6px 10px; width:26%; border-right:1px solid #EEE; vertical-align:middle; color:#555; font-weight:500; font-size:13px; opacity:0.9; cursor:pointer;}
.cont-engagement-design .eng:first-child {border-radius:6px 0 0 6px;}
.cont-engagement-design .eng:last-child {border-radius: 0 6px 6px 0;}
.cont-engagement-design .eng.active {color:#F09;}
.cont-engagement-design .eng.last {border-right:none;}
.cont-engagement-design .eng:hover {opacity:1;}
.cont-engagement-design .eng i {font-size:14px; margin-right:4px;}
.cont-engagement-design .eng span {display:inline-block; width:100%; font-size:9px; font-weight:500; margin-top:1px; color:#999;}
.cont-engagement-design .eng.one-line {position:relative; display:inline-block; width:auto; padding:6px 18px;}
.cont-engagement-design .eng.one-line span {font-size:11px; width:auto; font-weight:500; color:#555;}
.cont-engagement-design .usering {float:left; width:100%; padding:14px 4px; border-bottom:1px solid #EEE;}
.cont-engagement-design .usering:last-child {border-bottom:1px solid #FFF;}
.cont-engagement-design .usering .user {float:left; margin-right:4px;}
.cont-engagement-design .usering .user .pic {float:left; width:28px; height:28px; border-radius:50px; margin-right:10px;}
.cont-engagement-design .usering .user .data {display:flex; flex-direction:column;}
.cont-engagement-design .usering .user .data .name {display:flex; font-size:11px; color:#333; font-weight:600; margin:0 0 2px 0; line-height:13px;}
.cont-engagement-design .usering .user .data .designs {display:flex; font-size:11px; color:#999}
.cont-engagement-design .usering .follow {float:right; width:110px; margin-top:2px; padding:4px 12px; border-radius:20px; font-size:12px; text-decoration:none; border:none;}
.cont-engagement-design .usering .follow:hover {opacity:0.9;}
.cont-engagement-design .usering .follow.following {background:#EEE; color:#555;}
.cont-engagement-design .usering .follow.nofollowing {background:#609; color:#FFF;}



/* Template */
.header-templates {display:flex; width:100%; height:200px; background:#ff0099; background-image:url('../svg/back_header_templates.svg'), linear-gradient(45deg, #ff0099 0%,#660099 100%); background:filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0099', endColorstr='#660099',GradientType=1 ); background-size:cover; box-shadow: inset 0 0 50px rgba(0,0,0,0.3);}
.header-templates .searcher {display:flex; width:46%; margin:auto; padding:10px 16px; background:#FFF; border-radius:8px; box-shadow:0 4px 20px rgba(0,0,0,0.3);}
.header-templates .searcher input {width:100%; border:none !important; height:auto; padding:4px 10px; font-size:24px; color:#609;}
.header-templates .searcher input:focus,
.header-templates .searcher input:active {border:none !important;}
.header-templates .searcher input:placeholder {color:#DDD;}
.header-templates .searcher a {box-shadow:none; font-size:24px; color:#999; padding:0 10px; margin-top:-2px; background:#FFF !important;}




/* User Profile */
.cont-user-profile {position:relative; display:inline-block; width:100%; margin:20px 0 60px 0; text-align:center;}
.cont-user-profile .box-user {position:relative; display:inline-block; text-align:center;}
.cont-user-profile .box-user .pic-user {position:relative; display:table-cell; width:160px; vertical-align:middle;}
.cont-user-profile .box-user .pic-user img {width:100%; border-radius:50%;}
.cont-user-profile .box-user .data-user {position:relative; display:table-cell; vertical-align:middle; height:160px; text-align:left; width:500px; left:40px;}
.cont-user-profile .box-user .data-user .name-user {position:relative; display:inline-block; width:100%; font-size:26px; font-weight:700; color:#333; margin-bottom:8px;}
.cont-user-profile .box-user .data-user .name-user .gear {position:relative; display:inline-block; flex-direction:column; font-size:24px; color:#777; vertical-align:middle; margin:-2px 0 0 10px; transition:all 0.3s;}
.cont-user-profile .box-user .data-user .name-user .gear:hover {color:#609; transform:rotate(-45deg);}
.cont-user-profile .box-user .data-user .name-user .follow {position:relative; display:inline-block; flex-direction:column; font-size:11px; background:#CCC; border:none; border-radius:20px; padding:5px 14px; color:#FFF; vertical-align:middle; margin:-2px 0 0 10px;}
.cont-user-profile .box-user .data-user .name-user .follow:hover {opacity:0.9;}
.cont-user-profile .box-user .data-user .name-user .follow.following {background:#EEE; color:#555;}
.cont-user-profile .box-user .data-user .name-user .follow.nofollowing {background:#F09; color:#FFF;}
.cont-user-profile .box-user .data-user .more-data {position:relative; display:inline-block; width:100%;}
.cont-user-profile .box-user .data-user .more-data .about-user {position:relative; display:inline-block; width:100%; font-size:13px; color:#777; max-width:450px; margin-bottom:16px;}
.cont-user-profile .box-user .data-user .more-data a.web-user {position:relative; display:inline-block; font-size:12px; color:#609; margin-bottom:20px; word-break:break-all; cursor:pointer;}
.cont-user-profile .box-user .data-user .more-data a.web-user i {position:relative; display:inline-block; margin-right:4px;}
.cont-user-profile .box-user .data-user .more-data a.web-user span {position:relative; display:inline-block;}
.cont-user-profile .box-user .data-user .more-data a.web-user:hover {color:#F09;}
.cont-user-profile .box-user .data-user .followers-user {position:relative; display:inline-block; cursor:pointer;}
.cont-user-profile .box-user .data-user .followers-user .foll {position:relative; display:inline-block; text-align:left; padding:2px 20px 2px 0; margin-right:20px; border-right:1px solid #CCC; vertical-align:middle; color:#333; font-weight:400; font-size:14px; opacity:0.9;}
.cont-user-profile .box-user .data-user .followers-user .foll.last {border-right:none;}
.cont-user-profile .box-user .data-user .followers-user .foll:hover {opacity:1;}



.navpill-center {text-align:center; padding:30px 0 50px 0; border-top:1px dashed #DDD;}
.navpill-center .tit {display:inline-block; width:100%; margin-bottom:20px; font-size:14px; color:#444;}
.navpill-center li {display:inline-block; float:unset;}
.navpill-center li a {border-radius:50px; background:#FFF; border:1px solid #609; color:#609; font-size:16px; font-weight:600; padding:8px 20px;  margin:0 4px; text-decoration:none;}
.navpill-center li.active a,
.navpill-center li.active a:focus,
.navpill-center li.active a:hover {background:#609; color:#FFF;}








/* /// --- Media Screen --- /// */

/* TOO LARGE */
@media screen and (min-width:1441px) {
    .cont-select-sizes {height:290px; opacity:1;}
    .cont-select-sizes .pre-block {width:9.5%; margin:1.3%;}
    /*.nav>li>a {padding-left:22px; padding-right:22px;}*/
    .navbar .navbar-left-search {display:inline-block;}

    .lateral-dash .build-columns {column-gap:26px;}
}





/* LARGE DESKTOP */
@media screen and (max-width:1440px) {
    .cont-select-sizes {height:280px; opacity:1;}
    .cont-select-sizes .pre-block {width:10%; margin:1%;}
    /*.nav>li>a {padding-left:22px; padding-right:22px;}*/

    .navbar .navbar-left-search {display:inline-block;}
}





/* DESKTOP */
@media only screen and (max-width:1024px) {
    .cont-select-sizes {height:240px; opacity:1;}
    .cont-select-sizes .pre-block .block .text span.name {font-size:9px;}

    .lateral-dash .build-columns {float:left; width:100%; margin:0px; column-count:4; column-gap:16px;}
    .columns-people {column-count:3;}
    .design-frame {margin-bottom:10px;}
    .lateral-menu, .lateral-dash {width:100%; height:0px;}
    .container-secction .headerin .butt-menu-mov {display:block;}

    .lateral-menu.showit {height:auto; margin:10px 0 50px 0;}

    .navbar .navbar-left-search {display:none;}


    /* Templates */
    .header-templates {height:140px;}
    .header-templates .searcher {width:50%;}
}





/* PHONES - TABLETS */
@media only screen and (max-width:768px) {

  /* Navbar Mobile - (swipeable) */
  #slide-navbar-collapse {position:fixed; top:0; right:15px; z-index:99; width:280px; height:100%; max-height:100% !important; padding:0px; background-color:#FFF; border:0px; overflow-x:hidden; box-shadow: 0 -2px 20px rgba(0,0,0,0.3);}
  .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {margin:10px 0 0 0;}
  .cont-nav {float:left; width:280px; height:100%; background:#FFF; box-sizing:border-box; z-index:60;}
  .nav>li>a {padding:12px 30px; font-size:16px; line-height:32px;}
  .navbar-default .navbar-nav>li>a img.pic-profile {width:40px; height:40px;}
  .navbar-default .closer-nav {position:relative; display:block; float:right; width:26px; height:26px; top:18px; right:18px; z-index:50;}
  /*.navbar-default .closer-nav .linec {position:relative; display:inline-block; width:100%; height:1px; top:16px; background:#EEE; transform:rotate(45deg); border-radius:10px;}*/
  /*.navbar-default .closer-nav .linec:last-child {top:15px; transform:rotate(135deg);}*/
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {height:60px;}
  .navbar-default .navbar-nav>li>a.call, .navbar-default .navbar-nav>li>a.call:active, .navbar-default .navbar-nav>li>a.call:focus {position:relative; display:inline-block; margin-left:26px; width:auto; height:36px; margin-top:12px; margin-bottom:12px;}
  .nav .my-acc {display:inline-block; margin-left: 10px;}
  .nav .gear-acc {background:none; margin-left:4px; color:#FFF; top:-1px; font-size:13px;}
  .my-account-mov.open .dropdown-menu {position:sticky;}
  .nav .my-account-mov {padding-top:70px; padding-bottom:10px; margin-top:-30px; background-color:#280048;}
  .nav .over-my-acc-mov {display:block; position:absolute; width:100%; height:100%; top:0; background-size:cover; background-position: top center; opacity:0.15;}
  .nav .my-account-mov a {color:#FFF !important;}


  .swiped-right {position:fixed; right:0; top:0; height:100%; width:34px; z-index:50;}
  .menu-overlay {position:fixed; display:none; width:100%; height:100%; top:0; left:0; background-color:#000; bottom:0; left:0; opacity:0.5; z-index:60;}

  .notif {max-height:none; overflow-x:auto; padding:0px;}
  .notifications-mov {float:right; margin-right:10px; display:inline-block;}
  .notifications-mov:focus, .notifications-mov:active {outline:none;}


  .nav {display:flex; flex-direction:column; margin:20px 0; padding:0px; width:100%;}
  .nav>li {flex:1; border-bottom:1px solid #EEE;}
  .nav>li:last-child {flex:1;}

  .nav>li:nth-child(1) {order:7}
  .nav>li:nth-child(2) {order:3}
  .nav>li:nth-child(3) {order:4}
  .nav>li:nth-child(4) {order:5}
  .nav>li:nth-child(5) {order:6}
  .nav>li:nth-child(6) {display:none;}
  .nav>li:nth-child(7) {order:1}

  .navbar .butt-search {padding:12px 34px;}
  .navbar .butt-search i {font-size:16px; margin-left:4px;}


  .navbar .navbar-left-search {display:inline-block; width:94%; margin:0px;}
  .navbar .search-nav {border:0px; padding:0 4px 0 25px;}


  /* Modals */
  .modal.modal-full-mov {margin:0px !important; padding:0px !important; width:100%;}
  .modal.modal-full-mov .modal-dialog {margin:0px !important; padding:0px !important; width:auto;}
  .modal.modal-full-mov .modal-content {min-height:100%; border-radius:0px;}
  .modal .close-top {position:sticky; display:flex; float:right; right:12px; top:12px;  margin-bottom:-28px; width:28px; height:28px; border-radius:50px; border:none; font-size:20px; color:#FFF; background:rgba(0,0,0,0.2); outline:none; z-index:10;}
  .modal .tit-small {position:relative; display:inline-block;  width:100%; margin-bottom:12px;}

  .cont-detail-design .side-left {width:100%; margin:0 0 30px 0; padding:0px;}
  .cont-detail-design .side-right {width:100%;}

  .modal-engagement-design {width:unset;}
  .modal-size-middle, .modal-size-small {width:unset;}

  .search-pop .input-group-btn a {height:32px;}
  .search-pop .input-group-btn a.down-select i {font-size:17px; margin-left:0px; padding-bottom:8px;}



  /* Select Formats */
  .cont-select-sizes {height:0px; padding:0px; transition:none !important; z-index:1100;}
  .cont-select-sizes.showit {position:absolute; top:0; height:100%; padding:70px 5% 5% 5%; opacity:1;}
  .cont-select-sizes .pre-block {position:relative; display:inline-block; width:26%; margin:3%;}
  .cont-select-sizes .pre-block .block .text span.name {font-size:9px; width:110%;}
  .cont-select-sizes .pre-block .block .text span.dime {font-size:8px; opacity:0.6;}
  .cont-select-sizes .closer-nav {position:fixed; width:34px; height:34px; top:16px; right:16px; padding:5px; border-radius:50%; background:rgba(0,0,0,0.6); opacity:0.6;}
  /*.cont-select-sizes .closer-nav .linec {top:12px;} .cont-select-sizes .closer-nav .linec:last-child {top:10px;}*/
  .cont-select-sizes .custom-size {padding:8px 24px; top:20px; right:unset; left:20px;}
  .cont-select-sizes .title-top {display:none;}

  .design-frame .hover-options .o-butts {opacity:0.6;}


  .container-secction .headerin {padding-bottom:10px;}
  .container-secction .headerin .tit {font-size:16px; width:90%;}
  .container-secction .headerin .sub {font-size:10px; margin:0 16px 4px 0;}
  .container-secction .headerin .sub-butt {margin:12px 0 0 -2px;}


  .build-columns-full {column-count:3;}
  .columns-designs {column-count:3;}
  .columns-people {column-count:4;}


  .lateral-dash {float:left; width:100%; margin-left:0px;}
  .lateral-menu {height:0px; margin:0px; border:none;}


  .cont-detail-design .side-left .format {margin:10px 0 20px 0; font-size:10px;}
  .cont-detail-design .side-right .options {margin-bottom:-28px;}
  .cont-detail-design .side-right .folder-design a {font-size:13px;}
  .cont-detail-design .side-right .owner-design {flex-direction: column; border-bottom:none;}
  .cont-detail-design .side-right .owner-design .user {width:100%; max-width:100%; text-decoration:none;}
  .cont-detail-design .side-right .owner-design .user:hover {opacity:0.9;}
  .cont-detail-design .side-right .owner-design .user .data .name {font-size:14px; margin:6px 0 4px 0;}
  .cont-detail-design .side-right .owner-design .user .data .designes {font-size:13px;}
  .cont-detail-design .side-right .owner-design .stats {display:inline-block; position:relative; width:100%; margin-top:18px; text-align:center; padding-top:18px; border-top:1px solid #EEE;}
  .cont-detail-design .side-right .owner-design .stats .number {font-size:15px;}
  .cont-detail-design .side-right .owner-design .stats .sts {display:inline-block; position:relative; width:30%;}
  .cont-detail-design .side-right .cont-call {display:none;}
  .cont-detail-design .cont-call-over-mov {display:inline-block; width:107%; margin-left:-4%; margin-bottom:-22px; border-radius:0 0 10px 10px;}



  /* Templates */
  .header-templates {height:120px; padding:4px;}
  .header-templates .searcher {width:70%;}


  /* User Profile */
  .cont-user-profile {margin:20px 0 40px 0;}
  .cont-user-profile .box-user .pic-user {display:inline-block; width:80px; margin-bottom:18px;}
  .cont-user-profile .box-user .data-user {display:inline-block; width:94%; height:auto; left:0px; text-align:center;}
  .cont-user-profile .box-user .data-user .name-user span {width:100%; display:inline-block; text-align:center; font-size:20px; line-height:24px; margin-bottom:10px; }
  .cont-user-profile .box-user .data-user .name-user .follow {margin:2px 0 6px 0; padding:4px 20px; font-size:12px;}
  .cont-user-profile .box-user .data-user .more-data .about-user {text-align:left; font-size:12px;}
  .cont-user-profile .box-user .data-user .more-data a.web-user {font-size:11px; text-align:center;}
  .cont-user-profile .box-user .data-user .followers-user .foll {text-align:center; font-size:11px; padding:2px 10px 2px 0; margin:0 4px;}
  .cont-user-profile .box-user .data-user .followers-user .foll b {display:inline-block; width:100%; text-align:center;}


  .navpill-center {margin:0 0 20px 0; padding:20px 0px;}
  .navpill-center li {margin:0 0 4px 0; width:23%;}
  .navpill-center li a {display:inline-block; width:100%; font-size:12px; padding:2px 0px;}
}





/*  SMALL PHONES */
@media only screen and (max-width:480px) {
    .my-public-url {font-size:13px;}

    .navbar-brand img {height:34px; margin-top:4px;}
    .swiped-right {width:28px;}

    .switch .desc {min-width:180px;}
    .modal .modal-content .title {font-size:14px; padding:0px 0px 2px 2px;}

    .container-secction {width:86%; margin:10px auto;}

    .build-columns-full {column-count:2;}
    .lateral-dash .build-columns {column-count:3; column-gap:10px;}

    .columns-designs {column-count:3; column-gap:10px;}
    .columns-designs .ho{column-count:3; column-gap:10px;}

    .people-frame {margin-bottom:14px; padding:14px;}
    .people-frame img {width:80%; margin:10px 10%;}
    .people-frame .name {height:30px;}
    .people-frame .name span {font-size:12px; line-height:14px;}
    .design-frame .hover-options {display:none;}
    .design-frame .data {display:none;}
    .design-frame .name {padding:4px 10px; font-size:10px;}

    .columns-people {column-count:2; column-gap:16px;}
    .columns-people .data .name span {font-size:14px;}

    .cont-detail-design .cont-call-over-mov {width:113%; margin-left:-6%;}


    /* Templates */
    .header-templates .searcher {width:92%;}
    .header-templates .searcher input {font-size:20px;}
    .header-templates .searcher a {font-size:23px; padding:0 2px;}


    /* User Profile */
    .cont-user-profile .box-user .data-user .name-user .gear {position:absolute; top:-28px; left:50%; margin-left:-10px; background:#FFF; padding:4px; border-radius:50px;}

    .cont-select-sizes.showit.zipit { display: none !important; }

    #main { padding-top: 0 !important;  } /* for overlay */
}




/* EXTRA SMALL PHONES */
@media only screen and (max-width:320px) {
    .design-frame .data .engaged .eng i {width:100%;}
    .cont-engagement-design .usering .follow {width:74px; font-size:11px; padding:4px 8px;}
    .build-columns-full {column-count:1;}
}