/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

/*  ***  DEFAULT SETTINGS  ***  */
body { 
    background-color: #E2ECF1;      /*  light grey   */
	  color:  white;
	  font-family: 'OpenSansKira', sans-serif, Arial, Helvetica;	
    font-style: normal;
    font-weight: 300;
    font-size:  16px;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    text-rendering: optimizeLegibility;
    line-height: 1
}


.vertical-center {
  margin: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.horizontal-center {
  margin: 0;
  position: relative;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


.h1custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     padding-top: var(--padding-top);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: normal;
     font-size: 16px;
     color: #6F7173;
     font-style: normal;
     line-height: 1.2
}

.h2custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: 800;
     font-size: 28px;
     color: #00AEEF;
     font-style: normal;
     line-height: 1

}

.h3custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: bold;
     font-size: 18px;
     color: #00AEEF;
     font-style: normal;

}

.h4custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: Light;
     font-size: 14px;
     color: #6F7173;
     font-style: normal;

}


.h5custom {
     margin-top: 0px;
     margin-bottom: 10px;
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     padding-top: 70px;
     padding-bottom: 20px;
     line-height: var(--line-height);
     text-align: center;
     font-weight: normal;
     font-size: 16px;
     color: #fff;
     font-style: normal;


}

.pcustom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     text-align: var(--text-align);
     font-weight: normal;
     font-size: 14px;
     color: #6F7173;
     font-style: normal;
     line-height: 1.3

}

.icustom {
     margin-top: 10px;
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-size: 28px;
     color: #fff;
     font-style: italic;
     padding-left: 28%;
     padding-right: 28%;
     padding-bottom: 20px;
     line-height: 1.2;

}

.qcustom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: center;
     font-size: 18px;
     color: #fff;
     font-style: italic;

}





a {

	color: #4C9CF1;
	text-decoration: none;
/*	font-weight: 300; */

}



#img-homefeature {
    width: 410px;
    height: 410px;

}


/*  ******************** NAVIGATION  ********************  */
/*  ******************** NAVIGATION  ********************  */
header {
	background: #00AEEF;                    /*  blue   */
	width: 100%;
	height: 66px;
	position: fixed;
	top: 0;
	left: 0;
  z-index: 9998;                          /*  higher value stays at top  */


}

#logodiv{
    position: absolute;
}

#logolarge {
	  width: 315px;
	  height: 48px;
    margin-top: 9px;
    margin-left: 40px;
    padding: 0;
}

#logosmall {
	  display: none;
}

/*   ***  Checkbox for Menu Icon  hidden behind logo  ***  */
input[type=checkbox] {
   position: absolute;
   left: 0px;
	 width: 10px;
	 height: 10px;
	 visibility: hidden;
	 z-index: 1;
}



nav {
	float: right;
	margin-top: 7px;
	z-index: 9998;          //higher value stays at top
}

.toggle {display: none;}
   
#menu-icon {
	display: hidden;
	width: 46px;
	height: 46px;
	margin-top: 2px;
	margin-right: 2px;
	background: #00AEEF; /* url(images/mobile.menu.icon.png) center; */
	z-index: 9999;
}

/*
div:hover#menu-icon {
	background-color: #00AEEF;
	border-radius: 4px 4px 4px 4px;
	border-top:    2px solid #0096cc;        /*  blue +2 darker  */  
	border-bottom: 2px solid #0096cc;        /*  blue +2 darker  */  
	border-left:   2px solid #0096cc;        /*  blue +2 darker  */  
	border-right:  2px solid #0096cc;        /*  blue +2 darker  */  
}
*/


nav ul {
	list-style: none;
	

}

nav ul li {
	display: inline-block;
	float: left;
	padding-left: 4px;           /*  Space Betwen Menu Items  */
	padding-right: 4px;
	margin-top: 20px;         /*  Vertical Loc of Menu Words  */
	margin-right: 10px;

	
}

nav ul li a {
	color: white;
	text-decoration: none;
  font-weight: 400;
  font-size:  14px;
}


nav ul li a:hover {
	color: white;  /*  #444;  */
}
/*  ******************** NAVIGATION END  ********************  */
/*  ******************** NAVIGATION END  ********************  */



.current {
	color: white;  /*  #444;  */
}

section {
  background-color: var(--background-color); 
/*  height:           var(--height); */
  margin-top:  72px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;

	position: relative;
  z-index: 200;
}

#home1-container {
  text-align: left;
  width: 100%;
  margin-top:  150px;
  margin-bottom: 100px;
  font-size: 38px;
  font-weight: 600;
  background-color: #E2ECF1;
}

#home2-container {
  text-align: center;
  background-color: white; 
  margin:  0 0 0 0;
  padding 0 0 0 0;
  padding-bottom: 40px;
  z-index: 200;

}

#home2-container section  {
  padding:  0 0 0 0 ;
  margin: 0 0 0 0;

}

#home2-container section h2 {
  padding-top:  40px;
  margin-bottom: 0px;

}

#home2-container section p {
  color: #6F7173;
  line-height: 1.2;
  font-weight: 400;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20%;
  padding-right: 20%;

}

/*  ***  Make Columns in the main section if there is a UL and LI  */
#three-cols-container {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}



three-cols ul li {
  background-color: white;
  display: inline-block;  
  text-align: center;
  width: 260px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 30px;
  vertical-align: text-top;
  height: 410px;
}

three-cols ul li p {
  height: 150px;
}

#section3-container {
  text-align: center;
  background-color: #00AEEF;
  margin 0 0 0 0;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  z-index: 200;
}

#section3-container section {
  margin: 0 0 0 0;
  padding-left: 20%;
  padding-right: 20%;
}

