body {font-family:'Poppins',sans-serif;}
html {height:100%;}
img {height:auto;max-width:100%;}
nav {position:fixed;background:#fff;z-index:1000;width:100%;padding:30px;display:none;-webkit-box-shadow:0px 2px 92px 0px rgba(0, 0, 0, 0.18);-moz-box-shadow:0px 2px 92px 0px rgba(0, 0, 0, 0.18);box-shadow:0px 2px 92px 0px rgba(0, 0, 0, 0.18);}
.nav-menu {float:right;line-height:32px;}
nav ul li {float:left;margin-right:15px;font-family:'Poppins',sans-serif;font-size:14px;}
nav ul li a {color:#000;}
nav ul li a:hover {color:#afafaf!important;}
.logo {float:left;}
.responsive {display:none;font-size:23px;}
.active {color:#afafaf;}
.bg-grey {background-color:#ddd;color:#777;}
a.bg-grey:hover, a.bg-grey:focus {background-color:#aaa;}
footer {background:#062238;padding:20px;margin-top:90px;text-align:center;}
footer .social a {color:#b1b1b1;font-size:15px;margin:0 10px;transition:all ease 0.3s;font-size:13px;}
.diag footer p {font-size:14px;line-height:1.5;color:#7a8686;}
.site-button:focus {outline:0;}
.nav-menu li a:focus {color:#000;} 
.ok {background:green !important;border:solid 2px green !important;color:white;} 
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;}
.form-inp.reqError, .contact-form textarea.reqError {border-color: #f00;}
.content {margin-top:60px;}
.subpage-nav {display:block !important; position:relative;}
.page-title {display:table-cell;vertical-align:middle;text-align:center;z-index:2;position:relative;}
.page-title h1 {font-size:75px;color:#fff;font-weight:bold;letter-spacing:-3px;margin-bottom:20px;}
.top_15 {margin-top:15px;}
.top_30 {margin-top:30px;}
.top_45 {margin-top:45px;}
.top_60 {margin-top:60px;}
.top_90 {margin-top:90px;}
.top_120 {margin-top:120px;}
.padding_30 {padding:30px 0;}
.padding_45 {padding:45px 0;}
.padding_60 {padding:60px 0;}
.padding_90 {padding:90px 0;}
.bottom_15 {margin-bottom:15px;}
.bottom_30 {margin-bottom:30px;}
.bottom_45 {margin-bottom:45px;}
.bottom_60 {margin-bottom:60px;}
.bottom_90 {margin-bottom:90px;}
.bottom_120 {margin-bottom:120px;}
.padbot_15 {padding-bottom:15px;}
.padbot_30 {padding-bottom:30px;}
.padbot_45 {padding-bottom:45px;}
.padbot_60 {padding-bottom:60px;}
.padbot_90 {padding-bottom:90px;}
.padbot_120 {padding-bottom:120px;}
.padbot_200 {padding-bottom:200px;}
.loader-wrapper {position:fixed;width:100%;height:100%;background-color:#9FD5D7;z-index:9999;}
.loader {height:1px;background-color:#062238;position:absolute;z-index:9999;}
.home {width:100%;display:table;}
.diag .home {background:url(../images/vmp_bg.jpg?v=1) 50% 50% fixed;background-size:cover;}
.home-content {display:table-cell;vertical-align:middle;text-align:center;z-index:2;position:relative;}
.home-content h1 {font-size:75px;color:inherit;font-weight:bold;letter-spacing:-3px;margin-bottom:20px;}
.home:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.social {height:30px;}
.social a {color:#fff;font-size:15px;margin:0 15px;transition:all ease 0.3s;}
.social a:hover {transition:all ease 0.3s;opacity:0.5;}
.home-down {color:inherit;font-size:40px;padding-top:40px;padding-left:20px;display:inline-block;transition:all 0.3s ease;}
.home-down:hover {color:#000;transition:all 0.3s ease;}
.home-down:focus {color:#000;}
@-webkit-keyframes bounce {
	 0%, 100% {-webkit-transform: translateY(0);} 
	 50% {-webkit-transform: translateY(-20px);}
}
@-moz-keyframes bounce {
	 0%, 100% {-moz-transform: translateY(0);}
	 50% {-moz-transform: translateY(-20px);}
}
@-o-keyframes bounce {
	 0%, 100% {-o-transform: translateY(0);}
	 50% {-o-transform: translateY(-20px);}
}
@keyframes bounce {
	 0%, 100% {transform: translateY(0);}
	 50% {transform: translateY(-20px);}
}
.bounce {-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;-moz-animation:bounce 2s infinite;-o-animation:bounce 2s infinite;}

.diagonal {position:absolute;left:0;bottom:0;pointer-events:none;background:#fff;float:left;z-index:1000;}
.diagonal-gray {position:absolute;left:0;bottom:0;pointer-events:none;background:#fff;float:left;z-index:100;margin-top:90px;}
.diagonal-gray path {fill:#f5f5f5;}
.diagonal-white {background:#f5f5f5;margin-bottom:-6px;margin-top:60px;}
.diagonal-white path {fill:#fff;stroke:#f5f5f5;stroke-width:0;}
.diagonal.home-left {position:absolute;bottom:0;left:0;background:none;z-index:99;}
.diagonal.home-right {position:absolute;bottom:0;right:0 !important;background:none;z-index:99;left:auto;}
.diagonal.home-left, .diagonal.home-right path {fill:#f5f5f5;stroke:#f5f5f5;stroke-width:4;}
.diag p {font-size:15px;color:#748182;line-height:28px;}
.diag .section-title.dleft {text-align:left;padding:initial;}
.diag .section-title.dleft .portfolio_filter ul {float:left;}
.diag .section-title.dright {text-align:right;padding:initial;}
.diag section {position:relative;}
.diag .contact .contact-info li {font-size:15px;line-height:1.5;color:#748182;text-align:left;list-style:none;}
.diag .page-title.sub {font-size:23px;text-align:right;width:100%;float:right;}
.diag .page-title.sub h5 {font-weight:bold;line-height:30px;padding-bottom:15px;}
.diag .social-icons a {color:#000;font-size:13px;width:26px;height:18px;display:inline-block;}
.diag .home-content h1 {text-align:left;}
.diag .home-content .social {text-align:left;}
.diag .home-content .home-down.bounce {float:left;padding:50px 74px 0;}
.social-icons a:hover {font-size:15px;}
.fb:hover {color:#3b5998!important;transition:all ease 0.1s;}
.tw:hover {color:#55acee!important;transition:all ease 0.1s;}
.ins:hover {color:#cd486b!important;transition:all ease 0.1s;}
.bh:hover {color:#1769ff!important;transition:all ease 0.1s;}
.dr:hover {color:#ea4c89!important;transition:all ease 0.1s;}
.sitebtn {border:solid 2px #dfdfdf;background:none;font-size:13px;padding:9px 11px;text-align:left;min-width:140px;line-height:17px;transition:all ease 0.3s;color:#000;}
.sitebtn:after {font-family:FontAwesome;content:"\f178";color:#000;float:right;}
.sitebtn:focus {border:solid 2px #000;}
.sitebtn:hover {background:#000;color:#fff;border-color:#000;transition:all ease 0.3s;}
.sitebtn:hover:after {color:#fff;}
.sitebtn:focus {border:solid 2px #dfdfdf;}

.about.type-1 .about-image {padding-bottom:42px;background:#e8e8e8;}
.about.type-1 .about-image img:before {background:#e4e4e4; }
.about.type-1 .about-image img {box-shadow:0px 0px 85px 0px rgba(0,0,0,0.14);margin-top:-15%;margin-left:calc(15% - 15px);}
.about.type-1.vertiqal .about-image img {width:100%;box-shadow:0px 0px 85px 0px rgba(0,0,0,0.14);margin-top:-15%;margin-left:-15%;}
.diagonal-title h5 {padding-bottom:20px;font-size:25px;line-height:31px;}
.diagonal span {font-size:15px;color:#b3b3b3;letter-spacing:3px;margin-bottom:5px;display:block;}
.about {padding-top:90px;}
.diag .about {position:relative;}
.about-image img {width:100%;}

.work-areas {width:100%;display:inline-block !important;}
.work-areas .area .icon i:before {font-size:40px;margin-left:5px;}
.work-areas .area .icon i {display:inline-block;}
.work-areas .area .icon {width:20%;float:left;}
.work-areas .area .text {width:80%;float:left;}
.work-areas .area .text h6 {font-size:15px;letter-spacing:2px;margin-bottom:8px;}
.work-areas .area .text p {font-size:13px;line-height:24px;}
.about h2 {font-size:23px;line-height:30px;} 
.about-text {display:table;height:407px;}
.out {display:table-cell;vertical-align:middle;}
.typed-cursor {opacity:1;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;animation:blink 0.7s infinite;font-weight:300;}
@keyframes blink {
    0% {opacity:1;}
    50% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes blink {
    0% {opacity:1;}
    50% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink {
    0% {opacity:1;}
    50% {opacity:0;}
    100% {opacity:1;}
}

.gray-bg {margin-top:90px;background:#f5f5f5;}
.dgray-bg {background:#f5f5f5;}
.what-can {padding:90px 0;}
.what-can .feature {text-align:center;margin-bottom:30px;}
.what-can .feature i {font-size:40px;}
.what-can .feature h3 {font-size:13px;letter-spacing:1px;margin-bottom:11px;}
.what-can .feature p {line-height:20px;}

.contact-info {text-align:center;}
.contact-info i {width:60px;height:60px;text-align:center;background:#000;border-radius:50px;color:#fff;padding-top:20px;font-size:20px;margin-bottom:15px;}
.contact-info p {line-height:20px;}
.section-title p {margin-top:20px;}
.form-inp {width:100%;height:45px;border:0;color:#000;border-bottom:solid 1px #dfdfdf;font-size:13px;padding-left:10px;margin-bottom:15px;font-family:'Poppins', ans-serif;}
.contact-form textarea {width:100%;border:0;border-bottom:solid 1px #dfdfdf;font-size:13px;padding:20px 0 0 10px;height:119px;margin-bottom:15px;font-family:'Poppins',sans-serif;}
.contact-form {margin-top:90px;}
.contact-form .sitebtn {margin:auto;margin-top:30px;display:block;}
.button {text-align:center;padding: 5px 0;}
.site-button {padding:10px 50px;font-size:12px;background:none;border:2px solid;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;transition:all ease 0.3s;}
a.site-button {border:2px solid #000;color:#000;}
.site-button:hover {background:#000;color:#fff;transition:all ease 0.3s;}

@media screen and (max-width: 991px) {
    .home-content h1 {font-size:50px;}
    .what-can .feature {padding:0 30px;}
    .about {padding-top:30px;}
    .about.type-1 .about-image {background:none;}
    .about.type-1 .about-image img {margin:0;}
}
@media screen and (max-width: 767px) {
    .diag .home {background-position:45% 55%;background-size:auto;}
    .home-content h1 {font-size:32px;margin-bottom:10px;}
    .contact-info {margin-bottom:30px;padding:0 50px;}
    .social a {margin:0 10px;font-size: 12px;}
    nav {padding:30px 15px;}
    .nav-menu {margin-top:40px;display:none;float:none;width:100%;}
    .nav-menu li {float:none;width:100%;text-align:center;height:45px;border-top:1px solid #f7f7f7;line-height:45px;}
    .responsive {float:right;display:block;}
    .gray-bg {margin-top:30px;}
    .what-can {padding:45px 0;}
    .section-title {padding:60px 0 45px 0;}
    .portfolio_filter ul {margin-top:15px;}
    .portfolio_filter ul li {height:30px;}
    .diagonal, .diagonal-gray, .diagonal-white {height:70px;}
    .row.bottom_90 {margin-bottom:0;}
    .diag .blog {padding-bottom:60px;}
}
@media screen and (max-width: 375px) {
    .home-content h1 {font-size:30px;}
}
@media screen and (min-width: 768px) {
    .nav-menu {display:block!important;}
}

.home-slider {position:absolute;top:0;left:0;z-index:-1;width:100%;}
.slider {background:none !important;}
.home-video {width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;}
.wow-removed {animation-name:none !important;visibility:visible !important;}