.social-list .fa {
    color: rgb(255, 167, 0) !important;
}

.social-list .fa:hover {
    color: rgb(102,153,255) !important;}
    
.footer-brand {
    font-size: 15px !important;
    padding-top: 10px;
}

.header.navbar.navbar-inverse .navbar-nav>li>a {
    color: white;
}
.header.navbar.navbar-inverse .navbar-nav>li>a:hover {
    color: white;
}
.figcaption {
    font-size: 14px;
    font-weight: 600;
    color: black;
}

.description{
    background-color: rgba(240,243,244,0.7) !important;
}

#thumbnail_set .work .figure .image {
    padding: 5px;
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.08);
}

.btn.btn-block.btn-theme {
    background-color: rgb(34, 34, 34) !important;
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-style: none;
}

.btn.btn-block.btn-theme:hover{
    background-color: rgb(10,10,10) !important;
}

#page-container > div > div.login-content > form > div.login-buttons > button{
    background-color: rgb(102,153,255);
    border-color: rgb(102,153,255);
}

#page-container > div > div.login-content > form > div.login-buttons > button:hover{
    background-color: rgb(57, 96, 172) !important;
    border-color: rgb(57, 96, 172) !important;
}

.header.navbar .navbar-nav > li.active > a, .header.navbar .navbar-nav > li > a:hover, .header.navbar .navbar-nav > li > a:focus, .header.navbar.navbar-default .navbar-nav > li.active > a, .header.navbar.navbar-default .navbar-nav > li > a:hover, .header.navbar.navbar-default .navbar-nav > li > a:focus, .header.navbar.navbar-transparent .navbar-nav > li.active > a, .header.navbar.navbar-transparent .navbar-nav > li > a:hover, .header.navbar.navbar-transparent .navbar-nav > li > a:focus, .header.navbar.navbar-inverse .navbar-nav > li.active > a, .header.navbar.navbar-inverse .navbar-nav > li > a:hover, .header.navbar.navbar-inverse .navbar-nav > li > a:focus, .header.navbar.navbar-transparent.navbar-small .navbar-nav > li.active > a, .header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:hover, .header.navbar.navbar-transparent.navbar-small .navbar-nav > li > a:focus, .text-theme, .navbar-nav .dropdown-menu > li.active > a, .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus, .pricing-table .price .price-number, a{
    color: rgb(102, 153, 255);;
}

.navbar-nav .dropdown-menu > li > a{
    color: white;
}

.page-header-cover{
    padding-top: 10px;
}

.page-header-cover:before{
    position: relative !important;
    bottom: unset;
    top: unset;
}

.header_tiles{
    height: 63px;
    margin-right: 10px;
}

.page-header{
    border-style: none;
}

.footer{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow:hidden;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 20px; /* bottom = footer height */
}

#home{
    min-height: 900px;
}

#search-contents{
    min-height: 1000px;
}

.btn.btn-theme{
    background-color: rgb(102,153,255) !important;
    border-color: rgb(102,153,255) !important;
    background: rgb(102,153,255) !important;
    max-height: 55px;
}

.btn.btn-theme:hover{
    background-color: rgb(57, 96, 172) !important;
    border-color: rgb(57, 96, 172) !important;
}

div.col-md-8.col-sm-12.col-xs-12 > a > h4{
    color: white;
}

#search-contents > div.search-sidebar.col-md-4.col-sm-12.col-xs-12 > ul > li > a:hover{
    color: rgb(102,153,255);
}

#record3 > a.btn-sm.btn-primary.pull-right:hover{
    background-color: rgb(57, 96, 172);
}

div > ul > li:nth-child(-n+4){
    padding-bottom: 3px;
}

div > ul > li:nth-child(6){
    padding-top: 5px;
}

#main_area{
    margin-bottom: 10px !important;
    padding: 30px;
}

.hide-bullets {
    list-style:none !important;
    margin-left: -40px;
    margin-top:20px;
    margin-right: 0;
}

#myCarousel > a.left.carousel-control{
    background: none;
}

#myCarousel > a.right.carousel-control{
    background: none;
}

#table_c > table:nth-child(4) > tbody > tr:nth-child(1), #table_c > table:nth-child(3) > tbody > tr:nth-child(1), #table_c > table:nth-child(5) > tbody > tr:nth-child(1){
    background-color: rgba(134, 134, 103, 0.1);
    color: rgb(102,153,255);
}
#table_c > table:nth-child() > tbody > tr:nth-child() > th{
    font-weight: bold;
}

#table_c > table:nth-child(3) > tbody, #table_c > table:nth-child(4) > tbody, #table_c > table:nth-child(5) > tbody{
    background-color: rgba(134, 134, 103, 0.1);
}

@media only screen and (max-width : 767px) {
    div:nth-child(1) > ul > li > a > i{
        margin-right: -10px;
        margin-top: -15px;
        padding-top: 0px;
    }
    #myCarousel > div{
    height: 400px;
    width: 512px;
    margin-left: -15px;
    margin-right: 0px;
    
    }

    #myCarousel > div > div.item.active > img{
        max-height: 400px;
        min-height: 400px;;
        object-position: center;
        position: relative;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
        overflow: hidden;
        object-fit:contain;
    }
    
        #product > div:nth-child(2) > div{
    display: block;
    margin-left: -30px;
    }
        #product > div:nth-child(2) > span{
        padding-left: 35px;
    }
}

