/*    
Theme Name: lanotdesign
Theme URI: lanotdesign.com
Description: For Lanotdesign.com only
Version: 1.1
Author: LanotDesign Team 
Author URI: lanotdesign.com
*/


@font-face {
    font-family: 'Antonio';
    src: url('fonts/antonio-bold.ttf');
    font-weight: 600;
} 

@font-face {
    font-family: 'Verdana';
    src: url('fonts/verdana.ttf');
} 


* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font: 400 20px Roboto, sans-serif;
    color: #fedfb1;
    margin: 0; 
    padding: 0;
    position: relative;
    overflow-x: hidden;
    background-color: #d2d2d2;
}

h1,
h2,
h3,
h4,
h5,
h6,
html,
body,
ul,
li,
p,
span,
blockquote,
cite {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

ul {
    list-style: none;
}


h1 {
    font: 600 50px 'Antonio', sans-serif;
    color: #fe9700;
    margin: 0 0 30px 0;
}

h2 {
    font: 600 40px 'Antonio', sans-serif;
    color: #fe9700;
    margin: 0 0 30px 0;
}

h3 {
    font: 600 30px 'Antonio', sans-serif;
    color: #fe9700;
    margin: 0 0 30px 0;
}

h4 {
    font: 600 24px 'Antonio', sans-serif;
    color: #fe9700;
    margin: 0 0 20px 0;
}

h5 {
    font: 600 20px 'Antonio', sans-serif;
    color: #fe9700;
    margin: 0 0 20px 0;
}

h6 {
    font: 600 16px 'Antonio', sans-serif;
    color: #fe9700;
    margin: 0 0 20px 0;
}

p {
    font: 22px 'Roboto', sans-serif;
    color: #fedfb1;
    margin: 0 0 50px 0;
}

a {
    color: #fedfb1;
    text-decoration: none;
}

a:focus,
a:hover,
a:active {
    outline: 0;
    color: #fe9700;
}

a:hover {
    text-decoration: none;
    color: #fe9700;
}

input:focus {
    outline: 0;
}

table {
    border-collapse: collapse;
}

button,
.button,
.btn{
    font: 600 40px 'Antonio', sans-serif;
    color: #13161b;
    display: block;
    max-width: 450px;
    width: 90%;
    text-align: center;
    padding: 20px 0;
    margin: 0 auto 45px;
    border-radius: 1px;
    background: #fe9700;
    cursor: pointer;
    text-transform: uppercase;
}

button:focus, .button:focus, .btn:focus,
button:hover, .button:hover, .btn:hover, 
button:active, .button:active, .btn:active {
    background: #feac33;
    color: #13161b;
}

.clear:before {
    content: ' ';
    display: table;
}

.clear:after {
    content: ' ';
    display: table;
    clear: both;
}
.clear {
    clear: both;
}

.br {
    width: 1px;
    display: block!important;
}

.wrap {
    max-width: 1060px;
    width: 96%;
    margin: 0 auto;
    position: relative;
}

/*#container { padding: 100px 0 100px;}*/
.more-link {display: none;}
.hide {
    display: none;
}
.ttuc {
    text-transform: uppercase;
}
.ttlc {
    text-transform: lowercase;
}
.tdul {
    text-decoration: underline!important;
}
.tact {
    text-align: center;
}
.white {
    color: #fff;
}
.black {
    color: #191919;
}
.orange {
    color: #d58022!important;
}
.margin-b-0 {
    margin-bottom: 0!important;
}


/* start of perspective background */
.perspective-master {position: fixed; width: 100vw; height: 100vh; top: 0; left: 0;}
.perspective-container {-webkit-perspective: 700px; -moz-perspective: 700px; perspective: 700px; height: 100%; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);}
.perspective-bg {width: 100%; height: 100%; background: url('/wp-content/uploads/2018/01/bg-parallax-v5.jpg') no-repeat center top; background-size: 100% auto;margin: 0 auto; -webkit-transition: transform 200ms linear; -moz-transition: transform 200ms linear; -o-transition: transform 200ms linear; transition: transform 200ms linear; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;
    -webkit-transform: matrix3d(
    1,	0,	0,	0,
    0,	1,	0,	0,
    0,	0,	1,	0,
    0,	0,	0,	1
  );
    -ms-transform: matrix3d(
    1,	0,	0,	0,
    0,	1,	0,	0,
    0,	0,	1,	0,
    0,	0,	0,	1
  );
    -moz-transform: matrix3d(
    1,	0,	0,	0,
    0,	1,	0,	0,
    0,	0,	1,	0,
    0,	0,	0,	1
  );
    transform: matrix3d(
    1,	0,	0,	0,
    0,	1,	0,	0,
    0,	0,	1,	0,
    0,	0,	0,	1
  );
 
}
.transparent-bg {position: static;}
.transparent-bg > * {position: relative; display: inline-block;}
/* end of perspective background */


.head-illustration {position: fixed; left: 0; right: 0; top: 545px;max-width: 622px; width: 100%; margin: auto; pointer-events: none;}
.head-illustration img {;display: block; width: 100%;}



/* start of nav-btn */
#nav-btn {
    display: none;
    position: absolute;
    height:50px;
    width:50px;
    right: 25px;
    top: 25px;
}
#nav-btn * {
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    box-sizing:border-box;
}

#nav-btn input[type=checkbox] {
    display:none;
}
#nav-btn label {
    cursor:pointer;
    position:absolute;
    z-index:99;
    height:100%;
    width:100%;
    top:10px;
    left:0;
}

#nav-btn .spinner {
    position:absolute;
    height:5px;
    width:100%;
    background-color:#fff;
}

