#small-dialog,#small-dialog2{background:#fff;text-align:left;max-width:600px;padding:2em;margin:40px auto;position:relative}
#small-dialog-am,#small-dialog-ch,#small-dialog-fr,#small-dialog-in,#small-dialog-it,#small-dialog-me,#small-dialog-pi,#small-dialog-sf,#small-dialog-sh,#small-dialog-su{background:#fff;padding:0;text-align:left;max-width:450px;margin:40px auto;position:relative;text-align:center}
a.play-icon.popup-with-zoom-anim img:hover{opacity:.5;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}
.portfolio-items{text-align:center;margin:0 auto}
.portfolio-items img{width:100%}
.portfolio-items h4{margin:1em 0;font-size:25px;color:#a63d56}
.portfolio-items p{text-align:justify}
.my-mfp-zoom-in #small-dialog{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.my-mfp-zoom-in.mfp-ready #small-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.my-mfp-zoom-in.mfp-removing #small-dialog{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0}
.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}
.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-content iframe{width:100%;min-height:500px}
.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#ccc}
.mfp-preloader a:hover{color:#fff}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;border:0;background:#fff;-webkit-appearance:none;display:block;padding:0;z-index:1046}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:40px;height:40px;line-height:25px;position:absolute;right:-30px;top:-30px;text-decoration:none;text-align:center;padding:0 0 18px 10px;color:#fff!important;font-style:normal;font-size:32px;outline:0}
.mfp-close:focus,.mfp-close:hover{opacity:1}
.mfp-close-btn-in .mfp-close{color:#333;background:#49b681;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;-ms-border-radius:25px}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}
.login h3,.signup h3{margin:1em 0;color:#a63d56}
.login input[type=password],.login input[type=text]{width:90%;padding:5px;margin:3px 0;outline:0!important}
.signup input[type=text]{width:44.5%;padding:5px;margin:10px 0;outline:0;background:#ebebeb;border:solid 1px #222}
.signup input.email[type=text],.signup input[type=password]{width:90%;padding:5px;margin:10px 0;outline:0;background:#ebebeb;border:solid 1px #222}
.login input[type=submit],.signup input[type=submit]{background:#347083;border:0;padding:5px 10px;margin:10px 10px;outline:0;font-size:18px;color:#fff;text-transform:uppercase;width:17%;-webkit-appearance:none}
.login input[type=submit]:hover,.signup input[type=submit]:hover{background:#163035;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
@media all and (max-width:1024px){
#small-dialog,#small-dialog2{max-width:700px}
}
@media (max-width:1024px){
#small-dialog,#small-dialog2{max-width:620px}
}
@media (max-width:736px){
#small-dialog,#small-dialog2{max-width:550px}
}
@media (max-width:667px){
#small-dialog,#small-dialog2{max-width:480px}
}
@media all and (max-width:640px){
#small-dialog,#small-dialog2{max-width:420px}
}
@media all and (max-width:480px){
.comments-area textarea{height:100px}
.login input[type=submit],.signup input[type=submit]{font-size:14px;width:20%}
.mfp-close{right:0}
#small-dialog,#small-dialog2{max-width:320px}
}
@media all and (max-width:375px){
#small-dialog,#small-dialog2{padding:1.5em}
}
@media all and (max-width:320px){
.comments-area span.label,.comments-area span.text-field{float:none;width:100%}
.comments-area span{padding-bottom:3px}
#small-dialog{padding:15px}
.comments-area input[type=text],.comments-area textarea{width:92%}
.comments-area div{padding:2px 0}
.mfp-content iframe{width:100%;min-height:250px}
.login input[type=submit],.signup input[type=submit]{font-size:12px;width:29%}
.signup input[type=text]{width:90%}
.mfp-close{top:-40px}
}