@media only screen and (min-width : 768px){
    #product > div:nth-child(2) > div{
    width: calc(100% + 60px);
    display: block;
    margin-left: -30px;
    }

    #product > div:nth-child(2) > span{
        padding-left: 35px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px){
#myCarousel > div{
    height: 400px;
    width: 512px;
    margin-left: -15px;
    margin-right: 0px;
    
}

#myCarousel > div > div.item.active > img{
    max-height: 400px;
    min-height: 400px;;
    object-position: center;
    position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
    overflow: hidden;
    object-fit:contain;
}
    
    #caretIcon{
        position: relative !important; left: 40%;
    }
    #footer > a > img{
        margin-right: 50px;
        margin-top: -150px;
    }
}

@media only screen and (min-width : 992px) and (max-width : 1199px){
    #carousel-bounding-box{
        overflow:hidden;
    }
    #myCarousel > div{
    height: 400px;
    width: 409px;
    margin-left: -15px;
    margin-right: 0px;
    
}

#myCarousel > div > div.item.active > img{
    max-height: 400px;
    min-height: 400px;;
    object-position: center;
    position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
    overflow: hidden;
    object-fit:contain;
}
    #caretIcon{
        position: relative !important; left: 55%;
    }

    #footer > a > img{
        margin-right: 50px;
        margin-top: -150px;
    }
}

@media only screen and (min-width : 1200px){
#myCarousel > div{
    height: 400px;
    width: 512px;
    margin-left: -15px;
    margin-right: 0px;
    
}

#myCarousel > div > div.item.active > img{
    max-height: 400px;
    min-height: 400px;;
    object-position: center;
    position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
    overflow: hidden;
    object-fit:contain;
}
    
    #caretIcon{
        position: relative !important; left: 65%;
    }
    
    #footer > a > img{
        margin-right: 50px;
        margin-top: -150px;
    }
}

#table_c > table:nth-child(3) > tbody > tr:nth-child(1) > th, #table_c > table:nth-child(5) > tbody > tr:nth-child(1) > th{
    background-color: rgb(102,153,255);
    color: white;
}

#table_c > table:nth-child(4) > tbody > tr:nth-child(1){
    background-color: rgb(57, 96, 172);
        color: white;
}

#header > div > div.navbar-header > button{
    border-color: rgb(255, 167, 0);
}

#header > div > div.navbar-header > button > span:nth-child(1), #header > div > div.navbar-header > button > span:nth-child(2), #header > div > div.navbar-header > button > span:nth-child(3){
    background-color:white;
}

#search-contents > div.row.visible-xs > div > div{
    width: 91%;
    margin-bottom: 20px;
}

#search-contents > div.row.visible-xs > div > div > form > span > button{
    padding: 6px 12px;
    background-color: rgb(102,153,255);
    border-color: rgb(102,153,255);
}

.buttonhome {
  padding: 15px 25px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  box-shadow: 0 5px #999;
}

.buttonhome:hover {background-color: #3e8e41}

.buttonhome:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


.slide:after{
  content:"View All Classified Ads";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  text-align:center;
  -webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide:before {
  content:"3000+ Products waiting →";
  height:100%;
  width:100%;
  position:absolute;
  color:#383736;
  left:-0%;
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide:hover{
  background:#383736;
}

.slide:hover:before{
  left:0;
  opacity:1;
  color:#fff;
}
.slide:hover:after{
  left:100%;
  opacity:0;
}

.slide.left:hover{
  background:none;
}

.slide.left:before {
  left:100%;
  
  -webkit-transition: all 425ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}

.slide.left:hover:before{
  left:0;
}

#header-navbar > ul > li:nth-child(3){
    margin-bottom:-10px;
    margin-top: -3px;
}

.carousel-control{
    color: rgb(255, 167, 0);
}

/* begin pop */
.stick_block_layer {
	background-image: url("pattern.png");
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.stick_popup {
	height: 200px;
	width: 80%;
	box-shadow: 0px 0px 7px #4a4a4a;
	-moz-box-shadow: 0px 0px 7px #4a4a4a;
	-webkit-box-shadow: 0px 0px 7px #4a4a4a;
	background: #f2f2f2;
	-webkit-animation: zoomin 0.7s;
	animation: zoomin 0.7s;
}

.stick_content {
	padding: 20px;
}

.stick_close {
	cursor: pointer;
	position: relative;
	top: 0px;
	left: 0px;
	float: right;
	font-family: Arial;
	font-size: 17px;
	background-color: #d1d1d1;
	color: #4c4c4c;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

/* 
CSS3 animation keyframes.
*/
@-webkit-keyframes zoomin {

	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@-ms-keyframes zoomin {

	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	
}
@keyframes zoomin {

	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

/* begin pop */


/* begin sharing buttons */
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
    width:fit-content;
    width: -webkit-fill-available;
}
/* end sharing buttons */

.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:0px;
    right:150px;

color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
z-index:10000;
}

.my-float{
    margin-top:16px;
}