/** General Styles **/



body {

	background-color: #f5f5f5;

}

ul li{list-style: none;}




.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}



.active {

	color: #5B4389;

	font-weight: 700

}



.activeItem {

	background-color: #443872;

	color: #fff;

}



.alertItem {

	background-color: #c62121;

	color: #fff;

}



/* Header */

header {

	height: 40vh;

	background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

}



.sitename {

	font-family: 'Open Sans';

	color: #fff;

	font-size: 3em;

	text-align: center;

	font-weight: 300;

	line-height: 35vh;

}



/* Navbar */

.main-menu img {

	height: 100%;

}



.main-navbar {

	z-index: 99999;

	background: #eee;

	position: fixed;

	width: 100%;

	font-family: 'Open Sans';

	height: 60px;

	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);

}



.main-menu {

	display: none;

	padding: 0;

	margin: 0;

	height: 100%;

	float: left;

}



.menu-mobile {

	float: left;

	padding: 5px 20px;

	font-size: 2em;

	display: block;

}



.main-menu-mobile {

	position: fixed;

	top: 60px;

	z-index: 9998;

	width: 100%;

	list-style: none;

	border-bottom: 3px solid #bbb;

	background-color: #ccc;

	display: none;

}



.main-menu-mobile li {

	margin: 30px 10px;

}



.main-menu-mobile li a {

	color: #000

}



@media only screen and (min-width: 768px){

	.main-menu {

		display: block;

	}

	.menu-mobile {

		display: none;

	}

}



.main-menu li {

	display: inline-block;

	height: 100%;

	padding: 15px;

	border-right: 1px solid #ddd;

	cursor: pointer;

	transition: ease all .3s;

}



.main-menu li:hover {

	background-color: #532fb7;

}



.main-menu li:hover a {

	color: #fff;

}



.main-menu li a {

	color: #222;

}



.main-menu li a {

	text-decoration: none;

}



.compare-btn {

	opacity: 0.5;

	float: right;

	background-color: #532fb7;

	height: 100%;

	padding: 0px 30px;

	font-family: 'Open Sans';

	color: #fff;

	text-transform: uppercase;

	cursor: pointer;

	border: none;

	transition: all ease .3s;

	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);

}



.compare-number {

	float: right;

	height: 100%;

	font-family: 'Open Sans';

	font-weight: 700;

	padding: 15px 25px;

}



.compare-number span {

	background-color: #532fb7;

	border-radius: 100%;

	color: #fff;

	padding: 2px 8px;

	font-weight: 400;

}



.main-navbar h1 {

}



/* Container */

.cont-main {

	background-color: #fff;

	margin-top: -10vh;

	padding: 0;

	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);

}



.cont-main-compare {

	background-color: #fff;

	margin-top: -25vh;

	padding: 0;

	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);

}



/* Watches Section */

.watches-categorie {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}



.watches-categorie > div:first-child {

	padding: 10px 20px;

}



p {

	margin: 0;

	padding: 0

}



.itemFather {

	padding: 10px;

}



.item {

	padding: 10px;

	border-radius: 10px;

	text-align: center;

	cursor: pointer;

	transition: all ease .3s;
	height: 240px;
}



.item:hover {

	border: 3px solid #443872;

}



.item-image {

	background-color: #fff;

	border-radius: 10px;

	padding: 10px;

}



.item-image img {

	width: 100%;

	max-width: 100px;

	max-height: 100px;

}



p.watch-model {

	font-weight: 700;
	word-break: break-all;
}



p.watch-brand {

	font-weight: 300;

}



/* Compare sidebar */

.sidebar-title {

	padding: 20px;

	font-size: 1.2em;

	text-transform: uppercase;

}



.side-item {

	margin: 5px 0;

	position: relative;

}



.side-item .removeBtn {

	float: right;

/*	margin-right: 30px;*/

	margin-top: 10px;

	font-size: 1.5em;

	cursor: pointer;

}



.info-box {

	float: left;

}



.side-item img {

	float: left;

	max-width: 80px;

	max-height: 80px;
	margin-left: -13px;
}



.side-item p.watch-model {

	margin-top: 5px;
	width: 120px;
}



/* Compare page */

.watch-item img {

	width: 90%;

}



.watch-item {

	text-align: center;

}



.compare-watches {

	padding: 0;

	border-bottom: 1px solid #ccc;

	margin: 0

}





.compare-sidebar {
	display: none;
}



.compare-watches div {

	text-align: center;
	margin-bottom: 10px;
}



.compare-watches div ul {

	height: 100%;

	padding: 0;

	margin: 0

}



.compare-watches div ul li {

	display: inline-block;

	height: 230px;

	border-left: 1px solid #ccc;

	padding: 20px 30px;

}



.compare-watches div ul li img {

	width: 100px;

	height: 100px;



}



.compare-watches div ul li:last-child {

	border-right: 1px solid #ccc;

}



.compare-items div.col-10 div.row div {

	margin-bottom: 10px;

}



.buy {

	margin-top: 10px;

	background-color: #1a882b;

	color: #fff;

	font-family: 'Open Sans';

	border: none;

	border-radius: 10px;

	cursor: pointer;

	margin-bottom: 10px;

	padding: 10px;

}



.delete {

	background-color: #9b1414;

	border: none;

	color: #fff;

	border-radius: 100%;

	cursor: pointer;

	position: absolute;

	top: 20px;

	left: 40%;

	opacity: 0;

	padding: 10px;

	transition: all ease .3s;

}



.watch-item:hover .delete {

	opacity: 1;

}



.compare-models {

	border-bottom: 1px solid #ccc;

	text-align: center;

	background-color: #535ea9;

	color: #fff;

	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);

	font-family: 'Open Sans';

}