#section3-container section div {
  margin 0 0 0 0;
  padding: 0 0 0 0;
}

#section3-container section #button2 {
  padding-top: 7px;
  padding-bottom: 2px;
}

#section3-container section .icustom {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}


#section4-container {
  background-color: background-color: #E2ECF1;
  height: 330px;
}

#section4-container section {
  text-align: left;

}
  
#section4-container section h1 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#section4-container section h2 {
  padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#section4-container img {
  width: 200px;
  height: 225px;
  margin-top:  -160px;
  margin-bottom: 0px;
  margin-left: 470px;
  margin-right: 0px;

}

#ourservices-container {
  background-color: var(--background-color); 
  height:      240px;
  margin-top:  120px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;

	position: relative;
  z-index: 100;
}

ourservices-section {
  background-color: var(--background-color); 
/*  height:           var(--height); */
  margin-top:  72px;
  margin-bottom: 0px;
  margin-left: 0;
  margin-right: 0;
	position: relative;
  z-index: 100;
}

ourservices-section img {
  display: inline-block;     /* center the image  */
  padding-top:  20px;
  width: 667px;
  height: 292px;
  z-index: 100;
}

#ourservices2-container {
  background-color: white; 
  margin-top:  0px;
  margin-bottom: 0px;
  z-index: 200;

}

#ourservices2-container ourservices-section  {
  padding-top:  0px;
  margin-bottom: 0px;
  margin-left: 20%
  margin-right: 20%;
}

#ourservices2-container ourservices-section p {
  color: #6F7173;
  line-height: 1.2;
  font-weight: 400;
  padding-top: 130px;
  padding-bottom: 60px;
  padding-left: 25%;
  padding-right: 25%;

}


#ourservices3-container {
  text-align: center;
  width: 100%;
  margin-top:  -40px;
  margin-bottom: 0px;

}

#ourservices3-container #twocols h3 {
  text-align: left;
  margin-top: 40px;

}
#ourservices3-container #twocols p {
  text-align: left;

}


#ourservices3-container #twocols ul li {
  display: inline-block;  
  text-align: center;
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  vertical-align: text-top;

}




#about1-container {
  text-align: center;
  width: 100%;
  margin-top:  150px;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 600;


}


#about2-container {
  text-align: center;
  width: 100%;
  margin-top:  0px;
  margin-bottom: 0px;

}

#about2-container #twocols h3 {
  text-align: center;
  padding-top: 20px;
}
#about2-container #twocols divbr {   /* keep extra blank lines */
  display: block;
  
}


#about2-container #twocols ul li {
  display: inline-block;  
  text-align: center;
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  vertical-align: text-top;

}

#about3-container {
  display: block;
  text-align: center;
  width: 100%;
  padding-top:  40px;
  padding-bottom: 40px;
  font-size: 20px;
  font-style: italic;
  line-height: 1.2;
}

#about3-container div {
  padding-left: 200px;
  padding-right: 200px;
}


#about4-container {
  display: block;
  text-align: center;
  width: 100%;
  padding-top:  80px;
  padding-bottom: 40px;
  font-size: 20px;
  font-style: italic;
  line-height: 1.2;
}

#about4-container section {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}


#about4-container img {
  padding-top: 36px;
}

#about4-container div {
  text-align: center;
  width: 100%;
}
#about4-container .pcustom {
  text-align: center;
  padding-left: 20%;
  padding-right: 20%;
}


#why1-container {
  text-align: center;
  width: 100%;
  margin-top:  150px;
  margin-bottom: -190px;
  font-size: 38px;
  font-weight: 600;
  z-index: 100;
}

#why1-container section {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#why1-container section img {
  text-align: center;
  padding-top: 30px;
  width: 870px;
  height: 301px;
}

#why2-container {
  text-align: center;
  width: 100%;
  padding-top:  200px;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
    z-index: 200;
}
#why2-container p.p1custom {
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
}

#why3-container {
  text-align: center;
  width: 100%;
  margin-top:  0px;
  margin-bottom: 0px;

}

#why3-container #twocols h3 {
  text-align: left;
  margin-left:  -20px;
}
#why3-container #twocols p {
  text-align: left;

}

#why3-container #twocols ul li {
  display: inline-block;  
  text-align: center;
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  vertical-align: text-top;

}


#why4-container {
  text-align: center;
  width: 100%;
  margin-top:  40px;
  margin-bottom: 0px;

}

#why4-container #twocols h3 {
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  color:#6F7173;
  font-style: normal;
  line-height: 1.2;
  margin-left:  0px;
}

#why4-container #twocols h2 { 
  text-align: left;
  font-weight: 800;
  font-size: 28px;
  color: #00AEEF;
  font-style: normal;
  line-height: 1;
}

#why4-container #twocols p {
  text-align: left;

}

#why4-container #twocols #shit {
  text-align: left;

}
#why4-container #twocols ul li {
  display: inline-block;  
  text-align: center;
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  vertical-align: text-top;

}

#why5-container {
  background-color: #E2ECF1;
  padding-top: 60px;
  color: white;
  font-size: 24px;
  font-weight: 800;
  font-style: normal;
  line-height: 1;
}

#why5-container #div1 {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3;
}


#why5-container #twocols {
  padding-top: 20px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3;
}

#why5-container #twocols h2{
  padding-top: 0px;
  color: white;
  font-size: 38px;
  font-weight: 900;
  font-style: normal;
  line-height: 1.3;
}

#why5-container #twocols ul li{
  display: inline-block;
  padding-bottom: 0px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 20px;
  width: 15%;

}

#why5-container #twocols ul li p{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3;
  width: 100%;
}

