@charset "utf-8";

body { font-family: 'Raleway' }
 @font-face {
font-family: 'freehand 575 bt';
 src: url('fonts/freehand 575 bt.ttf');
}

@font-face {
    font-family:'T';
    src: url('fonts/T RegularB.eot');
	src: url('fonts/T RegularB.eot?#iefix') format('embedded-opentype'),
		url('fonts/T RegularB.woff2') format('woff2'),
		url('fonts/T RegularB.woff') format('woff'),
		url('fonts/T RegularB.svg#T RegularB') format('svg');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;2
    unicode-range: U+0020-02DC;
}


.southern  h1 { color:#3B416E; font-family: 'Raleway'; font-weight:600; font-size:25px; width:100%; padding:15px 0px; margin:0px; letter-spacing:6px; }
.southern  h2 { color:#3B416E; font-family: 'Raleway'; font-weight:600; font-size:20px; width:100%; padding:15px 0px; margin:0px; letter-spacing:6px; }
.southern  h3 { color:#3B416E; font-family: 'Raleway'; font-weight:600; font-size:18px; width:100%; padding:15px 0px; margin:0px; letter-spacing:6px; }
.southern  h4 { color:#3B416E; font-family: 'Raleway'; font-weight:600; font-size:16px; width:100%; padding:15px 0px; margin:0px; letter-spacing:1px; }
.southern  h5 { color:#3B416E; font-family: 'Raleway'; font-weight:600; font-size:14px; width:100%; padding:15px 0px; margin:0px;  }
.southern  h6 { color:#3B416E; font-family: 'Raleway'; font-weight:600; font-size:12px; width:100%; padding:15px 0px; margin:0px; }
.southern  p { color:#6f6f6e; font-family: 'Raleway'; }
.southern  a{ text-decoration:none;}

 .southern ul {
    margin: 0px;
    padding: 0px;
    
    padding: 0px;
}

  .southern ul li {
   
   
    color: #333333;
    list-style: none;
   font-family: 'Raleway'; 
}

  .southern ul li a {
    color: #333333;
    font-size: 15px;
  font-family: 'Raleway'; 
    text-decoration: none;
}



  .southern ol{
    margin: 0px;
    padding: 0px;
    width: 100%;
    padding: 0px;
}
   .southern ol li {
 
   
    color: #333333;
    list-style: none;
 font-family: 'Raleway'; 
}


  .southern ol li a {
    color: #333333;
    font-size: 15px;
  font-family: 'Raleway'; 
    text-decoration: none;
}

.container_two { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto }
@media (min-width:768px) {
.container_two {
width:750px
}
}
@media (min-width:992px) {
.container_two {
width:970px
}
}
@media (min-width:1200px) {
.container_two {
width:1180px;
}
}

.logomain img { max-width:100%; }
.menu_main { width:100%; height:auto; float:left; margin:0px; }
.menu_main .navbar-default { background-color: #fff; border-color: #fff; }
.menu_main .navbar { position: relative; min-height: auto; margin-bottom:10px; border: 1px solid transparent; background: transparent;  }
.menu_main .nav>li>a:focus,
.menu_main .nav>li>a:hover { text-decoration: none; background-color:#;
}
.menu_main .nav > li > a:hover { background-color:transparent; color:#3b416f; }
.menu_main .nav .open>a:hover { background-color:#;
border-color:#;
}
.menu_main .nav .open>a { background-color:#;
border-color:#;
}
.menu_main .nav .open>a:focus { background-color:#;
border-color:#;
}
.menu_main .nav>li>a:focus,
.menu_main .nav>li>a:hover { text-decoration:none; }
.menu_main .nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover { background-color: #fff; border-color: #;
}
.menu_main .nav .dropdown-menu ul { padding:0px 10px; }
.menu_main .nav .dropdown-menu>li {     float: left;
    list-style: none;
    padding: 0px;
    width: 100%;
    background-image: none;
    background: rgb(255, 255, 255);
    margin-bottom: 2px;
    text-align: center;
    z-index: 100;
    opacity: 0.90; }
.menu_main .nav .dropdown-menu>li>a { display: block; padding:25px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; background:#fff;     opacity: 0.90; }
.menu_main .nav .dropdown-menu>li>a:hover { background:#3a406e; color:#fff }
.menu_main .in { overflow-y:visible; }
.menu_main .nav li.active,
.menu_main .nav li.active { background:none }
.menu_main .nav li.active a,
.menu_main .nav li.active a { background:none; color:#70706F; }
 @media screen and (min-width:768px) and (max-width:5000px) {
.menu_main .nav li.active a:before, .menu_main .nav li.active a:before {
width:100%
}
.menu_main .nav li a, .menu_main .nav li a {
-webkit-transition:all 0.2s;
transition:all 0.2s;
position:relative
}
 .menu_main .nav li a:before, .menu_main .nav li a:before {
position:absolute;
bottom:-3px;
left:0px;
content:'';
display:block;
height:2px;
width:0%;
-webkit-transition:all 0.4s;
transition:all 0.4s
}
.menu_main .nav li a:hover, .menu_main .nav li a:hover {
color:#70706F ;

}
.menu_main .nav li a:hover:before, .menu_main .nav li a:hover:before {
width:100%
}
.menu_main .nav li.active a {
color:#3a406e ;

}
.menu_main .nav li.active a:before {
background:#3a406e;

}
.menu_main .nav li a {
color:#70706F;

}
.menu_main .nav li a:hover {
color:#3a406e;
}
.menu_main .nav li a:hover:before {
background:#3a406e;

}
 .menu_main .navbar .navbar-collapse.in {
 overflow-y: visible;
}
}
.menu_main .nav .dropdown-menu li.active a {
    background: #323965;
    color: #fff;
}



.mainbanner { width:100%; float:left; margin:0px; position:0px; height:auto; position:relative; }
.baner_bg { width: 100%; height: 100%; position: absolute; background:url(../img/baner_bg.png) no-repeat; z-index:1; overflow: hidden; background-size: contain; opacity: 0.7; }
.baner_bg img { width:100%; }
.about_bgs{ width: 100%; height: 100%; position: absolute; background:url(../img/about_bg.png) no-repeat; z-index:1; overflow: hidden; background-size: contain; }

.carousel-inner .item img { width:100%; }
.arrows_main { position: absolute; z-index: 10; top: 50%; width: 100%; display:none; }
.arrows_main .left { font-size:20px; color:#fff; padding-left:20px; }
.arrows_main .right { float:right; font-size:20px; color:#fff; padding-right:20px }


.arrows_main_testimonial { position:relative; z-index: 10; width: 100%;     margin-top: -35px;}
.arrows_main_testimonial .left:hover{ background:#4d5885; color:#fff;}
.arrows_main_testimonial .right:hover{ background:#4d5885; color:#fff;}
.arrows_main_testimonial .left {     font-size: 20px;
    color: #fff;
    padding-left: 10px;
    float: right;
    background: #3a406e;
    padding-right: 10px; }
.arrows_main_testimonial .right {     font-size: 20px;
    color: #fff;
    padding-left: 10px;
    float: right;
    background: #3a406e;
    padding-right: 10px; margin-right: 5px;}



.welcome_main { width:100%; float:left; margin:0px; padding: 80px 0px 153px 0px; }
.headings { width:100%; float:left; height:auto; margin:0px; padding:15px 0px; }
.headings h2 { color:#3B416E; font-family: 'Raleway'; font-weight:600; font-size:20px; width:100%; padding:0px; margin:0px; letter-spacing:6px; }
.welcome_main p { color: #70706F;
    font-family: 'Raleway'; 
    font-size: 14px;
    line-height: 19.5px;
    padding: 0px 0px 5px 0px;
    font-weight: 600; }
.links_home { width:100%; height:auto; float:left; margin: 6px 0px 0px 0px; padding:0px; }
.links_home a { text-decoration: none; width: 100%; float: left; font: 15px; padding: 8px 20px 8px 15px; background: #6b80aa; color: #FFF; font-family: 'Raleway'; margin: 0px 0px 15px 0px; font-weight: 600; }
.links_home a:hover { background:#3a406e; transition:2s; -webkit-transition:2s; -moz-transition:2s; }
.links_home a:hover i { color:#fff }
.links_home a:hover i { transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -webkit-transform: translate(-140px, 0);
 -moz-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 00);  }
.links_home a i { font-size: 23px; line-height: 18px; position: relative; /* right: 0px; */ color: #fff; float: right; -webkit-transition: all .5s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }

 @media screen and (min-width:500px) and (max-width:5000px) {
 .links_home2 {
width:100%;
height:auto;
float:left;
margin: 6px 0px 0px 0px;
padding:0px;
}
.links_home2 a {
text-decoration: none;
 width: 100%;
 float: left;
 font: 15px;
 padding: 7px 20px 3px 15px;
 background: #6b80aa;
 color: #FFF;
 font-family: 'Raleway';
 margin: 0px 0px 15px 0px;
 font-weight: 600;
 line-height: 30px;
}
.links_home2 a:hover {background:#3b416f; 
}
.links_home2 a:hover i {
color:#fff;   transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -webkit-transform: translate(-140px, 0);
 -moz-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 00); 
}

 .links_home2 a i {
font-size: 23px;
line-height: 18px;
position: relative; /* right: 0px; */
color: #fff;
float: right;
-webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
 -o-transition: all .5s ease-in-out;
}
}
 @media screen and (min-width:100px) and (max-width:499px) {
	 
	 .dropdown .dropdown-menu{
		 position: relative;
	 }
 .links_home2 {
width:100%;
height:auto;
float:left;
margin: 6px 0px 0px 0px;
padding:0px;
}
.links_home2 a {
text-decoration: none;
 width: 100%;
 float: left;
font-size:12px;
 padding: 7px 20px 3px 15px;
 background: #6b80aa;
 color: #FFF;
 font-family: 'Raleway';
 margin: 0px 0px 15px 0px;
 font-weight: 600;
 line-height: 30px;
}
.links_home2 a:hover {
}
.links_home2 a:hover i {
color:#fff
}
 .links_home2 a:hover i {
 transform: translate(-250px, 0);
 -webkit-transform: translate(-450px, 0); /** Safari & Chrome **/
 -o-transform: translate(-450px, 0); /** Opera **/
 -moz-transform: translate(-250px, 0); /** Firefox **/
}
 .links_home2 a i {
font-size: 23px;
line-height: 18px;
position: relative; /* right: 0px; */
color: #fff;
float: right;
-webkit-transition: all 2s ease-in-out;
 -moz-transition: all 2s ease-in-out;
 -o-transition: all 2s ease-in-out;
}
}

.spliteimage ul li {background-image:none; }
.spliteimage_2 ul li {background-image:none; }

.bloc-boxes{  transition-duration:.5s;
    transition-timing-function: ease;}

.bloc-boxes:hover{-webkit-box-shadow: 2px 0px 7px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 2px 0px 7px 0px rgba(0,0,0,0.50);
box-shadow: 2px 0px 7px 0px rgba(0,0,0,0.50);  transition-duration:.5s;
    transition-timing-function: ease;}

.plans_box:hover{-webkit-box-shadow: 2px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 2px 0px 20px 0px rgba(0,0,0,0.75);  transition-duration:.5s;
    transition-timing-function: ease;}

.plans_box{  transition-duration:.5s;
    transition-timing-function: ease;}

.imageboxes { width:100%; float:left; }
.bloc-boxes img { width:100%; padding:2px;}


.bloc-boxes h2 { font-family: 'Raleway'; font-weight:600; font-size:20px; line-height:20px; float:left; margin:0px; padding: 10px 5px 0px 5px; letter-spacing: 5px; color:#3B416E; width:100% }
.bloc-boxes span { font-size:12px; float:left; margin:0px; padding:4px 5px 5px 5px; color:#70706F; font-family:'Raleway'; font-weight:600; }
.bloc-boxes sup { padding-left:4px; }
.spliteimage { width: 100%; float: left; margin: 3px 0px 0px 0px; padding: 0px; border-top: 1px solid #eae8e6; display: inline-block; height: 35px; }
.spliteimage ul { width: 100%; padding: 0; text-align:left; font-size: 0; font-size: 12px\9; display:table; }
.spliteimage ul li { font-size: 19px; text-align: left; display: inline-block; display: inline; border-right: 1px solid #ddd; padding: 6px 6px; position: relative; line-height: 22px; display:table-cell; background-image:none; }
.spliteimage li img { width:30px; }
.spliteimage li i { font-style: normal; font-size: 13px; font-family: 'Raleway'; text-align: left; vertical-align: top; font-weight:400; }
.spliteimage li:last-child { border:0px; }
.spliteimage ul:after { content:""; width: 100%; display: inline-block; zoom: 1;
}
.spliteimage_2 { width: 100%; float: left; margin:30px 0px 0px 0px; padding: 0px; border-top: 1px solid #eae8e6; border-bottom: 1px solid #eae8e6; display: inline-block; height: 69px; }
.spliteimage_2 ul { width: 100%; padding: 0; text-align:left; font-size: 0; font-size: 12px\9; display:table; }
.spliteimage_2 ul li { font-size: 19px; text-align: center; display: inline-block; display: inline; border-right: 1px solid #ddd; padding: 6px 6px; position: relative; line-height: 56px; display:table-cell; }
.spliteimage_2 li img { width:30px; }
.spliteimage_2 li i { font-style: normal; font-size: 18px; font-family: 'Raleway'; text-align: left; vertical-align: top; font-weight:400; padding-left:5px; }
.spliteimage_2 li:last-child { border:0px; }
.spliteimage_2 ul:after { content:""; width: 100%; display: inline-block; zoom: 1; *display: inline;
}


.spliteimage_3 { width: 100%; float: left; margin:10px 0px 30px 0px; padding: 0px;   display: inline-block; height: 50px; }
.spliteimage_3 ul { width: 100%; padding: 0; text-align:left;  display:table; }
@media screen and (min-width:1200px) and (max-width:5000px) {
.spliteimage_3 ul li { font-size: 14px; text-align: center; display: inline-block; display: inline;  padding: 6px 6px; position: relative; line-height:24px; display:table-cell; color:#939392; }
}

@media screen and (min-width:100px) and (max-width:1199px) {
.spliteimage_3 ul li { font-size: 14px; text-align: center; display: inline-block; display: inline;  padding: 6px 6px; position: relative; line-height:24px; display:table-cell; color:#939392; margin-top:10px; margin-bottom:15px; }
}

.spliteimage_3 li img { width:auto; }


.spliteimage_3 li i { font-style: normal; font-size: 15px; font-family: 'Raleway'; text-align: left; vertical-align: top; font-weight:800; }
.spliteimage_3 li:last-child { border:0px; }
.spliteimage_3 ul:after { content:""; width: 100%; display: inline-block; zoom: 1; 
}



/*footer*/

.ourplans { width:100%; float:left; margin:0px; padding:10px 0px 153px 0px; }
.plans_box a { text-decoration:none; padding:0px; margin:0px; float:left; width:100%; }
@media screen and (min-width:550px) and (max-width:5000px) {
.ourplans_imageboxes {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
}}
.ourplans_imageboxes img { width:100%; padding:2px; }
.ourplans_imageboxes h2 { font-family: 'Raleway'; font-weight:600; font-size:20px; line-height:20px; float:left; margin:0px; padding: 10px 5px 0px 5px; letter-spacing: 4px; color:#3B416E; width:100% }
.ourplans_imageboxes span { font-size:12px; float:left; margin:0px; padding:4px 5px 5px 5px; color:#70706F; font-family: 'Raleway'; font-weight:600; }
.ourplans_imageboxes sup { padding-left:4px; }
.ourplans_spliteimage { width: 100%; float: left; margin: 3px 0px 0px 0px; padding: 0px; border-top: 1px solid #eae8e6; display: inline-block; height: 39px; }
.ourplans_spliteimage ul { width: 100%; text-align:center;   display: table; }
.ourplans_spliteimage li img { width:30px; }
.ourplans_spliteimage li i { font-style: normal; font-size: 16px; font-family: 'Raleway'; font-weight:400; text-align: center; vertical-align: middle; }
.ourplans_spliteimage li:last-child { border:0px; }
.ourplans_spliteimage ul:after { content:""; width: 100%; display: inline-block; zoom: 1; display: inline;
}
/*inspiration*/

.inspiration_main { width:100%; float:left; margin:0px; padding:50px 0px 153px 0px; }
.inspiration_image_box_main { width:100%; padding:0px 0px 0px 0px; float:left; height:auto; }
.inspiration_image_box { float:left; width:100%; height:auto; margin-bottom:30px; }
.inspiration_image_box img { width:100%; padding-bottom:0px; }
.heads { display: table; height: 100%; width: 100%; position: absolute; padding: 0px 12px; text-align: center; bottom: 0px; color:#fff; }
.heads div {     display: flex;
    height: 100%;
    width: 99%;
    position: absolute;
    padding: 0px 12px;
    text-align: center;
    bottom: 7px;
    color: #fff;
    justify-content: center;
    align-items: flex-end; left:0px; }
.heads h3 { margin: 0; color:#fff; text-align: center; padding: 0; }


  .inspiration_image_box:after {
    background:url(../img/sha.png) left top repeat-x;
}
.inspiration_image_box:after {
   
    transition: all 0.3s ease;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 92%;
    height: 90%;
    opacity: .3;
    z-index: 1;
    background-position: bottom;
    margin: 0px;
    padding: 0px;
    left: 4%;
   
}






 @media screen and (min-width:1200px) and (max-width:5000px) {
.heads2 {
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    /* margin-top: -70px; */
    padding: 0px 12px;
    /* top: 0px; */
    text-align: center;
    bottom: 3%;
    color: #fff;
    justify-content: center;
    align-items: center;
}
}
 @media screen and (min-width:992px) and (max-width:1199px) {
.heads2 {
display: flex;
    height: 100%;
    width: 97%;
    position: absolute;
    /* margin-top: -70px; */
    padding: 0px 12px;
    /* top: 0px; */
    text-align: center;
    bottom: 14%;
    color: #fff;
    justify-content: center;
    align-items: center;
}
}
 @media screen and (min-width:768px) and (max-width:991px) {
.heads2 {
display: flex;
    height: 100%;
    width: 96%;
    position: absolute;
    /* margin-top: -70px; */
    padding: 0px 12px;
    top: 124PX;
    text-align: center;
    /* bottom: 0%; */
    color: #fff;
    justify-content: center;
    align-items: flex-start;
}
}
 @media screen and (min-width:692px) and (max-width:767px) {
.heads2 {
display: table;
height: 100%;
width: 100%;
position: absolute; /* margin-top: -70px; */
padding: 0px 12px; /* top: 0px; */

text-align: center;
bottom:52%;
color:#fff;
}
}
 @media screen and (min-width:640px) and (max-width:691px) {
.heads2 {
display: table;
height: 100%;
width: 100%;
position: absolute; /* margin-top: -70px; */
padding: 0px 12px; /* top: 0px; */

text-align: center;
bottom:55%;
color:#fff;
}
}
 @media screen and (min-width:600px) and (max-width:639px) {
.heads2 {
display: table;
height: 100%;
width: 100%;
position: absolute; /* margin-top: -70px; */
padding: 0px 12px; /* top: 0px; */

text-align: center;
bottom:59%;
color:#fff;
}
}
 @media screen and (min-width:555px) and (max-width:599px) {
.heads2 {
display: table;
height: 100%;
width: 100%;
position: absolute; /* margin-top: -70px; */
padding: 0px 12px; /* top: 0px; */

text-align: center;
bottom:63%;
color:#fff;
}
}
 @media screen and (min-width:500px) and (max-width:549px) {
.heads2 {
display: table;
height: 100%;
width: 100%;
position: absolute; /* margin-top: -70px; */
padding: 0px 12px; /* top: 0px; */

text-align: center;
bottom:69%;
color:#fff;
}
}
 @media screen and (min-width:400px) and (max-width:499px) {
.heads2 {
display: table;
height: 100%;
width: 100%;
position: absolute; /* margin-top: -70px; */
padding: 0px 12px; /* top: 0px; */

text-align: center;
bottom:50%;
color:#fff;
}
}
 @media screen and (min-width:100px) and (max-width:399px) {
.heads2 {
display: table;
height: 100%;
width: 100%;
position: absolute; /* margin-top: -70px; */
padding: 0px 12px; /* top: 0px; */

text-align: center;
bottom:54%%;
color:#fff;
}
}
.heads2 div { display: table-cell; text-align: center; vertical-align: middle; }
.heads2 h3 { margin: 0; color:#fff; text-align: center; padding: 0; }
/*inspirationnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn*/

.about_main { width:100%; float:left; margin:0px; padding:20px 0px 50px 0px; }
.about_main p { color: #70706F; font-family: 'Raleway'; font-size: 14px; line-height: 20.5px; padding: 0px 0px 10px 0px; font-weight: 600; }
.abt_right img { width:100%; float:left; margin-bottom:30px; }
.abt_right h3 { ont-family: 'Raleway'; font-weight: 600; margin-bottom:35px; letter-spacing: 5.1px; font-size: 18px; padding-left: 5px; padding-right: 5px; }
.clientmain { background:#d9d9d9; float:left; width:100%; margin:0px; padding: 45px 0px 100px 0px; height:auto; }
.clientmain img { width:100%; }
.right_5 { padding-right:0px; }
.clientmain p { color:#70706F; font-size:11.5px; font-weight:600 ;     text-align: justify;}
.clientmain h6 { color:#3B416E; font-weight:600; font-size:14px; letter-spacing: 1px; }
/*inspirationnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn*/
/*inspirationnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn*/

.hous_and_land { width:100%; float:left; margin:0px; padding:20px 0px 150px 0px; }
.house_image_texts { width:100%; padding:0px; margin:20px 0px 0px 0px; float:left; }
.image_texts_box {
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
    height: 654px;
}
.image_texts_box img { width:100%; }
.image_texts_box h5 { font-size:16px; font-weight:600; color:#6f6f6e; width:100%; float:left; padding:20px 0px 5px 0px; margin:0px; letter-spacing:0px; }
.image_texts_box h6 { font-size:14px; font-weight:400; color:#6B80AA; width:100%; float:left; font-style:italic; padding:2px 0px 5px 0px; margin:0px; etter-spacing:0px; }
.image_texts_box p { color:#6F6F6E; margin-top:15px; float:left; }
.image_texts_box span { float:left; font-style:italic; font-size:12px; }
.image_texts_box a:hover { background:#3a406e; }
.image_texts_box a { background: #6b80aa; width: 100%; padding: 7px 10px 5px 10px; color: #fff; display: inline-block; font-weight: 600; /* vertical-align: middle; */ line-height: 27px; text-decoration:none; margin-top:20px; }
.image_texts_box a:after { content: ""; width: 40px; height:25px; background:url(../img/ai.png) right no-repeat; top: 10px; right: 5px; float:right; display: inline-block; }
/*inspiration*/
/*inspiration*/

.garagesplus { width:100%; float:left; margin:0px; padding:20px 0px 150px 0px; }
.garagesplus_box_main { float:left; width:100%; margin:60px 0px 0px 0px;height: auto !important; }
.garagesplus_box { width:100%; padding:0px; margin:0px; margin-bottom:30px; }
.garagesplus_box img { width:100%; }
.garagesplus span { color: #70706F; font-family: 'Raleway'; font-size: 14px; line-height: 20.5px; padding: 0px 0px 10px 0px; font-weight:400; width:50%; float:left; }
/*inspiration*/
/*inspiration*/

.garages-plus .container .col-sm-12+.col-sm-12{ padding:0px}
.gallery_main { width:100%; float:left; margin:0px; padding:20px 0px 150px 0px; height:auto; }
@media screen and (min-width:100px) and (max-width:767px) {
.thumb_crs {
    width: 100%;
    margin: auto;
    float: left;
    margin-bottom: 100px;

}
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}


}
 @media screen and (min-width:768px) and (max-width:5000px) {
.thumb_crs {
width:78%;
margin:auto;  margin-top: 50px;
}

.flexslider {
  margin: 0 0 0px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

}
.gallery_main h2 { color:#3B416E; font-family: 'Raleway'; font-weight:600; font-size:20px; width:100%; padding:15px 0px; margin:0px; letter-spacing:6px; }
/*inspiration*/


.contact_main { width:100%; float:left; margin:0px; padding:20px 0px 150px 0px; }
.form_inner button {     background: #6b80aa;
    font-family: 'Raleway';
    font-weight: 600;
    width: auto;
    padding: 7px 13px 5px 14px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    vertical-align: middle;
    line-height: 27px;
    text-decoration: none;
    margin-top: 20px;
    font-size: 17px;
    border-radius: 0px;
    margin-bottom: 50px;
    float: right;
    border: opx;     border: 1px solid #6b80aa;
} 
.form_inner button:after { content: ""; width: 40px; height:25px; background:url(../img/ai.png) right no-repeat; top: 10px; right: 5px; float:right; display: inline-block; left:10px; }
.contact_main .form_inner .form-group button:hover { background-color:#3a406e; font-family: 'Raleway'; font-weight:600; color:#FFF; }
.form_inner .form-control { display: block; width: 100%; height:40px; padding:8px 12px; font-size: 14px; line-height: 1.42857143; color: #676766e; background-color: #ececec; background-image: none; border:1px solid #ececec; border-radius:0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-transition: none; -webkit-transition: none; }
.form_inner .form-group input { border:0px; }
.form_inner .form-group textarea { border:0px; height:200px; resize: none; }


::-webkit-input-placeholder {
 color:#676766 !important;
}

:-moz-placeholder { /* Firefox 18- */
 color:#676766 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
 color:#676766!important;
}

:-ms-input-placeholder {
 color:#676766 !important;
}
.contact_rightbox { width:100%; float:left; margin:0px; padding:0px; }
.contact_rightbox h5 { color:#3B416E; font-family: 'Raleway'; font-weight:600; font-size:15px; width:100%; padding:0px 0px 15px 0px; margin:0px; letter-spacing:3px; text-transform:uppercase; }
.contact_rightbox p { font-family: 'Raleway'; font-weight:400; color:#8f8f8e; line-height:20px; }
 .contact_rightbox p:nth-child(2) {
background:url(../img/location.png) left top no-repeat;
padding-left:25px;
}
.contact_rightbox p:nth-child(3) {
background:url(../img/phone.png) left top no-repeat;
padding-left:25px;
}

.request-catalogue .contact_rightbox p:nth-child(2) {
background: none;
padding-left:25px;
}
.request-catalogue .contact_rightbox p:nth-child(3) {
background: none;
padding-left:25px;
}
.request-catalogue .contact_rightbox p:nth-child(4) {
background: none;
padding-left:25px;
}
.inner-form {
    text-align: center;
}
.inner-form button {
    float: none;
}
.inner-form button:after {
    background: url(../img/adown.png) right no-repeat;
}

.contact_rightbox p:nth-child(4) {
background:url(../img/envelop.png) left top no-repeat;
padding-left:25px;
}
/*inspiration*/


.home_description h2  {  padding: 15px 0px 0px 0px;}
.home_description { width:100%; float:left; margin:0px; padding:40px 0px 150px 0px; }
.homeplans img { width:100%; }
 @media screen and (min-width:992px) and (max-width:5000px) {
 .homeplans {
padding-left:0px;
}
.right_padings {
padding-right:80px;
}
.homeplans img {
width:100%;
}
}
 @media screen and (min-width:768px) and (max-width:991px) {
 .homeplans {
padding-left:0px;
}
.right_padings {
padding-right:30px;
}
.homeplans img {
width:100%;
}
}
 @media screen and (min-width:100px) and (max-width:767px) {
 .homeplans {
padding-left:15px;
float:left;
}
.right_padings {
padding-right:15px;
float:left;
}
.homeplans img {
width:100%;
}

.sub_imgmain h4 {
    font-size: 27px;
    position: relative;
    z-index: 2;
    color: #fff;
    letter-spacing: 0px;    
    float: left;
    line-height: 20px;
    top: 31px;
}

}







.ehover12 h2::after .overlay::before {
content:''
}

.hover,
.hover h2 { text-align:center }
.hover,
.hover .overlay { width:100%; height:100%; overflow:hidden }
.ehover11 .overlay::before, .ehover12 h2::after, .ehover7 .overlay::before {
content:''}

.inspiration_image_box_main a {
    text-decoration: none;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}


@media screen and (min-width:1200px) and (max-width:5000px) {
 .ehover12:after {
    background:url(../img/sha.png) left top repeat-x;
}
.ehover12:after {transition: all 0.3s ease; content: '';position: absolute;
    top: 0; left: 0;     width: 100%;
    height: 92%; opacity: .3; z-index: 1; background-position: bottom;
    margin: 0px; padding: 0px; display: none;}}
    
    
    @media screen and (min-width:992px) and (max-width:1199px) {
 .ehover12:after {
    background:url(../img/sha.png) left top repeat-x;
}
.ehover12:after {transition: all 0.3s ease; content: '';position: absolute;
    top: 0; left: 0;     width:100%;
    height: 90%; opacity: .3; z-index: 1; background-position: bottom;
    margin: 0px; padding: 0px; display: none;}}
    
    
@media screen and (min-width:768px) and (max-width:991px) {
	 .ehover12:after {
	    background:url(../img/sha.png) left top repeat-x;
	}
	.ehover12:after {transition: all 0.3s ease; content: '';position: absolute;
	    top: 0; left: 0; width:100%; height: 89%; opacity: .3; z-index: 1; background-position: bottom;
	    margin: 0px; padding: 0px; display: none;
	}
}
        
@media screen and (min-width:500px) and (max-width:767px) {
 .ehover12:after {
    background:url(../img/sha.png) left top repeat-x;
}
	.ehover12:after {
		transition: all 0.3s ease; 
		content: '';
		position: absolute;
	    top: 0; left: 0; width:100%;
	    height: 89%;  opacity: .3; z-index: 1; background-position: bottom;
	    margin: 0px; padding: 0px; display: none;
	}
}

   @media screen and (min-width:380px) and (max-width:499px) {
 .ehover12:after {
    background:url(../img/sha.png) left top repeat-x;
}
.ehover12:after {    transition: all 0.3s ease;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:92%;
    opacity: 0.3;
    z-index: 1;
    background-position: bottom;
    margin: 0px;
    padding: 0px;
   }}
    
    
@media screen and (min-width:100px) and (max-width:379px) {
	.ehover12:after {
	    background:url(../img/sha.png) left top repeat-x;
	}
	.ehover12:after {    transition: all 0.3s ease;
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width:100%;
	    height:92%;
	    opacity: .3;
	    z-index: 1;
	    background-position: bottom;
	    margin: 0px;
	    padding: 0px;
	    left: 2%; display: none;}
 }




.ehover12 { background:#323a66; margin-bottom:30px; }
.ehover12 img { max-width:none; width:calc(100% + 20px); -webkit-transition:opacity .35s, -webkit-transform .35s;
transition:opacity .35s, transform .35s;
-webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden }
.ehover12:hover img { opacity:.4; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.ehover12 .overlay { padding:0px 10px }



.ehover5 a.info:hover,
.hover a.nullbutton:hover { box-shadow:none }



.ehover12 h2 {    font-family: 'Raleway';
    font-weight: 600;
    margin-bottom:30px;
    letter-spacing: 5.1px;
    font-size: 23px;
    padding-left: 5px;
    padding-right: 5px;  color:#FFF; }
.ehover12:hover h2::after {
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background:#fff;
-webkit-transition:-webkit-transform .35s;
transition:transform .35s;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
.ehover12:hover h2::after {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
.ehover12 a { color: #FFF;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    background: rgba(58, 65, 111, 0.23);
    /* padding: 8px 12px; */
    text-decoration: none;}
.ehover12:hover a { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }


.heads_inspiration { display: flex; height: 100%; width: 100%; position: absolute;   padding: 0px 12px; /* top: 0px; */ left: 0px; right: 0px; text-align: center; bottom: 0px; color:#fff; justify-content: center;
    align-items: center; }

.property_list {
 display: flex;}

.inspiration_image_box_main #easy-gallery-153 {
    height: auto !important;
}

.box_aads p a { color:#fff; text-decoration:none;}

   @media screen and (min-width:100px) and (max-width:5000px) {
       
 .img_lands  {   float: left;
    width: 100%;
    margin: 0px;
    position: relative;
}     
.img_lands:after {
    background:url(../img/sha.png) left top repeat-x;
}
.img_lands:after {transition: all 0.3s ease; content: '';position: absolute;
    top: 0; left: 0; width:100%; height:100%;  z-index: 1; background-position: bottom;
    margin: 0px; padding: 0px; opacity: .3;}}


   @media screen and (min-width:1200px) and (max-width:5000px) {  
   
   .sub_imgmain h4{     font-size: 37px;
    position: relative;
    z-index: 2;
    color: #fff;
    letter-spacing: 0px;    
    float: left;
    line-height: 90px;}
    
      
.short_desc { height:180px; float:left;}   } 

  @media screen and (min-width:992px) and (max-width:1199px) {  
  
  .sub_imgmain h4{     font-size: 37px;
    position: relative;
    z-index: 2;
    color: #fff;
    letter-spacing: 0px;    
    float: left;
    line-height: 90px;}  
.short_desc { height:220px; float:left;}   } 

 @media screen and (min-width:768px) and (max-width:991px) {  
 
 .sub_imgmain h4{     font-size: 37px;
    position: relative;
    z-index: 2;
    color: #fff;
    letter-spacing: 0px;
    
    float: left;
    line-height: 90px;}
   
.short_desc { height:240px; float:left;}   } 

@media screen and (min-width:100px) and (max-width:767px) {    
.short_desc { height:200px; float:left;}   } 
@media screen and (min-width:500px) and (max-width:674px) { 
.house_image_texts a{font-size: 13px;}}



.heads_inspiration h4 {
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
}
.heads_inspiration h4:after{ position: absolute; content: ""; width: 80%; height: 2px; background: #fff; left: 0;right: 0;margin: 0 auto;top: 20px;}
    
    
.dropdown .dropdown-menu {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}
.dropdown.open .dropdown-menu {
    max-height: 300px;
    opacity: 1;
}

.footer_main ul.ccm-edit-mode-inline-commands {
	 z-index: 0;
	 background-color:transparent; 
}

.inspiration .remove-item {
    position: absolute !important;
    right: -83%;    
}

.item-controls .handle {
    cursor: move;
    font-size: 17px;
    /* float: left; */
    position: absolute;
    left: 30px;
}
.img_descrpn {
    position: relative;
    z-index: 100;
}

@media screen and (min-width:1200px){
    .mainbanner .carousel-inner .item img{
        width: 100vw;
        height: 80vh;
        object-fit:cover;
        height:-webkit-fill-available;
    }    
}

/* fixed height to testimonial slider. */
.clientmain .carousel-inner {
    height: 220px;
}
@media (max-width:440px) {
    .clientmain .carousel-inner {
        height: 390px;
    }
}
@media (min-width:440px) and (max-width:767px) {
    .clientmain .carousel-inner {
        height: 310px;
    }
}
@media (min-width:767px) and (max-width:992px) {
    .clientmain .carousel-inner {
        height: 260px;
    }
    .clientmain h2 {
        font-size: 20px !important;
        text-align: right !important;
    }
}

/* page bottom styles. */
@media screen and (max-width: 767px) and (min-width: 70px) {
    .mainAll {
        padding: 20px 0px 65px 0px !important;
    }
}
@media screen and (max-width: 5000px) and (min-width: 768px) {
    .mainAll {
        padding: 20px 0px 90px 0px !important;
    }
}


@media screen and (max-width: 5000px) and (min-width: 1200px) {
    .subimg {
        transform: rotate(-3deg);
    }
}
 @media screen and (min-width:992px) and (max-width:1199px) {
    .subimg {
        transform: rotate(-3deg);
    }
}
@media screen and (max-width: 599px) and (min-width: 503px) {
    .subimg {
        transform: rotate(-3deg);
    }
}
@media screen and (max-width: 425px) and (min-width: 100px) {
    .subimg {
        transform: rotate(-3deg);
    }
}
@media screen and (max-width: 502px) and (min-width: 426px) {
.subimg {
        transform: rotate(-3deg);
    }
}
@media screen and (max-width: 767px) and (min-width: 600px) {
.subimg {
        transform: rotate(-3deg);
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.subimg {
        transform: rotate(-3deg);
    }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .menu_main .nav > li {
        margin: 0 10px !important;
    }
]
    
    .contact_rightbox img {
        transform: rotate(-3deg) !important;
    }
    .contact_rightbox:hover img {
        transform: rotate(0deg) !important;
    }