/* Quote Form */
@font-face {
    font-family: 'firasans';
    src: url('../../../themes/framer-child/fonts/firasans-regular-webfont.woff2') format('woff2'),
         url('../../../themes/framer-child/fonts/firasans-regular-webfont.woff') format('woff'),
         url('../../../themes/framer-child/fonts/firasans-regular-webfont.tff') format('ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), 
  	   url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), 
  	   url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), 
  	   url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.vertical .carousel-inner {
  height: 100%;
  text-align: left;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 400px;
}

.carousel.vertical .prev {
  top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -400px;
}

.carousel.vertical .active.right {
  top: 400px;
}

.carousel.vertical .item {
    left: 0;
    padding: 0px 10px;
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.file-preview img{
	width:500px;
	height: auto;
}

.file-preview .ibenic_file_preview {
	position: relative;
	width:100px;
	overflow: hidden;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3)
}

.quote-form-class { background-color: #fbfbfb; }
.quote-process-form { 
	font-family: 'firasans'; 
	background: #fff; 
	/*padding: 50px;*/
	box-shadow: 0 20px 150px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 20px 150px rgba(0,0,0,.1);
    -moz-box-shadow: 0 20px 150px rgba(0,0,0,.1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.quote-process-form h2 { font-size: 26px; margin-bottom: 40px; padding: 30px 	50px 15px; border-bottom: 1px solid #ccc; }
.quote-process-form .quote-fields { margin-bottom: 20px; width: 100%; float: left; }
.quote-process-form .quote-fields label { font-size: 18px; margin-bottom: 5px; font-weight: normal; }
.quote-process-form .quote-fields label span { color: red; }
.quote-process-form .quote-fields input { width: 100%; background-color: #f1f1f1; border-radius: 5px; margin-bottom: 5px; line-height: 25px; }
.quote-process-form .quote-fields input[type='file'] { background-color: transparent; }
.quote-process-form .quote-fields input[type='text'], .quote-process-form .quote-fields input[type='email'] { height: 50px;  font-size: 15px; /*line-height: 50px; border: 1px solid #e1e1e1;*/ }
.quote-process-form .quotesubmit .quote-submit-button { width: 100%; background-color: #f6bb19; border-radius: 5px; height: 50px; font-size: 15px; margin-left: 0px; }
.quote-right-image { margin: 0 auto; }
.quote-process-form .quotesubmit .quote-submit-button:hover { letter-spacing: 2px; }
.quote-process-form .file-preview { margin: 15px 0px; float: left; width: 100%; }
.quote-process-form span.error, .quote-process-form span.fileerror, span.quoteerror { color: red; font-size: 13px; width: 100%; float: left; }
.quote-process-form .success-msg { 
	font-size: 16px;
	padding: 30px;
	font-weight: normal;
	margin: 0px auto 10px;
	width: 60%;
	top: 35%;
	position: relative;
	color: #333;
	text-align: center;
	border: 3px solid #f6bb19;
}
.quote-process-form .success-text i { 
	margin: -40px auto 10px;
	background: green;
	color: white;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
}
.quote-process-form .success-msg .newquote-text { margin-left: 20px; }
.quote-process-form .success-msg a { border-bottom: none; color: #f6bb19; }
.quote-process-form .success-msg a:hover { border-bottom: 1px solid #333; color: #333; }
.quote-process-form .quotesubmit .quoteform-loader { float: right; position: relative; right: -30px; top: -35px; }
.quote-process-form .custom-quote-form { padding: 50px 50px; display: flex; }
#quote-process .mce-toolbar div[aria-label="Fullscreen"]{display: none;}

.nuggets-list-single { width: 100%; margin-bottom: 0px; padding-bottom: 20px; clear: both; /*border-bottom: 1px dashed #959595;*/ display: inline-block; }
.user-quoteimg { float: left; }
.user-quoteimg img { margin-bottom: 10px; width: 70px; }
.user-quotecontent { float: right; }
.user-quoteimg, .admin-profileimg { width: 7%; text-align: center; line-height: 18px; font-size: 16px; }
.user-quoteimg .quoteusername { word-break: break-word; }
.admin-profileimg .quoteadminname { word-break: break-word; }
/*.nuggets-list .nuggets-list-single:last-child { border: none; }*/

.user-quotecontent {
	position: relative;
	background: #fff;
	border-top: 4px solid #f6bf27;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0px 10px rgba(0,0,0,.2);
    padding: 30px;
    width: 91%;
	margin-left: 20px;
}
.edgeClass .user-quotecontent:after, .edgeClass .user-quotecontent:before, .edgeClass .admin-replycontent:after, .edgeClass .admin-replycontent:before { display: block !important; }
.user-quotecontent:after, .user-quotecontent:before {
	right: 100%;
	top: 35px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.user-quotecontent:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
.user-quotecontent:before {
	border-color: rgba(206, 206, 206, 0);
	border-right-color: #cecece;
	border-width: 12px;
	margin-top: -12px;
}

.admin-quote { float: right; width: 90%; margin-top: 30px; margin-bottom: 30px; }
.detail-link { text-align: right; }
.admin-profileimg { float: left; }
.admin-replycontent { float: right; }

.admin-replycontent {
	position: relative;
	background: #fff;
	border-top: 4px solid #f6bf27;
	border: 1px solid #cecece;
	box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0px 10px rgba(0,0,0,.2);
    padding: 30px;
    width: 90%;
	margin-left: 20px;
}
.admin-replycontent:after, .admin-replycontent:before {
	right: 100%;
	top: 35px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.admin-replycontent:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
.admin-replycontent:before {
	border-color: rgba(206, 206, 206, 0);
	border-right-color: #cecece;
	border-width: 12px;
	margin-top: -12px;
}

.detailed-content { 
	clear: both;
	box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px;
	padding: 15px;
	border-radius: 10px;
}

.detailed-content .modal-body { max-height: 500px; overflow-y: scroll; }
.detailed-content .modal-header h4 { margin-bottom: 0px !important; }
 .detailed-content .modal-body .admin-reply-img {
 	float: left;
    padding-right: 20px;
    width: 300px;
    padding-bottom: 10px;
    display: block;
 }

/*.modal-open .modal { overflow-y: hidden !important; }*/
.detailed-content .modal-dialog {
	background: rgba(0,0,0,0.5);
	padding: 10px;
	border-radius: 5px;
}
.modal-header .close { opacity: 1; padding: 0 6px !important; font-size: 28px; }

.detailed-content ul, .detailed-content ol { margin-left: 40px; }
.detailed-content ul li { list-style-type: disc; }

.detail-link a.btn {
	background: #f3b200; 
	border-radius: 0px; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	font-size: 15px;
	color: #fff;
	width: auto;
    height: 40px;
    margin: 0px 0px 0px;
    line-height: 30px;
    border: none;
    text-transform: uppercase;
}

.detail-link a.btn:hover, .detail-link a.btn:focus, .detail-link a.btn:active { border: none; color: #fff !important; background: #f3b200; border: none; }
.detail-link a.btn.collapsed i.fa-caret-down { transform: rotate(0deg); }
.detail-link a.btn i.fa-caret-down { transform: rotate(-90deg); }

.loading-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 9;
}

.spin-loader {
  border: 5px solid #fff;
  border-radius: 50%;
  border-top: 5px solid #333;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  position: relative;
  top: 50%;
  left: 50%;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.nuggets-pagination { text-align: center;padding-top: 30px; }
.nuggets-pagination a, .nuggets-pagination span { 
    background-color: #f6bb19; 
    display: inline-block; 
    color: #333; 
    font-weight: 600; 
    padding-top: 15px; 
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #fff !important;
    padding: 8px 17px !important;
    border-radius: 4px;
    border-bottom: none !important;
    margin-top: 15px !important;
}

/*.nuggets-pagination a:hover, .nuggets-pagination span.current { color: #fff !important; background: #333 !important; }*/
.nuggets-pagination a:focus { color: #fff !important; }
.user-append-content, .admin-append-content { margin-top: 15px; }
.user-content ul, .user-content ol, .admin-content ul, .admin-content ol { margin-left: 30px; }
.user-content ul li, .admin-content ul li { list-style-type: disc; }
.user-content a, .admin-content a, .detailed-content a { border-bottom: none !important; color: #f3b200 !important; }
.user-content a:hover, .admin-content a:hover, .detailed-content a:hover { text-decoration: underline !important; }
.admin-profileimg img { border-radius: 50%; margin-bottom: 10px; width: 70px; }
.file-note { font-size: 13px; float: left; width: 100%; }
.quote-img { width: 300px; 
	box-shadow: 0 1px 15px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 15px rgba(0,0,0,.2);
}
.user-content-img { 
	float: left;
    width: 30%;
}
.ieClass .user-content { width: 68% }
.content-alone { width: 100% !important; }
.user-content {
	float: left;
	width: 70%;
	padding-left: 20px;
	font-size: 16px;
	line-height: 26px;
}
.user-content h1 {
	color: #f3b200;
	font-size: 20px;
	font-weight: normal;
	color: #f3b200;
	margin-bottom: 10px !important;
}
.admin-content { font-size: 16px; }
.poweredby-text { 
	text-align: right; 
	font-size: 12px;
	clear: both;
	padding-top: 10px;
}
.user-content-img {
    float: left;
    width: 30%;
    /*height: 250px;*/
    display: table;*/
}
.user-text-img .img-text { 
	height: 250px;
	font-size: 22px;
	text-align: center; 
	display: table-cell;
	vertical-align: middle;
	box-shadow: 0 1px 15px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 15px rgba(0,0,0,.2);
    padding: 10px;
}

.quote-bottom-content { /*clear: both; float: left; width: 100%; text-align: center;*/
	position: fixed;
	cursor: pointer;
	outline: none;
	right: 120px;
	bottom: 0;
	z-index: 9;
}
a.quotes-slide-arrows {margin-top: -20px;cursor: pointer;}
a.carousel-control.left { left: -50px; }
a.carousel-control.left:after { 
	 content: '\f104';
    font-family: 'FontAwesome';
    font-size: 30px;
}
a.carousel-control.right { right: -55px; }
a.carousel-control.right:after { 
	content: '\f105';
    font-family: 'FontAwesome';
    font-size: 30px;
}
a.submit-quote-button, .author-quote-count h3,.authors-bottom-content h3{ 
	/*clear: both; 
	display: inline-block; 
	text-align: center;
	border-bottom: none !important;
	color: #fff !important;
	background: #f6bb19;
	width: 200px;
	padding: 5px;
	border-radius: 7px;*/
	clear: both;
	display: inline-block;
	text-align: center;
	border-bottom: none !important;
	color: #fff !important;
	background: #f6bb19;
	padding: 5px 10px;
	line-height: 26px;
	font-size: 18px;
}
a.submit-quote-button:hover, .author-quote-count h3:hover,a.authors-button:hover, .authors-bottom-content h3:hover{text-decoration: none;}
.author-quote-count{text-align: center;}
.quote-form-section form { border: 1px solid #f1f1f1; padding: 15px; }
.carousel-control.left, .carousel-control.right { background-image: none !important; border-bottom: none; width: 50px;
height: 50px; line-height: 50px; background: #f6bb19; border-radius: 50%; color: #fff !important; opacity: 1; text-shadow: none; top: 50%; }
.carousel-control.left:hover, .carousel-control.right:hover {color: #333 !important;}
.ieClass .carousel-control.left{padding-right: 2px;}
.ieClass .carousel-control.right{padding-left: 2px;}
a.carousel-control:hover { border-bottom: none !important; }

.nuggets-list-container .kc-raw-code .no-nuggets { text-align: center; min-height: 400px; }
.nuggets-list-container .kc-raw-code .no-nuggets img { margin: 0px auto; }
.nuggets-list-container .kc-raw-code .no-nuggets h3 { text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.nuggets-list-container .kc-raw-code .no-nuggets h3 span { color: #c61a02; }
.nuggets-list-container .kc-raw-code .no-nuggets a { border-bottom: none; color: #f6bb19; }
.nuggets-list-container .kc-raw-code .no-nuggets a:hover { text-decoration: underline; }


/* Quote Form style starts here */
.img-loader{display: inline-block;}
.quote-fields ul{
	list-style-type: none;
	margin: auto;
}

.quote-fields li {
	position: relative;
	padding: 10px;
	padding-left: 35px;
	height:30px;
	display: inline-block;
}

.quote-fields li label { cursor: pointer; }

.quote-fields li label:before {
    content: "";
    width: 26px;
    height: 26px;
    background: #fff;
    border: 3px solid #f6bb19;
    position: absolute;
    left: 0px;
	top: 10px /*calc(50% - 13px)*/;
    box-sizing: border-box;
    border-radius: 50%;
}

.quote-fields input[type="radio"] {
	opacity: 0;
	position: absolute;
	cursor: pointer;
	/*-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
	z-index: 100;
	margin: 0;
	padding: 0;
  width: 100%;
	height: 30px;
	left: 0;
	top: calc(50% - 15px);*/
}

.quote-fields .bullet {
    position: relative;
    width: 10px;
    height: 10px;
    left: 8px;
    top: 18px;
    background: #f6bb19;
    /*border: 5px solid #f6bb19;*/
    opacity: 0;
    border-radius: 50%;
}

.quote-fields input[type="radio"]:checked ~ .bullet {
	position:absolute;
	opacity: 1;
	animation-name: explode;
	animation-duration: 0.350s;
}

.quote-fields .line {
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #f6bb19;
	opacity:0;
}

.quote-fields .line.zero {
	left: 11px;
	top: -21px;
	transform: translateY(20px);
	width: 2px;
	height: 10px;
}

.quote-fields .line.one {
	right: -7px;
	top: -11px;
	transform: rotate(-55deg) translate(-9px);
}

.quote-fields .line.two {
	right: -20px;
	top: 11px;
	transform: translate(-9px);
}

.quote-fields .line.three {
	right: -8px;
	top: 35px;
	transform: rotate(55deg) translate(-9px);
}

.quote-fields .line.four {
	left: -8px;
	top: -11px;
	transform: rotate(55deg) translate(9px);
}

.quote-fields .line.five {
	left: -20px;
	top: 11px;
	transform: translate(9px);
}

.quote-fields .line.six {
	left: -8px;
	top: 35px;
	transform: rotate(-55deg) translate(9px);
}

.quote-fields .line.seven {
	left: 11px;
	bottom: -21px;
	transform: translateY(-20px);
	width: 2px;
	height: 10px;
}

.quote-fields input[type="radio"]:checked ~ .bullet .line.zero{
	animation-name:drop-zero;
	animation-delay: 0.100s;
	animation-duration: 0.9s;
	animation-fill-mode: forwards;
}

.quote-fields input[type="radio"]:checked ~ .bullet .line.one{
	animation-name:drop-one;
	animation-delay: 0.100s;
	animation-duration: 0.9s;
	animation-fill-mode: forwards;
}

.quote-fields input[type="radio"]:checked ~ .bullet .line.two{
	animation-name:drop-two;
	animation-delay: 0.100s;
	animation-duration: 0.9s;
	animation-fill-mode: forwards;
}

.quote-fields input[type="radio"]:checked ~ .bullet .line.three{
	animation-name:drop-three;
	animation-delay: 0.100s;
	animation-duration: 0.9s;
	animation-fill-mode: forwards;
}

.quote-fields input[type="radio"]:checked ~ .bullet .line.four{
	animation-name:drop-four;
	animation-delay: 0.100s;
	animation-duration: 0.9s;
	animation-fill-mode: forwards;
}

.quote-fields input[type="radio"]:checked ~ .bullet .line.five{
	animation-name:drop-five;
	animation-delay: 0.100s;
	animation-duration: 0.9s;
	animation-fill-mode: forwards;
}

.quote-fields input[type="radio"]:checked ~ .bullet .line.six{
	animation-name:drop-six;
	animation-delay: 0.100s;
	animation-duration: 0.9s;
	animation-fill-mode: forwards;
}

.quote-fields input[type="radio"]:checked ~ .bullet .line.seven{
	animation-name:drop-seven;
	animation-delay: 0.100s;
	animation-duration: 0.9s;
	animation-fill-mode: forwards;
}

@keyframes explode {
	0%{
		opacity: 0;
		transform: scale(10);
	}
	60%{
		opacity: 1;
		transform: scale(0.5);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes drop-zero {
	0% {
		opacity: 0;
		transform: translateY(20px);
		height: 10px;
	}
	20% {
		opacity:1;
	}
	100% {
		transform: translateY(-2px);
		height: 0px;
		opacity:0;
	}
}

@keyframes drop-one {
	0% {
		opacity: 0;
		transform: rotate(-55deg) translate(-20px);
		width: 10px;
	}
	20% {
		opacity:1;
	}
	100% {
		transform: rotate(-55deg) translate(9px);
		width: 0px;
		opacity:0;
	}
}

@keyframes drop-two {
	0% {
		opacity: 0;
		transform: translate(-20px);
		width: 10px;
	}
	20% {
		opacity:1;
	}
	100% {
		transform: translate(9px);
		width: 0px;
		opacity:0;
	}
}

@keyframes drop-three {
	0% {
		opacity: 0;
		transform: rotate(55deg) translate(-20px);
		width: 10px;
	}
	20% {
		opacity:1;
	}
	100% {
		transform: rotate(55deg) translate(9px);
		width: 0px;
		opacity:0;
	}
}

@keyframes drop-four {
	0% {
		opacity: 0;
		transform: rotate(55deg) translate(20px);
		width: 10px;
	}
	20% {
		opacity:1;
	}
	100% {
		transform: rotate(55deg) translate(-9px);
		width: 0px;
		opacity:0;
	}
}

@keyframes drop-five {
	0% {
		opacity: 0;
		transform: translate(20px);
		width: 10px;
	}
	20% {
		opacity:1;
	}
	100% {
		transform: translate(-9px);
		width: 0px;
		opacity:0;
	}
}

@keyframes drop-six {
	0% {
		opacity: 0;
		transform: rotate(-55deg) translate(20px);
		width: 10px;
	}
	20% {
		opacity:1;
	}
	100% {
		transform: rotate(-55deg) translate(-9px);
		width: 0px;
		opacity:0;
	}
}

@keyframes drop-seven {
0% {
		opacity: 0;
		transform: translateY(-20px);
		height: 10px;
	}
	20% {
		opacity:1;
	}
	100% {
		transform: translateY(2px);
		height: 0px;
		opacity:0;
	}
}

.file-upload {
	line-height: 22px;
}
.file-upload .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.file-upload .inputfile + label {
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;   /* 10px 20px */
}
/*.file-upload .inputfile + label {
    display: none;
}*/
.file-upload .inputfile:focus + label,
.file-upload .inputfile.has-focus + label {
    /*outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;*/
}
.file-upload .quoteimg-field + label {
    color: #000; line-height: normal;
}

.file-upload .quoteimg-field + label {
    /*background-color: #f1f1f1;*/
    padding: 0;
    margin: 0;
}

.file-upload .quoteimg-field:focus + label,
.file-upload .quoteimg-field.has-focus + label,
.file-upload .quoteimg-field + label:hover {
    border-color: #722040;
}

.file-upload .quoteimg-field + label span,
.file-upload .quoteimg-field + label strong {
    padding: 0.625rem 1.25rem;
    color: #333;
    /* 10px 20px */
}

.file-upload .quoteimg-field + label span {
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    line-height: 25px;
    padding: 7px;
    max-width: 270px;
}

.file-upload .quoteimg-field + label strong {
    height: 100%;
    color: #333;
    background-color: #f6bb19;
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
}
.file-upload .quoteimg-field + label strong img {
	float: left;
	margin-right: 5px;
}

.file-upload .quoteimg-field:focus + label strong,
.file-upload .quoteimg-field.has-focus + label strong,
.file-upload .quoteimg-field + label:hover strong {
    /*background-color: #333;
    color: #fff;*/
    opacity: 0.85;
}
.safariClass form#quote-process .img-loader{margin-top: -12px;}
.nuggets-list-single video{width: 80%;max-height: 90vh;outline: 0;}

/* Quote Form style starts here */

/**Quotes Single**/
.quote-single-page{
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
margin-top: 60px;
}
.single-quotes #quoteCarousel{
position: relative;
}
.single-quotes .carousel-control{
position: absolute;
}
.tax-famousquotes .authorsquotes-list{
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
margin-top: 60px;
margin-bottom: 60px;
}
.tax-famousquotes #quoteCarousel{
position: relative;
}
.tax-famousquotes .carousel-control{
position: absolute;
}
.author-img img {
/*height: 250px;*/
opacity: 0.9;
    width: 100%;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}
.author-name {
text-align: center;
margin-top: 10px;
color: #000;
}
.author-name h3{
font-size: 18px;
margin-bottom: 20px !important;
}
.author-name h3:hover {
    color: #f6bb19;
}
.author-img img:hover {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.authorsquotes-list .no-nuggets{text-align: center;}
.authorsquotes-list .no-nuggets img{margin:0px auto;}
.page-holder a:hover{text-decoration: none;}
.poweredby-text a{color: #f6bb19 !important;text-decoration: none !important;border-bottom: none !important;}
.poweredby-text a:hover{color: #333 !important;}
.edgeClass .author-img img {
opacity: 0.9;
width: 100%;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;
}
.edgeClass .author-img img:hover {
opacity: 1;
-webkit-transform: scale(.95) !important;
-ms-transform: scale(.95) !important;
transform: scale(.95) !important;
}
.edgeClass .quotes-authors .col-sm-3 {
margin-bottom: 5px;
}
.quotesauthor-nav br:empty{display: none;}
.authors-bottom-content{margin-left: 20px;margin-top: 35px;}
a.authors-button {
padding: 10px;
border-radius: 30px;
background-color: #f6bb19;
color: #fff;
font-size: 18px;
}
a.authors-button:hover {
color: #000 !important;
}
.author-name a {
border-bottom: none !important;
}
.author-name h3 {
display: inline-block;
color: #000;
}
a.authors-button:focus {
color: #000 !important;
}
.authors-button {
cursor: pointer;
}
.authors-bottom-content h3{background: unset;}
/*.authors-button {
    -webkit-tap-highlight-color: red;
-webkit-tap-highlight-color: transparent;
}*/

@media only screen and (max-width : 1366px) {
	    .quotesauthors-list-row{min-height: 63vh;}
}
@media only screen and (max-width : 1050px) {
	.user-quotecontent { width: 90%; }
	.nuggets-list { width: 90%; margin: 0px auto; }
}
@media only screen and (max-width : 1024px) {
	.nuggets-list-single video{width: 100%;}
	.user-quoteimg, .admin-profileimg { width: 10%; }
	.user-quotecontent, .admin-replycontent { width: 85%; }
	.admin-quote { width: 100%; }
	.user-quoteimg, .admin-profileimg { width: 100%; text-align: left; }
	.user-quotecontent, .admin-replycontent { width: 100%; margin-top: 20px; }
	.user-quotecontent { border-top: none; }
	.user-quotecontent:after, .user-quotecontent:before { top: 4px; bottom: 100%; right: auto; left: 10px; }
	.user-quotecontent:after { margin-top: -24px; margin-left: 2px; border-bottom-color: #fff; border-right-color: transparent; }
	.user-quotecontent:before { border-bottom-color: #cecece; margin-top: -29px; border-right-color: transparent; }

	.admin-replycontent:after, .admin-replycontent:before { top: 4px; bottom: 100%; right: auto; left: 10px; }
	.admin-replycontent:after { margin-top: -24px; margin-left: 2px; border-bottom-color: #fff; border-right-color: transparent; }
	.admin-replycontent:before { border-bottom-color: #cecece; margin-top: -29px; border-right-color: transparent; }
	.user-quotecontent, .admin-replycontent { padding: 20px; }
	.user-quoteimg img { width: 50px; }
	.admin-profileimg img { width: 50px; }
}
@media (max-width: 1024px) and (min-width: 901px){
.tax-famousquotes a.carousel-control.left{
left: -55px !important;
}
.tax-famousquotes a.carousel-control.right {
right: -55px !important;
}
.single-quotes a.carousel-control.left{
left: -55px !important;
}
.single-quotes a.carousel-control.right {
right: -55px !important;
}
}

@media (min-width: 1278px) and (max-width: 1289px){
    a.carousel-control.right {
        right: -45px;
    }
    a.carousel-control.left {
        left: -40px;
    }
}
@media (min-width: 1240px) and (max-width: 1277px){
    .nuggets-list {
        width: 96%;
        margin: 0 auto;
    }
    a.carousel-control.right {
        right: -25px;
    }
    a.carousel-control.left {
        left: -20px;
    }
}
@media only screen and (min-width: 1024px){
	.single-quotes a.carousel-control.left{left: -65px !important;}
	.single-quotes a.carousel-control.right {right: -65px !important;}
	.tax-famousquotes a.carousel-control.left{left: -65px !important;}
	.tax-famousquotes a.carousel-control.right {right: -65px !important;}
}
@media (min-width: 901px) and (max-width: 1024px){
    .nuggets-list {
        width: 85%;
    }
    a.carousel-control.right {
        right: 12px;
    }
    a.carousel-control.left {
        left: 12px;
    }
}
@media only screen and (max-width : 991px) {
	.quote-process-form .success-msg { top: 13%; padding: 20px; }
	.user-content-img { width: 100%; margin-bottom: 20px; height: auto; }
	.quote-img { margin: 0px auto; }
	.user-content { width: 100%; padding-left: 0px; text-align: justify; }
	.quote-process-form .custom-quote-form { display: block; }
	.quote-process-form .success-msg { margin-bottom: 0px; }
}
@media only screen and (max-width : 900px) {
	.nuggets-list { width: 90%; }
	.carousel-control.left, .carousel-control.right { width: 30px; height: 30px; line-height: 30px; }
	a.carousel-control.left { left: 5px; line-height: 30px; }
	a.carousel-control.right { right: 5px; line-height: 30px; }
	a.carousel-control.left:after, a.carousel-control.right:after { font-size: 18px; }
	.single-quotes a.carousel-control.left{left: -35px !important;}
	.single-quotes a.carousel-control.right {right: -35px !important;}
	.tax-famousquotes a.carousel-control.left{left: -35px !important;}
	.tax-famousquotes a.carousel-control.right {right: -35px !important;}
	.quotesauthors-list-row{min-height: 52vh;}
}
@media (max-width: 850px) and (min-width: 768px){
.author-name h3 {
font-size: 16px;
}
}
@media only screen and (max-width : 830px) {
	.quote-bottom-content { position: relative; text-align: center; right: 0; display: block !important; margin-top: 45px; }
}
/*@media only screen and (min-width: 768px) and (max-width: 1024px){
	.author-img img {
	height: 260px ;
	}
}*/
@media (min-width: 768px) and (max-width: 770px){
.author-name h3 {
    font-size: 14px !important;
    width: 100% !important;
}
}
@media only screen and (max-width : 767px) {
	.quote-process-form { padding: 10px; }
	.quote-process-form .quotesubmit .quoteform-loader { right: -10px; }
	.quote-form-section { width: 100%; }
	.detail-link { width: 100%; text-align: right; }
	.user-text-img .img-text { margin-bottom: 20px; }
	.user-content h1 { text-align: left; }
	.detailed-content.modal{padding-left: 15px !important;}
	.author-img img{
	margin: 0 auto;
	}
}
@media (max-width: 767px) and (min-width: 481px){
.quotes-authors .col-sm-3 {
width: 48%;
display: inline-block;
}
}
@media only screen and (max-width : 640px) {
	.quote-process-form h2 { padding: 15px; }
}
@media only screen and (max-width : 540px) {
	.detailed-content .modal-body .admin-reply-img { width: 100%; padding-right: 0px; }
	.file-upload .quoteimg-field + label span { max-width: 250px; }
}
@media only screen and (max-width : 480px) {
	.user-quotecontent, .admin-replycontent { padding: 10px; }
	.user-content-img img { width: 100%; }
	a.carousel-control.left { left: 5px;text-align: center;align-items: center;align-content: center; }
	a.carousel-control.right { right: 5px;text-align: center;align-items: center;align-content: center; }
	.carousel-control.left, .carousel-control.right { width: 25px; height: 25px; }
	a.carousel-control.left, a.carousel-control.right { line-height: 25px; }
	a.carousel-control.left:after, a.carousel-control.right:after { font-size: 15px; }
	.nuggets-pagination a, .nuggets-pagination span { padding: 3px 8px !important; }
	.file-upload .quoteimg-field + label span { max-width: 170px; }
    .nuggets-list {
        width: 85%;
    }
}

@media only screen and (max-width : 399px) {
	.file-upload .quoteimg-field + label span { max-width: 115px; }
}
@media (min-width: 374px) and (max-width: 376px){
    a.carousel-control.left, a.carousel-control.right {
        line-height: 22px;
    }
}
@media only screen and (max-width : 359px) {
	.file-upload .quoteimg-field + label span { max-width: 85px; }
	.quote-process-form .custom-quote-form { padding: 10px 15px !important; }
}