#ourwork1-container {
  text-align: center;
  width: 100%;
  margin-top:  150px;
  margin-bottom: 100px;
  font-size: 38px;
  font-weight: 600;
}

#ourwork1-container section {
  margin: 0 0 0 0;
  padding 0 0 0 0 ;
  text-align: center;
  width: 50%;
}

#ourwork1-container h1 {
  text-align: left;
}
#ourwork1-container h2 {
    text-align: left;
    padding-top: 10px;
}

#ourwork1-container section .image {
  text-align: left;
  padding-top: 30px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}




#ourwork2-container {
  text-align: center;
  width: 100%;
  margin-top:  -135px;
  margin-bottom: 0px;
  font-size: 38px;
  font-weight: 600;
}

#ourwork2-container section {
  margin: 0 0 0 0;
  padding-top: 20px;
  text-align: left;
  width: 60%;
}

#ourwork2-container h2 {
    text-align: left;
    font-size: 18px;
    padding-top: 60px;
    padding-bottom: 6px;
}

#ourwork2-container section .image {
  text-align: left;
  padding-top: 30px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}


#contact1-container {
  text-align: center;
  width: 100%;
  margin-top:  150px;
  margin-bottom: 30px;
  font-size: 38px;
  font-weight: 600;
}

#contact1-container img {
  width: 560px;
  height: 345px;
  padding-top: 30px;
}

#contact2-container {
  text-align: center;
  width: 100%;
  margin-top:  0px;
  margin-bottom: 0px;
}

#contact2-container #twocols h3 {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
}
#contact2-container #twocols divbr {   /* keep extra blank lines */
  display: block;
}


#contact2-container #twocols ul li {
  display: inline-block;  
  text-align: center;
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  vertical-align: text-top;

}

#contact2-container #twocols ul li p {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  font-size: 14px;
}

#dashboard1-container {
  text-align: center;
  width: 100%;
  margin-top:  150px;
  margin-bottom: 100px;
  font-size: 38px;
  font-weight: 600;
}

#dashboard1-container section {
  margin: 0 0 0 0;
  padding 0 0 0 0 ;
  text-align: left;
  width: 60%;
}

#dashboard1-container h1 {
  text-align: left;
}
#dashboard1-container h2 {
    text-align: left;
    padding-top: 10px;
}



#dashboard2-container {
  width: 100%;
  margin-top:  -135px;
  margin-bottom: 0px;
}

#dashboard2-container section {
  margin: 0 0 0 0;
  padding-top: 20px;
  text-align: left;
  width: 60%;
}

#dashboard2-container h2 {
    text-align: left;
    font-size: 18px;
    padding-top: 60px;
    padding-bottom: 6px;
}

#dashboard2-container section img {
  text-align: left;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}




#button2, #button2-below, buttontop {
	background-color: #f93;      /* orange */
	float: center;
  border: none;
  color: white;
	border-radius: 15px;
  padding-top: 7px;
 	padding-bottom: 2px;
 	padding-left: 10px;
 	padding-right: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  cursor: auto;
	margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  margin-left: var(--margin-left);
  margin-right: var(--margin-right);
}

#button2 a, #button2-below a {
  color: white;
  padding-left: 10px;
  padding-right: 10px;
}

#button2-below {
  display: none;
}





.block_footer {
	display: block;
	justify-content: center;
	text-align: center;
  align-items: center;
 	overflow: hidden;
	width: 100%;
	height: 300px; 
	min-height: 300px;
 	background-color: #00AEEF;
}

/*   footer logo  */
#img-footer_logolarge{
    display: block;
    text-align: center;
    padding-left: 10px;
	  width: 500px;
	  height: 52px;
} 

#img-footer_logosmall{
    display: none;
} 

#footer_img_container {
  display: inline-block;            /*  centers logo in footer  */
  padding-top: 10px;
}

.block_footer #img-footer_logolarge {
  width: 376px;
  height: 41px;
  margin-left: 30px;
}


.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-family: "OpenSansKira", Arial, sans-serif;
  font-size: 14px; 
  font-weight: light;
  width: 100%;
  background-color: #00AEEF;
  color: #fff;
  height:  120px;
  line-height: 1.6;
  text-align: left;
}

.footer ul {
  list-style: none;
  padding-left: 10px;
  padding-right: 10px;
}
.footer ul li a {
  text-decoration: none;
  color: #fff;
}

.footer ul li #right_column {
  padding-top: 35px;
}



.copyright {
   display: flex;
   border: none;
   color: white;
   justify-content: center;
   align-items: bottom;
   height: 20px;
   margin-top: 60px;
   cursor: auto;
   font-family: "OpenSansKira", Arial, sans-serif;
   font-size: 10px;
}

/*  ***  DEFAULT SETTINGS END  ***  */

/*  *******************************************  */
/*MEDIA QUERY*/
/*MEDIA QUERY*/
/*MEDIA QUERY*/
/*  *******************************************  */

/*   ***  LARGE SCREEN   LARGE SCREEN   LARGE SCREEN   LARGE SCREEN  ***  */
/*   ***  LARGE SCREEN   LARGE SCREEN   LARGE SCREEN   LARGE SCREEN  ***  */
/*   ***  LARGE SCREEN   LARGE SCREEN   LARGE SCREEN   LARGE SCREEN  ***  */

@media only screen and (min-width : 961px) {
	header {
		position: fixed;
	  height: 66px;
	}


section {
  padding-left: 300px;
}

#three-cols-container {

}

#section3-container {

}

#section4-container {
  padding-left: 0px;
}


#img-homefeature {
    width: 300px;
    height: 300px;
    margin-left: 350px;
    margin-top: -180px;

}

#button2 {
	margin-top: 24px;

}




}

