@import url('http://fonts.googleapis.com/css?family=Open Sans');
@import url('http://fonts.googleapis.com/css?family=Pragati Narrow');
@import url('http://fonts.googleapis.com/css?family=Roboto Condensed');
@import url('http://fonts.googleapis.com/css?family=Open Sans');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400&display=swap');
@import url('http://fonts.googleapis.com/css?family=Oblique');
@import url('http://fonts.googleapis.com/css?family=Righteous');


*
body
{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
}
a
{
	text-decoration: none;
}
button
{
	border-radius: 0;
	border: 1px solid #000000;
}

#total
{
	width: 100%;
	height: auto;
}
#inner
{
	width: 92%;
	height: auto;
}
#top_header
{
	background-color: #FDC049;
}
#total_upper_top
{
	width: 100%;
	display: table;
	font-family:'Open Sans', sans-serif;;
	padding:5px 0;
}
#left_upper_top
{
	width: 50%;
	display: table-cell;
	text-align: left;
}
#right_upper_top
{
	width: 50%;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}
#mail_call
{
	font-size: 14px;
	color: #ffffff;
	display: table;
}
#mail_call_left
{
	display: table-cell;
}
#mail_call_right
{
	display: table-cell;
}
#mail_call a
{
	color: #000000;
}
#mail_call img
{
	width: 20px;
	height: auto;
}
#translate select
{
    border-radius: 15px;
    color: #585656;
    background-color: #ffffff;
    border: 1px solid #6d6969;
    padding: 3px 16px 3px 16px;
    font-family: 'Open Sans', sans-serif;
}
#icons
{
    padding: 0 0;
}
#bottom_header
{
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
}
#total_lower_top
{
	width: 100%;
	display: table;
	font-family:'Open Sans', sans-serif;
}
#left_lower_top
{
	width: 36%;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
#right_lower_top
{
	width: 64%;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}
#logo img
{
	width: 136px;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	padding: 0 5px 0 0;
}
#logo_part 
{
	width: 100%;
	display: table;
}
#logo
{
	display: table-cell;
}
#name_slogan
{
	display: table-cell;
	vertical-align: middle;
}
#logo_text 
{
    font-family:'Poppins';
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	letter-spacing: -2px;
	padding: 0 0 0 5px;
    border-left: 2px solid #0096ec;
}
#logo_slogan 
{
	color: #000000;
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
}

@-moz-document url-prefix()
{
    #mbmcpebul_table li div.buttonbg
    {
        padding: 46px 0;
    }
}
/*--------------------------------home--------------------------*/
#banner img
{
    width:100%;
    height:auto;
}
#for_back
{
	background-color: #4087EA;
	padding: 24px 0;
	margin-top: 10px;
}
#for_back h2 span
{
	color: #ffffff;
   font-family: Righteous;
}
#for_back h2
{
	text-align: justify;
	font-size: 34px;
   color: #fff;
   font-weight: 400;
   margin-top: 0;
}
#for_back p
{
	text-align: left;
   color: #ffffff;
   font-size: 14px;
   line-height: 24px
}
#for_back button
{
	text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1em;
    border-radius: 0;
    padding: 7px 10px;
    transition: all 0.7s ease-out;
    background: #FFA500;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    color: #000;
}
#for_back button:hover
{
	color: #fff;
    border: 1px solid rgba(223,190,106,0);
    background-position: 99% 50%;
}
#total_home
{
	padding: 50px 0;
}
#total_home h2
{
	text-transform: uppercase;
	font-size: 30px;
	color: #29bced;
}
#total_card
{
	background: #FFF;
   border: 1px solid #E6E6E6;
   box-shadow: 0 0 12px -3px rgba(0,0,0,0.15);
   border-bottom: 2px solid #ff0000;
}
#total_card_holder
{
	width: 100%;
	display: table;
	padding: 40px 0;
}
#part_card
{
	display: table-cell;
	width: 33%;
	padding: 0 22px;
}
#image img
{
	width: 100%;
}
#image
{
	overflow: hidden;
}
#total_card:hover #image img
{
	transform: scale(1.5); 
  overflow:hidden;  
  transform-origin: 50% 65%;
  transition: transform 3s, filter 3s ease-in-out;
  filter: brightness(110%);
}
#total_home_text
{
	text-align: left;
	padding: 10px;
}
#text
{
	text-align: left;
	padding: 12px 0 0 0;
	display: table;
	width: 100%;
	border-top: 1px solid #f1f1f1;
}
#total_text
{
	display: table-cell;
	text-align: left;
}
#explore_button
{
	display: table-cell;
	text-align: right;
}
#heading
{
	color: #434a54;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 24px;
    padding-bottom: 10px;
}
#sub_heading
{
	font-size: 14px;
    color: #02b21c;
    padding-left: 14px;
    margin: 10px 0;
    background: url(../images/ic2.png) no-repeat;
    background-size: 12px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#service_heading
{
	background-image: linear-gradient(to right, #1cb2ed , #6eaeea, #a4d4ea);
    color: #ffffff;
    text-align: left;
    padding: 7px 12px 7px 12px;
    font-size: 17px;
    letter-spacing: 0px;
    font-weight: normal;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    width: 450px;
}
#total_text button
{
	text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 10px;
    letter-spacing: 0.1em;
    border-radius: 0;
    padding: 7px 10px;
    transition: all 0.7s ease-out;
    background: #e00024;
    border: 1px solid #e00024;
    color: #fff;
}
#total_text button:hover
{
	background: linear-gradient(270deg, rgb(224, 0, 36), rgb(224, 0, 36), rgba(34,34,34,0), rgba(34,34,34,0));
	background-size: 300% 300%;
	color: #000;
	border-radius: 0;
}

#explore_button button
{
	text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1em;
    border-radius: 0;
    padding: 7px 10px;
    transition: all 0.7s ease-out;
    background: #FFA500;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    color: #000;
}
#explore_button button:hover
{
	color: #fff;
    border: 1px solid rgba(223,190,106,0);
    background-position: 99% 50%;
}
#enquiry_body
{
    background-color: #7DDBDB;
}
#enquiry_heading
{
    text-align:center;
    font-size: 50px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 6px;
    padding-bottom: 34px;
    text-shadow: 2px 3px rgba(0, 0, 0, 0.42);
}
.form-total {width: 100%;}
		#form_inner_total
		{
		    width:100%;
		    background: rgba(255, 255, 255, 0.58);
    border: 1px solid #d2cdcd;
    text-align: justify;
    letter-spacing: 2px;
		}
		#form_inner_total h4
		{
			text-align: center;		
		}
		#form_inner {text-align: left;padding: 30px 50px;}   
        #form-total_row_inner {width: 100%;display: table;
            margin-bottom: 26px;
        }
        #head_tag{display: table-cell; width: 40%;vertical-align:top;
            font-size: 16px;
    font-weight: 500;
        }
        #def_tag{display: table-cell;width:60%;
            font-size: 14px;
        }
        ::placeholder{
            font-size: 14px;
            letter-spacing: 2px;
        }
        input[type=text]{width: 96%;
            padding: 12px;
            border: 1px solid #636161;
    border-radius: 0;
        }
        textarea#message, #address{width:96%;
            padding: 12px;
            border: 1px solid #636161;
    border-radius: 0;
        }
        input[type=submit]
        {
            width: 100.3%;
    padding: 12px;
    font-size: 14px;
    background: #F7A504;
    border: 1px solid #F7A504;
    color: #fff;
    transition: all 0.7s ease-out;
        }
    input[type=submit]:hover
    {
        background: linear-gradient(270deg, rgb(224, 0, 36), rgb(224, 0, 36), rgba(34,34,34,0), rgba(34,34,34,0));
	background-size: 300% 300%;
	color:#000;
    }
