/*
Template Name: Inter Prop
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************center_home****************/
.carousel-caption{
background-color:#221c13c4;
padding:280px 150px 0px 150px;
bottom:0;
left:0;
width:100%;
height:100%;
text-align:left;
 }
.center_home img{
min-height:700px;
 }
/*********************center_home_end****************/

/*********************overview****************/
.overview_1li1{
width:470px;
height:470px;
border:8px solid #0f556f;
top:-60px;
left:60px;  
 }
#overview{
padding-top:90px; 
 }
/*********************overview_end****************/

/*********************choose****************/
#choose {
background-image: url(../img/3.jpg);
background-position: center;
}
.choose_m{
padding-top:100px;
padding-bottom:100px; 
 }
.choose_1l span a{
width:100px;
height:100px;
line-height:100px; 
transition: 0.3s;
 }
.choose_1l span a:hover{
background:#fff!important;
color:#000!important; 
 }
.choose_1ril{
transition: 0.3s; 
 }
.choose_1ril:hover{
color:#fff;
background:#0f556f!important; 
 }
.choose_1ril:hover i{
color:#fff!important;
 }
/*********************choose_end****************/

/*********************list****************/
.list_h2i2 h6 a{
transition: 0.3s;  
 }
.list_h2i2 h6 a:hover{
background:#000!important; 
 }
.list_h2i2{
background-color: rgba(0, 0, 0, 0.3); 
transition: 0.3s; 
 }
.list_h2i2:hover{
background-color: rgba(0, 0, 0, 0.7); 
 }
.list_h2i4 span a{
border:2px solid #0f556f;
width:40px;
height:40px;
line-height:35px; 
transition: 0.3s; 
 }
.list_h2i4 span a:hover{
border:2px solid #fff;
color:#fff!important;
 }
.list_h2i4 {
display:none;
 }
.list_h2i:hover .list_h2i4{
display:block; 
 }
.list_h2i{
transition: 0.3s;
 }
/*********************list_end****************/

/*********************plan****************/
.plan_3 .list_h2i2{
display:none; 
transition: 0.3s;
 }
.list_h2i:hover .list_h2i2{
display:block; 
 }

/*********************plan_end****************/

/*********************testim****************/
#testim {
background-image: url(../img/2.jpg);
background-position: center;
}
.testim_1l ul  li {
width:50px;
height:50px;
line-height:50px; 
 }
.testim_1l ul  li:hover {
background:#fff;
color:#1a150e!important;
 }
/*********************testim_end****************/


/*********************contact_h****************/
.contact_2ril span{
width:50px;
height:50px;
line-height:50px; 
transition: 0.3s;
 }
.contact_2ril span:hover{
background:#0f556f!important;
color:#fff!important;
 }
.contact_h1rm{
border-top:5px solid #0f556f; 
 }
.contact_h1r{
background-image: url(../img/21.jpg);
background-position: center;
}
.contact_h1r ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #ddd;
opacity: 1; /* Firefox */
}

/*********************contact_h_end****************/


@media screen and (max-width : 767px){
.carousel-caption{
padding: 20px 10px;
text-align:center;
 }
.carousel-caption .font_60{
font-size:22px;
 }
.carousel-caption br{
display:none;
 }
.center_home img{
min-height:380px;
 }
.carousel-caption p{
font-size:13px;
text-align:left;
 }
.carousel-caption .button_1{
padding-left:10px;
padding-right:10px;
 }
.carousel-caption .button_2{
padding-left:10px;
padding-right:10px;
 }
.overview_1li img{
width:100%; 
 }
.overview_1li1 {
display:none; 
 }
#overview {
padding-top: 30px;
}
.overview_1r{
margin-top:15px; 
text-align:center;
 }
.overview_1r br{
display:none;
 }
.overview_1r p{
text-align:left;
 }
.overview_2i {
margin-top:8px;
margin-bottom:8px; 
 }
.choose_m {
padding-top:40px;
padding-bottom:40px; 
 }
.choose_m br{
display:none;
 }
.choose_m p{
text-align:left;
 }
.choose_1ril {
margin-top:15px; 
 }
.choose_1l{
text-align:center; 
 }
.list_h2i {
margin-top:8px;
margin-bottom:8px; 
 }
.testim_1l{
text-align:center;  
 }
.contact_h1l{
text-align:center; 
 }
.contact_h1li {
text-align:left;  
 }
.contact_h1lir{
margin-top:15px; 
 }
.contact_2ri {
text-align:left;
margin-top:15px; 
}
.contact_h1r{
text-align:center;
margin-top:15px; 
 }
 }

@media (min-width:576px) and (max-width:767px) {
.carousel-caption{
padding: 30px 20px;
 }
.carousel-caption .font_60{
font-size:28px;
 }
.carousel-caption p{
font-size:16px;
 }
.carousel-caption .button_1{
padding-left:20px;
padding-right:20px;
 }
.carousel-caption .button_2{
padding-left:20px;
padding-right:20px;
 }
.overview_1ril h6{
text-align:left; 
 }
 }
@media (min-width:768px) and (max-width:991px) {
.carousel-caption .font_60{
font-size:40px; 
 }
.overview_1li img{
width:100%; 
 }
.overview_1li1 {
top:0;
left:0; 
width:100%;
height:100%; 
 }
.overview_1r p{
font-size:14px;
 }
.overview_1r br{
display:none;
 }
#overview{
padding-top:30px; 
 }
.choose_1ril  h5{
font-size:14px; 
 }
.choose_1ril {
padding:30px 10px!important;
 }
.choose_1l br{
display:none
 }
.list_h2i3  h4{
font-size:12px; 
 }
.list_h2i3{
padding:10px!important; 
 }
.plan_2r img{
min-height:350px; 
 }
.list_h2i2  h5{
font-size:12px!important; 
 }
.contact_2ril span {
width: 30px;
height: 30px;
line-height: 30px;
font-size:14px!important;
}
.contact_2rir h5 {
font-size:16px;
}
.carousel-caption br{
display:none;
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.carousel-caption br{
display:none;
 }
.carousel-caption .font_60{
font-size:50px; 
 }
.overview_1li img{
width:100%; 
 }
.overview_1li1 {
top:0;
left:0; 
width:100%;
height:100%; 
 }
#overview{
padding-top:30px; 
 }
.choose_1ril  h5{
font-size:16px; 
 }
.list_h2i3  h4{
font-size:14px; 
 }
 }
@media (min-width:1201px) and (max-width:1270px) {

 }