/*   ***  LARGE SCREEN END   LARGE SCREEN END   LARGE SCREEN END   LARGE SCREEN END  ***  */
/*   ***  LARGE SCREEN END   LARGE SCREEN END   LARGE SCREEN END   LARGE SCREEN END  ***  */
/*   ***  LARGE SCREEN END   LARGE SCREEN END   LARGE SCREEN END   LARGE SCREEN END  ***  */


/*   ***  MEDIUM SCREEN   MEDIUM SCREEN   MEDIUM SCREEN   MEDIUM SCREEN  ***  */
/*   ***  MEDIUM SCREEN   MEDIUM SCREEN   MEDIUM SCREEN   MEDIUM SCREEN  ***  */
/*   ***  MEDIUM SCREEN   MEDIUM SCREEN   MEDIUM SCREEN   MEDIUM SCREEN  ***  */
@media only screen and (min-width : 731px) and (max-width : 960px) {
header {
		position: fixed;
	  height: 66px;
	}

#logolarge {
  display: none;
}

#logosmall {
	  position: absolute;
	  display: inline-block;
	  width: 200px;
	  height: 52px;
    margin-top: 9px;
    margin-left: -10px;
    padding: 0;
}

section {
  padding-left: 60px;

}

#img-homefeature {
    width: 300px;
    height: 300px;
    margin-left: 350px;
    margin-top: -180px;
}

#button2 {
	margin-top: 24px;
}

three-cols {
  text-align: center;
}

three-cols ul li {
  background-color: white;
  display: inline-block;  
  width: 180px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 60px;
  vertical-align: text-top;
  height: 510px;
}

three-cols ul li p {
  height: 200px;
}
three-cols ul h3 br {
  display: none;
}

ourservices-section img {
  display: inline-block;     /* center the image  */
  padding-top:  20px;
  width: 578px;
  height: 253px;
  z-index: 100;
}

#ourservices2-container ourservices-section  {
  padding-top:  0px;
  margin-bottom: 0px;
  margin-left: 10%
  margin-right: 10%;
}

#ourservices2-container ourservices-section p {
  color: #6F7173;
  line-height: 1.2;
  font-weight: 400;
  padding-top: 160px;
  padding-bottom: 60px;
  padding-left: 10%;
  padding-right: 10%;

}

#about2-container #twocols ul li {
  width: 40%;
}

#about4-container .pcustom {
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;

}

#why1-container {
  text-align: center;
  width: 100%;
  margin-top:  150px;
  margin-bottom: -120px;
  font-size: 38px;
  font-weight: 600;
  z-index: 100;
}

#why1-container section img {
  width: 580px;
  height: 201px;
}



}
/*   ***  MEDIUM SCREEN END   MEDIUM SCREEN END   MEDIUM SCREEN END   MEDIUM SCREEN END  ***  */
/*   ***  MEDIUM SCREEN END   MEDIUM SCREEN END   MEDIUM SCREEN END   MEDIUM SCREEN END  ***  */
/*   ***  MEDIUM SCREEN END   MEDIUM SCREEN END   MEDIUM SCREEN END   MEDIUM SCREEN END  ***  */






/*   ***  MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN  ***  */
/*   ***  MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN  ***  */
/*   ***  MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN  ***  */
@media only screen and (min-width : 451px) and (max-width : 730px) {
header {
		position: fixed;
	  height: 66px;
	}

#logolarge {
  display: none;
}

#logosmall {
	  position: absolute;
	  display: inline-block;
	  width: 200px;
	  height: 52px;
    margin-top: 9px;
    margin-left: -10px;
    padding: 0;
}

section {
  margin-left: 10px;
}
section .h2custom {
  font-size: 28px;
  font-weight: 800;
}
section .pcustom {
  font-size: 14px;
  font-weight: 400;
}


#img-homefeature {
    width: 160px;
    height: 160px;
    margin-left: 270px;
    margin-top: -140px;
}

#button2 {
	margin-top: 24px;
}

/*   SWITCH TO MENU ICON   */
.toggle {
  display: inline-block;
  margin-right: 20px;
}

#menu-icon {
		display:inline-block;
}

/*   ***  DROP DOWN MENU BOX  ***  */
nav ul, nav:active ul { 
		display: none;
		position: absolute;
/*		padding: 20px; */
		background: #fff;
		border: 3px solid #0096cc;        /*  blue +2 darker  */ 
		right: 20px;
		top: 60px;
		width: 140px;
		border-radius: 4px 4px 4px 4px;
		z-index: 9999;
}

/*   ***  Menu Style When Clicked  ***  */
[id=toggle-1]:checked + ul { display: block;  background-color: #00AEEF;}    /* blue */

/*   ***  DROP DOWN MENU Items  ***  */
nav ul li {
		text-align: center;
		width: 100%;
		padding-top:    10px;
		padding-bottom: 10px;
		padding-left:    0px;
		padding-right:   0px;
		margin: 0;
		border-bottom: 2px solid #0096cc;
}
nav ul li a {
		font-size: 18px;
		font-weight: 600;
}

nav ul li #button2 {
    display: none;
}


.h1custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: normal;
     font-size: 16px;
     color: #6F7173;
     font-style: normal;
}

.h2custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: 600;
     font-size: 28px;
     color: #00AEEF;
     font-style: normal;

}

.h3custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: bold;
     font-size: 18px;
     color: #00AEEF;
     font-style: normal;

}

.h4custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: Light;
     font-size: 14px;
     color: #6F7173;
     font-style: normal;

}


.h5custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: normal;
     font-size: 16px;
     color: #fff;
     font-style: normal;

}

.pcustom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: 1.3;
     text-align: var(--text-align);
     font-weight: normal;
     font-size: 16px;
     color: #6F7173;
     font-style: normal;
     width: 260px;

}