#nav-btn .diagonal.part-1 {
    position:relative;
    float:left;
}
#nav-btn .horizontal {
    position:relative;
    float:left;
    margin-top:6px;
}
#nav-btn .diagonal.part-2 {
    position:relative;
    float:left;
    margin-top:6px;
}

#nav-btn input[type=checkbox]:checked ~ .spinner-spin > .horizontal {
    opacity: 0;
}
#nav-btn input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
    -webkit-transform:rotate(405deg);
    -ms-transform:rotate(405deg);
    -moz-transform:rotate(405deg);
    transform:rotate(405deg);
    margin-top:10px;
}
#nav-btn input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
    -webkit-transform:rotate(-405deg);
    -ms-transform:rotate(-405deg);
    -moz-transform:rotate(-405deg);
    transform:rotate(-405deg);
    margin-top:-16px;
}
/* end of nav btn */



/* start of header nav */
.header-menu {position: fixed;z-index: 10; top: 20px; left: 0; right: 0; max-height: 84px; width: 95%; background-color: #24262b; margin: auto; transition: all .2s; }
.header-menu .header-logo {margin: 0; float: left; transition: all .2s; padding: 20px;}
.header-menu .header-logo img {width: auto; transition: all .2s; z-index: 1; position: relative;}
.header-menu nav {position: absolute; text-align: center; left: 0; right: 0;}
.header-menu nav li {display: inline-block; padding: 28px 10px 28px;}
.header-menu nav li a, .extended-nav a {font: bold 20px Antonio; color: #fff}
.header-menu nav li.current-menu-item a, .header-menu nav li a:hover {color: #fe9700;}
.header-menu nav li:last-child {background-color: #f4970f; display: none;}
.header-menu nav li:last-child a, .extended-nav a {color: #13161b;}
.extended-nav {background-color: #f59810; padding: 27px 100px 28px; position: absolute; right: 0; top: 0;}
.extended-nav:hover {background: #feac33;}
/* end of header nav */


/* start of home css */
.part1 {padding: 160px 0 330px;}
.part1 * {text-align: center;} 
.part1 .welcometo {margin: 0; color: #191919; font: 600 30px 'Antonio', sans-serif;}
.part1 h1 {display: block; font-size: 80px; color: #191919; line-height: 1em; text-transform: uppercase}
.part1 p {max-width: 1020px; margin: 0 auto 50px; color: #191919; font-size: 24px;}
.part1 p a {font-weight: bold; font-style: italic; color: #191919;}
/*.part1 p span, */.part1 p span a {text-decoration: underline; color: #191919;}
.part1 .button {margin: 0 auto;}


.part2 {position: relative; background-color: #13161b; padding: 50px 0 45px;}
.part2 * {text-align: center;}
.part2 h1 {text-transform: uppercase;}
.part2 h5 {margin: 0 0 40px;}
.part2 ul {border-top: 1px solid #2b2a29; border-bottom: 1px solid #2b2a29;}
.part2 ul li {padding: 30px 20px; display: inline-block; width: 24%; min-height: 590px; vertical-align: top;border-right: 1px solid #2b2a29}
.part2 ul li:last-child {border-right: none}
.part2 ul li img {width: 100%; margin: 0 auto 10px; min-height: 220px; object-fit: contain;}
.part2 ul li:hover img {width: 95%;}
.part2 h2.part2-fieldtitle {margin: 0 0 15px; color: #fedfb1; font: 600 24px 'Antonio', sans-serif;}
.part2 p {font-size: 14px; line-height: 30px; max-width: 200px; margin-left: auto; margin-right: auto;}
.part2 .button {position: relative; z-index: 2; margin-top: -47px;}

.part3 {position: relative; height: 95vh; min-height: 900px; width: 100%; background-color: #13161a;}
.part3 .video-master, .part3 .blog-master {width: 50%; height: 100%; float: left}
.part3 .video-master img {width: 100%; height: 100%; object-fit: cover;}
.part3 .video-master #video-title {position: absolute; bottom: 0; text-align: center; width: 50%; display: none; font: 600 50px 'Antonio', sans-serif; color: #fe9700; margin: 0 0 30px 0;}
.part3 .video-master #video-play {position: absolute; left: 23%; top: 50%; cursor: pointer; fill:#fe9700;}
.part3 .video-master iframe {display: none; position: absolute; top: 0; left: -25%; width: 100%; height: 100%;}
.part3 .recent-blog {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; height: 50%; width: 100%; position: relative; overflow: hidden;}
.part3 .recent-blog .blog-content {padding: 35px 50px 70px; position: relative; z-index: 2;}
.part3 .recent-blog img {position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: top; z-index: 1; -webkit-filter: grayscale(95%) blur(4px) brightness(20%); filter: grayscale(95%) blur(4px) brightness(20%)}
.part3 .recent-blog .blog-title {display: block; font: 600 50px 'Antonio', sans-serif; color: #fff; line-height: 1.2em; margin: 0 0 30px;}
.part3 .recent-blog .postedby {margin: 0 0 20px; font: 12px Verdana;}
.part3 .recent-blog .blog-description {font: 18px Roboto; line-height: 30px;}
.part3 .recent-blog .read-more {z-index: 2; width: 225px; font-size: 20px; padding: 10px 0; position: absolute; bottom: 38px; right: 30px; margin: 0;}

.part3 .blog-master {background-color: #000; z-index: 2; position: relative;}

.part4 {padding: 40px 0 0;}
.part4 * {text-align: center;}
.part4 h1 {color: #11171a; text-transform: uppercase;}
.part4 ul.social-portfolio li {display: inline-block; width: 49%; max-width: 500px; margin: 0 auto 20px; padding: 0 10px;}
.part4 .social-portfolio img {display: block; width: 100%;}
.part4 ul.testimonials {padding-bottom: 30px;}
.part4 ul.testimonials * {text-align: left;}
.part4 ul.testimonials li {position: relative; display: inline-block; margin: 15px; background-color: #f39023; vertical-align: top;}
.part4 ul.testimonials .first-part {float: left; width: 100px; height: 235px; overflow: hidden; padding: 4px 8px 5px 3px;}
.part4 ul.testimonials .second-part {float: left; width: 220px; height: 235px; overflow-y: scroll; padding: 15px; background-color: #11171a;}
.part4 ul.testimonials .avatar {width: 100%; border: 4px solid #9b5c16; border-radius: 100%;}
.part4 ul.testimonials svg polygon {fill:#11171a;}
.part4 ul.testimonials .name {font: 14px Verdana; margin: 0 0 5px 5px; color: #181c1e; display: block;}
.part4 ul.testimonials .name span {display: block; font-size: 12px;}
.part4 ul.testimonials .other {font: italic 12px Verdana; margin: 0 0 0 5px; color: #181c1e; display: block;}
.part4 ul.testimonials .country {max-width: 20px; margin-left: 7px;}
.part4 ul.testimonials .testimonial-text {font: italic 14px Verdana; margin: 0; line-height: 24px;}
.part4 ul.testimonials svg {position: absolute; top: 19px; left: 92px;}
.part4 ul.best-works {display: block; max-width: 850px; margin: auto;}
.part4 ul.best-works li {padding-bottom: 50px;}
.part4 ul.best-works li img {display: block; width: 100%;}

/* end of home css */

/* start of footer */
footer {position: relative; background-color: #13161b; padding: 40px 0;}
footer * {text-align: center;}
footer .abouttheartist {margin: 0; font: 600 20px 'Antonio', sans-serif; color: #fe9700;}
footer h1 {margin: 0 auto 15px; line-height: 1em; text-transform: uppercase;}
footer .artist-img {margin: 0 auto 30px; width: 100%; max-width: 244px; height: auto;}
footer .harvey-about {font: 16px Roboto;max-width: 670px; margin: 0 auto 40px;}
footer .readytostartyourproject {display: block; color: #fedfb1; margin: 0 auto 30px; font: 600 24px 'Antonio', sans-serif;}
.social-icons {padding: 0 0 25px;}
.social-icons li {list-style: none; display: inline-block; padding: 5px;}
.social-icons li span {background: url('/wp-content/uploads/2016/11/social-icons.png'); display: block; width: 47px; height: 47px;}
.social-icons li span.facebook {background-position: -5px -5px;}
.social-icons li span.twitter {background-position: -67px -5px;}
.social-icons li span.instagram {background-position: -128px -5px;}
.social-icons li span.youtube {background-position: -191px -5px;}
.social-icons li span:hover {-webkit-filter: brightness(120%); filter: brightness(120%);}
footer nav li {display: inline-block; border-right: 1px solid #d0d0d1; padding: 0 8px 0 4px;}
footer nav li:last-child {border-right: none;}
footer nav li a, footer .copyright {font: 12px Verdana; color: #fff; display: block;}
/* end of footer */

/* start of portfolio pages */
body.page-template-page-portfolio .part4 ul.testimonials li {margin: 10px;}
body.page-template-page-portfolio .footer-top {padding: 90px 0 0;}
body.page-template-page-portfolio .footer-bottom {padding: 0 0 20px;}
.portfolio-part1 {padding: 0!important; height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;}
body.page-template-page-portfolio .portfolio-inner {position: relative; background: #13161b;}
.portfolio-featured-image, .portfolio-content {width: 50%; height: 100vh; display: inline-block;}

.portfolio-content {padding: 50px; height: 100vh; display: flex; align-items: center;}

.portfolio-featured-image img {width: 100%; height: 100%; object-fit: cover; object-position: top; display: block;}
.portfolio-title {display: inline-block; text-transform: uppercase; margin: 0 0 20px; line-height: 1.1em;}
a .portfolio-title:hover {color: #ca7802;}
.portfolio-author-date {font: 14px Verdana; margin: 0 0 30px; display: none;}
.portfolio-description, .portfolio-description * {font: 18px Roboto; line-height: 30px;}
.portfolio-description a {text-decoration: underline; color: #fe9700;}
.portfolio-description * {margin: 0;}
.portfolio-description p {margin-bottom: 20px;}
.portfolio-read-more {width: 225px; font-size: 20px; margin: 0; height: 0px; padding: 0; overflow: hidden; display: none;}
.case-study-see-more {display: block; margin-top: 30px; height: auto; padding: 10px 0;}
/* end of portfolio pages */


/* start of featured posts */
.featured-posts {position: relative;}
.featured-posts li {position: relative; display: inline-block; width: 30%; height: 300px; margin: 1%;}
.featured-posts li:hover img {-webkit-filter: brightness(50%);filter: brightness(50%);}
.featured-posts li img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  object-fit: cover; /*object-position: top;*/}
.featured-posts li div {z-index: 2; bottom: 0; left: 0; position: absolute; width: 100%; padding: 15px 20px; background-color: rgba(0,0,0,.75)}
.featured-posts li div * {text-align: left; margin: 0; color: #f5f5f5;}
.featured-posts li div > p {font: 14px Verdana;}
/* end of featured posts */


/* start of blog page */
body.blog .part1-padding-bottom-fix {padding: 0!important;}
body.blog header h1 {padding: 250px 0 0px;}
.blogpage-master {position: relative; background: #13161a;}
.blogpage-inner {width: 70%; float: left;}
.blogpage-container {width: 70%; width: 100%; max-width: 800px; margin: auto;}
.blogpage-solo {padding: 50px 15px 0;}
.blogpage-solo * {text-align: center;}
.blogpage-solo .blogpage-date-category {font: 14px Antonio; color: #fff; margin: 0 0 20px; line-height: 0;}
.blogpage-solo h1 {margin: 0 2% 20px; text-transform: uppercase;}
.blogpage-solo img {width: 100%; height: auto; margin-bottom: 20px;}
.blogpage-description {font: 14px Roboto; color: #fff; text-align: left;}
.blogpage-read-more {width: 225px; font-size: 20px; padding: 10px 0;}
.blogpage-divider {width: 100%; border-top: 1px solid #424548;}
/*end of blog page */

/* start of sidebar */
.sidebar {max-width: 250px; width: 28%; float: right; padding: 50px 0;}
.sidebar h4 {text-align: center;}

.sb-search {width: 100%; border: 1px solid #2b2a29; display: inline-block; margin: 0 0 40px;}
.sb-search .search-field {padding: 10px 15px; background: transparent; border: 0; color: #fff; width: 80%;}
.sb-search .search-submit {float: right; border: 0; width: 31px; height: 33px; background: url('/wp-content/uploads/2016/11/search-icon.png') no-repeat center center; cursor: pointer;}

.sb-social {text-align: center;}
.sb-social p {margin: 0 0 0;}

.sb-instagram {padding-bottom: 20px;}

.sb-category {text-align: center; margin: 0 0 5px; text-transform: uppercase;}
.sb-category a {font: 14px Verdana; color: #fff;}
.sb-category a:hover {color: #fe9700;}

.sb-divider {display: block; max-width: 180px; width: 100%; height: 1px; margin: 0 auto 30px; border-bottom: 1px solid #424548;}

.sb-ppost li {margin-bottom: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;}
.sb-ppost li:hover .pp-text a {color: #fe9700!important;}
.pp-img {width: 50px; height: 50px; margin: 0 10px 0 0;}
.pp-img img {width: 100%; height: auto; object-fit: cover; margin: 5px 10px 0 0;}
.pp-text {font: 11px Verdana; width: 100%; color: #fff!important;}
.pp-text a {font: 14px Verdana; line-height: 1.2em; display: inline-block; color: #fff!important;}
.sidebar .cat-item.cat-item-1 {display: none;}








/* start of blog single post */
.single-post-master {padding: 160px 0 0;}
.single-post-hero-image {text-align: center;} 
.single-post-hero-image img {display: block; margin: auto; position: relative; max-height: 70vh; pointer-events: none;}
.single-post-content {position: relative; background: #13161b; padding: 40px 0;}
.single-post-title {font-size: 70px; text-transform: uppercase; text-align: center; display: inline-block; position: relative; color: #191919; padding: 0 5%; max-width: 1150px;}
 
.single-post-editor-content * {color: #fff;}
.single-post-editor-content a {color: #d58022;}
.single-post-editor-content a.button {color: #13161b;}
.single-post-editor-content p {font: 18px Verdana; margin: 0 0 35px; min-height: 1px;}
.single-post-editor-content img {max-width: 100%; height: auto; margin: 0 auto 35px;}
.single-post-editor-content img.aligncenter {display: block;}
.single-post-editor-content iframe {margin: auto; display: block;}
.single-post-editor-content .gif {max-width: 600px; width: 100%; display: block; margin: auto;}
.single-post-editor-content .wp-video {display: block; margin-left: auto; margin-right: auto;}

.single-post-editor-content h1,
.single-post-editor-content h1 strong,
.single-post-editor-content h1 i,
.single-post-editor-content h2,
.single-post-editor-content h2 strong,
.single-post-editor-content h2 i,
.single-post-editor-content h3,
.single-post-editor-content h3 strong,
.single-post-editor-content h3 i,
.single-post-editor-content h4,
.single-post-editor-content h4 strong,
.single-post-editor-content h4 i,
.single-post-editor-content h5,
.single-post-editor-content h5 strong,
.single-post-editor-content h5 i,
.single-post-editor-content h6,
.single-post-editor-content h6 strong,
.single-post-editor-content h6 i {color: #d58022; margin: 0 auto 35px;}
.single-post-editor-content br {margin: 0!important;}
.single-post-editor-content pre {background: #323944; padding: 1.5em; margin: 0 0 35px; border-radius: 3px;}
.single-post-editor-content blockquote {margin: 0 0 1.5em 35px; padding: 0 0 0 0.75em; border-left: 3px solid #2980b9; font-style: italic; color: #9fa6b4;}
.single-post-editor-content blockquote * {color: #9fa6b4;}
.single-post-editor-content ul {margin-bottom: 35px; padding-left: 40px; list-style: disc;}
.single-post-editor-content ol {margin-bottom: 35px; padding-left: 40px; list-style: numbers;}

.single-post-editor-content ul.duo {padding-left: 0; list-style: none; display: block;}
.single-post-editor-content ul.duo li {display: inline-block; width: 49%; padding: 0 19px; text-align: center; vertical-align: bottom;}
.single-post-editor-content ul.duo img {margin-bottom: 0;}
.single-post-editor-content ul.duo h4 {margin: 10px 0 15px;}
.single-post-editor-content ul.duo p {padding-right: 20px;}

/* end of blog single post */


/* start of black wrap page template */
.black-wrap {position: relative; background: #13161b; padding: 50px 0; border-bottom: 1px solid #fe9700;}
.black-wrap p {color: #fff; font: 22px Antonio;}
/* end of black wrap page template */


/* start of contact page */
.black-wrap form.wpcf7-form h4 {color: #fff;}
.page-id-19 footer {display: none;}
.page-id-19 .margin-fix {margin-bottom: 0;}
.page-id-19 .contact-column p {margin: 0;}
.page-id-19 .contact-column > div {width: 47%; display: inline-block; vertical-align: top;}
.page-id-19 .contact-column > div:first-child {margin-right: 2.5%;}
.page-id-19 .contact-column > div:last-child {margin-left: 2.5%;}
.black-wrap form.wpcf7-form input[type=text], .black-wrap form.wpcf7-form input[type=email] {/*max-width: 500px;*/}
.black-wrap form.wpcf7-form input[type=text], .black-wrap form.wpcf7-form input[type=email] , .black-wrap form.wpcf7-form  textarea {width: 100%; min-height: 40px; padding: 10px; font: 18px Verdana; resize: vertical;}
.page-id-19 .range-indicator {width: 100%; height: 7px; padding: 0 10px; display: block;}
.page-id-19 .range-values {margin: -50px 0 80px;}
.page-id-19 .range-values li {display: inline-block; color: #fff; width: 68px; margin-right: calc( 33.9% - 102px );}
.page-id-19 .range-values li:last-child {margin-right: 0;}
.black-wrap form.wpcf7-form .wpcf7-submit {border: none; margin: 0 auto;}
.page-id-19 .your-service .wpcf7-list-item label {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;}

.page-id-19 #hidden-budget {display: none; opacity: 0;}

.page-id-19 .your-service .wpcf7-list-item .wpcf7-list-item-label {order: 2; font-family: Verdana;}
.page-id-19 .your-service .wpcf7-list-item input {order: 1; margin: 0 20px 0 0; -webkit-appearance: none; width: 20px; height: 20px; background: #fff; border-radius: 100%; cursor: pointer;}
.page-id-19 .your-service .wpcf7-list-item {display: inline-block; width: 49%; margin: 0 0 20px;}
.page-id-19 .wpcf7-form-control-wrap.your-service {padding: 0 0 10px; display: block;}
.page-id-19 #textInput {text-align:center;}

.page-id-19 input[type=range] {-webkit-appearance: none; background: transparent; width: 100%; cursor: pointer;}
.page-id-19 input[type=range]::-webkit-slider-runnable-track {width: 300px; height: 5px; background: #777; border: none; border-radius: 5px;}
.page-id-19 input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; border: none; height: 20px; width: 20px; border-radius: 50%; background: #fd9800; margin-top: -8px;}
.page-id-19 input[type=range]:focus {outline: none;}
.page-id-19 input[type=range]:focus::-webkit-slider-runnable-track {background: #777;}
.page-id-19 input[type=range]::-moz-range-track {width: 100%; height: 5px; background: #777; border: none; border-radius: 5px;}
.page-id-19 input[type=range]::-moz-range-thumb {border: none; height: 20px; width: 20px; border-radius: 50%; background: #fe9601;}
.page-id-19 input[type=range]:-moz-focusring{outline: 1px solid #fe9601; outline-offset: -1px;}
.page-id-19 input[type=range]::-ms-track {width: 100%; height: 5px; background: transparent; border-color: transparent; border-width: 6px 0; color: transparent;}
.page-id-19 input[type=range]::-ms-fill-lower, .page-id-19 input[type=range]::-ms-fill-upper {background: #777; border-radius: 10px;}
.page-id-19 input[type=range]::-ms-thumb {border: none; height: 20px; width: 20px; border-radius: 50%; background: #fe9601;}
.page-id-19 input[type=range]:focus::-ms-fill-lower, .page-id-19 input[type=range]:focus::-ms-fill-upper {background: #777;}
div.wpcf7 .ajax-loader {display: block; margin: auto;}
div.wpcf7-response-output {text-align: center; border: 0!important;}
/* end of contact page */

/* start of search page */
body.search #content {position: relative; background: #13161b; padding: 150px 0 50px;}
body.search .search-divider {width: 100%; border-top: 1px solid #f4970f; margin-bottom: 40px;}
body.search .search-title {margin: 0;}
body.search .byline.entry-meta.vcard {font-size: 16px; color: #fff; margin: 0 0 25px;}
body.search .entry-content p {color: #fff;margin: 0 0 40px;}
body.search .excerpt-read-more, body.search .search-title a {color: #fe9700;}
/* end of search page */

/* start of 404 page */
body.error404 #content {position: relative; background: #13161b; padding: 150px 0 50px; border-bottom: 1px solid #fe9700;}
body.error404 #searchsubmit {border: 0; margin-top: 20px;}
body.error404 #s {background: transparent; color: #fff; border: 1px solid #2b2a29; border-radius: 3px; padding: 10px;}
/* end of 404 page */

/* start of logo design sitemap */
body.page-template-page-logodesignsitemap .header-menu {
	display: none!important;
}
body.page-template-page-logodesignsitemap footer {
	display: none!important;
}

#logodesign-sitemap {
	min-height: 100vh;
    padding: 5% 5% 1%;
}

.logodesign-sitemap-content-image {
	display: inline-block;
	width: 45%;
	vertical-align: top;
}
.logodesign-sitemap-content-image img {
    display: block;
    width: 100%;
    margin: auto;
    max-width: 80%;
}
.logodesign-sitemap-content-text {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	text-align: center;
}
.logodesign-sitemap-content-text h1 {
	font-size: 80px;
	text-transform: uppercase;
}
.logodesign-sitemap-content-text p {
	font-size: 30px;
	line-height: 1.3em;
	color: #fedfb1;
    margin-bottom: 30px;
}
.logodesign-sitemap-content li {
	display: none;
}
#logodesign-sitemap .logodesign-sitemap-content li.ldq-content-active {
	display: block;
    min-height: 63vh;
}
.logodesign-sitemap-pagination {
    padding-top: 100px;
}
.logodesign-sitemap-pagination ul {
	text-align: center;
}
.logodesign-sitemap-pagination li {
	position: relative;
	display: inline-block;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 25px;
    width: 50px;
    padding: 4px 0;
    border: 5px solid #fff;
    border-radius: 50%;
	cursor: pointer;
	margin: 0 40px 40px;
}
.logodesign-sitemap-pagination li.ldq-btn-active {
    color: #fe9700;
    border: 5px solid #fe9700;
}
.logodesign-sitemap-pagination li.ldq-btn-current {
    color: #13161b !important;
    border: 5px solid #fe9700 !important;
	background-color: #fe9700 !important;
}
.logodesign-sitemap-pagination li:before {
	content: ' ';
    width: 60%;
    right: 145%;
    height: 8px;
    top: 15px;
    display: block;
    background: white;
    position: absolute;
}
.logodesign-sitemap-pagination li:after {
    content: ' ';
    width: 60%;
    left: 145%;
    height: 8px;
    top: 15px;
    display: block;
    background: white;
    position: absolute;
}
.logodesign-sitemap-pagination li:first-child:before, .logodesign-sitemap-pagination li:last-child:after {
	display: none;
}
.logodesign-sitemap-pagination li.ldq-btn-current span:after {
    display: block;
    content: 'WE ARE HERE';
    background-color: #fe9700;
    color: #13161b;
    font: 18px 'Antonio';
    width: 130px;
    padding: 6px 0;
    border-radius: 5px;
    position: absolute;
    left: -43px;
    top: -60px;
}
.logodesign-sitemap-pagination li.ldq-btn-current span:before {
    content: ' ';
    position: absolute;
    left: 9px;
    top: -23px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fe9700;
}
/* end of logo design sitemap */

/* start of web & logo design questionnaire page */
.page-id-506 footer {display: none;}
#wpcf7-f505-p506-o1 p,
#wpcf7-f961-p962-o1 p,
#wpcf7-f970-p967-o1 p {color: #f4970f;}
#wpcf7-f505-p506-o1 .margin-fix,
#wpcf7-f961-p962-o1 .margin-fix,
#wpcf7-f970-p967-o1 .margin-fix  {margin-bottom: 10px;}
#wpcf7-f505-p506-o1 label,
#wpcf7-f961-p962-o1 label,
#wpcf7-f970-p967-o1 label {cursor: pointer;}
#wpcf7-f505-p506-o1 input[type=text], 
#wpcf7-f961-p962-o1 input[type=text],
#wpcf7-f970-p967-o1 input[type=text],  
#wpcf7-f505-p506-o1 input[type=email], 
#wpcf7-f961-p962-o1 input[type=email],
#wpcf7-f970-p967-o1 input[type=email],
#wpcf7-f505-p506-o1 textarea,
#wpcf7-f961-p962-o1 textarea,
#wpcf7-f970-p967-o1 textarea {margin: 10px 0 40px; padding: 15px; border: none; color: #000; letter-spacing: 1px; width: 100%; font-size: 18px;}

#wpcf7-f961-p962-o1 .wpcf7-list-item-label,
#wpcf7-f970-p967-o1 .wpcf7-list-item-label {color: #fff;}
#wpcf7-f961-p962-o1 span.wpcf7-list-item,
#wpcf7-f970-p967-o1 span.wpcf7-list-item {display: block;}
#wpcf7-f961-p962-o1 span.wpcf7-list-item:hover,
#wpcf7-f970-p967-o1 span.wpcf7-list-item:hover {opacity: .7;}
#wpcf7-f961-p962-o1 select,
#wpcf7-f970-p967-o1 select {font-size: 20px;}

#wpcf7-f505-p506-o1 .name-float-left, 
#wpcf7-f961-p962-o1 .name-float-left, 
#wpcf7-f970-p967-o1 .name-float-left {float: left; width: 47%;margin: 0 3% 0 0; color: #f4970f; font: 22px Antonio;}
#wpcf7-f505-p506-o1 .name-float-right,
#wpcf7-f961-p962-o1 .name-float-right,
#wpcf7-f970-p967-o1 .name-float-right {float: right; width: 46%;margin: 0 0 0 4%; color: #f4970f; font: 22px Antonio;}
#wpcf7-f505-p506-o1 .range-master input {width: 70%; margin: 0 2%;}
#wpcf7-f505-p506-o1 .range-text-left, #wpcf7-f505-p506-o1 .range-text-right {display: inline-block; min-width: 10%; color: #fff; font: 16px 'Verdana';}
#wpcf7-f505-p506-o1 .range-text-left {text-align: right;}

#wpcf7-f505-p506-o1 input[type=range] {-webkit-appearance: none; background: transparent; border: 0;}
#wpcf7-f505-p506-o1 input[type=range]::-webkit-slider-runnable-track {height: 5px; background: #fff; border: none; border-bottom: 1px solid #404f53; border-radius: 3px;}
#wpcf7-f505-p506-o1 input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; border: 4px solid #91530e; height: 40px; width: 40px; border-radius: 50%; background: #ef7111; margin-top: -18px;}

#wpcf7-f505-p506-o1 .vs-float {width: 45%; margin: 2%; float: left;}
#wpcf7-f505-p506-o1 .vs-master img {max-width: 216px; width: 100%; height: auto; display: block; margin: auto; cursor: pointer;opacity: .5;}
#wpcf7-f505-p506-o1 .vs-master img:hover {opacity: .7;}
#wpcf7-f505-p506-o1 .vs-master .vsborder {opacity: 1 !important;}
#wpcf7-f505-p506-o1 .vs-master .first.last {display: block; margin: 0;}
#wpcf7-f505-p506-o1 .vs-master .wpcf7-list-item-label {display: block; text-align: center; margin: auto; color: #fff;}
#wpcf7-f505-p506-o1 .vs-master input {display: none;}

#wpcf7-f505-p506-o1 .color-box-master {color: #fff; cursor: pointer; opacity: .5;}
#wpcf7-f505-p506-o1 .color-box-master:hover {opacity: .7;}
#wpcf7-f505-p506-o1 .color-box-master.color-box-selected {opacity: 1;} 
#wpcf7-f505-p506-o1 .color-box-master.color-box-selected .color-box {border-color: #f3f3f3;}
#wpcf7-f505-p506-o1 .color-box-float {float: left; width: 49%; margin: 0 0 50px;}
#wpcf7-f505-p506-o1 .color-box-master .wpcf7-list-item-label {display: none;}
#wpcf7-f505-p506-o1 .color-box-master input {display: none;}
#wpcf7-f505-p506-o1 .color-box {display: inline-block; width: 25px; height: 25px; border: 3px solid #2d2525; margin: 10px 15px -5px; cursor: pointer;}
#wpcf7-f505-p506-o1 .color-box-master-1 .color-box {background: #ff0000;}
#wpcf7-f505-p506-o1 .color-box-master-2 .color-box {background: #eaff00;}
#wpcf7-f505-p506-o1 .color-box-master-3 .color-box {background: #1f9e0a;}
#wpcf7-f505-p506-o1 .color-box-master-4 .color-box {background: #fff;}
#wpcf7-f505-p506-o1 .color-box-master-5 .color-box {background: #0036fe;}
#wpcf7-f505-p506-o1 .color-box-master-6 .color-box {background: #000;}
#wpcf7-f505-p506-o1 .color-box-master-7 .color-box {background: #a200ff;}
#wpcf7-f505-p506-o1 .color-box-master-8 .color-box {background: #ff8a00;}
#wpcf7-f505-p506-o1 .color-box-master-9 .color-box {background: #9d9d9d;}

#wpcf7-f505-p506-o1 .example-logo {color: #fff;}
#wpcf7-f505-p506-o1 .where-logo-used {color: #fff;}
#wpcf7-f505-p506-o1 .where-logo-used .wpcf7-list-item {display: block; cursor: pointer;}

#wpcf7-f505-p506-o1 .extra-files-text, #wpcf7-f505-p506-o1 .extra-files {color: #fff;}
/* end of logo design questionnaire page */

.part1-padding-bottom-fix {padding: 250px 0 130px!important;}






/* start of css for IE 10 & 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.part3 .recent-blog {
		display: block;
	}
	.part3 .recent-blog img {
		height: 100%;
	}
    	.part3 .recent-blog .blog-content {
        	background: rgba(0,0,0,.8);
        	height: 100%;
    	}
	.head-illustration {
		display: none;
	}

	.featured-posts li {
		min-height: 400px;
	}
}

@media all and (-ms-high-contrast: none) and (min-width: 651px), (-ms-high-contrast: active) and (min-width: 651px) { 
	body.home .part1 {padding-bottom: 70px;} 
}
/* end of css for IE 10 & 10+ */

/* start of css for Mozilla Firefox */
@-moz-document url-prefix() { 
  	.part3 .recent-blog {
		display: block;
  	}
	.head-illustration {
		display: none;
	}
	.perspective-bg {
		transform: matrix3d( 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 )!important;	
	}

}

@media screen and (min-width:651px) {
 	@-moz-document url-prefix() { 
  		body.home .part1 {padding-bottom: 70px;} 
 	}
}
/* end of css for Mozilla Firefox */







/* start of responsiveness */
@media screen and (min-width: 4000px) {
    
    	.part1 {padding-bottom: 310px;}
	.perspective-master {-webkit-transform: scale(1.45); -ms-transform: scale(1.45); -moz-transform: scale(1.45); transform: scale(1.45);}
    
}

@media screen and (min-width: 2000px) {
    
	.perspective-master {-webkit-transform: scale(1.15); -ms-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15);}
    
}


@media screen and (min-width: 1701px) {
    
    .header-menu nav {display: block!important;}
    .extended-nav {display: block!important;}
    
}

@media screen and (min-width: 1100px) {
    .portfolio-inner:nth-child(odd) .portfolio-featured-image {float: left;}
    .portfolio-inner:nth-child(odd) .portfolio-content {float: right;}
    .portfolio-inner:nth-child(even) .portfolio-featured-image {float: right;}
    .portfolio-inner:nth-child(even) .portfolio-content {float: left;}
}
 

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

    .header-menu {top: 0!important; width: 100%!important; max-height: none; transition: all 1s; padding: 3px;}
    .header-menu .header-logo {float: none; display: inline-block;}
    .header-menu nav {position: relative; display: none;}
    .header-menu nav li {display: block; text-align: center; padding: 10px;}
    .header-menu #nav-btn {display: inline-block; top: 19px;}
    .header-menu .header-logo {margin: 0!important; display: block;}
    .header-menu .header-logo img {width: 250px!important; display: block;}
    .header-menu nav li:last-child {display: block;}
    .extended-nav {display: none;}
}
 

@media screen and (max-width: 1300px) {
    .perspective-bg {background-size: auto 100%;}
}


@media screen and (max-width: 1099px) {
    .portfolio-inner {display: block;}
    .portfolio-featured-image, .portfolio-content {width: 100%; height: auto;}
    .portfolio-content {padding: 3%;}
    #wpcf7-f505-p506-o1 .color-box-float {float: none; width: 100%; margin: 0 0 20px;}
    .page-template-page-portfolio footer h5 {margin-top: 50px;}
    .page-template-page-portfolio footer .copyright {margin-bottom: 20px;}
    p {font-size: 19px;}
    .portfolio-description, .portfolio-description *, .part3 .recent-blog .blog-description {font-size: 15px;}
    .part3 .recent-blog .blog-title {font-size: 35px;}
    body.blog header h1 {padding-top: 180px;}
    .featured-posts li {height: 200px; margin: .3%;}
    .featured-posts li div h4 {font-size: 15px; max-height: 40px; overflow: hidden;}
    .featured-posts li div>p {font-size: 10px;}
	.part1 p {font-size: 20px;}
}

@media screen and (max-width: 1000px) {
    .part3 .video-master, .part3 .blog-master {float: none; width: 100%;}
    .part3 {height: auto;}	
    .part3 .video-master #play-video, .part3 .video-master #video-title {display: none;}
    .part3 .video-master iframe {width: 100%; min-height: 500px; position: relative; display: block; left: 0;}

    
    .page-id-19 input[type=range]::-webkit-slider-runnable-track {height: 10px;}
    .page-id-19 input[type=range]::-webkit-slider-thumb {height: 40px; width: 40px; margin-top: -15px;}

	.single-post-editor-content ul.duo li {display: block; width: 100%; padding: 0;}
}


@media screen and (max-width: 820px) {
    
    .part2 ul li {width: 49%;}
    .part2 ul li:nth-child(2) {border-right: none;}
    .part1 h1 {font-size: 55px;}
    .part1 .welcometo {font-size: 22px;}
    .single-post-hero-image img {max-height: none; width: 100%;}
    .single-post-title {font-size: 30px;}
    .blogpage-inner {width: 100%; float: none;}
    .sidebar {float: none; width: 100%; max-width: none;}
    .sb-divider {max-width: none; width: 95%;}
    .sb-search {display: block; width: 95%; margin: 0 auto 40px;}
    .part1-padding-bottom-fix {padding: 180px 0 50px!important;}
    body.blog header h1 {padding-top: 180px;}
    .part4 ul.social-portfolio li {width: 100%;}
}


@media screen and (max-width: 734px) {
    .part4 ul.testimonials li {margin: 0; border-bottom: 1px solid #f39023;}
}

@media screen and (max-width: 650px) {
    
    .part1 {padding: 120px 0 330px;}
	.part1 p {font-size: 18px;}
    .blogpage-container {width: 100%;}
    .part3 .video-master iframe {min-height: 360px;}
    .page-id-19 .your-service .wpcf7-list-item {width: 100%;}
    .page-id-19 .contact-column > div {width: 100%; margin: 0 0 20px!important;}
    #wpcf7-f505-p506-o1 .name-float-left, #wpcf7-f505-p506-o1 .name-float-right {width: 100%; margin: 0!important;}
    #wpcf7-f505-p506-o1 .range-master input {width: 40%;}
    #wpcf7-f505-p506-o1 .range-text-left, #wpcf7-f505-p506-o1 .range-text-right {width: 20%;}
    #wpcf7-f505-p506-o1 .extra-files-text {display: block;}
    #wpcf7-f505-p506-o1 .color-box-master {font-size: 15px;}
    #wpcf7-f505-p506-o1 .where-logo-used .wpcf7-list-item-label {font-size: 18px;}
    p {font-size: 15px;}
    .featured-posts li {height: 130px;}
}

@media screen and (max-width: 550px) {
    
    .part1 {padding: 120px 0 250px;}

}

@media screen and (max-width: 450px) {
    
    .part1 {padding: 120px 0 210px;}
    .part4 ul.testimonials .first-part {width: 30%; }
    .part4 ul.testimonials .second-part {width: 70%; }
    .part1 h1, h1 {font-size: 40px;}
    .part3 .video-master iframe {min-height: 255px;}
    #wpcf7-f505-p506-o1 .color-box-master {font-size: 11px;}
    #wpcf7-f505-p506-o1 .range-text-left, #wpcf7-f505-p506-o1 .range-text-right, #wpcf7-f505-p506-o1 .range-master input {width: 30%;}
    .part4 ul.testimonials svg {display: none;}
    .featured-posts li div {padding: 5px 10px;}
    .featured-posts li div h4 {font-size: 12px; max-height: none;}
    .featured-posts li div>p {display: none;}
}

@media screen and (max-width: 380px) {
    
    .part2 ul li {width: 100%; border-right: 1px solid #2b2a29!important; border-left: 1px solid #2b2a29!important}
    .header-menu .header-logo img {width: 180px!important;}
    .header-menu #nav-btn {top: 9px; right: 17px;}
    .part1 {padding: 120px 0 120px;}
    .blogpage-solo .blogpage-date-category {line-height: 1.5em;}
    .blogpage-solo h1 {font-size: 25px; line-height: 1em;}
}

@media screen and (max-width: 300px) {
	.head-illustration img {display: none;}
}


@media screen and (max-width: 270px) {
    .head-illustration {display: none;}
    .part3 .video-master iframe {min-height: 155px;}

}