/*
Theme Name: Vexica 2019
Theme URI: 
Description: WP RWD Theme based on Bootstrap framework
Version: 3.3.1
Author: James Mackay
Author URI: 
Template: wordpress-bootstrap-master
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
body {
	/*font-family:Calibri, Arial, Helvetica, sans-serif;*/
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	color:#888;
	font-size:12px;
	padding-top:0px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:300;
}
p.lead, p {
	font-size:12px;
	text-align:left;
	padding-left:10px;
}
p.meta {
	text-align:center;

}
/* Bootstrap Overrides */

.navbar {
	margin-top:20px;
	padding-top:20px;
	padding-bottom:0px;
	border-bottom:0px;
}
.navbar .pull-right {
	margin-bottom:0;
	margin-top:-7px;
}
.navbar-default {
	background:rgba(0, 0, 0, 0.7);
	border-color:none;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
}
.navbar-nav > li > a {
	padding-bottom: 10px;
	padding-top: 10px;
	border-top:2px solid rgba(255, 255, 255, 0);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color:#e9e9e9;
	color: #333;
	border-top:2px solid #fff;
}

.navbar-default .navbar-nav > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav .current-menu-parent > a {
	background-color:#e9e9e9;
	color: #333;
}

.navbar-default .navbar-nav .current-menu-parent > a:hover {
	background-color:#e9e9e9;
	color: #333;
}

.nav > li > a {
	/*padding:17px 37px 18px;*/
	padding:17px 30px 18px;
}
.navbar-nav > li > a:hover {
	border-top:2px solid #fff;
	color:#fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
	color: #fff;
}
.nav.navbar-nav {
	border-top:2px solid #fff;
	margin-top:27px;
}
.dropdown-menu {
	background:rgba(231, 231, 231, 0.9);
	border:none;
	border-radius:0px;
	box-shadow:none;
	min-width:138px;
}
.dropdown-menu > li > a {
	font-size:12px;
	border-bottom:2px solid #333;
	padding:3px 0px;
}
.dropdown-menu > li {
	padding:0px 7px;
}
.customTable td, .table.customTable > tbody > tr > td {
	border-top:0px solid;
	vertical-align:top;
	max-width: 700px;
	font-size: 1.3em;
}
.page-header {
	text-align:center;
	margin:0px;
	border-bottom:0px;
}
.page-header h1, .page-header h1.page-title {
	font-size:20px;
	padding-left:7px;
	margin-top:0px;
}
.page-header h1, .page-header h1.page-title a{
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;

}
.page-header p{
	padding-top:100px;


}
#main .customTableTwo td {
	border-bottom:1px solid #fff;
	padding-top:30px;
	padding-bottom:30px;
}

#main .customTableTwo td:nth-child(1) img {
	display:block;
	margin-bottom:5px;
}

#main .customTableTwo td:nth-child(2) img {
	float:right;
	max-width:170px;
	margin-left:20px;
}

#main .customTableTwo img {
	max-width:250px;
	margin-right:15px;
}
.customTableTwo h2 {
	font-size:14px;
	margin:0px;
	margin-bottom:10px;
	line-height:18px;
}
.customTableTwo p {
	line-height:22px;
}


.modal-lg.modal-gallery {
	margin-top:50px;
}
.modal-content {
	border:none;
	box-shadow:none;
	border-radius:0px;
}
.modal-dialog {
	margin-bottom:0px;
}
.modalGallery {
	min-height:500px;
	padding:15px;
	background:#000;
}
/* New Styles */

.tp-bullets.preview4 .bullet {
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0 !important;
    border: 5px solid rgba(255, 255, 255, 0) !important;
	margin-right:4px !important;
}

.tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0 !important;
    border: 5px solid rgba(255, 255, 255, 1) !important;
}


#content {
	padding-top:0px;
}
#content.insidePageBlock {
	background:rgba(0, 0, 0, 0.7);
	min-height:700px;
	_max-width: 800px;
	_margin: 0px;
	padding:127px 0px 0px 0px;
	color:#fff;
}
#content.insidePageBlock p {
	color:#fff;
}
#content.insidePageBlock .modal, #content.insidePageBlock .modal p {
	color:#000;
}
/* Products Page Styling */