.pcustom br {
    display: none;
}


.icustom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-size: 28px;
     color: #fff;
     font-style: italic;

}

.qcustom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: center;
     font-size: 18px;
     color: #fff;
     font-style: italic;

}

#section3-container section {
  margin: 0 0 0 0;
  padding-left: 5%;
  padding-right: 5%;
}

#section3-container .h5custom {
  padding-bottom: 20px;
}



#section4-container {
  text-align: left;
  padding-left: 10px;
  
}
#section4-container h2.h2custom {
  font-weight: 800;
  font-size: 22px;
  
}



/*  Email Image  */
#section4-container section .image  {
  margin-left: -200px;
}

ourservices-section img {
  display: inline-block;     /* center the image  */
  padding-top:  20px;
  width: 400px;
  height: 175px;
  z-index: 100;
}

#ourservices2-container ourservices-section  {
  padding-top:  0px;
  margin-bottom: 0px;
  margin-left: 10%
  margin-right: 10%;
}

#ourservices2-container ourservices-section p {
  color: #6F7173;
  line-height: 1.2;
  font-weight: 400;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 10%;
  padding-right: 10%;

}


#ourservices3-container {
  text-align: center;
  width: 100%;
  margin-top:  0px;
  margin-bottom: 0px;

}

#ourservices3-container #twocols h3 {
  text-align: center;
  width: 100%;
  padding-left: 20px;
}
#ourservices3-container #twocols p {
  text-align: center;
  width: 100%;
  padding-left: 20px;
}

#ourservices3-container #twocols ul li {
  display: block;  
  text-align: center;
  width: 90%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  vertical-align: text-top;

}

#about2-container {
  text-align: center;
  width: 100%;
  margin-top:  50px;
  margin-bottom: -20px;

}

#about2-container #twocols h3 {
  text-align: center;
  padding-top: 20px;
}
#about2-container #twocols p {
  text-align: center;
  padding-top: 0px;
  width: 90%;
  margin-left: 20px;
  margin-bottom: 0px;
}

#about2-container #twocols divbr {   /* keep extra blank lines */
  display: none;
  
}
#about2-container #twocols ul li {
  width: 40%;
}


#about3-container div {
  padding-left: 40px;
  padding-right: 40px;
}






#about2-container #twocols ul li {
  display: block;  
  text-align: center;
  width: 90%;
  margin-top:  20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  vertical-align: text-top;

}



#about4-container {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-bottom: 40px;
  width: 100%;

}

#about4-container section .pcustom {
  display: block;
  text-align: center;
  margin-top: 20px;
  margin-bottom; 20px;
  margin-left: 0px;
  margin-right; 0px;
  padding-left: 10px;
  padding-right: 10px;
  width: 90%;
  font-size: 14px;
}

#why1-container .h2custom {
  font-weight: 800;
}

#why1-container section img {
  width: 464px;
  height: 161px;
}

#why2-container p.p1custom {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

#why3-container #twocols h3 {
  display: block;
  text-align: center;
}

#why3-container #twocols h2 {
  display: block;
  text-align: center;
}

#why3-container #twocols p {
  display: block;
  text-align: center;
  width: 100%;
  
}

#why3-container #twocols ul li {
  display: block;
  text-align: center;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

#why4-container {
  display: block;  
  text-align: left;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: text-top;

}

#why4-container #twocols ul li {
  display: block;  
  text-align: left;
  width: 95%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  vertical-align: text-top;

}


#why4-container #twocols ul li h3 {
  display: block;  
  text-align: left;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

#why4-container #twocols ul li h2 {
  display: block;  
  text-align: left;
  font-size: 22px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
#why4-container #twocols ul li p {
  display: block;  
  text-align: left;
  width: 95%;
  padding-left: 10px;
  padding-right: 6px;
  padding-bottom: 20px;
}

#why4-container #twocols ul li .image {
  display: none;  
}



#why5-container {
}

#why5-container #div1 {
}


#why5-container #twocols {
}

#why5-container #twocols h2{
  padding-top: 0px;
  color: white;
  font-size: 38px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.3;
}

#why5-container #twocols ul li{
  display: block;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  width: 100%;

}

#why5-container #twocols ul li p{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3;
  width: 100%;
}


#ourwork1-container section {
  margin: 0 0 0 0;
  padding 0 0 0 0 ;
  text-align: center;
  width: 80%;
}

#ourwork1-container h1 {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}
#ourwork1-container h2 {
    text-align: left;
    font-size: 22px;
    font-weight: 800;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
#ourwork1-container img {
    padding-left: 30px;
    width: 199px;
    height: 109px;
}



#ourwork2-container {
  text-align: center;
  width: 100%;
  margin-top:  -135px;
  margin-bottom: 0px;
  font-size: 38px;
  font-weight: 600;
}

#ourwork2-container section {
  margin: 0 0 0 0;
  padding-top: 20px;
  padding-left: 20px;
  text-align: left;
  width: 90%;
}

#ourwork2-container h2 {
    text-align: left;
    font-size: 18px;
    font-weight: 800;
    padding-top: 60px;
    padding-bottom: 6px;
}

#ourwork2-container section .image {
  text-align: left;
  padding-top: 30px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

#ourwork2-container section .pcustom {
    font-size: 14px;
    width: 100%;
}


#contact1-container .h2custom {
  font-size: 28px;
  font-weight: 800;
}

#contact1-container p {
  text-align: center;
  width: 90%;
  padding-left: 10px;
  padding-rigth: 10px;
}

#contact1-container img {
  width: 448px;
  height: 276px;
  padding-top: 30px;
}


