div.img{
    width: 100%;
font-size: 30px;
font-weight: bolder;
background-image: url(../siteimage/533239157.jpg);
height:555px;
background-position: 50% 50%;

background-size:  cover; 
background-repeat: no-repeat;
background-color: transparent;
}
div.aboutimg{
    width: 100%;
font-size: 30px;
font-weight: bolder;
background-image:url(../siteimage/aboutUs.jpg);
height:555px;
background-position: 50% 50%;

background-size:  cover; 
background-repeat: no-repeat;
background-color: transparent;
}
.img .maillogo{  
 margin-top:5px;
}

.button-wrap a         /* for underline problem*/
{
font-family: 'Roboto', sans-serif;
color: #3264A6;
border: 2px solid #3264A6;
/*border-bottom: thin 2px;*/
height: auto;
display: inline-block;
cursor: pointer;
padding: 12px 20px;
font-size: 15px;
text-decoration: initial;
}

.button-wrap a:hover{

background: #3264A6;
color:#FFFFFF;
text-decoration:none;
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}


.main_pic {
padding: 58px;
background: #f8f8f8;
text-align:center;}

.main_pic .pic img{
width:100%;
}

.main_pic .pic .ip {
margin: 11px 0;
border: 0;
outline: 0 none;
height: auto;
padding: 10px 16px;
color: white;
border-radius: 0;
text-transform: uppercase;
letter-spacing: .07em;
font-size: 12px;
line-height: normal;
}

.main_pic .pic .ip a {
margin: 11px 0;
border: 0;
outline: 0 none;
height: auto;
padding: 10px 16px;
background: #3264A6;
color: white;
border-radius: 0;
text-transform: uppercase;
letter-spacing: .07em;
font-size: 12px;
line-height: normal;
}

.main_pic .pic .ip a:hover
{
background:#193C6B;
color:#FFFFFF;
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
text-decoration:none;
}


@font-face {
font-family: "Architects Daughter";
src: local('Architects Daughter'), local('Architects-Daughter'), url("../sitefonts/ArchitectsDaughter.ttf") format('truetype');
}






/*2nd page style sheet*/ 
div.about_urself{
    width: 100%;
font-size: 30px;
font-weight: bolder;
background-image:  url(../siteimage/824569401.jpg);
height:555px;
background-position: 50% 50%;
background-size:  cover; 
background-repeat: no-repeat;
background-color: transparent;
}
div.about_bussiness{
    width: 100%;
font-size: 30px;
font-weight: bolder;
background-image:  url(../siteimage/tell_bussiness.jpg);
height:555px;
background-position: 50% 50%;
background-size:  cover; 
background-repeat: no-repeat;
background-color: transparent;
}
div.welcome_aio{
    width: 100%;
font-size: 30px;
font-weight: bolder;
background-image:  url(../siteimage/aiosuite.jpg);
height:555px;
background-position: 50% 50%;
background-size:  cover; 
background-repeat: no-repeat;
background-color: transparent;
}
.img_1 .maillogo{
margin-top:5px;
}

/*same design*/

.main_br a {
    font-family: "Architects Daughter" !important;
     text-transform: none !important;
 
    font-size: 36px;
    padding-right: 104px;
    letter-spacing: 0.06em;
    padding-top: 175px;
    display: block;
    color: white;
    text-align: right;
    font-weight: 12px;
    line-height: normal;
    vertical-align: top!important;
}
.main_br a:hover{
text-decoration:none;
}
/*same design*/

