a{cursor: pointer;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
.block{border:1px solid #ddd; box-shadow: 0 3px 10px rgba(0,0,0,0.15); transition:all 0.5s ease; -webkit-transition:all 0.5s ease; margin-bottom:30px; position:relative;}
.block:hover{box-shadow: 0 3px 20px rgba(0,0,0,0.25);}
.img-block{height:450px; overflow:hidden; display:block; position:relative;}
img{max-width:100%;}
.block h3{padding:15px 10px; margin:0; font-size:16px; font-weight:400; line-height:24px; border-top:1px solid #ddd; word-wrap: break-word;}


.marker {position: absolute;}
.pin_point {width: 20px; background: #1fde0b; border-radius: 50%; height: 20px; margin-left: -10px;margin-top: -10px;display: block;border: solid 4px white;box-shadow: 0 0 0 1px rgba(0,0,0,0.3),0 0 0 2px rgba(0,0,0,0.2),0 5px 4px rgba(0,0,0,0.4); position:absolute; top:0; left:0;}
.shot-container {width: auto;margin:0px auto 25px;position: relative;display: inline-block;}
.comment-box {background: #fff;border-radius: 3px;width: 236px;top: 10px;left: -7px;position: absolute;text-align: left;box-shadow: 0 2px 10px rgba(0,0,0,0.2),0 8px 6px rgba(0,0,0,0.1),0 0 0 2px rgba(0,0,0,0.1);z-index:100;}
.single-comment {padding: 15px 10px;color: #393737;font-size: 14px;line-height: 1.4;border-bottom: 1px dotted #ccc;}

.shot-image{ cursor:copy;}
textarea {border: 0px;background: none;display: block;border-radius: 0px;padding: 10px;resize: none;outline: none;overflow: hidden;line-height: 22.95px;min-height: 34px;width: 216px;margin-top: 20px;box-sizing: content-box;}
textarea{}
/*button {font-size: 14px;width: 236px;background: #5fbe20;color: #fff;padding: 10px;border: none; cursor:pointer;}*/
.comment-box:before {content: '';position: absolute;left: 10px;top: -12px;background:url(../images/comment-arrow.png) no-repeat 0 0;width: 17px;height: 12px;}
.comment-box .comment-textarea{  box-shadow:none !important; }

.mention-container{background:#FFF; position:relative;}
.mention-container .dropdown{position: absolute;top: auto;left: 5%;padding: 0;list-style: none;text-align: left;margin: 0;width: 90%;background: #d4e6f5;}
.mention-container .dropdown li a{display:block; line-height: 24px; padding: 5px;}
.mention-container .comment-textarea{  position: relative;z-index: 1000; opacity:0.5;}
.mention-highlight span,.single-comment span{color:#428bca; cursor:pointer;}
.mention-highlight{position: absolute; left: 10px;top: 10px;right:10px; line-height: 22.95px;text-align: left; white-space: pre-wrap;}


.author span{ padding: 2px 5px; border-radius: 3px; font-size: 12px; color: #FFF;}
.comment-info{font-size: 10px;color: #7d6e7d; position:relative; padding-left:20px; line-height: 16px;}
.comment-info:before{position:absolute; left:0; top:0; content:""; height:16px; width:16px; background:url(../images/sprite.png) no-repeat -10px -38px;}
.delete{visibility: hidden; position: absolute; height: 19px; width: 16px; background: url(../images/sprite.png) no-repeat -10px -64px; opacity: 0; cursor: pointer; top: 0; right: 0; }
.delete:hover{background-position: -30px -64px;}

.project-listing .delete{left:25px; top:10px; right:auto; text-indent:-999em; z-index:999; display:inline-block;}

.single-comment:hover .comment-info .delete, .project-listing .project:hover .delete{ visibility:visible; opacity:1;}

.text-white{color:#fff}
.box-container {display: block;width: 1240px;margin: 0 auto;padding: 0 50px;position: relative;}
.dashboard-header {position: relative;zoom: 1;margin-top: 84px;margin-bottom: 56px;}
.dashboard-header, .projects-list {clear: both;}
.dashboard-header:before, .dashboard-header:after {content: "";display: table;}
.project-switcher {float: left;}
.project-switcher a {color: inherit;display: inline-block;line-height: 1.6;font-size: 16px;font-weight: bold;color: #6d7982;position: relative;width: 104px;padding-left: 23px;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
.project-switcher a.selected, .project-switcher a:hover {font-weight: bold;color: #df3411;}

.single-shots .shot {width: 21.25%;border-left-width: 0;padding: 0 0%;margin-left: 4.5%;overflow:hidden;height:440px;margin-bottom:40px;display:inline-block;vertical-align:top;}
img{max-width: 100%;}
.single-shots .add-more{float: left;margin-left: 0 !important;cursor: pointer;}
.single-shots .add-more .container{  height: 270px;  border: dashed 1px #c4cdd1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; text-align: center; line-height: 1.65; color: #959fa6; -moz-transition: opacity 2s linear, border-color 0.6s linear; -o-transition: opacity 2s linear, border-color 0.6s linear; -webkit-transition: opacity 2s linear, border-color 0.6s linear; transition: opacity 2s linear, border-color 0.6s linear; opacity: 1 !important; -webkit-transform: translate3d(0, 0, 0);}

.single-shots .add-more .container .centre-aligned {width: 150px;height: 80px;margin: 0 auto;position: relative;top: 50%;margin-top: -34px;padding-top: 50px;}
.add-more i.drag {background-repeat: no-repeat;background-image: url(../images/drag.jpg);width: 42px;height: 46px;position: absolute;top: 0;left: 58px;z-index: 1;display: block;}
.single-shots .shot:nth-child(4n + 5) {margin-left:0px;}  
#ngProgress-container{    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 5px;}


.main-form h2{font-size: 30px; margin: 0 0 20px; text-align: center; text-transform: uppercase;}
.main-form .form-control{height:50px; border-radius:0;}
.main-form .btn{width:100%; display:block;}
a.btn-link:focus, a.btn-link:active{outline:none !important; border:none;}
.box{padding:80px 20px; text-align:center; border: 1px solid #cecece; position:relative; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;}
.box:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.25);}
.full-link{position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.box img.icon{opacity:0.70; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;}
.box:hover img.icon{opacity:0.85;}
.date{border-bottom: 1px solid #b6b6b6; padding: 0 0 10px; margin: 0 0 30px; font-size: 14px; color: #555; text-transform: uppercase; }

.fit{position: fixed; top: 80px;  background: #323131; padding: 10px; border-radius: 0px; right: 0; z-index: 99; margin: 0; box-shadow: 3px 3px 5px rgba(0,0,0,0.20); }
.fit span.label{font-size: 17px; font-weight: bold; letter-spacing: 1.2px; text-transform: uppercase; }
.fit span{display: inline-block; vertical-align: middle;}
.design-listing > div:nth-child(4n+1){clear: left;}
.prev-arrow{color:#a7a7a7; font-size: 16px; text-decoration:none; padding-left:20px; position:relative;}
.next-arrow{color:#a7a7a7; font-size: 16px; text-decoration:none; padding-right:20px; position:relative;}
.prev-arrow:hover, .next-arrow:hover{color:#fff;}
.prev-arrow:before{content:""; left:0; top:0; position:absolute; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #a7a7a7;}
.next-arrow:before{content:""; right:0; top:0; position:absolute; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #a7a7a7;}
.prev-arrow:hover:before{border-right:10px solid #fff;}
.next-arrow:hover:before{border-left:10px solid #fff;}
.notification a{position:absolute; top:-5px; right:-5px; background:#F44336; text-align:center; padding:2px; min-width:24px; min-height:24px; color:#fff; border-radius: 50%; font-size: 13px; line-height: 20px; display:inline-block; font-weight: bold; z-index:99; /*animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite;*/ transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;}

.block .comment-info{padding: 0 10px 10px 32px; display: block; color: #555; font-size: 12px}
.block .comment-info:before{left:10px;}

/*
@-webkit-keyframes pulse {
	0% { transform: scale(1);}
	20% { transform: scale(1.10);}
	40% { transform: scale(1.20);}
	60% { transform: scale(1.10);}
	80% { transform: scale(1.20);}
	100% { transform: scale(1.10);}
}
@keyframes pulse {
    0% { transform: scale(1);}
	20% { transform: scale(1.10);}
	40% { transform: scale(1.20);}
	60% { transform: scale(1.10);}
	80% { transform: scale(1.20);}
	100% { transform: scale(1.10);}
}*/

.full-width{width:100%;}

.project-listing .box{margin-bottom:30px;}
.project-listing .project .pull-right{ visibility: hidden;}
.project-listing .project:hover .pull-right{visibility: visible;}
ul.menu > li{position:relative; display:inline-block; font-size: 16px; padding-right:15px;}
ul.menu > li:after{content:""; right:0; top:8px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #333; position:absolute;}
ul.menu ul{opacity:0; visibility:hidden; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width:200px; position:absolute; right:0; top:50px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.15); padding:0; text-align:left; border:1px solid #ccc; list-style:none; z-index:100;}
ul.menu ul li{display:block;}
ul.menu ul li a{display:block; padding:10px; color:#333; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; font-size: 14px;}
ul.menu ul li a:hover{color:#fff; background-color: #00aeef;}
ul.menu li:hover ul{opacity:1; visibility:visible; top:25px;}


/*.button {
    -moz-appearance: button; 
    -webkit-appearance: button;
    padding: 10px;
    margin: 10px;
    width: 70px;
}*/

.drop-box {
background: #fff;
width: 100%;
height: 300px;
text-align: center;
padding: 100px 0px 0;
color: #555;
font-weight: bold;
cursor: pointer; transition: all .25s ease 0s; -webkit-transition: all .25s ease 0s; -ms-transition: all .25s ease 0s; -moz-transition: all .25s ease 0s;
}
.drop-box img{width:32px; opacity:0.5; transition: all .25s ease 0s; -webkit-transition: all .25s ease 0s; -ms-transition: all .25s ease 0s; -moz-transition: all .25s ease 0s;}
.drop-box:hover{color:#000;}
.drop-box:hover img{opacity:0.85;}
.dragover {
    border: 5px dashed #88a8c3;
}

ul.tab{list-style:none; margin:0 0 40px; padding:0;}
ul.tab li{display:inline-block; position:relative; font-size: 20px; margin-right:10px;}
ul.tab li a{padding:10px 15px 10px 30px; opacity:0.50; color:#000; transition: all .25s ease 0s; -webkit-transition: all .25s ease 0s; -ms-transition: all .25s ease 0s; -moz-transition: all .25s ease 0s;}
ul.tab li a:hover{opacity:1;}
ul.tab li a:before{height:24px; width:24px; content:""; left:0; top:1px; position:absolute; background:url(../images/project-icon.png) no-repeat 0 0; background-size:24px; opacity:0.75;}
ul.tab li.singles a:before{background-image:url(../images/singles-icon.png);}
ul.tab li.active a, ul.tab li.active a:before{opacity:1;}

.back-btn{border: 1px solid #ccc; color: #555; padding: 10px 20px 10px 25px; background:#fff; position:relative; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.back-btn:hover{border: 1px solid #005462; color: #fff; background:#428bca;}
.back-btn:before{content:""; position:absolute; left:10px; top:12px; background:url(../images/sprite.png) no-repeat -70px -12px; width:8px; height:14px;}
.back-btn:hover:before{background:url(../images/sprite.png) no-repeat -60px -12px;}
.fixed-btn{position: absolute;left: 20px;top: auto;margin-top: 20px;}
ul.menu{margin:15px 0 0; padding:0;}

@media only screen and (min-width:1600px){
	.fit{display:none;}
}
