/*************************************/
/******* Alltraders Template *******/
/***********************************/
/*** http://www.alltraders.com ***/
/**** support@alltraders.com ****/

/************************/
/*** Core html ***/
/**********************/

/* Reset all values */

html {margin: 0;padding: 0;}

body {background: #FFFFFF;color: #555555;font-size: 16px;font-family: 'Poppins', sans-serif;font-weight: 400;margin: 0;min-height: 100%;padding: 0;text-align: left;line-height: 1.8;}

#left .spanlink {
	color: rgba(0, 0, 0, 0.9);
	transition: all 0.3s ease;
	background: rgba(0,0,0,0);
}

#left a:not(.btn) {
	color: rgba(0, 0, 0, 0.9);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	transition: all 0.3s ease;
	background: rgba(0,0,0,0);
}

#left a:hover:not(.btn) {
	text-decoration: none;
	color: rgba(0, 0, 0, 1);
	border-bottom: 1px solid rgba(0,0,0,0.4);
	background: rgba(0,0,0,0.08);
}

#left a.more-btn { color: #000; font-size: 15px; border-bottom: 0 none; font-weight: bold; cursor: pointer; }
#left a.more-btn:hover { border-bottom: 0 none; background: transparent; }

p { line-height: 2; }
p strong { color: rgba(0, 0, 0, 0.9); }
ul {color: #555555;}
h1 {font-size: 52px;font-weight: 500;text-shadow: 0 2px 6px rgba(0,0,0,0.4), 0 9px 18px rgba(0,0,0,0.2); margin-bottom: 0.3rem; }
h1 span { font-weight:300; }
h2 {color: #000;font-size: 24px;font-weight: 600;text-transform: uppercase;margin-bottom: 27px;}

ul li {list-style:disc outside none;margin: 0 0 0 20px; }

ol li {list-style:inherit outside none;margin: 0 0 0 20px; }

/************************/
/*** Content ***/
/**********************/

#contactdetails {/*position: relative;top: -190px;*/color: #fff;text-align:center;padding: 30px 0;background: #000;margin-bottom: 30px;}
#contactdetails h1 {display: inline-block;text-shadow:none;font-size: 28px; margin: 7px 0 0 0;}
#contactdetails h2 { margin: 11px 0 0 0; text-transform: none; font-size: 26px; }
#contactdetails h2 a { padding: 0 20px; }
#contentwrapper {/*position: relative;top: -100px;*/    }
#contactdetails p { display: inline-block; font-size: 28px; line-height: 1.3; /*text-shadow: 0 2px 4px rgba(0,0,0,0.35), 0 4px 8px rgba(0,0,0,0.17);*/ margin-bottom: 0; }
#contactdetails a { color: #fff; border-bottom: none; font-weight:300; }
#contactdetails a:hover { text-decoration: none; }
#contactdetails a img { margin: 5px 0 0 13px; }
.rsform-block-hidecap .formRequired {display:none;}
.email { /*font-size:21px;*/ }
.pull-right {float: right !important;margin-left: 12%;}
.pull-left {float: left !important;margin-right: 12%;}
.rsform-block-captcha .formRequired {display:none;}
.blog-featured .pull-right img {margin-bottom: 45px;}
.item-image {position: relative;}

.item-image > img {position: relative;-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-ms-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-out;z-index: 1;max-width: 100%;height: auto;}

.item-image:after {border: 2px solid #c6c6c6;content: "";height: 100%;position: absolute;top: -35px;-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-ms-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-out;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-ms-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s;width: 100%;z-index: 0;right: -35px;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.btn {text-transform: uppercase;border-radius:0px;padding: 1.0rem 3.55rem;border: 2px solid transparent;}

.btn-outline-dark { border-color: #000 !important; }
.btn-outline-dark:hover { background: #000 !important; color: #fff !important; }

#Send {border-bottom: 1px solid rgba(0,0,0,0.2);border-bottom-color: rgba(0, 0, 0, 0.2);transition: all 0.3s ease;background: #000 !important;color: #fff !important;text-transform: uppercase;padding: .600rem 1.75rem;border: 2px solid transparent;border-radius: .25rem;}

#Send:hover {background:#393939 !important;}

.btn-outline-dark.focus, .btn-outline-dark:focus {box-shadow: none;}

body.contentpane {width:auto;margin:10px;text-align: left;}
img { border: 0 none; }

#mainnavigation .dj-megamenu-accordion {position: fixed;z-index: 2;right: 20px;top: 20px;}
#mainnavigation .dj-megamenu-select-light .dj-mobile-open-btn, #mainnavigation .dj-megamenu-offcanvas-light .dj-mobile-open-btn, #mainnavigation .dj-megamenu-accordion-light .dj-mobile-open-btn {padding:4px 0 0 0px !important;width: 52px;height: 50px;}

.email {}

/************************/
/*** Pagination ***/
/**********************/
.pagination {float:right;position:relative;left:-50%;text-align:left;}
.pagination ul {list-style:none;position:relative;left:50%;text-align: center;margin: 0px !important;padding: 0px !important;}
.pagination li {list-style: none;float: left;border: 1px solid #ddd; padding: 5px;border-radius: 5px;margin-right: 5px !important;}
.pagination p.pull-right {text-align: center;}
.pagination li.disabled {display: none;}
.pagination a, .pagination span {float: none;display: block;padding: 5px;}

.icon-next, .icon-last, .icon-previous, .icon-first {position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;margin-top: 3px;margin-bottom: 3px;font-size: 16px;padding: 0px !important;}

.icon-next:hover, .icon-last:hover, .icon-previous:hover, .icon-first:hover {text-decoration: none;border: none;}

.icon-next::before {content: "\e080";}
.icon-last::before {content: "\e075";}
.icon-previous::before {content: "\e079";}
.icon-first::before {content: "\e071";}
.counter {display: none;}
.mceContentBody  {text-align: left !important;}

@media only screen and (max-width: 1024px) {
h1 {font-size: calc((28 / 767) * 100vw);}
#contactdetails p, .email {font-size: calc((22 / 767) * 100vw);}
}

@media only screen and (max-width: 767px) {
.pull-right {float: none !important;margin-left: 0;}
.pull-left {float: none !important;margin-right: 0;}
.item-image::after {border:none;}
.item-image > img {max-width: 50%;}
#contactdetails {/*top: 60px;position: absolute;*/width: 100%;}
h1 {font-size: calc((24 / 767) * 100vw);}
#contactdetails p {font-size: calc((20 / 767) * 100vw);}
#contactdetails a img { margin: 6px 6px 0 6px; }
.email {font-size: calc((20 / 767) * 100vw);padding-left:0px;}
#contentwrapper {position: inherit;top: 0px;/*margin-top: 25px;*/}
.blog-featured .pull-right img {margin-bottom: 0px;}
}


@media only screen and (max-width: 480px) {
#contactdetails {/*top: 135px;position: absolute;*/width: 100%;}
#contentwrapper {position: inherit;top: 0px;}
#contactdetails h1, #contactdetails a {font-size: calc((28 / 480) * 100vw) !important; }
h2 {/*margin-top: 35px;*/}
#contactdetails p {font-size: calc((20 / 480) * 100vw);}
.email {font-size: calc((20 / 767) * 100vw);padding-left:0px;}
.pull-right {float: none !important;margin-left: 0;}
.item-image::after {border:none;}
.item-image > img {margin-bottom: 15px;}
}

@media only screen and (min-width: 1200px) {
	.row .logo { text-align: left !important; }
}


@media only screen and (max-width: 1200px) {
	#contactdetails .container { max-width: 100%; width: 100%; }
}

@media only screen and (max-width: 976px) {
	#contactdetails .text-right { text-align: center !important; }
}