/* your styles go here */

@font-face { font-family:font1; src:url(fonts/Typo-Gotika-Light-Demo.otf);}   

@font-face { font-family:font2; src:url(fonts/Typo-Gotika-Small-Caps-Demo.otf);}   

@font-face { font-family:font3; src:url(fonts/Now-Regular.otf);}    



body, h1, h2, h3, h4, h5, h6, p, a, .form-control{

	font-family: 'Quicksand', sans-serif !important;

}

p{

	text-align: justify !important;

}

.text-center{

	text-align: center !important;	

}



.background-gray-lightest {

    background: #e1e1e1;

}



.box-services p{

	font-size:16px;	

}

.fancybox-bg{background:#c4c4c4;opacity:0.8;}

.noline:after {

    content: "";

    height: 0px;

}

.linecenter{

	margin: 10px 0;	

}

.linecenter:after {

    margin: 10px auto 10px;

}

.nopadding{

	padding: 0px;	

}

hr {

    border: 0;

    height: 2px;

    margin:18px 0;

    position:relative;

	background: -moz-linear-gradient(left, rgba(9,149,66,0) 0%, rgba(9,149,66,0) 15%, rgba(9,149,66,0.65) 50%, rgba(9,149,66,0) 85%, rgba(9,149,66,0) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(9,149,66,0)), color-stop(15%,rgba(9,149,66,0)), color-stop(50%,rgba(9,149,66,0.65)), color-stop(85%,rgba(9,149,66,0)), color-stop(100%,rgba(9,149,66,0))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left, rgba(9,149,66,0) 0%,rgba(9,149,66,0) 15%,rgba(9,149,66,0.65) 50%,rgba(9,149,66,0) 85%,rgba(9,149,66,0) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left, rgba(9,149,66,0) 0%,rgba(9,149,66,0) 15%,rgba(9,149,66,0.65) 50%,rgba(9,149,66,0) 85%,rgba(9,149,66,0) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(left, rgba(9,149,66,0) 0%,rgba(9,149,66,0) 15%,rgba(9,149,66,0.65) 50%,rgba(9,149,66,0) 85%,rgba(9,149,66,0) 100%); /* IE10+ */

	background: linear-gradient(left, rgba(9,149,66,0) 0%,rgba(9,149,66,0) 15%,rgba(9,149,66,0.65) 50%,rgba(9,149,66,0) 85%,rgba(9,149,66,0) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0000', endColorstr='#00ff0000',GradientType=1 ); /* IE6-9 */

}



hr:before {

    content: "";

    display: block;

    border-top: solid 1px rgba(255,100,100,0.100);

    width: 100%;

    height: 1px;

    position: absolute;

    top: 50%;

    z-index: 1;

}



.lead, .post .post__intro{

	color:#666;

}



.notlead{

	color:#666;

	font-size: 18px;

	line-height: 22px;

}



.dropdown-menu>li> .titlesubmenu{ color:#097137 !important;font-size:16px  !important;line-height:20px  !important; border-bottom:solid 1px #097137; font-weight:bold; }





.accordiontext{

	font-size: 16px;

	line-height: 20px;

}

.picheading{

	max-height: 350px;	

}



.piccarousel{

	max-height: 240px;	

}



.nameteam{font-family:font2 !important; font-size:24px; font-weight:bold; text-align:center; color:#17012e; line-height:32px; text-transform:uppercase; padding-top:15px; letter-spacing:1px; }

.positionteam{font-family:font3; font-size:16px ; color:#999999; text-align:center; line-height:24px; margin:10px 0 20px;}



.contacttext{

	height:75px !important;

	resize:none;	

}



.mapdiv{ 

	height:600px; 

	position:relative;

}  

.scrolloff {

	pointer-events:none;

} 

#map_canvas1{ 

	border:0px; 

	height:100% !important;

	width:100% !important;

	padding-bottom: 20px;

} 

 

 

 

.no-space2 .box2 {

  margin: 1px -14px;

  padding: 0;

} 

 

.post {

  margin-bottom: 20px;

}



.imageshadow{

	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.76);

	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.76);

	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.76);	

}



.space5{height:5px;}

.space2{height:2px;}

.space10{height:10px;}

.space15{height:15px;}

.space20{height:20px;}

.space30{height:30px;}

.space60{height:60px;}  



section {

  padding: 40px 0 20px 0;

}



.box {

	margin: 0 0 10px;	

	padding: 10px 0;

}





.footer__block {

  background: #cccccc;

}



.footer__copyright {

  padding: 10px 0;

}

.box {

    background: transparent;

}

.footer__copyright h4, .footer__copyright h5 {

  color: #aaa;

}



@media (min-width: 992px) {

  .footer__block .row {

    margin-bottom: 5px;

  }

}



.footer__block p {

  color: #696969;

}

.footer__block p a {

  color: #696969;

}



dt a:focus {

    color: #fff;

}

/*................. Menu CSS....................*/   



.navbar-nav {

    margin: auto;

}



.nopadding{padding-left:0px; padding-right:0px;}

.search{ float:right; height:42px; margin:10px 0px 0px 30px;}





.searchbutton{ float:right; width:40px; height:42px;}

.searchinput{ float:right; width:250px; height:42px;}

.inputsearch{ 

	width:250px; 

	height:36px; 

	padding-left:10px;  

    border-style: solid;

    border-width: 1px 0px 1px 2px;

    border-color: #d3d3d3;

	border-top-left-radius:15px;

	border-bottom-left-radius:15px;   

	color:#A1A1A1;

	font-size:14px; 

 	line-height:40px; 

	font-weight:500;

	font-family: 'Quicksand', sans-serif;

 } 

 .submitsearch{ 

	width:38px; 

	height:36px;

    border-top-right-radius:20px; 

    border-bottom-right-radius:20px; 

    border-style: solid;

    border-width: 1px 2px 1px 0px;

    border-color: #d3d3d3;

	background-color: #e1e1e1;

	background-image:url(../img/searchicon.png); 

	background-position:left center;   

	background-repeat:no-repeat;  

}

.navcontainer{

	margin-left: 250px;

}



.menumargin{

	margin-top:30px;	

}



@media (max-width:1500px){

	

.navcontainer{

	margin-left: 150px;

}

.nav > li > a {

    padding: 10px 10px;

}

}



@media (max-width:1200px){

.search{margin:10px 0px 0px 15px;}	

.searchinput{ width:200px;}

.inputsearch{ width:200px;font-size:12px; }



.navcontainer{

	margin-left: 50px;

}



.navbar-right-laptop{

	padding:0px;	

}

.nav > li > a {

    padding: 10px 8px;

}

.navbar-right-laptop{

	float:right;	

}



}

@media (max-width:992px){

.search{margin:10px 0px 0px 15px;}	

.searchinput{ width:150px;}

.inputsearch{ width:150px; }



.navcontainer{

	margin-left: 0px;

}



.menumargin{

	margin-top:25px;

	float:right !important;	

}

}

@media (max-width:767px){

.hideonmobile{display:none !important;}

.search{float:left; margin:10px 0px 0px 15px;}	

.searchinput{float:left; width:250px;}

.inputsearch{float:left; width:250px; }

.navbar-right-laptop{

	float:left;	

}

.blockonmobile{

    position: relative;

}

}

@media (min-width:768px){

.hideondesktop{display:none !important;}	



}



/*................. Wrapper CSS....................*/   

 .right {

  float: right !important;

}

.wrapper {

  position: relative;

  width: 100%;

}

.wrapper:after {

  content: ' ';

  display: block;

  clear: both;

}

.wrapper-text {

  float: left;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  width: 90%;

  padding: 20px;

}

.wrapper-image {

  float: left;

  max-width: 15%;

  min-height: 1px;

}

.wrapper-image img {

  position: absolute;

  max-width: 15%;

  height: 100%;

}

.object-fit-compatible .wrapper-image img {

  object-fit: cover;

}

.background-size-compatible .wrapper-image img {

  width: 0;

  height: 0;

  padding: 50% 25%;

  background-position: 50% 50%;

  background-size: cover;

} 

 



/*................. Gallery CSS....................*/   

.portimgcover{

	object-fill:fill;

	height:250px;

	overflow:hidden;

}

.portimgcover .portimg{

	width:100%;

	min-height:250px;	

}





/*................. Search CSS....................*/ 

.paginationstyle { font-family:font1; font-size:16px; font-weight:bold;  text-decoration:none; color:#000;}

.paginationstyle:hover {text-decoration:none; color:inherit; }

.paginationtablecenter{ display:table; margin:0px auto; padding-top:10px;}

.pagingdiv{display:inline-table;vertical-align:top;color:#e30917;font-size:18px; line-height:25px;font-family:font1;cursor:pointer;}

.pagingdiv2{display:inline-table;vertical-align:top;color:#000;font-size:18px; line-height:25px;font-family:font1;cursor:pointer;}

.boxnum{display:inline-table;vertical-align:top;font-size:14px;color:#fff;background-color:#000;width:22px;height:22px;text-align:center;line-height:22px;cursor:pointer; margin:0px 2px;}

.boxnumsel{display:inline-table;vertical-align:top;font-size:18px;color:#e30917;background-color:#fff;width:22px;height:22px;text-align:center;line-height:22px;cursor:pointer; margin:0px 0px 0px 2px; }

.pagingdiv:hover{color:#000;}

.pagingdiv2:hover{color:#fff;}

.boxnum:hover{background-color:#e30917;color:#000;}



.paginations{font-family:font1; font-size:24px;  line-height:40px;color:#ff4241;  height:40px; }

.previous{ float:left; padding:2px 15px; cursor:pointer;}

.next{ float:right; padding:2px 15px; cursor:pointer;}



.productboximg{ position:relative;}

.eyes{height:100%;width:100%;position:absolute; top:0px;display: flex; background-color:rgba(0,0,0,0.6); color:#fff;align-items: center;justify-content: center; font-size:30px;}

.productboximg .eyes{opacity:0;}

.productboximg:hover .eyes{opacity:1; cursor:pointer;

-webkit-transition: all  ease-in-out 0.5s;

-moz-transition: all  ease-in-out 0.5s;

-o-transition: all  ease-in-out 0.5s;

transition: all  ease-in-out 0.5s;}