/*
	Theme Name:     Opekkha
	Description:    Coming Soon Template
	Author:         Md Nur-Un-Nabi Tutul
    Company:        Esteem Soft Limited
	Website: 		www.esteemsoftbd.com
	Version:        1.0
*/
/*=================================================
||				1. Imports 
==================================================*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,700,800);


body
{
	font-family: 'Montserrat', sans-serif;
	overflow-x: hidden;
}
/*=================================================
||				2. Message Wrapper
==================================================*/
#wrapper {
    background: url(../images/img_bg.jpg);
    background-size: cover;
    background-position: initial;
	height: 937px;
}
.bg-shading {
    background: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
}
#client-logo {
    margin: 50px 0;
}
#client-logo img {
    width: 200px;
    height: 200px;
}
.msg-title {
    text-align: center;
    color: #fff;
    margin-bottom: 100px;
}
.contact-item {
    background: rgba(255,255,255,.9);
    min-height: 170px;
    padding: 20px 10px;
    text-align: center;
    border-bottom: 5px solid #017334;
    border-radius: 15px;
}
.contact-item>h3 {
    border-bottom: 1px solid #0762be;
    padding-bottom: 5px;
    font-weight: 600;
    color: #0762be;
}
.contact-item p, .contact-item p a {
    color: #0762be!important;
    margin: 0;
}
.msg-title h1 {
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
    font-weight: 800;
    text-transform: uppercase;
}
.msg-title h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    letter-spacing: 2px;
	font-weight: 300;
}
.msg-title h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    font-weight: 400;
    margin-top: 5px;
}
footer {
    color: #fff;
    text-align: center;
    margin-top: 100px;
}

@media (max-width: 768px){
	#wrapper {
		height: 100%;
	}
	.contact-item {
		margin-bottom: 30px;
	}
}



#footer p a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
/*=================================================
||				3. Media Query
==================================================*/
@media(min-width: 320px) and (max-width: 480px){
	.msg-title h1 {
		font-size: 35px;
		letter-spacing: 2px;
	}
	.msg-title h2{
		font-size: 32px;
	}
}
@media (max-width: 800px){
	
}
@media (min-width: 768px) and (max-width: 992px){
	.msg-title h2{
		margin-top: 20px;
		font-size: 35px;
	}
	
}
	
@media (min-width: 1024px) and (max-width: 1600px){
	
}