.menu {
    margin-top: -7px;
    position: relative;
    border-bottom: 2px solid transparent;
    text-align: center;
    color: white;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-family: 'Roboto', sans-serif;
    font-size: 11.6px;
    font-weight: 700;
    line-height: normal;
    padding: 16px;
    padding-left: 29px;
}
/*same design*/
.menu a{ padding: 14px 7px;margin: 0 10px;color:#FFFFFF;text-decoration: none;display: inline-block;padding-bottom: 5px;padding-top: 21px; }

.menu a.active{ color: #FFFFFF;text-decoration: none;display: inline-block;padding-bottom:5px;padding-top: 21px;border-bottom:2px solid #f5f5f5; }
.menu a:hover{ color: #FFFFFF;text-decoration: none;display: inline-block;padding-bottom: 5px;padding-top: 21px;border-bottom:2px solid #f5f5f5; }


	
	
.banner{
padding:31px; 
width:100%; 
height:250;
float:left; 
text-align:center;
font-family: 'Playfair Display', serif;
letter-spacing: 1px;
padding-bottom: 36px;
}

/*same design*/    /* .banner .line p	{*/
.banner .title h2{
font-size: 27px;
font-weight: 700;
line-height: 1.3em;
padding-bottom: 25px;
font-family: 'Roboto', sans-serif;
color: #24678d !important;
}
/*same design*/
.banner .line 	{  
padding-bottom: .5em;
color: #676767;
letter-spacing: .02em;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.5em;
}


/*same design*/
.fotr{
background: #3264A6;
padding:30px 0 70px;
}

.serv Sb{
font-size: 15px;
font-weight: bold;
font-family: 'Playfair Display', serif;
letter-spacing: 1px;
color:#FFFFFF;
font-size:14px;
}
.serv{
color:#FFFFFF;
font-size: 12px;
}
.copy
{
color: #FFFFFF;
font-size: 9px;
text-align: right;
}

.form-required{
color:#FF3366}

.help  a{
background-image: url(../siteimage/forms-s3786257308.png);
padding:23px;

}

.sub{
text-align:center;
}


.sub .ip {

margin:46px 0;
border: 0;
outline: 0 none;
height: auto;
padding: 12px 21px;
background: #3264A6;
color: white;
border-radius: 0;
text-transform: uppercase;
letter-spacing: .07em;
font-size: 12px;
line-height: normal;
}
.sub .ip:hover{
background:#004080;
color:#FFFFFF;
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}
.tab
{
padding-top: 20px;
height: auto;
color:#676767;
background: #f8f8f8;
position: relative;
width: 100%;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 36px
}

.tab .content-title {
padding-left: 16px;
color: #555555;
letter-spacing: 1px;
font-size: 22px;
font-weight: 700;
line-height: 1.3em;
font-family: 'Playfair Display', serif;
}

.main_tab {
background: #f8f8f8;
text-align:center;}
 
.mailtextbox{
  width: 46%;
 margin-bottom:10px;
    padding-left: 10px;
  border:1px solid #dddddd;
}
.mailtextbox:focus{
border:1px solid #3264A6;
outline:0 none;
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}
.mailtextbox:hover{
border:1px solid #3264A6;

-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}




.mailtextboxName{

    margin-bottom: 10px;
    padding-left: 12px;
    width: 42.5%;
    border: 1px solid #dddddd;
}
.mailtextboxName:focus{
border:1px solid #3264A6;
outline:0 none;
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}
.mailtextboxName:hover{
border:1px solid #3264A6;

-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}




.mailtextboxnumber{
 margin-bottom:10px;
    padding-left: 10px;
  border:1px solid #dddddd;
}


.mailtextboxnumber:focus{
border:1px solid #3264A6;
outline:0 none;
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}
.mailtextboxnumber:hover{
border:1px solid #3264A6;

-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}




.txtarea{
border:1px solid  #dddddd ;
max-width:370px;
width: 100%;
}

.txtarea:focus{
border:1px solid #3264A6;
outline:0 none;
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}
	
.txtarea:hover{
border:1px solid #3264A6;
outline:0 none;
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}


#line{
width:93%;
border:1px solid #dddddd;
}

#line:focus{
border:1px solid #3264A6;
outline:0 none;
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}

#line:hover{
border:1px solid #3264A6;
outline:0 none;
-webkit-transition: all 350ms ease-in;
-moz-transition: all 350ms ease-in;
-ms-transition: all 350ms ease-in;
-o-transition: all 350ms ease-in;
transition: all 350ms ease-in;
}


/*.menu a{
color:#FFFFFF;
padding:8px;
}*/

/* MEDIA QUERIES */
@media (max-width: 480px) {


.banner{padding: 31px 0 36px;}
.main_br #wsite-title {font-size:24px; text-align: center; padding-right: 0;}
.main_pic { padding: 0;}
.copy {padding-top: 114px;}
.serv {font-size: 14px; padding-right: 240px;}
#line { width: 95%;} /* not home page*/
.menu {display:none;}
.mailtextboxName { width: 94%;}
.mailtextbox { width: 47%;}
body { overflow:auto !important;}

}
@media (min-width: 481px) and (max-width: 767px) {
.txtarea {max-width: 100% !important;}
.mailtextboxName {width:48%;}
.main_br #wsite-title { font-size: 28px;  padding-top: 202px; text-align: center; }
.main_pic { padding: 0;}
#line { width: 100%;}  /* not home page*/
.menu {display:none;}
.mailtextbox { width: 100%;}
textarea {width: 100%;}
body { overflow:auto !important;}
}
@media (min-width: 768px) and (max-width: 991px) {

#line { width: 93%;} 
.main_br #wsite-title {text-align: center; padding-top: 233px; padding-right: 28px;}
.menu {display:none;}
body { overflow:auto !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {
#line { width: 92%;} 
.main_br #wsite-title { text-align: right; padding-right: 0;}
.menu {padding: 4px 28px 28px 15px;}
}

a{ outline:none !important;}