.productsPageBlock h2 {
	text-align:center;
	text-transform:uppercase;
	font-size:24px;
	margin-bottom:15px;
	margin-top:30px;
	clear:both;
}
.prodDetPopup h2 {
	text-align:left;
	font-size:22px;
	margin-top:15px;
	margin-bottom:15px;
	text-transform:uppercase;
}
.product-grid {
	padding-left:0px;
	list-style:none;
}
.img-wrap img {
	max-width:100% !important;
	max-height:250px !important;
}
.product-grid .product-name {
	font-size:16px;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	margin-bottom:30px;
	color:#fff;
	min-height:40px; /*Added on 1stJuly for fixing Grid Allignment Issue if Title is Big*/
}
/* Projects Page */

.projectsRowBlock {
	background:#000;
	margin-top:30px;
}

.projectsRowBlock a {
	display:block;
	display:inline-block;
	padding-right:5px;
	color:#fff;
	max-width:100%;
}

.projectsRowBlock a:hover {
	color:#999;
	text-decoration:none;
}

.projectsRowBlock a img {
	max-width:100%;
}
.projectImgBlock, .projectDetBlock {
	padding:15px;
}
.projectImgBlock .post_content {
	/*border:1px solid #999;*/
	/*background:#fff;*/
	padding-left:10px;
}
.projectDetBlock h3.h2, .projectDetBlock h3.h2 a {
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
}
.projDetails, .projDetails p {
	color:#fff;
	font-size:12px;
	margin-bottom:0px;
}

/* Media Queries */
@media screen and (max-width:1200px) {
 .nav > li > a {
 padding:10px 20px;
}
 .img-wrap img {
 max-width:100% !important;
 max-height:200px !important;
}
}
#hover-cap-4col .prodImage {
	position:relative;
	overflow:hidden;
	/*background:#fff;*/
	text-align:center;
}
#hover-cap-4col .prodImage img {
 transition: all .2s ease-in-out;
}
#hover-cap-4col .prodImage img:hover {
	transform: scale(1.1);
}
.prodDetails {
	display: none;
	position: absolute;
	z-index:999;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	color:#fff !important;
}
.prodDetails h4, .prodDetails p {
	padding:15px;
	text-align:center;
}
.prodDetBg {
	background:#dfdede;
	border-right:10px solid #fff;
	border-left:15px solid #fff;
	min-height:600px;
	padding-top:50px;
}
.prodDetBg2 {
	border-right:20px solid #fff;
	border-left:0px;
}
.prodDetBg h3, .prodDetBg h4 {
	font-size:12px;
	font-weight:bold;
	margin-top:0px;
}
#prodImages.boxShadow img, .thumbsSliderBlock .viewer img, .thumbsSliderBlock #thumbs img {
	border:1px solid #666;
}

.modal-gallery .viewer img,  .modal-gallery #thumbs img {
	border:1px solid #666;
}
#prodImages #prodThumbs img, .thumbsSliderBlock #thumbs img {
	margin:10px 10px 0 0;
}
.prodDetList {
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}
.prodDetList li {
	display:block;
	list-style:none;
	font-size:12px;
	line-height:18px;
}

.prodDetList .listBorderBlock {
	display:block;
	border-top:1px solid #333;
	font-size:12px;
}

.listBorderBlock br, .prodDetList br {
	display:none;
}
.prodDetList section span {
	margin-right:3px;
	font-size:12px;	
	color:#888;
}

.prodDetList section span b {
	color:#000;
	font-weight:normal;
}

.prodDetList hr {
	display:none;
}

