/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}
.type-dt_portfolio{
	background-color: #f5f5f5;
}
.dt_portfolio .project-list-content {
    padding: 0 15px;
}
.custom-menu li {
    margin: 4px 0 0;
    padding: 4px 0 0;
}
@keyframes zoomIn{from{width:40px;height:40px;margin-top:-20px;margin-left:-20px}to{width:80px;height:80px;margin-top:-40px;margin-left:-40px}}
#hotline{position:fixed;margin:0;padding:0;left:-10px;bottom:85px;background:#fff;background-color:transparent;cursor:pointer;width:110px;height:110px;z-index:499;}
#hotline .tada{background:#f00;border-radius:100px;width:40px;height:40px;position:absolute;left:50%;top:50%;margin-top:-20px;margin-left:-20px;animation-name:tada;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate}
#hotline .tada a i{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px;width:65%;color:#fff;font-size:20px;}
@keyframes tada{from{transform:rotate(-20deg)}to{transform:rotate(20deg)}}#text-8 .pulse{width:60px;height:60px;background:rgba(255,144,2,0.39);border-radius:100px;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;animation-name:pulse;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out}
@keyframes pulse{from{width:55px;height:55px;margin-top:-27.5px;margin-left:-27.5px}to{width:60px;height:60px;margin-top:-30px;margin-left:-30px}}
#hotline .zoomIn{width:80px;height:80px;border:2px solid #f00;border-radius:100px;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;animation-name:zoomIn;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out;}
#hotline .pulse {
    width: 60px;
    height: 60px;
    background: rgba(255,144,2,0.39);
    border-radius: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    animation-name: pulse;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
#hotline span{
	position: absolute;
	left: 75px;
	top: 36px;
	font-size: 18px;
	background: #f00;
	color: #fff;
	padding: 6px 10px;
	border-radius: 20px;
	z-index:9;
}
@media only screen and (max-width: 610px) {
	#hotline span{display:none;}
}