#form_div {
    background-color: #ffffff;
    padding: 0 8px 0px 8px;
}
#form_heading {
    background-color: transparent;
    font-size: 14px;
    padding: 5px 0 0 0;
    color: #000000;
    font-family: "Roboto Condensed";
    text-align: center;
}
#form_heading input[type="text"] {
    width: 97%;
    margin: 6px 0;
    padding: 4px 0px 4px 5px;
    border: none;
    border-bottom: 1px solid #dddddd;
    border-radius: 4px;
}
#inner_right_contact
{
	
}
#total_content
{
	text-align: left;
	font-size: 14px;
    line-height: 24px;
    display:table;
    width:100%;
}
#inner_content
{
    display:table;
    width:100%;
}
#inner_text
{
    padding: 0 20px 0 0;
}
#content_left
{
    display:table-cell;
    width:70%;
    vertical-align:top;
}
#content_right
{
    display:table-cell;
    width:30%;
}
#content_img img
{
    width:100%;
    height:auto;
}
#total_contact
{
    font-size: 14px;
    line-height: 24px;
}
#total_content b
{
    font-size:16px;
}
#total_gallery
{
    width:100%;
}
#text_heading
{
    text-align: left;
	padding: 20px 25px;
	margin-bottom: 20px;
	font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #038DCC;
    border-left: 5px solid #038DCC;
    background: #f7f7f7;
    border-radius: 4px;
    font-family: 'Poppins';
}
#total_contact
{
	display: table;
	width: 100%;
}
#left_contact
{
	display: table-cell;
	text-align: left;
	width: 40%;
}
#left-content-total
{
    width:100%
}
#location-map img
{
    height:auto;
    width:95%;
    
}
#right_contact
{
	display: table-cell;
	text-align: right;
	width: 60%;
}
#contact_details
{
	padding-right: 20px;
	color: #333;
    font-size: 14px;
    line-height: 24px;
}
#project_image
{
    text-align: center;
}
#project_image img
{
    width: 60vw;
    height: auto;
}
#text_bottom
{
    color: #464444;
    font-size: 14px;
    line-height: 24px;
    border: 2px solid #4B9DE3;
    text-align: left;
    width: 92.5%;
    padding: 5px 18px;
    margin-top: 28px;
}
/*-----------------------------footer-----------------------*/
#total_lower_footer
{
    width: 100%;
    background-color: #038DCC;
    padding: 20px 0;
    color: #ffffff;
    font-size: 14px;
}
#lower_footer
{
	display: table;
	width: 100%;
}
#left_lower_footer
{
	display: table-cell;
	width: 50%;
	text-align: left;
}
#right_lower_footer
{
	display: table-cell;
	width: 50%;
	text-align: right;
}





