/* Custom elements style */



.entry-content{max-width:100% !important;}



.ai-responsive-gallery { position: relative; padding: 0 0 50px 0;  font-family:Arial, Helvetica, sans-serif}

.ai-responsive-gallery .topbar { position: relative; padding: 20px 0; margin: 10px 0 40px; box-shadow: 0 1px 0 #aaa, 0 -1px 0 #aaa; }

.ai-responsive-gallery .back { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; border-radius: 50%; text-align: center; line-height: 38px; color: #fff; background: #0066cc; cursor: pointer; display: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.no-touch .back:hover { background: #a90303; }

.ai-responsive-gallery .topbar h2, .ai-responsive-gallery .topbar h3 { display: inline-block; font-size: 24px; width: 50%; min-width: 320px; font-family:Arial, Helvetica, sans-serif; margin:0px;}

.ai-responsive-gallery .topbar h2 { color: #666; }

.ai-responsive-gallery .topbar h3 { text-align: right; color: #aaa; }



.ai-responsive-gallery ul li {z-index: 0 !important;}



/* Loader */



.ai-responsive-gallery .loader { left: 50%; position: absolute; margin-left: -120px; }

.ai-responsive-gallery .loader i { display: inline-block; width: 40px; height: 40px; -webkit-animation: loading 1s linear infinite forwards; -moz-animation: loading 1s linear infinite forwards; -o-animation: loading 1s linear infinite forwards; -ms-animation: loading 1s linear infinite forwards; animation: loading 1s linear infinite forwards; }

.cssanimations .loader span { display: none; }

.no-cssanimations .loader i { display: none; }

.loader i:nth-child(2) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; -ms-animation-delay: 0.1s; animation-delay: 0.1s; }

.loader i:nth-child(3) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; -ms-animation-delay: 0.2s; animation-delay: 0.2s; }

.loader i:nth-child(4) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; -ms-animation-delay: 0.3s; animation-delay: 0.3s; }

.loader i:nth-child(5) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; -ms-animation-delay: 0.4s; animation-delay: 0.4s; }

.loader i:nth-child(6) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; animation-delay: 0.5s; }







.tp-grid { list-style-type: none; position: relative; display: block; }

.tp-grid li { position: absolute; cursor: pointer; border: 10px solid #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.2); display: none; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }

.no-js .tp-grid li { position: relative; display: inline-block; }

.tp-grid li a { display: block; outline: none; }

.tp-grid li img { display: block; border: none; }

.tp-info, .tp-title { position: absolute; background: #fff; line-height: 20px; color: #333; top: 40%; width: 75%; padding: 10px; font-weight: 700; text-align: right; left: -100%; box-shadow: 1px 1px 1px rgba(0,0,0,0.1),  5px 0 5px -3px rgba(0,0,0,0.4),  inset 0 0 5px rgba(0,0,0,0.04); }

.touch .tp-info { left: 0px; }

.no-touch .tp-info { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.no-touch .tp-grid li:hover .tp-info { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -o-transition-delay: 150ms; -ms-transition-delay: 150ms; transition-delay: 150ms; }

.no-touch .tp-open li:hover .tp-info { left: 0px; }

.tp-title { padding: 10px 35px 10px 10px; left: 0px; }

.tp-title span:nth-child(2) { color: #aaa; padding: 0 5px; background: #F7F7F7; right: 0px; height: 100%; line-height: 40px; top: 0px; position: absolute; display: block; }







@media screen and (max-width: 680px) {



.ai-responsive-gallery .topbar h2, .ai-responsive-gallery .topbar h3 { text-align: left; padding: 0; display: block; }



.ai-responsive-gallery .back { left: auto; right: 0px; margin-left: 0px; }



}