/* CSS Document */
ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url(../fonts/OpenSans-Bold.eot);
  src: url(../fonts/OpenSans-Bold.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src:url(../fonts/OpenSans.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url(../fonts/OpenSans-Semibold.eot);
  src: url(../fonts/OpenSans-Semibold.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Regular';
  src:url(../fonts/OpenSans-Regular.eot) ;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway-Bold';
  src: url(../fonts/Raleway-Bold.eot);
  src: url(../fonts/Raleway-Bold.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
.fa:hover{color:#1662a5;}
/*Header*/
.logo{text-align:center;padding-top:30px;padding-bottom:30px;}
.logo img{max-width:250px;width:100%;margin:0 auto;}
.banner{padding-left:0px;padding-right:0px;}
.banner img{max-height:300px;height:100%;width:100%;}
.web-div{float:right;margin-bottom:15px;margin-right:10px;}
.web_link{display:inline-block;margin-right:10px;}
.web_link span i{margin-right:5px;color: #0d5fa6;}
.web_link span{background:#cccccc63;height:100%;padding:2px 28px;}
.web_link button{background:none;font-family:'OpenSans-Bold';font-size:14px;border:2px solid #0c60a7;padding:5px;min-width:160px;width:100%;min-height: 35px;border-radius: 5px;transform:all 5s ease;}
.web_link button:hover{outline:none;transform:scale(1.1);}
.spn_pad{padding: 2px 12px !important;}
.web_link a{color:#000 !important;}
/*Header End*/
/*Banner*/
.banner_text{position:absolute;left:0;right:0;top:100px;bottom:0;}
.banner_text h1{color: #fff;font-family: 'Raleway', sans-serif;font-size: 48px;font-weight: 600;line-height: 60px;text-align: center;font-style: italic;text-transform: uppercase;}
.gallery_div{margin-top:40px;margin-bottom:40px;}
.gallery_div ul{list-style:none;}
.gallery_img{margin-top:15px;margin-bottom:15px;}
.gallery_img img{width:100%;min-height: 210px;}
.grow { transition: all .4s ease-in-out; }
.grow:hover { transform: scale(1.1) rotate(2deg);}
.pp_social{display:none;}
/*Banner End*/

/*Detail page*/
.img_detail img{width:100%;}
.gal_info h3{font-family: 'Raleway-Bold';color:#1662a5;}   
.gal_info p{ text-align: justify;font-family:'OpenSans-Semibold';}
.back{float:right;margin-bottom:10px;margin-top:15px;}
.back button{min-width:85px !important;width:100%;}
.no_back span{background:none !important;}
/*Detail Page End*/

/*Masonary Gallery*/

#masonryGrid .grid {
  margin: 0 auto;
}
#masonryGrid .grid .grid-item {
  margin: 0.5rem;
}


/*Masonary Gallery End*/

/*Footer*/
footer {width: 100%;background: #ebebeb;color: #fff;float: left;}
footer ul{list-style:none;}
.bdr_btm {border-bottom: 1px solid #cfcfcf;padding-bottom: 20px;}
.quicklinks ul li a:hover{text-decoration:none;color:#1662a5;}
.pree-footer {width: 100%;float: left;padding: 0 60px;padding-bottom:20px;}
footer h3 {position: relative;padding-bottom: 0px;font-family:'OpenSans-Bold', sans-serif;font-size: 15px;color: #1662a5;letter-spacing: 2px;text-transform: uppercase;line-height: 29px;font-weight: 500;margin-top: 20px;margin-bottom: 10px;}
footer p {margin-bottom: 0;font-size: 13px;color: #262626;font-family: 'OpenSans';line-height: 24px;font-weight: 200;}
a {color: #151515;text-decoration: none;-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;transition: 0.5s ease;text-align: center;font-size: 11px;font-weight: 400;line-height: 13px;text-transform: uppercase;font-family: 'OpenSans-Semibold';}
footer li {padding: 5px 0;color: #acafb1;width: 50%;float: left;}
footer li a {color: #404040;}
footer ul.social {max-width: 170px;padding: 5px 10px;width: 100%;margin: 0 auto 10px;background: #ebebeb;}
footer h3 a {font-size: 18px;font-family: 'OpenSans-Bold';color: #d93344;text-transform: capitalize;letter-spacing: 0;font-style: italic;}
.fa-shopping-cart:before {content: "\f07a";}
.Sparkle {-webkit-text-fill-color: transparent;background: -webkit-linear-gradient(transparent, transparent), url(../images/animaatjes.gif) repeat;background: -o-linear-gradient(transparent, transparent);-webkit-background-clip: text;}
footer ul.social li {display: inline-block;margin: 0;width: 33%;text-align: center;}
footer ul.social li a {font-size: 22px;color: #404040;}
.app {width: 100%;margin: 15px 0;float: left;}
.app li {width: 50%;padding: 0 10px;}
footer li a {color: #404040;}
.copy {width: 100%;float: left;text-align: center;}
.copy ul {text-align: center;display: inline-block;}
.copy li {font-family: 'OpenSans-Regular';font-size: 10px;margin: 12px;padding: 0 10px;display: inline-block;color: #404040;width: auto;}
.copy li a {font-family: 'OpenSans-Regular';font-size: 10px;display: inline-block;color: #404040;}
footer p.tcillogo {margin-top: 10px;display: block;}
.pull-right {float: right!important;}
.tcillogo img {max-width: 85px;width: 85px;}
/*Footer ENd*/

@media screen and (max-width: 700px) {
.banner_text{top: 85px;}
.banner_text h1{font-size:36px;}
.pree-footer{padding: 0px 15px;}
}
@media screen and (max-width: 640px) {
.small_bdr_btm {
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 15px;}
	.pull-right{float:none !important;}
	.gal_info h3{font-size:20px;}
}
@media screen and (max-width: 600px) {
.banner_text{top: 65px;}
.small_bdr_btm {order-bottom: 1px solid #cfcfcf;padding-bottom: 15px;}
}
@media screen and (max-width: 480px) {
.gallery_img{width:100%;}
.banner_text{top: 45px;}
.banner_text h1{font-size:33px;}
.gal_info h3{font-size:16px;}
}
@media screen and (max-width: 400px) {
.banner_text{top: 20px;}
.banner_text h1{font-size:31px;}
.web-div{text-align:center;}
.web_link span{padding: 2px 32px;}
.web_link button{margin:10px 0px;}
.copy li{float:none; text-align:center;}
.gal_info h3{font-size:14px;}
.gal_info p{font-size:12px;}
}