/* ===========================================
	Theme Name: HR Portfolio
	Theme URI: http://websiteslearn.com
	Author: HR Habib
	Author URI: http://habibcoder.com
	Version: 1.0.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Description: HR Portfolio is a portfolio theme. You can use this theme for making a portfolio website. This is an awesome portfolio theme. If you want to make a portfolio website in a short time you can use this theme for making your website.
	Tags: portfolio, portfolio website, portfolio theme, hr portfolio
	Requires at least: 5.5
	Tested up to: 5.9
	Requires PHP: 7.0
	Text Domain: hrportfolio
============================================ */

/* ============================================
	TABLE OF CENTENTS: 
===============================================
	01. Author CSS/ Typography 
	02. Preloader
	03. Header Area
		3.1. Logo 
		3.2. Menu
	04. Hero Area
		4.1. Type JS
		4.2. Background Video
		4.3. Social Links
		4.4. Play/Pause Button
		4.5. Go Down
	05. About Me
		5.1. About Photo
		5.2. About Details
	06. My Skils
		6.1. Web Design
		6.2. Web Development
		6.3. WordPress
		6.4. WordPress Customization
	07. Service Area
		7.1. Web Design
		7.2. Web Development
		7.3. WordPress
	08. Work Area/ Filter Area
	09. Counter Up Area
	10. Testimonial Area
	11. Hire Area
	12. Contact Area
		12.1. Google Map
		12.2. Contact Form
	13. Scroll Top
	14. Copyright Text

============================================ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Montserrat,sans-serif;font-size:16px;font-weight:400}ul{margin:0;padding:0;list-style:none}li{display:inline-block}a{text-decoration:none;text-transform:capitalize;font-size:14px;display:inline-block;font-family:Montserrat,sans-serif}a:focus,a:hover{text-decoration:none;outline:0;font-family:Montserrat,sans-serif}button,input,select,textarea{border:none;outline:0;border-radius:5px;font-family:Montserrat,sans-serif}button{cursor:pointer}::-webkit-input-placeholder{font-size:16px;color:#000;opacity:.7}::-moz-placeholder{font-size:16px;color:#000;opacity:.7}:-ms-input-placeholder{font-size:16px;color:#000;opacity:.7}::-ms-input-placeholder{font-size:16px;color:#000;opacity:.7}::placeholder{font-size:16px;color:#000;opacity:.7}img{width:100%;height:auto;display:block}p{color:#000;opacity:.7;margin-bottom:10px;line-height:1.7em;font-size:15px;font-weight:500}b,strong{font-size:16px;font-weight:700}h1,h2,h3,h4,h5,h6{display:block;margin-bottom:10px}h1{text-transform:capitalize;font-size:45px;font-weight:700}h2{font-size:22px;font-weight:700}h3{font-size:20px;text-transform:uppercase;font-weight:400}h4{font-size:20px;font-weight:500;text-transform:capitalize}#preloader{background:#fff url(img/loader.gif);background-position:center;background-size:8%;background-repeat:no-repeat;position:fixed;width:100%;height:100vh;top:0;left:0;z-index:100}.header-area{padding:30px 0;position:relative;overflow:hidden;height:650px;background:rgba(0,0,0,.6);color:#fff}.background-video video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1}.menu-area{position:relative}.menu-area .logo-area a{text-transform:uppercase;color:#fff;font-size:14px;font-weight:600;padding:8px 0;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}.menu-area .logo-area a span{color:#31a3ff;font-size:14px;font-weight:600;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}.menu-area .logo-area a:hover{color:#31a3ff}.menu-area .logo-area a span:hover{color:#fff}.menu-area .logo-area a:hover span{color:#fff}.main-menu{text-align:right}.main-menu ul li{display:inline-block}.main-menu ul li a{color:#fff;font-weight:400;text-transform:uppercase;padding:8px 10px;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}.main-menu nav ul .current{color:#31a3ff!important}.main-menu ul li a:hover{color:#31a3ff}.mobile-menu{text-align:right;display:none}.mobile-menu i{font-size:22px;color:#fff;cursor:pointer;padding:4px;position:absolute;right:5px;top:4px}.fixed{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,.8);padding:6px 40px;z-index:8;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.fixed .mobile-menu i{right:30px;top:10px}@media only screen and (max-width:991.98px){.main-menu{width:100%;position:absolute;left:0;top:100%;background:rgba(0,0,0,.8);padding:10px;z-index:1;display:none}.main-menu ul li{display:block;text-align:center}.mobile-menu{display:block}}.header-area .hero-area{margin-top:200px;position:absolute;top:10%;width:100%;padding-right:15%;overflow:hidden}.hero-area .hero-name{margin-bottom:20px;margin-bottom:0}.hero-area .hero-name h4{font-weight:400;margin-bottom:0}.hero-area .hero-title{margin-bottom:68px}.hero-title h1{display:inline-block}.hero-area .typed-cursor{display:inline-block;font-size:60px;font-weight:600;color:#3b96e0}.hero-area .hero-socialicon i{font-size:19px;color:#fff;height:38px;width:38px;border-radius:50%;text-align:center;border:2px solid #fff;margin-right:30px;padding:7px;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}.hero-area .hero-socialicon i:hover{color:#31a3ff;border:2px solid #31a3ff;-webkit-transform:scale(1.08) translateY(-3px);-ms-transform:scale(1.08) translateY(-3px);transform:scale(1.08) translateY(-3px)}.hero-area .hero-socialicon i.fab.fa-youtube{padding-left:6px}.hero-area .play-video{text-align:center;margin-top:50px}.hero-area .play-video i{color:#fff;opacity:.8;font-size:30px;height:80px;width:80px;padding:18px;border-radius:50%;border:7px solid #fff;text-align:center;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}.hero-area .play-video i:hover{color:#31a3ff;border:7px solid #31a3ff}.srcoll-down{text-align:center;margin-top:90px}.srcoll-down i{font-size:15px;border:2px solid #fff;border-radius:13px;cursor:pointer;opacity:.8;padding:10px 2px 0;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;-webkit-animation:scrollDown 3.5s linear infinite;animation:scrollDown 3.5s linear infinite}@-webkit-keyframes scrollDown{0%{opacity:.4}50%{opacity:1}80%{opacity:.7}100%{opacity:.4}}@keyframes scrollDown{0%{opacity:.4}50%{opacity:1}80%{opacity:.7}100%{opacity:.4}}.srcoll-down i:hover{color:#31a3ff;border:2px solid #31a3ff}@media only screen and (min-width:930px) and (max-width:991.98px){.hero-area .play-video i{margin-right:80px}.srcoll-down i{margin-right:65px}}@media only screen and (min-width:575px) and (max-width:767.98px){.header-area .hero-area{padding-right:20%!important}}@media only screen and (min-width:680px) and (max-width:767.98px){.hero-area .play-video i{margin-right:40px}.srcoll-down i{margin-right:40px}}.about-area{padding:60px 0;overflow:hidden}.about-area .about-img{position:relative}.about-area .about-img img{background:#d9dbda;height:490px;width:60%;position:absolute;right:0;top:0}.about-area .about-content{margin:15px 0}.about-title h3 span{font-size:20px;font-weight:400;color:#31a3ff}.about-personalinfo{margin-top:22px}.about-personalinfo h3{font-size:18px;font-weight:700}.aboutpersonalinfo-details{margin-bottom:30px}.aboutpersonalinfo-details h5{text-transform:capitalize;font-size:16px;font-weight:400;color:#4a4a4a}.about-language{margin-top:40px}.about-language h3{font-size:18px;font-weight:700}.about-language-items h5{font-size:16px;font-weight:400;text-transform:uppercase;color:#4a4a4a}.about-language-items h5 span{font-size:16px;font-weight:400;text-transform:capitalize}.aboutpersonalinfo-details h5 a{font-size:16px;font-weight:400;text-transform:lowercase;color:#4a4a4a;text-decoration:underline;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}.aboutpersonalinfo-details h5 a:hover{color:#31a3ff}.skill-area{padding:60px 0;background:#f6f6f6}.skill-area .skillborder-img{background:#31a3ff;height:1px;width:200px;margin:auto;position:relative}.skill-area .skillborder-img::before{content:'';display:block;clear:both;position:absolute;top:-4px;left:0;bottom:0;height:8px;width:8px;border-radius:50%;background:#31a3ff}.skill-area .skillborder-img::after{content:'';display:block;clear:both;position:absolute;top:-4px;right:0;bottom:0;height:8px;width:8px;border-radius:50%;background:#31a3ff}.skill-details{width:90%;margin:80px auto 0}.single-skill{margin-bottom:35px}.barfiller{width:100%;height:20px;background:#fcfcfc;border:2px solid #16b597;position:relative;margin-bottom:20px;border-radius:20px}.barfiller .fill{display:block;position:relative;width:0;height:100%;background:#333;z-index:1;border-radius:20px}.barfiller .fill::after{content:"";display:block;clear:both;position:absolute;top:-9px;right:0;bottom:0;height:32px;width:32px;border-radius:50%;-webkit-box-shadow:0 0 10px #3498db;box-shadow:0 0 10px #3498db;background:#3498db}.barfiller .tipWrap{display:none}.barfiller .tip{margin-top:-40px;padding:2px 4px;font-size:11px;color:#fff;left:0;position:absolute;z-index:2;background:#333}.barfiller .tip::after{border:solid;border-color:rgba(0,0,0,.8) transparent;border-width:6px 6px 0 6px;content:"";display:block;position:absolute;left:9px;top:100%;z-index:9}#bar2{border:2px solid #2980b9}#bar2 .fill::after{-webkit-box-shadow:0 0 10px #16b597;box-shadow:0 0 10px #16b597;background:#16b597}#bar3{border:2px solid #27ae60}#bar3 .fill::after{-webkit-box-shadow:0 0 10px #f39c12;box-shadow:0 0 10px #f39c12;background:#f39c12}#bar4{border:2px solid #34495e}#bar4 .fill::after{-webkit-box-shadow:0 0 10px #2ecc71;box-shadow:0 0 10px #2ecc71;background:#2ecc71}.service-area{padding:60px 0}.serviceborder-img{background:#31a3ff;height:1px;width:200px;margin:auto;position:relative}.serviceborder-img::before{content:'';display:block;clear:both;position:absolute;top:-4px;left:0;bottom:0;height:8px;width:8px;border-radius:50%;background:#31a3ff}.serviceborder-img::after{content:'';display:block;clear:both;position:absolute;top:-4px;right:0;bottom:0;height:8px;width:8px;border-radius:50%;background:#31a3ff}.service-details{margin-top:80px}.single-service{-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;padding:25px 15px;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}.single-service:hover{-webkit-box-shadow:0 0 10px #333;box-shadow:0 0 10px #333}.single-service.text-center.middle{background:rgba(48,156,244,.1)}.service-details{margin-top:80px}.service-img img{width:100px;margin:auto}.singleservice-title{margin:20px 0 15px 0}.singleservice-title h2{text-transform:capitalize}.work-area{padding:60px 0;background:#f6f6f6;text-align:center}.workborder-img{background:#31a3ff;height:1px;width:300px;margin:auto;position:relative}.workborder-img::before{content:'';display:block;clear:both;position:absolute;top:-4px;left:0;bottom:0;height:8px;width:8px;border-radius:50px;background:#31a3ff}.workborder-img::after{content:'';display:block;clear:both;position:absolute;top:-4px;right:0;bottom:0;height:8px;width:8px;border-radius:50px;background:#31a3ff}.work-area .work-content{width:100%;margin:30px 0}.work-area .work-content p{width:60%;margin:auto}.work-menu{margin-bottom:50px}.work-menu ul li{margin:0 5px}.work-menu ul li h2{text-transform:uppercase;font-weight:500;font-size:20px;padding:0 3px;cursor:pointer}.work-area .mixitup-control-active{font-weight:700;border-bottom:2px solid #000}.work-area .first-works{margin-bottom:22px}.work-area .work-image{position:relative;overflow:hidden}.workhover-content{position:absolute;bottom:0;padding-top:0;left:0;width:100%;height:0;background:#4a4a4a;opacity:.8;color:#fff;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.work-image:hover .workhover-content{padding-top:42%;height:100%}@media only screen and (max-width:575px){.work-area .work-image{width:95%;margin:0 auto 22px}.work-area .work-menu{margin-top:30px}.work-area .work-menu li{display:block;margin-bottom:14px}.work-area .mixitup-control-active{border-bottom:transparent;color:#31a3ff}}.work-counter{background-image:url(img/workcounter-bg.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding:60px 0;position:relative;color:#fff;overflow:hidden}.work-counter::before{content:'';display:block;clear:both;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7}.work-counter .single-counter{position:relative}.work-counter .counter-img i{font-size:25px;margin-bottom:6px}.work-counter .counter-count{font-weight:700;font-size:20px;margin-bottom:6px}.testimonial-area{padding:60px 0 100px}.testimonialborder-img{background:#31a3ff;height:1px;width:250px;margin:auto;position:relative}.testimonialborder-img::before{content:'';display:block;clear:both;position:absolute;top:-4px;left:0;bottom:0;height:8px;width:8px;border-radius:50%;background:#31a3ff}.testimonialborder-img::after{content:'';display:block;clear:both;position:absolute;top:-4px;right:0;bottom:0;height:8px;width:8px;border-radius:50%;background:#31a3ff}.testimonial-slider{margin-top:70px}.testimonial-content{margin:25px auto 45px auto;width:60%}.testimonial-content p{opacity:1}.testimonial-area .testmonial-img img{width:120px;height: 120px;border-radius: 50%;margin:auto}.testimonial-name h5:first-child{font-size:16px;font-weight:700;text-transform:capitalize;margin-bottom:5px}.testimonial-name h5:last-child{font-size:15px;font-weight:400;text-transform:capitalize}.testimonial-slider .indicate{bottom:-60px}.testimonial-slider .indicate a{height:15px;width:15px;margin:0 10px;border-radius:50%;border:2px solid #000}.testimonial-slider .indicate .active{background:#000}.hire-area{background-image:url(img/hire-bg.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;padding:75px 0;color:#fff;position:relative}.hire-area::before{content:'';display:block;clear:both;top:0;left:0;position:absolute;width:100%;height:100%;background-color:#000;opacity:.7}.hire-area .hire-title{margin-bottom:60px}.hire-area .hire-title h2{font-size:24px}.hire-area .download-hire,.hire-area .hire-title{position:relative}.hire-area .download-hire a{color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;padding:12px 45px;background:#31a3ff;border-radius:3px;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}.download-hire .download-cv{text-align:right}.download-hire .hire-me a{padding:12px 80px}.hire-area .download-hire a:hover{background:#537af9}.footer-area{padding:65px 0 30px 0}.contact-border{background:#31a3ff;height:1px;width:260px;margin:auto;position:relative}.contact-border::before{content:'';display:block;clear:both;position:absolute;top:-4px;left:0;height:8px;width:8px;border-radius:50%;background:#31a3ff}.contact-border::after{content:'';display:block;clear:both;position:absolute;top:-4px;right:0;height:8px;width:8px;border-radius:50%;background:#31a3ff}.contact-details{margin-top:30px}.footer-area .contact-map{position:relative}.contact-map iframe{width:100%;height:350px;position:absolute;top:0;right:0}.contact-form input,.contact-form textarea{border:none;border-bottom:2px solid #ddd;border-radius:0;margin-bottom:10px;padding-left:0;margin-top:4px}.contact-form input[type=submit]{text-transform:uppercase;padding:7px 50px;color:#fff;background:#0A7CFF;border-radius:3px;font-size:16px;font-weight:700;margin-top:12px;border:none;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}.contact-form input[type=submit]:hover{background:#537af9}.contact-form input::-webkit-input-placeholder{font-size:16px;font-weight:500;opacity:.8}.contact-form input::-moz-placeholder{font-size:16px;font-weight:500;opacity:.8}.contact-form input:-ms-input-placeholder{font-size:16px;font-weight:500;opacity:.8}.contact-form input::-ms-input-placeholder{font-size:16px;font-weight:500;opacity:.8}.contact-form input::placeholder,.contact-form textarea{font-size:16px;font-weight:500;opacity:.8}.contact-form textarea{height:140px}.copyright-scrolltop{padding:30px 0 20px;background:#1b1a22}.copyright-scrolltop .copyright p{color:#fff;opacity:1;font-size:15px}.copyright-scrolltop .scrolltop i{cursor:pointer;position:fixed;right:15px;bottom:5px;font-size:18px;height:40px;width:40px;border-radius:50%;text-align:center;padding:10px;color:#fff;background:#4a4a4a;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease; z-index:10;}.copyright-scrolltop .scrolltop i:hover{background:#31a3ff}

/* visual composer */
.vc_row{margin-left: 0 !important; margin-right: 0 !important;}
.vc_column-inner{padding-left: 0 !important; padding-right: 0 !important;}


/* contact form 7 */
.contact-form  span.wpcf7-not-valid-tip {
    margin-top: -12px;
    margin-bottom: -10px;
}
.contact-form  .wpcf7-response-output {
    margin-top: -15px !important;
}

div#contact-form-map {
    width: 83%;
    margin-right: auto !important;
    margin-left: auto !important;
}