/* Add here all your CSS customizations */



.red{color:rgb(237, 29, 36);}
div.show-grid [class*="span"] img{
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
}
div.show-grid [class*="span"] img:hover{
 /* box-shadow: 1px 0px 7px rgba(150, 150, 150, 1);*/
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
}

.services {margin-top:100px; margin-bottom:100px;}
.services .span3 {text-align: center !important;}
.services .span3 a {border: 1px solid #ccc; border-radius: 50%; -webkit-border-radius: 50%; width:150px; height:150px; padding:100px 35px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;}
/*.services .span3 a:hover {border: 1px solid #424242;}*/
div.show-grid [class*="span"] {text-align: center !important;}
 
.services div.show-grid[class*="span"] img {border: none !important;}

.inner-services-icons {display:table; width: 100%; text-align: center;}
.inner-services-icons div.show-grid [class*="span"] {border:1px solid #ccc;/* display: table-cell; vertical-align:middle;*/}
.inner-services-icons .row-fluid [class*="span"] {margin-left:0px; border: none;}
#map1 {/*background:#c1c1c1;*/ margin:0 auto !important;}

ul.certification {margin:0;}
ul.certification li {list-style: none; float: left; display: block; width: 50%; margin-bottom: 20px;}
ul.certification li img {}

#accordion h4 {margin:0;}
#accordion h4.panel-title {background: #f2f2f2; padding:10px 0px 10px 15px; border-bottom: 1px solid #fff; position: relative;}
#accordion h4.panel-title a {text-decoration: none;  font-size: 14px; text-transform: uppercase; font-weight: 600;}
#accordion h4.panel-title a span {float: right; padding-right:15px;}
/*#accordion h4.panel-title:after {position: absolute; top:10px; right: 15px; content: "+"; display: block; cursor: pointer;}*/
#accordion .panel-body {padding:15px 0;}
#accordion .panel-body h1, #accordion .panel-body h2, #accordion .panel-body h3, #accordion .panel-body h4, #accordion .panel-body h5, #accordion .panel-body h6, #accordion .panel-body p, #accordion .panel-body ul {padding:0 15px;}

/*Gallery
.gallery {margin:20px auto; width: 100%;}
.gallery ul {margin:0; display:table;}
.gallery ul li {width:20%; position: relative; list-style: none; float: left; display:block; vertical-align: middle; padding:15px; text-align: center; margin:10px;}
.gallery ul li .caption {position: absolute; bottom: 0px; width:84%; padding:10px; color: #424242; border-radius: 4px;}
.gallery ul li:hover {height: auto;}
*/
.modal h2.modal-title, .modal-footer h4 {margin:0;}
.masonry {
    margin: 3em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.item {
    display: inline-block;
    background: #fff;
    /*padding: 1em;*/
    padding-bottom: 10px;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*box-shadow: 2px 2px 4px 0 #ccc;
    box-shadow: 0px 0px 5px 0px #ccc; */
    text-align: center;
    line-height: 14px;
}
.item img {/*padding-bottom: 10px;*/}

@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}

@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}


/*RSS NEWS*/
.rss {margin-left:-5px;}
#content .feed_item, #content .feed_item_title, #content .feed_item_description, #content .feed_item_date  {padding-left:0; margin-left:-5px; border:none !important;}

.contact h4 {color: #777;}

@media (min-width:1200px) and (max-width:1920px) {
	div.show-grid [class*="span"] {transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;}
	div.show-grid [class*="span"]:hover {/*margin-top:-30px; */transform:  translateY(-30px);}
	div.show-grid [class*="span"]:hover a {border: 1px solid rgba(0,0,0,0.4); box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.4);}
	.inner-services-icons div.show-grid {margin-bottom: 0;}
	.inner-services-icons div.show-grid [class*="span"]:hover {transform:none; border: 1px solid rgba(0,0,0,0.4);}
	.inner-services-icons div.show-grid [class*="span"]:hover a {box-shadow:none; border: none;}
	.inner-services-icons div.show-grid [class*="span"] img {width: 90%;}
	#map1 {width: 100%; height: 600px;/* background:#c1c1c1*/;}
}


@media all and (max-width:768px){
	div.show-grid [class*="span"] {display: block; width:50% !important;  margin: 40px 0;}
	.services .span3 {width:50% !important;}
	.services .span3 a {}
	.services .span3 a:hover {border: 1px solid #424242;}
	.inner-services-icons div.show-grid{margin: 0 !important;}
	.inner-services-icons .row-fluid:before, .inner-services-icons .row-fluid:after {display: block;}	
}

@media all and (max-width:1024px){
	#map1 {width: 100%; height: 600px;}
}

@media all and (max-width:568px){
	.row {margin-left:0; margin-right: 0;}
	.services {margin-top:50px; margin-bottom:0px;}
	div.show-grid [class*="span"] {display: block; width:100% !important; height: 200px;}
	.inner-services-icons div.show-grid [class*="span"] {margin-bottom: 0; display: block !important; height: auto;}
	#map1 {width: 100%; height: 400px;}
	section.footer .row{margin-right:0;}
	ul.certification li {list-style: none; display: block; width: 100%; margin-bottom: 20px;}
	ul.certification li img {/*width: 100%;*/}
}