@charset "utf-8";
/* CSS Document */

@import url('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');

img { max-width:100%; }

.white-header { background:#FFFFFF; padding:20px 0px; }

.no-gutter-padd { padding:0px; }

.top-link p { margin:20px 0 0 0; float:right; }
.top-link a { color:#3a3a3a; }
.top-link span { font-size:16px; }
.top-link a:hover { text-decoration:none; color:#b5cc33; }

.welcome-content h1 { color:#b5cc33; text-transform:uppercase; }
.welcome-content span { text-transform:uppercase; font-size:22px; color:#FFFFFF; font-family: 'Open Sans Condensed', sans-serif; }
.welcome-content p { color:#B1B1B1; text-align:justify; line-height:22px; }
.welcome-content a { color:#b5cc33; }
.welcome-content a:hover { color:#FFFFFF; text-decoration:none; }

.testimonial h2 { text-transform:uppercase; color:#b5cc33; margin:0px; font-family: 'Open Sans Condensed', sans-serif; font-size:22px; }

.box-link a:hover { text-decoration:none; }

.box-type { width:100%; height:350px; padding:20px; position:relative; background:#EDEDED; color:#3a3a3a; }
.box-type h1 { font-family: 'Open Sans Condensed', sans-serif; text-transform:uppercase; }

.box-type-1 { width:100%; height:350px; padding:20px; position:relative; background: url(../images/srvc-1.jpg) no-repeat; }
.box-type-1 h1 { font-family: 'Open Sans Condensed', sans-serif; border:3px solid #FFFFFF; color:#FFFFFF; margin:0px; padding:10px;
text-align:center; display:inline-block; position:relative; top:30%; text-transform:uppercase; }

.clients-tittle h1 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
	text-transform:uppercase;
	color:#f79e1c;
	margin:0 0 20px 0px;
	padding:0px;
}
.clients-tittle h1:before, .clients-tittle h1:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color:#3e454c;
}
.clients-tittle h1:before {
    margin-left: -50%;
    text-align: right;
}

.footer { background:#3a3a3a url(../images/pattern4.png); padding-top:50px; padding-bottom:50px; }
.footer h5 { text-transform:uppercase; color:#FFFFFF; font-size:14px; font-weight:bold; }
.footer ul { margin:0px; padding:0px; list-style:none; }
.footer a { color:#90989f; }
.footer a:hover { color:#FFFFFF; text-decoration:none; }

.bottom-footer { background:#171819; padding-top:10px; padding-bottom:10px; }
.bottom-footer p { color:#FFFFFF; font-size:12px; margin:0px; }

.page-tittle { color:#FFFFFF; background:url(../images/page-header.jpg); }

.page-bg {   background: url(../images/page-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  
.page-content-area i { color:#b5cc33; }
 
.stratagy { background:#FFFFFF; padding:10px; padding-bottom:20px;}
.stratagy img{ float:left; padding-right:10px;}
.stratagy p{ text-align:justify;}

.related{}
.related i{ color: #000000; font-size:16px; margin-top:20px; padding-right:10px;}
.related a{ color:#020202; cursor:pointer;margin-top:20px; }
.related a:hover{ text-decoration:none; color:#b00000;}

.branding p{  padding:8px ; text-align:justify; margin-top:10px; font-size:12px; color:#000000; line-height:22px;}
.branding i{ font-size:12px; color:#000000; padding-right:5px;}
.current h3{ color:#b00000; font-size:20px;}
.current p{ color:#000000; font-size:14px; line-height:18px;}
.apply{ padding:5px 40px; background:#000000; color:#FFFFFF; border:none; margin-top:20px;}
.contact_form{ padding-bottom:30px;}

.protfolio { background:#FFFFFF; padding-top:20px; padding-bottom:20px; }
.protfolio-tab { padding-top: 30px; }
.site img { margin-bottom: 10px; }
.site a { color:#b5cc33; font-weight:600;}

.job h3{ color:#b5cc33;}
.job p{ color:#A09C9C; font-size:12px;}
.job a:hover{ text-decoration:none;}
.brand{ margin-top:20px; padding:8px; height:250px;} 
.brand p{ color:#b5cc33; font-weight:600; margin-top:20px; text-align:center; font-size:18px;}
.brand img{ height:180px; overflow:hidden; border:1px  solid #000000;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.visting_card{ margin-top:20px; padding:8px; height:200px; overflow:hidden;}
.visting_card  img{height:140px; border:1px  solid #000000;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  }
.visting_card p{ color:#b5cc33; font-weight:600; margin-top:20px; text-align:center; font-size:18px;}


.single-image { position:relative; display:block; cursor:pointer; }
.single-image img { display:block; }
.curtain {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.8);
background-position: 50% 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
opacity: 0;
filter: alpha(opacity=0);
text-indent: -9999px;
-webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.single-image.picture-icon .curtain { background-image: url(../images/more.png); }
.single-image:hover .curtain { opacity:0.8; filter:alpha(opacity = 60); }


.banner-enq { position: absolute; top: 15px; right: 0; z-index: 5; margin: 0px; }
.abox{width: 100%;    background-color: rgba(192, 192, 192, 0.77);
    padding: 15px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; }

 
@media (max-width:1199px){
    .banner-enq{
        position: relative;
        margin:30px 0;
        top:0;
    }
}


.banner-images{
    background-image:url(https://www.otwodesigns.com/images/banner/banner-graphics-min.jpg);
    width:100%;
    background-position:center;
    background-repeat:no-repeat;
    padding:30px;
}

.d-flex-end{
    display:flex;
    justify-content:flex-end;
}

@media (max-width:767px){
    .banner-images{
        padding:16px 0;
    }
}


@media (min-width:991px){
    .d-none-991{
        display:none;
    }
}

@media (max-width:990px){
    .banner-images{
        display:none;
    }
}



 .abox h1{font-size:24px;
            color: black;    font-weight: bold;}
.abox input[type="text"] {display: block;
                          width: 100%;
                        padding: 10px;border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
  }
.abox input[type="tel"] {display: block;
                          width: 100%;
                        padding: 10px;    margin-top: 5px;border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-left: none;
                         }
.abox input[type="email"] {display: block;
                            padding: 10px;
                          width: 100%;
                          background-color:rgb(248, 248, 248);    margin-top: 5px;border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-left: none;}



@media (max-width:767px){
	.contact_form{ padding-bottom:0px;}
	}