body { background:#fff; font-family: 'Open Sans', sans-serif; color:#333; }
img { max-width:100%; }
.thumbnail.entries-thumb { border: medium none; border-radius: 0; margin:0; overflow:hidden; }
.displayer-top-css {text-align: center;  padding: 30px 0;}
.displayer-top-css h2 {font-size: 38px; font-weight: 600;  margin: 20px 0 10px;}
.displayer-heading-css > p {font-size: 20px;}
.common-box-css {float: left;  width: 100%;}
.time-slot-css i {margin: 0 8px 0 0;}
.time-slot-css {font-size: 15px;  margin: 35px 0 40px;}
.displayer-box-main{background: #fff; margin: 0 0 30px;  padding: 20px;  text-align: center; overflow:hidden;}
.displayer-box-main {box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);}
span.desCounter { background: #000 none repeat scroll 0 0; border: 2px solid #fff; border-radius: 50%; color: #fff; display: block; height: 30px; left: -16px; line-height: 24px; position: absolute; text-align: center; top: -14px;width: 30px; }
.displayer-image-css {position: relative; cursor:help;}
.displayer-content-css {margin: 15px 0;}
.author-details > strong {float: left; font-weight: 600;}
.displayer-content-css .star-rating {float: right;}
.displayer-mid-css{ background:#f3f3f3;}
.displayer-bottom h3 {font-size: 36px;  margin: 20px 0;}

textarea.form-control {border: 1px solid hsl(0, 0%, 80%);  border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none;  -o-box-shadow: none; padding: 5px;  resize: none;}
.form-control {border-radius: 0;  box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none;  -o-box-shadow: none; font-size: 13px;}

.presentation-entry p { font-size:13px; }
.feedbackForm { margin-bottom:20px; clear:both; }
.feedbackForm p { margin-bottom:8px; }
.feedbackForm strong {font-size: 16px;  font-weight: 600;}
.presentation-swap-blk { clear:both; padding:15px; float:left; }
.presentation-swap-blk .presentation-entry { padding:15px; }
input.form-control {height: 40px;  line-height: 40px;}

.pre-swap-blk { background: #f9f9f9; border: 1px dashed #ddd; clear: both; float: left; margin:0 0 15px; cursor:move; }
div.pre-swap-blk:last-child { margin-bottom:0px; }
.presShareLink .thumbnail { float:left; width:100%; padding:15px 0; }
.author-details .star-rating i { color:#ccc; margin-left:1px; }
.author-details .star-rating i.active { color:#f3774e; }

.whiteBtnNectar .btn-default, .whiteBtnNectar .btn-default:active, .whiteBtnNectar .btn-default:focus, .whiteBtnNectar .btn-default:hover {box-shadow: inset 0 -1px 0 #ce3d0d; -webkit-box-shadow: inset 0 -1px 0 #ce3d0d; -o-box-shadow: inset 0 -1px 0 #ce3d0d; -ms-box-shadow: inset 0 -1px 0 #ce3d0d;}

.whiteBtnNectar .btn-default{border-radius: 0; text-transform: uppercase; 
background-image: -webkit-linear-gradient(270deg,#f2683a 0,#f04b14 100%); 
background-image: -moz-linear-gradient(270deg,#f2683a 0,#f04b14 100%); 
background-image: -o-linear-gradient(270deg,#f2683a 0,#f04b14 100%); 
background-image: -ms-linear-gradient(270deg,#f2683a 0,#f04b14 100%); 
background-image: linear-gradient(180deg,#f2683a 0,#f04b14 100%);  
border: 1px solid #ce3d0d; color: #fff; border-radius:2px;  padding: 10px 20px; font-weight:600;}

.whiteBtnNectar .btn-default:hover{background-color: #f47e57;  color: #fff; background-image: none; text-decoration: none; outline: 0; border: 1px solid #ce3d0d;} 

.whiteBtnNectar .btn-default:active, .whiteBtnNectar .btn-default:focus {background-color: #f04b14; color: #fff; background-image: none; box-shadow: inset 0 1px 0 #ce3d0d; -webkit-box-shadow: inset 0 1px 0 #ce3d0d; -o-box-shadow: inset 0 1px 0 #ce3d0d; -ms-box-shadow: inset 0 1px 0 #ce3d0d; border: 1px solid #ce3d0d;}
.main-box-css { margin: 50px 0 0;}
.displayer-content {color: #fff; padding: 20px; position: absolute; top: -140%;}
.displayer-image-css, .displayer-content{ transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s;}
.displayer-content{ opacity:0;}
.displayer-image-css::before {background: rgba(0, 0, 0, 0.8); content: ""; display: block; height: 100%; left: 0; position: absolute; top: -140%; right:0; width: 97%; margin:0 auto; opacity:0;}
.displayer-box-main:hover .displayer-image-css::before, .displayer-box-main:hover .displayer-content{ opacity:1; top: 0;}


/*========= Ribbon Css Start ========*/
.ribbon-main { left: 0; position: absolute;  top: 15px;  z-index: 999;}
.ribbon { background-color: #f2683a; -moz-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; -o-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-top-right-radius: 0; -ms-border-top-right-radius: 0; -o-border-top-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0;  color: #fff;  display: inline-block;  left: 0;  line-height: 2;  margin-left: 0; margin-right: 0; position: relative;}
.ribbon-main .ribbon_fold { border-color: #c14b23 #c14b23 transparent transparent;  border-style: solid;  border-width: 0.5em;  display: inline-block;  height: 0; left: 0;  position: absolute;  right: auto;  top: 2.4em;  width: 0;}  
.ribbon_text {  background: none repeat scroll 0 0 #f2683a; -moz-border-radius: 3px 0 0; -ms-border-radius: 3px 0 0; -o-border-radius: 3px 0 0; -webkit-border-radius: 3px 0 0; border-radius: 3px 0 0;  font-size: 17px;  padding: 0 0.75em 0 1em;  white-space: nowrap;}
.ribbon-main .ribbon_tail-top { border-color: #f2683a transparent transparent #f2683a;  border-style: solid;  border-width: 1em;  display: inline-block;  height: 0;  position: absolute;  right: -2em;  top: 0;  width: 0;}
.ribbon_tail-bottom { border-color: transparent transparent #f2683a #f2683a;  border-style: solid;  border-width: 1em;  bottom: 0;  display: inline-block;  height: 0;  position: absolute;  right: -2em;  width: 0;}
.ribbon-css {  position: relative;}

/*========= Ribbon Css End========*/




.displayer-content-css > div{ text-align:center;}
.average-rating {border-right: 1px solid #ddd;  float: left;  position: relative;  width: 50%;}

.displayer-rating-list .rates-css {display: block;}

.rate-count {font-size: 30px;  font-weight: 600;}

.feedbackForm a.btn.btn-default{ width:auto;}
.displayer-box-rating {padding: 0;}
.displayer-div {padding: 20px;}
.displayer-rating-list {border-top: 1px solid #ddd;  margin: 10px 0 0;}
.rates-css:last-child {padding: 0 0 10px;}




#passwordBox .thumbnail.presentation-swap-blk {
  border: medium none;
  float: none;
}
.displayer-password .feedbackForm {
  clear: none;
  margin: 0;
}
#passwordBox .displayer-password .btn-default{
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0;
  width: 100%;
}
#mainBoxTitle h2 {
  text-transform: uppercase;
}


/********************************* Displayer page css ********************************************/
.displyer_body { background:#f3f3f3; }
.designHeading { text-align:center; padding:28px; }
.designHeading > h1 { font-size:64px; font-weight:700; }
.designHeading_para { font-size:16px; font-weight:600; line-height:1.2; }
.searchDiv_class { width:90%; float:left; padding-top:15px; }
.col-lg-10.col-md-10.col-sm-10.search_box { padding-left:17%; }
.col-lg-10.col-md-10.col-sm-10.search_box > .form-control { font-size:16px; }
.btn.btn-default.start_now.btn-lg { width:100%;   background: #f2683a linear-gradient(180deg, #f2683a 0px, #f04b14 100%) repeat scroll 0 0;
    border: 1px solid #ce3d0d;; background-image:linear-gradient(to bottom, #5bc0de, #2f96b4); -webkit-background-image:linear-gradient(to bottom, #5bc0de, #2f96b4); border:1px solid #ce3d0d; box-shadow:0 -1px 0 #ce3d0d inset; color:#fff; padding:0.6em; text-transform:uppercase; font-size:16px; }
.designDetail { float:left; width:100%; padding:65px 10px 17%;}
.col-lg-4.col-md-4.col-sm-4.img_icons { text-align:center; }
.icon_class.icon_id{ padding-right:20px; text-align:right; }
.imgtext_class { font-size:17px; font-weight:600; padding-top:20px; }
.imgtext_class.img_id { padding-left:44%; }
.icon_class.icon_feedback { padding-left:8%; text-align:left; }
.imgtext_class.img_feedback { padding-left:6%; text-align:left; }
.footer { border-top:1px solid gray; float:left; width:100%; padding:25px 0 0; }
.footerClass > a { float:left; }
.footerClass > span { float:right; }
.btn.btn-default.start_now { background: #f2683a linear-gradient(180deg, #f2683a 0px, #f04b14 100%) repeat scroll 0 0;  border: 1px solid #ce3d0d;  box-shadow: 0 -1px 0 #ce3d0d inset; color: #fff;  font-size: 15px;  padding: 0;  text-decoration: none;  text-transform: uppercase; height:39px; line-height:39px; }
.btn.btn-default { border-radius: 3px;  cursor: pointer;  display: inline-block;  font-weight: bold; line-height: 1.6; margin: 0; text-align: center; width:100%; }
.btn.btn-default.start_now:hover {  background: #f47e57 none repeat scroll 0 0;  color: #fff;  outline: 0 none; text-decoration: none; }
.col-lg-4.col-md-4.col-sm-4.img_icons:first-child { counter-reset:li; }
.icon_class::before { background: #5e6370 linear-gradient(to bottom, #5e6370, #40444d) repeat scroll 0 0;  border-radius: 50%; box-shadow: 0 2px 6px #40444d; color: #fff; content: counter(li, decimal); counter-increment: li; font-weight: 600; height: 30px; left: 0; padding: 5px; position: absolute; text-align: center; top: 0; width: 30px; }
.icon_class.icon_id::before { left: 56%; top: -9px; }
.icon_class.icon_review::before { left: 33%; top: -10px; }
.icon_class.icon_feedback::before { left: 9%; top: -5px; }
.error-css {color:#F00; margin:5px 0 0 0 ;}
.designHeading span {color: #f04b14; font-size: 26px; position: relative;  top: -15px;}
#entries_thanku .displayer-image-css::before {background: none;content: none;}
#entries_thanku .displayer-image-css{cursor:default;}

@media only screen and (max-width: 767px)
{
	.designHeading > h1 { font-size:48px; }
	.designHeading_para { font-size:12px; }
	.col-lg-10.col-md-10.col-sm-10.search_box > .form-control { font-size:13px; }
	.col-lg-10.col-md-10.col-sm-10.search_box { padding-bottom:11px; }
	.col-lg-2.col-md-2.col-sm-2.serach_button.whiteBtnNectar { padding-left:17%; }
	.icon_class.icon_id, .imgtext_class.img_feedback { text-align:center; }
	.icon_class.icon_id::before { left:24%; top:-4px; }
	.imgtext_class.img_id { padding-left:0; padding-bottom:25px; }
	.icon_class.icon_review::before { left:28%; }
	.imgtext_class { padding-bottom:20px; }
	.icon_class.icon_feedback { text-align:center; }
	.icon_class.icon_feedback::before { left:31%; top:0; }
	.footer{ padding-left:11px; padding-right:11px;}
	.displayer-box-main { float: none; margin: 0 auto; max-width: 380px; text-align: center;}
}


@media only screen and (max-width: 480px)
{
.displayer-content{ font-size:12px;}
}


/*********************************Help page css ********************************************/
.helpBody { background:#eee; }
.header { background:#465265; }
.innerHeader > h1 { color:#fff; font-size:30px; }
.link_ul { padding:0; list-style:none; }
.carretUp::before { content:"\f054"; font-family:"FontAwesome"; color:#337ab7; font-size:14px; position:absolute; padding:2px 0 0; }
.carretDown::before { content:"\f078"; font-family:"FontAwesome"; color:#337ab7; font-size:14px; position:absolute; padding:2px 0 0; }
.commanLi { padding:10px 0; font-size:16px; }
.linkDiv { padding: 0 18px; }
.linkDiv > a { font-weight:700; cursor:pointer;}
.design_viewDetail { display:none; }
.design_viewDetail > p { font-size:15px; }
.easy_ulClass { padding:0 20px; }
.easy_ulClass > li { padding:20px 10px; }
.easy_ulClass > li > img { background:#fff; border:1px solid #ccc; padding:12px; }