@import url("../fonts/font-awesome/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Montez');
/* font-family:'Montez', cursive; */
/* font-family:'Montserrat', sans-serif; */

body { font-family:'Montserrat', sans-serif; font-size:14px; color:#747474; line-height:24px; cursor:default; }

a, input, button { outline:none !important; }

a { color:#6897e5; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }

p { margin-bottom:20px; } 
p:last-child { margin-bottom:0px; } 
.relative {}
.transition { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }
section { padding:90px 0px; }
hr { background:#e6e6e6; margin:0px 0px; }

.button { background:rgba(104,151,229,1); font-size:14px; color:#fff; font-weight:400; text-decoration:none; letter-spacing:1px; display:inline-block; vertical-align:top; padding:10px 30px; border-radius:4px; -webkit-border-radius:4px; box-shadow:none !important; -webkit-box-shadow:none !important; }
.button:hover,
.button:focus,
.button:active { background:rgba(104,151,229,0.9); color:#fff; text-decoration:none; }

.button.black { background:rgba(68,68,68,1); } 
.button.black:hover,
.button.black:focus,
.button.black:active { background:rgba(68,68,68,0.9); color:#fff; }

.button { margin:8px 8px; }
.button:first-child { margin-left:0px; }
.button:last-child { margin-right:0px; } 

h1 { font-size:60px; line-height:normal; font-weight:700; }
h2 { font-size:36px; line-height:normal; font-weight:700; }
h3 {}
h4 {}
h5 {}
h6 {}

h1, h2, h3, h4, h5, h6 { color:#545454; margin-top:0px; margin-bottom:30px; }

header { padding:15px 0px; border-bottom:1px solid #ddd; }
header .logo { font-family:'Montez', cursive; font-size:80px; /*color:#6897e5;*/ color:#ffffff; font-weight:bold; text-decoration:none; line-height:65px; display:inline-block; vertical-align:top; padding: 10px; }
header .logo img {}


.hero-section { background:url(../images/banner-bg.jpg) no-repeat; background-position:center center; background-size:cover; padding:0px 0px; }
.hero-section .content { padding:8vw 0vw; margin:0 auto; max-width:780px; }
.hero-section .content h1 { font-weight:400; margin:0px 0px; }
.hero-section .content h1 span { font-weight:700; }
.hero-section .content .button { margin-top:4vw; margin-left:0px; margin-right:0px; margin-bottom:0px; }

.seperator-section { padding:0px 0px; }

.section-title { margin-bottom:50px; }
.section-title h2 { margin-bottom:0px; }
.section-title p { margin-top:30px; }

.filter-section {}
.filter-section .filter-wrapper {}
.filter-section form {}
.filter-section form .fields { margin-bottom:25px; }
.filter-section form .filter {}
.filter-section form .filter label { font-weight:600; display:inline-block; vertical-align:top; margin-bottom:5px; width:100%; }
.filter-section form .filter .select-box {}
.filter-section form .filter .select-box select { background:#fafafa; font-size:14px; color:#747474; line-height:normal; padding:0px 15px; border:1px solid #e1e1e1; width:100%; /*height:auto;*/ border-radius:4px; -webkit-border-radius:4px; box-shadow:none; -webkit-box-shadow:none; }

.image-section {}
#image-gallery {}
#image-gallery .my-gallery {}
#image-gallery .my-gallery figure { text-align:center; margin-bottom:30px; height:10vw; min-height:150px; max-height:200px; }
#image-gallery .my-gallery figure a { display:inline-block; vertical-align:top; padding:15px 15px; border:1px solid #eee; width:100%; height:100%; box-shadow:0px 5px 5px 0px rgba(0,0,0,0.0); -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.0); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background: #ffffff2e; }
#image-gallery .my-gallery figure a:hover { box-shadow:0px 5px 5px 0px rgba(0,0,0,0.05); -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.05); }
#image-gallery .my-gallery figure a img { padding:0px 0px; border:none; width:auto; max-width:100%; height:auto; max-height:100%; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:0px; -webkit-border-radius:0px; }
#image-gallery .my-gallery .btn { margin-top:1rem; }

#image-gallery .my-gallery .icons-wrapper { margin-top:12px; }
#image-gallery .my-gallery .icons-wrapper a { background:#fff; font-size:16px; color:#aaa; text-align:center; line-height:28px; padding:0px 0px; margin:0px 5px; border:1px solid #ddd; border-radius:50px; -webkit-border-radius:50px; width:30px; height:30px; box-shadow:none !important; -webkit-box-shadow:none !important; }
#image-gallery .my-gallery .icons-wrapper a:hover,
#image-gallery .my-gallery .icons-wrapper a:focus,
#image-gallery .my-gallery .icons-wrapper a:active { background:#bbb; color:#fff; border-color:#bbb; }
#image-gallery .my-gallery .icons-wrapper i {}

.contact-section {}
.contact-section {}

form {}
form .form-group { margin-bottom:25px; }
form .form-group .form-control { font-family:'Montserrat', sans-serif; font-size:14px; color:#747474; line-height:normal; padding:13px 0px; border:none; border-bottom:1px solid #e1e1e1; width:100%; height:auto; box-shadow:none; -webkit-box-shadow:none; border-radius:0px; -webkit-border-radius:0px; text-overflow:ellipsis; margin-bottom:15px; }
form .form-group .form-control.error { border-color:#f00; }
form .form-group textarea.form-control{height:165px;}

::-moz-placeholder { color:#747474; }
::-webkit-input-placeholder { color:#747474; }
:-ms-input-placeholder { color:#747474; }
::-ms-input-placeholder { color:#747474; }

footer { padding:20px 0px; border-top:1px solid #ddd; }

.popup-wrapper { background:#fff; padding:15px 15px; border-radius:4px; -webkit-border-radius:4px; width:auto; max-width:calc(100vw - 30px); max-width:-webkit-calc(100vw - 30px); height:auto; max-height:calc(100vh - 30px); max-height:-webkit-calc(100vh - 30px); position:fixed; top:50%; left:50%; z-index:10000; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); box-shadow:0px 15px 15px 0px rgba(0,0,0,0.5); -webkit-box-shadow:0px 15px 15px 0px rgba(0,0,0,0.5); }
.popup-wrapper .inner {}
.popup-wrapper .content { margin:0px 0px !important; position:relative; overflow:hidden; }

.popup-wrapper .close { position:absolute; top:-30px; right:-30px; width:30px; height:30px; opacity:1; }
.popup-wrapper .close:before { content:""; background:#eee; width:1px; height:25px; position:absolute; top:5px; right:15px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.popup-wrapper .close:after { content:""; background:#eee; width:1px; height:25px; position:absolute; top:5px; right:15px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }

.popup-overlay { background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999; }

.signin-popup { width:400px; padding:30px 30px; max-height:calc(100vh - 60px); max-height:-webkit-calc(100vh - 60px); }
.signin-popup .content { text-align:center; max-height:calc(100vh - 90px); max-height:-webkit-calc(100vh - 90px); overflow-y:auto; }
.signin-popup .content h2 { margin-bottom:15px; }
.signin-popup .content p {}

.image-popup .content .img {}
.image-popup .content .img img { width:auto; max-width:calc(100vw - 60px); max-width:-webkit-calc(100vw - 60px); height:auto; max-height:calc(100vh - 90px); max-height:-webkit-calc(100vh - 90px); }
.image-popup .content .category-wrapper { background:rgba(0,0,0,0.5); padding:7px 15px 15px 15px; width:100%; position:absolute; left:0px; bottom:0px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }
.image-popup .content .category-wrapper .category { font-size:13px; color:#fff; line-height:normal; display:inline-block; vertical-align:top; margin-right:5px; margin-top:5px; }
.image-popup .content .category-wrapper .category:last-child { padding-bottom:0px; border:none; }
.image-popup .content .category-wrapper .category label { font-weight:700; margin:0px 5px 0px 0px; }
.image-popup .content .category-wrapper .category span {}

.image-popup .content .category-wrapper.show-category { bottom:0px; visibility:visible; opacity:1; }
.image-popup .content .category-wrapper.hide-category { bottom:-30px; visibility:hidden; opacity:0; }

.image-popup .content .print { background:rgba(255,255,255,0.7); font-size:18px; color:#000; text-align:center; line-height:30px; border-radius:50px; -webkit-border-radius:50px; width:32px; height:32px; position:absolute; top:15px; left:15px; }
.image-popup .content .show,
.image-popup .content .hide { background:rgba(255,255,255,0.7); font-size:18px; color:#000; text-align:center; line-height:30px; border-radius:50px; -webkit-border-radius:50px; width:32px; height:32px; position:absolute; top:15px; left:60px; }
.image-popup .content .show .fa-eye-slash { display:none; }
.image-popup .content .hide {}
.image-popup .content .hide .fa-eye { display:none; }

.popup-wrapper,.popup-overlay { display:none; }
.error-message { color:red; }

.section-overlay { background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; color: #fff; position: relative;  }
.section-overlay h2 { color:#fff;  }
.section-overlay:before { content: ""; background: rgba(0,0,0,0.8); width:100%; height:100%; position: absolute; top: 0px; left: 0px; }

.scroll-to-image{
	padding: 10px 100px;
}
.about-section{
	padding: 20px 0px 90px 0px;
}

.image-popup .content .print {
    background: rgba(255,255,255,0.7);
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 30px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    left: 15px;
}

@media only screen and (min-width:768px) and (max-width:991px) {
.hero-section .content h1 { font-size:6vw; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
#image-gallery .my-gallery figure { flex:0 0 33.33%; max-width:33.33%; }
}
@media only screen and (max-width:810px) {
.popup-wrapper .close { top:-30px; right:-15px; }
.popup-wrapper .close:before,
.popup-wrapper .close:after { height:20px; }
}
@media only screen and (max-width:767px) {
h1 { font-size:40px; }	
h2 { font-size:30px; }
section { padding:50px 0px; }
.section-title p { margin-top:20px; }
header .logo img { max-height:50px; }
.hero-section .content { padding:12vw 0vw; }
.signin-popup { padding:20px 15px; }
header .logo { font-size:44px; line-height:44px; }
}
@media only screen and (max-width:575px) {
#image-gallery .my-gallery figure { margin-bottom:65px; }
}