.prodDlLink {
	margin:30px -35px 0 10px;
	padding:0;
}
.prodDlLink li {
	list-style:none;
	display:block;
	clear:both;
	float:right;
	margin-top:2px;
	border-radius:5px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	background:rgba(0, 0, 0, 0.3);
	padding:3px 10px 10px;
	padding-left:30px;
	width:170px;
}
.prodDlLink li a {
	display:inline-block;
	
	float:left;
	
	
	font-size:12px;
	text-align:left;
	color:#fff;
	text-decoration:none;
	position:absolute;
	margin-left:-20px;
	padding-right:130px;
	padding-bottom:10px;
}
.prodDlLink li a img {
	float:left;
	margin-right:10px;
	margin-top:5px;
	max-width:25px;
}
.prodDlLink li em {
	font-style:normal;
	display:inline-block;
	padding-top:5px;
	color:#fff;
}
/* Menu Hover Fix */
ul.nav li.dropdown:hover ul.dropdown-menu {
	display: block;
}
.navbar .dropdown-menu {
	margin-top: 0px;
}
/* Thumbs Gallery */

/*.selected img {
	opacity:0.5;
}

.sliderWrapper {
	max-width:500px;
}

.thumbsBlock {
	margin-top:15px;
}*/

#thumbs {
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
	margin:0 0 10px 0;
}
#thumbs img {
	border: none;
	padding: 0;
	margin: 0;
}
#thumbs ul {
	padding:0;
	margin:0 auto;
	list-style-type:none;
	float:left;
	position:relative;/*left:50%;*/
}
#thumbs li {
	float:left;
	position:relative;
	/*right:50%;*/
  padding:0;
	margin:5px 5px 0 0;
}
#thumbs li a {
	/*background-color:#2B2B2B;
  margin:0;
  padding:5px;
  display:block;*/
  width: 125px;
	height: 75px;/*text-decoration:none;*/
}

.modal-gallery #thumbs {
	margin-top:35px;
}

.modal-gallery #thumbs li a {
	width:75px;
}
#thumbs li a:hover, #thumbs li.active a {
/*background-color:#990000;*/
}
.viewer {
	clear: both;
	margin:10px 0;
	padding:0;
	/*background-color:#990000;*/
  overflow:hidden;
	height:300px;
	width:300px;
}

.viewerCenter {
	width:100%;
	margin:0 auto;
}
.viewer-image {
	clear:both;
	padding:0;
	margin:0;
	/*font-size:1.1em;*/
  position: relative;
	display: block;
	height:300px;
	width:300px;
}

/*.modalGallery .thumbsSliderBlock {
	max-height:600px;
}*/

.modalGallery .viewer {
	height:auto;
	min-height:500px;
	max-height:500px;
}

.modalGallery .viewer-image {
	width:100%;
	height:auto;
	min-height:500px;
	max-height:500px;
	text-align:center;
}

.modalGallery .viewer-image img {
	margin:0 auto;
	max-height:500px;
}

.viewerCenter .viewer-image {
	margin:0 auto;
}

/*.modal-dialog.modal-lg.modal-gallery {
	border:1px solid #666;
}*/

.close.xIcon {
	color:#fff;
	text-shadow:none;
	opacity:1.0;
	font-size:30px;
}

.close.xIconSmall {
	color:#000;
	font-size:20px;
	margin-top:-40px;
}
/* Footer Styles */

.footerArea {
	padding:20px 0;
	color:#fff;
}
.footerArea a {
	color:#fff;
}
.attribution {
	color:#fff;
}
/* Contact Form */

.wpcf7-form {
	margin-top:15px;
	background:#000;
	padding:15px;
	margin-bottom:15px;
}

.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {
	color:#9d9d9d;
	padding:4px;
}
.wpcf7-form label {
	min-width:140px;
	vertical-align:top;
}
.wpcf7-form textarea {
	max-height:130px;
	max-width:270px;
	width:100%;
}
.wpcf7-form input, .wpcf7-form select {
	max-width:270px;
	width:100%;
	margin-bottom:5px;
	border:none;
}
.wpcf7-form-control.wpcf7-submit {
	color:#000;
	background:#fff;
	margin-left:140px;
	margin-top:10px;
	border:none;
	width:90px;
	padding:5px 7px;
}
/* Thumbnail Scroller */
.thumbBlock {
	overflow: auto;
	position: relative;
	padding: 10px;
	background: #333;
	margin: 10px auto;
	margin:0 auto;
	width: 85%;
	height: auto;
}
.thumbBlock li {
	margin: 0 4px;
}
.thumbBlock li a {
	display: block;
	/*border: 7px solid rgba(255, 255, 255, .1);*/
}
#content-1 {
	padding: 0px 30px;
	background-color: transparent;
	width: 100%;
}
#content-1 .mTSButtonIcon {
	fill: #aaa;
}
#content-1 .mTSButton .mTSButtonIcon {
	opacity: .5;
}
#content-1 .mTSButton:hover .mTSButtonIcon {
	opacity: 1;
}


