@media screen and (min-width: 1024px) {
.mainpage-background {
visibility: visible;
margin-top:150px;
}
.mainpage-menu {
background-color: white;
max-height: 660px;
}
.my-menu-back {
background-image: url(//isabelle-graff-architecte.fr/wp-content/uploads/2021/08/dessin.jpg);
background-position-x: -150px;
background-position-y: -100px;
position: absolute;
opacity: 0.2;
right: 40%;
left: 0;
top: 0;
bottom: 0;
}
.my-menu {
font-size: 25px;
width: 60%;
}
.mainpage-menu ul {
list-style-type: none;
line-height: 300%;
position: relative;
left: 40%;
font-weight: bold;
width: 500px;
top: -100px;
}
.mainpage-menu a {
color:#fd9c30;
}
.mainpage-menu a:hover {
color:#fd9c30;
text-decoration: underline;
}
.menu-logo
{
#border: 10px solid black;    
position: relative;
float: right;
width: 80%;
top: -100px;
left: -150px;
z-index: 5000
}
}
@media screen and (max-width: 1024px) {
.mainpage-background {
visibility: hidden;
}
}
.second-design #main-slider .slick-item {
padding: 300px 0;
background-size: cover;
position: relative;
background-size: 50% 100%;
background-repeat: no-repeat;
background-position-x: right;
}
.second-design #main-slider .slider-content {
padding: 0 5% 5%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: transparent; 
top: 50%;
transform: translateY(-50%);
}
.second-design #latest-posts .section-content article:hover,
.second-design #latest-posts .section-content article:focus {
background-color: #f6f6f6;
border-bottom: 4px solid #fd9c30;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.second-design #latest-posts .entry-container .more-link {
display: none;
}
.second-design #latest-posts article:hover .entry-container .read-more .more-link {
display: inline-block;
}
.second-design #latest-posts article:hover .entry-container .read-more:before,
.second-design .project-slider article .entry-container .read-more:before {
content: "";
width: 55px;
height: 2px;
margin-right: 15px;
position: relative;
display: inline-block;
vertical-align: middle;
background-color: #a5a5a5;
}
.second-design .project-slider article .entry-container .read-more:before {
content: "";
width: 55px;
height: 2px;
margin-right: 15px;
position: relative;
display: inline-block;
vertical-align: middle;
background-color: #a5a5a5;
}
.second-design .project-slider article .overlay {
z-index: 3;
}
.second-design .more-link:after {
content: "";
display: none;
}
.second-design #latest-posts .section-content article:hover .entry-container .read-more a,
.second-design .project-slider article:hover .entry-container .read-more a {
color: #fd9c30;
}
.second-design .more-link {
text-transform: uppercase;
font-size: 18px;
color: #000;
font-weight: 400;
border-bottom-color: #fd9c30;
border-bottom: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.second-design .btn {
padding: 11px 30px;
display: inline-block;
border-radius: 0;
background-color: #fd9c30;
border-radius: 29px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
position: relative;
border: none;
font-family: 'Raleway', sans-serif;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.second-design .btn-default:hover,
.second-design .btn-default:focus,
.second-design .btn-primary:hover,
.second-design .btn-primary:focus {
background-color: #3b3b3b;
color: #fd9c30;
border-color: transparent;
}
.second-design #call-to-action .section-header, 
.second-design #call-to-action .section-content {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.second-design .icon-container .fa {
margin-bottom: 30px;
font-size: 55px;
}
.second-design #our-services .entry-title a {
text-transform: uppercase;
font-size: 22px;
}
.second-design #main-slider .slick-item {
padding: 300px 0;
background-size: cover;
position: relative;
background-size: 55% 100%;
background-repeat: no-repeat;
background-position-x: right;
}
.second-design #main-slider .slider-content {
padding: 0 5% 5%;
position: absolute;
left: 0;
right: 0;
bottom: 30%;
background: transparent; 
}
.second-design #latest-posts .section-content article:hover,
.second-design #latest-posts .section-content article:focus {
background-color: #f6f6f6;
border-bottom: 4px solid #fd9c30;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.second-design #latest-posts .entry-container .more-link {
display: none;
}
.second-design #latest-posts article:hover .entry-container .read-more .more-link {
display: inline-block;
}
.second-design #latest-posts article:hover .entry-container .read-more:before,
.second-design .project-slider article .entry-container .read-more:before {
content: "";
width: 55px;
height: 2px;
margin-right: 15px;
position: relative;
display: inline-block;
vertical-align: middle;
background-color: #a5a5a5;
}
.second-design .project-slider article .entry-container .read-more:before {
content: "";
width: 55px;
height: 2px;
margin-right: 15px;
position: relative;
display: inline-block;
vertical-align: middle;
background-color: #a5a5a5;
}
.second-design .project-slider article .overlay {
z-index: 3;
}
.second-design .more-link:after {
content: "";
display: none;
}
.second-design #latest-posts .section-content article:hover .entry-container .read-more a,
.second-design .project-slider article:hover .entry-container .read-more a {
color: #fd9c30;
}
.second-design .more-link {
text-transform: uppercase;
font-size: 18px;
color: #000;
font-weight: 400;
border-bottom-color: #fd9c30;
border-bottom: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.second-design .btn {
padding: 11px 30px;
display: inline-block;
border-radius: 0;
background-color: #fd9c30;
border-radius: 29px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
position: relative;
border: none;
font-family: 'Raleway', sans-serif;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.second-design .btn-default:hover,
.second-design .btn-default:focus,
.second-design .btn-primary:hover,
.second-design .btn-primary:focus {
background-color: #3b3b3b;
color: #fff;
border-color: transparent;
}
.second-design #call-to-action .section-header, 
.second-design #call-to-action .section-content {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.second-design .icon-container .fa {
margin-bottom: 30px;
font-size: 55px;
}
.second-design #our-services .entry-title a {
text-transform: uppercase;
font-size: 22px;
}
body.second-design #top-navigation .wrapper {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
body.second-design #top-navigation {
margin: 0;
clear: both;
display: inline-block;
text-align: left;
padding: 15px 0;
width: 100%;
background-color: #111;
vertical-align: middle;
position: relative;
top: 0;
left: 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
body.second-design #main-slider:before {
height: auto;
width: auto;
}
.second-design #main-slider .slick-dots li.slick-active:before {
opacity: 1;
}
.second-design #main-slider .slick-dots li:before {
content: "";
background-color: #fff;
width: 12px;
height: 12px;
border-radius: 50%;
display: inline-block;
opacity: 0.7;
}
.second-design #main-slider .slick-dots li {
width: auto;
padding: 0 5px;
float: none;
}
.second-design #main-slider .slick-dots {
bottom: 60%;
max-width: 50%;
right: auto;
left: 0;
text-align: left;
position: absolute;
transform: translateY(-60%);
}
.second-design  header#masthead.nav-shrink {
top: 0;
}
.second-design #main-slider .wrapper {
width: 90%;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.second-design #main-slider .entry-header,
.second-design #main-slider .slider-content .entry-content {
max-width: 500px;
}
.second-design .slick-dotted.slick-slider {
margin-bottom: 0;
}
.second-design ul.post-categories {
display: inline-block;
}
.second-design #author-section:before,
.second-design #author-section:after {
content: "";
clear: both;
display: table;
table-layout: fixed;
}
.second-design #author-section img {
margin: 0 auto;
}
.second-design #author-section {
padding-bottom: 30px;
}
.footer-widgets-area a:hover {
text-decoration: underline;
}
.second-design #commentform p.form-submit {
margin: 30px 0 0;
}
@media screen and (min-width: 992px) {
.second-design #main-slider .slider-nav {
display: none;
}
.second-design  #content {
padding-top: 0px; 
}
}
@media screen and (min-width:1200px) {
.second-design #main-slider .slider-content {
padding: 0 !important;
}
.second-design #main-slider .entry-header,
.second-design #main-slider .slider-content .entry-content {
max-width: 600px;
padding-right: 95px;
}
}
@media screen and (min-width:1900px) {
body.second-design #top-navigation .wrapper {
max-width: 1560px;
}
.second-design #main-slider .wrapper {
max-width: 1560px; 
}
.second-design #main-slider .slick-item {
padding: 450px 0;
}
body.boxed:not(.top-navigation-classic) #masthead.sticky-header {
width: 92%;
}
}
@media screen and (max-width: 1200px) {
.second-design #main-slider .entry-title {
font-size: 32px;
}
.second-design #main-slider .entry-header,
.second-design #main-slider .slider-content .entry-content {
max-width: 400px !important;
}
}
@media screen and (max-width: 1024px) {
.second-design #main-slider .slick-item {
background-size: cover;
}
.second-design #main-slider .slider-content {
padding-bottom: 10%;
}
.second-design #main-slider .slick-dots {
bottom: 15px;
max-width: 100%;
right: 0;
left: 0;
text-align: center;
}
.second-design #main-slider .slider-content {
bottom: 0;
}
}
@media screen and (max-width: 567px) {
.second-design #main-slider .wrapper {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.second-design #our-services,
.second-design #latest-video {
text-align: center;
}
.second-design #our-services .entry-title a {
font-size: 18px;
}
.second-design .popup-video {
margin-left: auto;
margin-right: auto;
}
.second-design #latest-video {
padding: 150px 0;
}
.second-design .video-content-wrapper {
position: relative;
top: 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
} .main-navigation ul#primary-menu li.current-menu-item > a:before,
#about-us .section-title:after,
.btn-primary,
.backtotop,
.blog-posts .post-categories,
#secondary .jetpack_subscription_widget input[type="submit"]:hover, 
#secondary .jetpack_subscription_widget input[type="submit"]:focus,
.author-name:after,
.reply a:hover, 
.reply a:focus,
#respond input[type="submit"],
#main-slider.main-slider-classic .slick-dots li:before,
#client-testimonial .entry-header:after,
.popup-video:hover, 
.popup-video:focus,
.second-design #latest-posts article:hover .entry-container .read-more:before,
.second-design .project-slider article .entry-container .read-more:before,
.second-design .project-slider article .entry-container .read-more:before,
.second-design .btn,
.second-design #main-slider .slick-dots li.slick-active:before   {
background-color: #fd9c30;
} .main-navigation ul#primary-menu li.current-menu-item > a, 
.main-navigation ul#primary-menu li:hover > a, 
.main-navigation ul#primary-menu li:focus > a,
.main-navigation a:hover, 
.main-navigation a:focus, 
.main-navigation ul.nav-menu > li > a:hover, 
.main-navigation ul.nav-menu > li > a:focus,
.custom-meta-title,
#main-slider .entry-title a:hover, 
#main-slider .entry-title a:focus,
#top-navigation .widget_contact_info ul li a:hover, 
#top-navigation .widget_contact_info ul li a:focus,
#latest-projects .entry-title a:hover, 
#latest-projects .entry-title a:focus,
#our-services .entry-title a:hover, 
#our-services .entry-title a:focus,
.posts-wrapper  .entry-title a:hover, 
.posts-wrapper  .entry-title a:focus,
#client-testimonial .entry-title a:hover, 
#client-testimonial .entry-title a:focus,
.footer-widgets-area a:hover, 
.footer-widgets-area a:focus,
.pagination .page-numbers.current, 
.pagination .page-numbers:hover, 
.pagination .page-numbers:focus,
.widget_popular_post h3 a:hover, 
.widget_popular_post h3 a:focus, 
.widget_popular_post a:hover time, 
.widget_popular_post a:focus time, 
.widget_recent_post h3 a:hover, 
.widget_recent_post h3 a:focus, 
.widget_recent_post a:hover time, 
.widget_recent_post a:focus time,
.post-categories a,
.single-post-wrapper span.tags-link a:hover, 
.single-post-wrapper span.tags-link a:focus,
.post-navigation a:hover, 
.posts-navigation a:hover, 
.post-navigation a:focus, 
.posts-navigation a:focus,
.comment-meta .url:hover, 
.comment-meta .url:focus, 
.comment-metadata a, 
.comment-metadata a time,
a,
.icon-container a:hover .fa,
.icon-container a:focus .fa,
.site-info a,
#secondary .widget ul li:hover:before, 
#colophon .widget ul li:hover:before,
#secondary ul li a:hover,
.single-post-wrapper span.tags-links a:hover, 
.single-post-wrapper span.tags-links a:focus,
.single-post-wrapper .entry-meta span.posted-on a:hover .date,
.single-post-wrapper .entry-meta span.posted-on a:focus .date,
.single-post-wrapper span.posted-on a:hover,
.single-post-wrapper span.posted-on a:focus,
.widget_popular_post h3 a:hover, 
.widget_popular_post h3 a:focus, 
.widget_popular_post a:hover time, 
.widget_popular_post a:focus time, 
.widget_latest_post h3 a:hover, 
.widget_latest_post h3 a:focus, 
.widget_latest_post a:hover time, 
.widget_latest_post a:focus time,
#secondary .architectonic_pro_contact_info ul li.phone:hover:before,
#colophon .architectonic_pro_contact_info ul li.phone:hover:before,
.second-design #latest-posts .section-content article:hover .entry-container .read-more a,
.second-design .project-slider article:hover .entry-container .read-more a {
color: #fd9c30;
} .main-navigation ul#primary-menu li:hover > svg, 
.main-navigation ul#primary-menu li:focus > svg, 
.main-navigation li.menu-item-has-children:hover > a > svg, 
.main-navigation li.menu-item-has-children > a:hover > svg, 
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search, 
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search, 
.main-navigation li.search-menu a:hover svg, 
.main-navigation li.search-menu a:focus svg, 
.main-navigation li.search-menu a.search-active svg,
.icon-container a:hover svg, 
.icon-container a:focus svg,
.navigation.posts-navigation a:hover svg, 
.navigation.post-navigation a:hover svg,
.widget_search form.search-form button.search-submit:hover svg, 
.widget_search form.search-form button.search-submit:focus svg, 
.no-results .search-submit:hover svg, 
.error-404 .search-submit:hover svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg.icon-down {
fill: #fd9c30;
} .slick-active .slider-nav .slide-title,
.more-link,
.second-design #latest-posts .section-content article:hover,
.second-design #latest-posts .section-content article:focus,
.second-design .more-link  {
border-bottom-color: #fd9c30;
}
.single-post-wrapper span.tags-link a:hover, 
.single-post-wrapper span.tags-link a:focus,
.reply a:hover, 
.reply a:focus,
.single-post-wrapper span.tags-links a:hover, 
.single-post-wrapper span.tags-links a:focus {
border-color: #fd9c30;
} @keyframes preloader {
0% {height:5px;transform:translateY(0px);background: #fd9c30;}
25% {height:30px;transform:translateY(15px);background: #fd9c30;}
50% {height:5px;transform:translateY(0px);background: #fd9c30;}
100% {height:5px;transform:translateY(0px);background: #fd9c30;}
}