/*--------------media query--------------*/
@media only screen and (max-width: 1070px)
{
	#left_lower_top
	{
		width: 90%;
	}
	#right_lower_top
	{
		width: 10%;
	}
}
@media only screen and (max-width: 768px)
{

	#inner
	{
	width: 88%;
	}
	#left_upper_top
	{
		width: 75%;	
	}
	#right_upper_top
	{
		width: 25%;
	}
	#logo img
	{
		width: 20vw;
    	height: auto;
	}
	#logo_text 
	{
	    font-size: 32px;
	}
	#left_lower_top
	{
		width: 80%;
	}
	#right_lower_top
	{
		width: 20%;
	}
	#mbmcpebul_wrapper
	{
		text-align: left;
	}
	#total_card_holder
	{
		display: block;
		padding:0;
	}
	#part_card
	{
		display: inline-block;
		width: 100%;
		padding: 0;
		margin: 0 0 40px 0;
	}
	#enquiry_heading
	{
		font-size: 40px;	
	}
	#form_inner_total
	{
		width: 96%;	
	}
	#mbmcpebul_table li a
	{
		font-size: 14px;
		padding: 5px 8px;	
	}
	#for_back h2
	{
		font-size: 30px;	
	}
	#total_home 
	{
    padding: 10px 0;
    }
   
   #total_contact
   {
		display:block;   
   }
   #left_contact
   {
		display:inline-block;  
		width:100%; 
		margin: 5px 0;
   }
   #right_contact
   {
		display:inline-block;
		width:100%; 
		margin: 5px 0;  
   }
}
@media only screen and (max-width: 425px)
{
	#total_upper_top
	{
		display: block;	
		text-align: left;
		line-height: 26px;
	}
	#left_upper_top
	{
		display: inline-block;
		width: 100%;
	}
	#right_upper_top
	{
		display: inline-block;
		width: 100%;
		text-align: left;
	}
	#logo_text 
	{
	    font-size: 20px;
        line-height: 24px;
	}
	#logo_part{padding: 10px 0;}
	#logo_slogan 
	{
		font-size: 12px;
	}
	#lower_footer
	{
		display: block;
		line-height: 20px;
	}
	#left_lower_footer
	{
		display: inline-block;	
		width: 100%;
		text-align: center;
	}
	#right_lower_footer
	{
		display: inline-block;
		width: 100%;
		text-align: center;	
	}
	#enquiry_heading
	{
	    font-size: 26px;
	    letter-spacing: 3px;
    }
   #form-total_row_inner
   {
    	display: inline;
   }
   #head_tag
   {
	    display: inline-block;
	    width: 100%;
	    margin: 26px 0 10px 0;
   }
   #def_tag
   {
	    display: inline-block;
	    width: 100%;
   }
   #form_inner
   {
    	padding: 15px 20px;
   }
   input[type=text]
   {
    	width: 90%;
   }
   textarea#message
   {
    	width: 90%;
   }
   input[type=submit]
   {
    	margin-top: 26px;
   }
   #for_back h2
   {
		text-align:left;   
		font-size: 26px;
   }
   #mail_call
   {
		display:block;   
   }
   #mail_call_left
   {
		display:inline-block;   
   }
   #mail_call_right
   {
		display:inline-block;   
   }
}
@media only screen and (max-width: 375px)
{
	#logo_text 
    {
        font-size: 18px;
    }
}
@media only screen and (max-width: 320px)
{
    #logo_slogan 
	{
		font-size: 10px;
	}
	#for_back h2
	{
		font-size:22px;	
	}
	#logo_text {
    font-size: 16px;
}
}