#contact2-container #twocols ul li {
  display: block;  
  width: 90%;
  margin-right: 30px;
}


#dashboard1-container section {
  margin: 0 0 0 0;
  padding 0 0 0 0 ;
  text-align: left;
  width: 100%;
}

#dashboard1-container h1 {
  text-align: left;
  padding-left: 20px;
}
#dashboard1-container .pcustom {
    text-align: left;
    padding-top: 10px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    width: 80%;
}

.block_footer {
	height: 200px; 
	min-height: 200px;
}


}
/*   ***  MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN  ***  */
/*   ***  MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN  ***  */
/*   ***  MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN   MED SMALL SCREEN  ***  */



/*   ***  SMALL SCREEN   SMALL SCREEN   SMALL SCREEN   SMALL SCREEN  ***  */
/*   ***  SMALL SCREEN   SMALL SCREEN   SMALL SCREEN   SMALL SCREEN  ***  */
/*   ***  SMALL SCREEN   SMALL SCREEN   SMALL SCREEN   SMALL SCREEN  ***  */
@media only screen and (min-width : 20px) and (max-width : 450px) {
header {
		position: fixed;
	  height: 66px;
	}

#logolarge {
  display: none;
}

#logosmall {
	  position: absolute;
	  display: inline-block;
	  width: 200px;
	  height: 52px;
    margin-top: 9px;
    margin-left: -10px;
    padding: 0;
}

section {
  margin-left: 6px;
  text-align: center;
}
section .h2custom {
  font-size: 18px;
  font-weight: 800;
}
section .pcustom {
  font-size: 14px;
  font-weight: 400;
}

#img-homefeature {
    display: none;
}

#button2.buttontop {
	display: none;
}

#button2-below {
	display: inline-block;
	margin-top: 24px;
}


#home2-container section .pcustom {
  text-align: center;
  width: 90%;
  padding-left: 15px;
  padding-right: 15px;
}



/*   SWITCH TO MENU ICON   */
.toggle {
  display: inline-block;
  margin-right: 20px;
}

#menu-icon {
		display:inline-block;
}

/*   ***  DROP DOWN MENU BOX  ***  */
nav ul, nav:active ul { 
		display: none;
		position: absolute;
/*		padding: 20px; */
		background: #fff;
		border: 3px solid #0096cc;        /*  blue +2 darker  */ 
		right: 20px;
		top: 60px;
		width: 140px;
		border-radius: 4px 4px 4px 4px;
		z-index: 9999;
}

/*   ***  Menu Style When Clicked  ***  */
[id=toggle-1]:checked + ul { display: block;  background-color: #00AEEF;}    /* blue */

/*   ***  DROP DOWN MENU Items  ***  */
nav ul li {
		text-align: center;
		width: 100%;
		padding-top:    10px;
		padding-bottom: 10px;
		padding-left:    0px;
		padding-right:   0px;
		margin: 0;
		border-bottom: 2px solid #0096cc;
}
nav ul li a {
		font-size: 18px;
		font-weight: 600;
}

nav ul li #button2 {
    display: none;
}



.h1custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: normal;
     font-size: 16px;
     color: #6F7173;
     font-style: normal;
}

.h2custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: 600;
     font-size: 18px;
     color: #00AEEF;
     font-style: normal;

}

.h3custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: bold;
     font-size: 18px;
     color: #00AEEF;
     font-style: normal;

}

.h4custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: Light;
     font-size: 14px;
     color: #6F7173;
     font-style: normal;

}


.h5custom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-weight: normal;
     font-size: 16px;
     color: #fff;
     font-style: normal;

}

.pcustom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: 1.3;
     text-align: var(--text-align);
     font-weight: normal;
     font-size: 16px;
     color: #6F7173;
     font-style: normal;
}

.pcustom br {
    display: none;
}

.icustom {
     margin-top: 0px;
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: var(--text-align);
     font-size: 22px;
     color: #fff;
     font-style: italic;
     padding-left: 10px;
     width: 80%;
}

.qcustom {
     margin-top: var(--margin-top);
     margin-bottom: var(--margin-bottom);
     margin-left: var(--margin-left);
     margin-right: var(--margin-right);
     line-height: var(--line-height);
     text-align: center;
     font-size: 18px;
     color: #fff;
     font-style: italic;

}


three-cols {
  text-align: center;
}

three-cols ul li {
  background-color: white;
  display: inline-block;  
  width: 240px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 60px;
  vertical-align: text-top;

}

three-cols ul li p {
  background-color: white;
  display: inline-block;  
  width: 240px;
  height: 140px;
  padding-top: 0px;
  vertical-align: text-top;

}

three-cols ul li #button2 {
  margin-top: 20px;

}

three-cols ul h3 br {
  display: none;
}

#section3-container section {
  width: 100%;
  margin: 0 0 0 0;
  padding-left: 5%;
  padding-right: 5%;
}
#section3-container section .h5custom {
  margin-bottom: 10px;
}


#section3-container .icustom {
  width: 90%;
  margin: 0 0 0 0;
  padding: : 0 0 0 0;
  padding-bottom: 20px;
  
}

#section3-container section #button2  {
  margin-top: 20px;
  margin-bottom: 20px;
}




#section4-container {
  text-align: left;
  padding-left: 10px;
  
}
#section4-container .h1custom {
  padding-left: 10px;
  font-size: 16px;
  
}
#section4-container h2.h2custom {
  padding-left: 10px;
  font-weight: 800;
  font-size: 22px;
  
}

#section4-container section p {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 40px;
  
}


/*  Email Image  */
#section4-container section .image  {
  display: none;
}


ourservices-section img {
  display: inline-block;     /* center the image  */
  padding-top:  20px;
  width: 267px;
  height: 117px;
  z-index: 100;
}