/* To Top Link */

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 20px; /* padding from the left side of the window */
	font-size:20px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
	bottom: 50px; /* height of link element */
    right: 20px; /* padding from the left side of the window */
	font-size:20px;
}

#top-link-block.affix-top .well-sm {
	padding:2px 10px;
	margin-bottom:0px;
}
#top-link-block.affix .well-sm {
	padding:2px 10px;
	margin-bottom:0px;
}



/*@media screen and (min-width:768px) {
	#top-link-block.affix {
    bottom: 70px;
}
}*/


/* Slider Button */

.tp-button.darkgrey.small {
	background:rgba(0, 0, 0, 0.7) url(images/playIcon.png) no-repeat 10px 10px;
	border:none;
	color:#fff;
	text-align:right;
	padding:20px 20px 20px 70px !important;
	border-radius:30px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	text-shadow:none !important;
	font-size:18px !important;
	font-weight:normal !important;
/*	min-height:30px !important;
	line-height:24px !important;
	display:inline-block !important;*/
}

.tp-button.darkgrey.small:hover {
	text-decoration:none;
}

.container.prodDetPopup {
	max-width:100%;
}

@media screen and (min-width:1280px) {
.modal-lg {
	width: 1170px;
	margin-top:127px;
	box-shadow:none;
}
}

@media screen and (min-width:992px) {
	/*.modal .wonderpluginslider div div div div div div, .amazingslider-box-1, .amazingslider-swipe-box-1 {
	min-height:400px;
	}*/
	
	.modal .wonderpluginslider div div div div div div, div[class^=amazingslider-box-], div[class^=amazingslider-swipe-box-]{
	min-height:400px;
	}
}

@media screen and (max-width:991px) {
	.prodDetBg2 {
		margin-left:15px;
	}
	
	.modal .wonderpluginslider div div div div div div, div[class^=amazingslider-box-], div[class^=amazingslider-swipe-box-]{
	min-height:300px;
	}
}

/* Modal Gallery Width Limitation */

.modalGallery {
	max-width:1170px;
}

/*@media screen and (max-width:1024px) {
	.modalGallery {
	max-width:1024px;
}

}

@media screen and (max-width:768px) {
	.modalGallery {
	max-width:768px;
}
}

@media screen and (max-width:767px) {
	.modalGallery {
	max-width:400px;
}
}*/

/* Amazing Slider */

/*.amazingslider-box-1, .amazingslider-slider-1, .amazingslider-wrapper-1, .wonderpluginslider, .wonderpluginslider-container, .wonderpluginslider-container img {
	min-height:300px;
}*/

.amazingslider-bullet-img-1, img[class^=amazingslider-bullet-img-] {
	width:96.5% !important;
	max-height:100px;
}

.amazingslider-bullet-text-1, div[class^=amazingslider-bullet-text-] {
	display:none !important;
}

.amazingslider-video-wrapper-1, div[class^=amazingslider-video-wrapper-] {
	border:5px solid #fff;
	border-left:0px solid;
}

/* Go To Top Link */

#top-link-block.affix .well-sm {
	background:#b4e606;
	border-radius:30px;
	padding:10px 13px;
	border:none;
	border:5px solid #fff;
}

.modal-header {
border-bottom:0px solid #fff;
}

/* For Border Issue in Product Image Popup */
.thumbsSliderBlock .viewer .img-responsive {
	max-height:100%;
}

@media screen and (min-width:991px) and (max-width:1280px) {
	.thumbsSliderBlock .viewer, .thumbsSliderBlock .viewer-image {
		max-width:100%;
	}
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.nav > li > a {
    padding: 10px 12px;
	}
}


@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block !important;
        float: none !important;
        vertical-align: top !important;
    }

    .navbar .navbar-collapse {
        text-align: center !important;
    }
}