.compare-models div {

	padding: 10px 0;

}



.compare-categorie {

	font-family: 'Open Sans';

	padding: 10px 20px;

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #ccc;

	text-transform: uppercase;

}



.compare-items {

	text-align: center;

	padding: 5px 0;

}



.compare-items div:first-child {

	/*font-weight: 700;*/

}



.spe-area {

	padding-right: 0;

}



.similar-bar {

	border-left: 1px solid #ccc;

	padding-left: 0;

}



.similar-title {

	font-family: 'Open Sans';

	padding: 10px;

	text-transform: uppercase;

}



.similar-box {

	border-bottom: 1px solid #ccc;

	/*padding: 10px;*/

}



.addBtn {

	float: right;

	font-size: 1.5em;

	margin-top: 10px;

	margin-right: 10px;

}



/* Product Page */

.watch-product {

	text-align: center;
	margin-left: 30%;

}



.watch-product > div {

	text-align: center;

}



.info-product {

	padding: 55px 30px;

}



.product-brand {

	font-family: 'Open Sans';

	font-weight: 300;

	font-size: 2em;

}



.buy-btn-1 {

	background-color: #7550A9;

	padding: 5px 15px;

	color: #fff;

	font-family: 'Open Sans';

	border: none;

	margin: 0 5px;

	border-radius: 10px;

	opacity: 0.6;

	transition: all ease .3s;

	cursor: pointer;

}



.buy-btn-2 {

	background-color: #6878E1;

	padding: 5px 15px;

	color: #fff;

	font-family: 'Open Sans';

	border: none;

	margin: 0 5px;

	border-radius: 10px;

	opacity: 0.6;

	transition: all ease .3s;

	cursor: pointer;

}



.buy-btn-1:hover {

	opacity: 1;

}



.buy-btn-2:hover {

	opacity: 1;

}



.product-model {

	font-family: 'Open Sans';

	font-weight: 700;

	font-size: 2em;

}



.watch-product div.info-product {

	float: left;

}



.watch-product div:first-child img {

	float: none;

}



@media only screen and (min-width: 768px){

	.watch-product div:first-child img {

		float: right;

	}

}







/* About us page */

.about-header {

	height: 30vh;

	background-image: url(../img/about-header.jpg);

	background-size: cover;

	background-position: center center;

	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */

	text-align: center;

}



.about-header h2 {

	line-height: 25vh;

	color: #fff;

	font-size: 4.5em;

	text-shadow: 0px 0px 3px #000000;

}



.text {

	padding: 50px;

}



/* Blog Feed Page */

.feed-header {

	height: 30vh;

	background-image: url(../img/feed-header.jpg);

	background-size: cover;

	background-position: center center;

	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */

	text-align: center;

}



.feed-header h2 {

	line-height: 25vh;

	color: #fff;

	font-size: 4.5em;

	text-shadow: 0px 0px 3px #000000;

}



.blogItem {

	margin: 10px;

	text-align: center;

	font-family: 'Open Sans';

	margin-bottom: 100px;

}



.post-info {

	margin: 10px 0;

}



.blogItem p {

	margin: 0;

	padding: 0;

	text-align: justify;

}



.blogItem h4 {

	font-size: 2em;

	text-align: left;

}



.user-info {

	float: left;

}



.date-post {

	float: right;

}



.user-info img {

	float: left;

	width: 30px;

	height: 30px;

	border-radius: 100%;

	background-size: cover;

	background-color: #ddd;

}



.user-info p {

	float: left;

	margin-left: 10px;

}



.read-btn {

	margin-top: 10px;

	border: none;

	background-color: #7452AC;

	border-radius: 5px;

	color: #fff;

	padding: 5px 20px;

	float: right;

	transition: all ease .3s;

	cursor: pointer;

}



.read-btn:hover {

	background-color: #4e3775

}



/* Contact Us page */

.contact-header {

	height: 30vh;

	background-image: url(../img/contact-header.jpg);

	background-size: cover;

	background-position: center center;

	box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */

	text-align: center;

}



.contact-header h2 {

	line-height: 25vh;

	color: #fff;

	font-size: 4.5em;

	text-shadow: 0px 0px 3px #000000;

}



/* Footer */

footer {

	margin-top: 100px;

	background-color: #232323;

	font-family: 'Open Sans';

	color: #fff;

	padding: 30px 0;

}



.warning-box {

	position: fixed;

	bottom: 0;

	background-color: #c62121;

	padding: 20px;

	color: #fff;

	font-family: 'Open Sans';

	width: 100%;

	z-index: 999;

	display: none;

}



.site-info-footer {

	font-family: 'Open Sans';

}



.site-info-footer h4 {

	text-transform: uppercase;

}



.site-info-footer ul li {

	display: inline-block;

	color: #ddd;

	transition: all .3s ease;

	margin: 0 5px;

}



.site-info-footer ul li:hover {

	color: #fff;

}



.site-info-footer p {

	margin: 30px 0;

	color: #bbb

}

.delete a:hover{color: #FFF !important;}
 .menu-footer-container ul li a {
    color: #BBB;
    text-decoration: none;
}
.menu-footer-container ul li a:hover {
    color: #FFF;
    text-decoration: none;
}
.menu li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}
.widget_recent_entries ul li a {
    color: #BBB;
    text-decoration: none;
}
.widget_recent_entries ul li a:hover {
    color: #FFF;
    text-decoration: none;
}
.widget_recent_entries li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}
.similar-box a {color: #000;}
.fixed {position: fixed;float: left;margin-left: 65%;left: 0;top: 0;width: 15%;}