#ourservices2-container ourservices-section  {
  padding-top:  0px;
  margin-bottom: 0px;
  margin-left: 10%
  margin-right: 10%;
}

#ourservices2-container ourservices-section p {
  color: #6F7173;
  line-height: 1.2;
  font-weight: 400;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 10%;
  padding-right: 10%;

}


#ourservices3-container {
  text-align: center;
  width: 100%;
  margin-top:  0px;
  margin-bottom: 0px;

}

#ourservices3-container #twocols h3 {
  text-align: left;
  width: 100%;
  padding-left: 20px;
}
#ourservices3-container #twocols p {
  text-align: left;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

#ourservices3-container #twocols ul li {
  display: block;  
  text-align: left;
  width: 90%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  vertical-align: text-top;

}


#about2-container {
  text-align: center;
  width: 100%;
  margin-top:  50px;
  margin-bottom: -20px;

}

#about2-container #twocols h3 {
  text-align: center;
  padding-top: 20px;
}
#about2-container #twocols p {
  text-align: center;
  padding-top: 0px;
  width: 90%;
  margin-left: 20px;
  margin-bottom: 0px;
}

#about2-container #twocols divbr {   /* keep extra blank lines */
  display: none;
  
}


#about2-container #twocols ul li {
  display: block;  
  text-align: center;
  width: 90%;
  margin-top:  20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  vertical-align: text-top;

}


#about3-container div {
  padding-left: 10px;
  padding-right: 10px;
}



#about4-container {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-bottom: 40px;
  width: 100%;

}

#about4-container section .pcustom {
  display: block;
  text-align: center;
  margin-top: 20px;
  margin-bottom; 20px;
  margin-left: 0px;
  margin-right; 0px;
  padding-left: 10px;
  padding-right: 10px;
  width: 90%;
  font-size: 14px;
}

#why1-container h2.h2custom {
  font-weight: 800;
  font-size: 22px;
}

#why1-container img {
  display: none;
}

#why2-container p.p1custom {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  padding-left: 15px;;
  padding-right: 15px;
}




#why3-container {
  display: block;
  text-align: center;
}
#why3-container #twocols h3 {
  text-align: center;
}
#why3-container #twocols ul li {
  display: block;
  text-align: center;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
#why3-container #twocols .pcustom {
  width: 95%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 20px;
}



#why4-container {
  display: block;  
  text-align: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  vertical-align: text-top;

}

#why4-container #twocols ul li {
  display: block;  
  text-align: center;
  width: 95%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  vertical-align: text-top;

}


#why4-container #twocols ul li h3 {
  display: block;  
  text-align: left;
  padding-left: 10px;
  width: 100%;
}

#why4-container #twocols ul li h2 {
  display: block;  
  text-align: left;
  padding-left: 10px;
  font-size: 22px;
  width: 100%;
}
#why4-container #twocols ul li p {
  display: block;  
  text-align: left;
  width: 95%;
  padding-left: 10px;
  padding-right: 6px;
  padding-bottom: 20px;
}

#why4-container #twocols ul li .image {
  display: none;  
}


#why5-container #twocols h2{
  padding-top: 0px;
  color: white;
  font-size: 38px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.3;
}

#why5-container #twocols ul li{
  display: block;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  width: 100%;

}

#why5-container #twocols ul li p{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3;
  width: 95%;
}

#ourwork1-container section {
  margin: 0 0 0 0;
  padding 0 0 0 0 ;
  text-align: center;
  width: 80%;
}

#ourwork1-container h1 {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}

#ourwork1-container h2 {
    text-align: left;
    font-size: 22px;
    font-weight: 800;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

#ourwork1-container h2 br {
    dispaly: none;
}

#ourwork1-container img {
    display: none;
}



#ourwork2-container {
  text-align: center;
  width: 100%;
  margin-top:  -135px;
  margin-bottom: 0px;
  font-size: 38px;
  font-weight: 600;
}

#ourwork2-container section {
  margin: 0 0 0 0;
  padding-top: 20px;
  padding-left: 20px;
  text-align: left;
  width: 90%;
}

#ourwork2-container h2 {
    text-align: left;
    font-size: 18px;
    font-weight: 800;
    padding-top: 60px;
    padding-bottom: 6px;
}

#ourwork2-container section .image {
  text-align: left;
  padding-top: 30px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

#ourwork2-container section .pcustom {
    font-size: 14px;
    width: 100%;
}

#contact1-container .h2custom {
  font-size: 28px;
  font-weight: 800;
}

#contact1-container p {
  text-align: center;
  width: 90%;
  padding-left: 10px;
  padding-rigth: 10px;
}

#contact1-container img {
  width: 280px;
  height: 172px;
  padding-top: 30px;
}

#contact2-container #twocols ul li {
  display: block;  
  width: 90%;
  margin-right: 30px;
}

#dashboard1-container section {
  margin: 0 0 0 0;
  padding 0 0 0 0 ;
  text-align: left;
  width: 100%;
}

#dashboard1-container h1 {
  text-align: left;
  padding-left: 20px;
}
#dashboard1-container .pcustom {
    text-align: left;
    padding-top: 10px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    width: 80%;
}
  



.block_footer {
	height: 160px; 
 
}



.footer {
	font-size: 18px;
	padding: 0 0 0 0;
	padding-left: 10px;
}

/*   footer logo  */
#img-footer_logolarge{
    display: none;
} 

#img-footer_logosmall{
    display: inline-block;
    text-align: center;
	  height: 52px;
} 

#button2.buttontop {
	display: none;
}


}
/*   ***  SMALL SCREEN END   SMALL SCREEN END   SMALL SCREEN END   SMALL SCREEN END  ***  */
/*   ***  SMALL SCREEN END   SMALL SCREEN END   SMALL SCREEN END   SMALL SCREEN END  ***  */
/*   ***  SMALL SCREEN END   SMALL SCREEN END   SMALL SCREEN END   SMALL SCREEN END  ***  */





/*  FONTS     */
/*
      Fonts are all LOCAL so there is no looking them up on the fly
      Instructions:
        1  Generate the CSS code
           https://google-webfonts-helper.herokuapp.com/fonts/
           The font is called OpenSansKira
           Select Latin
           Select all of the STYLES (300, 300 italic, etc...)
           Select BEST SUPPORT for CSS so it works for all browsers
           Copy the generated CSS code and paste into a text file
           Edit the text file to look like as below (rename the font 
family and set the path)
        2  Download the font files
           Scroll down past the generated css and click on the .zip file
           Unzip the contents into a folder within your web site
           I called it /fonts/Open_Sans
        3  Now these fonts can be called from anywhere in the css file 
or html
           There is no need to do a link in the header section to the 
font, as there is when using the font directly from google
           Now use these fonts by:
             font-family: 'OpenSansKira', sans-serif;
             font-weight: 300
             font-style: normal
             font-size: 16px;
*/

/* open-sans-300 - latin */
@font-face {
   font-family: 'OpenSansKira';
   font-style: normal;
   font-weight: 300;
   src: url('fonts/Open_Sans/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
   src: local('OpenSansKira Light'), local('OpenSans-Light'),
        url('fonts/Open_Sans/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* open-sans-300italic - latin */
@font-face {
   font-family: 'OpenSansKira';
   font-style: italic;
   font-weight: 300;
   src: url('fonts/Open_Sans/open-sans-v17-latin-300italic.eot'); /* IE9 Compat Modes */
   src: local('OpenSansKira Light Italic'), local('OpenSans-LightItalic'),
        url('fonts/Open_Sans/open-sans-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-v17-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
   font-family: 'OpenSansKira';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/Open_Sans/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
   src: local('OpenSansKira Regular'), local('OpenSans-Regular'),
        url('fonts/Open_Sans/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
   font-family: 'OpenSansKira';
   font-style: italic;
   font-weight: 400;
   src: url('fonts/Open_Sans/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
   src: local('OpenSansKira Italic'), local('OpenSans-Italic'),
        url('fonts/Open_Sans/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
   font-family: 'OpenSansKira';
   font-style: normal;
   font-weight: 600;
   src: url('fonts/Open_Sans/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
   src: local('OpenSansKira SemiBold'), local('OpenSans-SemiBold'),
        url('fonts/Open_Sans/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
   font-family: 'OpenSansKira';
   font-style: italic;
   font-weight: 600;
   src: url('fonts/Open_Sans/open-sans-v17-latin-600italic.eot'); /* IE9 Compat Modes */
   src: local('OpenSansKira SemiBold Italic'), 
local('OpenSans-SemiBoldItalic'),
        url('fonts/Open_Sans/open-sans-v17-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-v17-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-600italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-v17-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
   font-family: 'OpenSansKira';
   font-style: normal;
   font-weight: 700;
   src: url('fonts/Open_Sans/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
   src: local('OpenSansKira Bold'), local('OpenSans-Bold'),
        url('fonts/Open_Sans/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
   font-family: 'OpenSansKira';
   font-style: italic;
   font-weight: 700;
   src: url('fonts/Open_Sans/open-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
   src: local('OpenSansKira Bold Italic'), local('OpenSans-BoldItalic'),
        url('fonts/Open_Sans/open-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-v17-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
   font-family: 'OpenSansKira';
   font-style: normal;
   font-weight: 800;
   src: url('fonts/Open_Sans/open-sans-v17-latin-800.eot'); /* IE9 Compat Modes */
   src: local('OpenSansKira ExtraBold'), local('OpenSans-ExtraBold'),
        url('fonts/Open_Sans/open-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-v17-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
   font-family: 'OpenSansKira';
   font-style: italic;
   font-weight: 800;
   src: url('fonts/Open_Sans/open-sans-v17-latin-800italic.eot'); /* IE9 Compat Modes */
   src: local('OpenSansKira ExtraBold Italic'), 
local('OpenSans-ExtraBoldItalic'),
        url('fonts/Open_Sans/open-sans-v17-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-v17-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-800italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-v17-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-v17-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-condensed-300 - latin */
@font-face {
   font-family: 'OpenSansCondensedKira';
   font-style: normal;
   font-weight: 300;
   src: url('fonts/Open_Sans/open-sans-condensed-v14-latin-300.eot'); /* IE9 Compat Modes */
   src: local('OpenSansCondensedKira Light'), local('OpenSansCondensed-Light'),
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-300.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

/* open-sans-condensed-300italic - latin */
@font-face {
   font-family: 'OpenSansCondensedKira';
   font-style: italic;
   font-weight: 300;
   src: url('fonts/Open_Sans/open-sans-condensed-v14-latin-300italic.eot'); /* IE9 Compat Modes */
   src: local('OpenSansCondensedKira Light Italic'), local('OpenSansCondensed-LightItalic'),
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

/* open-sans-condensed-700 - latin */
@font-face {
   font-family: 'OpenSansCondensedKira';
   font-style: normal;
   font-weight: 700;
   src: url('fonts/Open_Sans/open-sans-condensed-v14-latin-700.eot'); /* IE9 Compat Modes */
   src: local('OpenSansCondensedKira Bold'), local('OpenSansCondensed-Bold'),
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-700.woff') format('woff'), /* Modern Browsers */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/Open_Sans/open-sans-condensed-v14-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}