@font-face{font-family:'DroidSans.ttf';src: url('DroidSans.ttf');}

body{
font-family:'DroidSans.ttf';src: url('DroidSans.ttf');
padding:0px;
margin:0px;
background-color:#c6c6c6;

}
.container
{
border:px solid red;
width:1200px;
height:auto;
margin:0 auto;
overflow:hidden;
box-shadow: 0 2px 6px rgba(100, 100,100,0.3);
background-color:#ffffff;
}
.rm-nav {
clear: both;
 height: auto !important;
border:px solid;
	}
.header
{
width:1200px;
height:auto;
margin-top:20px;
border:px solid red;
overflow:hidden;
}
.header .header1
{
float: left;
    margin-left: 50px;
    margin-top:3px;
    width: 300px;
}
.header .header2
{
float:right;
border:px solid blue;
height:auto;
width:800px;}
.header2 .header3 img
{
float:left;
height:15px;
width:15px;
padding-top:4px;
}
.header2 .header3
{
border:px solid red;
margin-left:217px;
}

.header2 .header3 .telephone
{

color:#fb393f;
letter-spacing:1px;
padding-right:3px;
font-size:13px;
line-height:21px;

float:left;
margin-left: 12px;
margin-top: 1px;
font-weight:bold;

}
.header2 .header3 .num
{
color:#00acbe;
letter-spacing:1px;
padding-right:3px;
font-size:13px;
line-height:21px;
float:left;
font-weight:bold;
letter-spacing: 3px;
padding-left:3px;
}
.rm-nav {
    clear: both;
    height: auto !important;
	border:px solid;
	
	}
.menu
{
width: 100%;}
	.menu .rm-nav ul.rm-menu
	{
	    position: absolute;
    display: block;
    z-index: 1;
	}

.slider
{
margin-left:50px;
margin-top:14px;
}
.welcome
{
background-color:#dfe3e6;
    border: px solid;
    height: 110px;
    margin-left: 0;
    margin-top: 59px;
    width: 1200px;
}
.welcome h2
{
color: #3d3d3d;
    font-size: 22px;
    letter-spacing: 3px;
    line-height: 48px;
    padding-left: 46px;
    padding-top: 8px;}
.welcome h3
{
color: #878787;
    font-size: 13px;
    line-height: 21px;
    margin-top: -23px;
    padding-left: 42px;
    width: 1126px;
}
.circles
{
margin-top:50px;
width:1120px;
height:auto;
border:px solid red;
margin-left:45px;
overflow:hidden;
}
.circles .circle1
{
float: left;
    height: auto;
    margin-right: 79px;
    width: 200px;
}

.circle1 .circle2
{
width:200px;
height:200px;
border:2px solid #00acbe;
border-radius:500px;
float:left;
margin-right:26px;
overflow:hidden;
 
transition: all 0.6s ease 0s;
}
.circle1 .circle2:hover 
{
border:2px solid #cc0001;
transform:rotateY(360deg)scale(1);
 
}
.circle1 .circle2 h2
{
color: #00acbe;
    font-size: 72px;
    margin: 35px 0 0;
    text-align: center;}
.circle1 .circle2 h5
{
  
 color: #00acbe;
    font-size: 13px !important;
    margin: 0 0 0 30px;

	}
.circles .circle1 p
{
color: #9f9fa0;
    font-size: 14px;
    line-height: 24px;
padding-left:20px;
width:200px;   
text-align:justify;}
 .more
{
color:#00acbe;
text-decoration:none;
text-transform:uppercase;
padding-top:5px;
font-size:14px;
font-weight:bold;
padding-left:65px;
display:none;

}
 .more:hover
{
color:#cc0001;
}
.news
{
width:1200px;
margin-left:0px;
height:400px;
overflow:hidden;
border:px solid red;

margin-top:50px;
}
.news h2
{
color: #f41824;
    font-size: 20px;
    font-weight: bold;
    padding-left:63px;
    padding-top: 20px;
}

.latest
{
color:#3d3d3d;
font-size:30px;
padding-left:29px;
font-weight:bold;
margin-top:-63px;
float:left;
}

.news .news1
{
float:left;
width:450px;
border:px solid blue;
margin-right:182px;
overflow:hidden;

}
.news .news1 h2
{
color: #00acbe;
    font-size: 14px;
    line-height: 16px;
transition: all 0.5s ease 0s;
width:450px;
float:left;}
 
 .news .news1 p
 {
 color:#828282;
 font-size:14px;
 line-height:21px;
 text-align:justify;
 padding-left:55px;
 
 
 }
.news .news1 .moreinfo
 {
 float:right;
 margin-right:20px;
 color:#3d3d3d;
 font-size:15px;
 text-decoration:none;
 font-weight:bold;
 }
.news .news2
{
float:left;
width:450px;
}
.clients
{
width:1120px;
margin-left:45px;
height:100px;
overflow:hidden;
margin-top:30px;


}
.clients img
{
 float: left;
margin-left: 20px;
margin-right:3px;
padding-top:25px;}
.footer
{
  background-color: #00acbe;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 1200px;
}
.footer p
{
color:#ffffff;
font-size:14px;
line-height:21px;
padding-left: 50px;
font-weight:bold;}
.social
{
border: px solid red;
    float: right;
margin-right: 35px;
    margin-top: -48px;
}
.social ul li
{
list-style-type:none;
display:inline;
}
.contact
{
width:1120px;
height:auto;
margin-left:45px;
margin-right:30px;
margin-top:3px;
border:px solid #121212;
border-radius:5px;
float:left;
margin-bottom:20px;
margin-top:33px;}

.contact1
{
width:488px;
height:auto;
float:left;
border:px solid red;}
 .address
{
float: right;
    height: auto;
    width: 416px;
}
.address p
{
font-size:13px;
line-height:21px;
text-align:justify;
color:#635353;
}
.who, .services, .portfolio, .careers
{
width:1120px;
margin-left:45px;
height:auto;
border:px solid red;
margin-top:50px;
overflow:hidden;

}
.who h2, .services h2, .portfolio h2, .careers h2, .portfolio2 h3
{
color:#f41824;
font-size:18px;
text-align:left;
letter-spacing:3px;
padding-left:10px;
}
.border
{
border:1px solid #d7d7d7;
margin-top:30px;
}
.who .who1, .portfolio .portfolio1 
{
width:1120px;
height:auto;
border:px solid red;
float:left;
}
.who .who1 img
{
float:left;
}

.who .who1 h3
{
color:#232323;
font-size:16px;
line-height:21px;
padding-left:20px;
}
.who .who1 p,.services .services1 p, .careers p
{
color:#828282;
line-height:21px;
font-size:13px;
text-align:justify;
}
.services .services1
{
width:1120px;
height:auto;
border:px solid red;
}
.services .services1 h4
{
color:#232323;
font-size:16px;
line-height:21px;
}
.portfolio .portfolio1 img
{
margin-right:57px;
margin-top:20px;
}
.portfolio2
{
float: left;
    height: auto;
    margin-left: 53px;
margin-bottom:20px;
    width: 1120px;
	}
.portfolio .portfolio1 img
{
border: 1px solid;
    float: left;
    margin-right: 22px;
    margin-top: 29px;}
.portfolio2 img
{
float:left;
margin-right:22px;
margin-top:10px;
border:1px solid #828282;
}
.portfolio .portfolio1 ul li
{
padding-left:0px;
}
.portfolio .portfolio1 ul li
{
list-style-type:none;
display:inline;
padding-right:10px;
}
.portfolio .portfolio1 ul li a
{
background-color: #00acbe;
    border-radius: 0 10px;
    color: #ffffff;
    padding: 10px;
    text-decoration: none;}
@media all and (min-width: 0px) and (max-width: 320px){
@font-face{font-family:'DroidSans.ttf';src: url('DroidSans.ttf') ;}

body{
font-family:'DroidSans.ttf';src: url('DroidSans.ttf');
padding:0px;
margin:0px;
}
.container
{
border:px solid red;
width:100%;
height:auto;
margin:0 auto;
overflow:hidden;
box-shadow: 0 2px 6px rgba(100, 100,100,0.3);
}
.rm-nav {
    clear: both;
    height: auto !important;
	border:px solid;
	
	}



.header
{
width:100%;
height:auto;
margin-top:20px;
border:px solid red;
overflow:hidden;
}
.header .header1
{
width:300px;
float:left;
margin-left:50px;
border:px solid blue;
}
.header .header2
{
float: right;
    height: auto;
    margin-right: 166px;
    width: 100%;}
.header2 .header3 img
{
float:left;
height:15px;
width:15px;
padding-top:4px;
}
.header2 .header3
{
border:px solid red;
margin-left:217px;
}

.header2 .header3 .telephone
{

color:#fb393f;
letter-spacing:1px;
padding-right:3px;
font-size:13px;
line-height:21px;

float:left;
margin-left: 12px;
margin-top: 1px;
font-weight:bold;

}
.header2 .header3 .num
{
color:#00acbe;
letter-spacing:1px;
padding-right:3px;
font-size:13px;
line-height:21px;
float:left;
font-weight:bold;
letter-spacing: 3px;
padding-left:3px;
}
.rm-nav {
    clear: both;
    height: auto !important;
	border:px solid;
	margin: 0 auto 0 248px !important;
    width: 100% !important;
	
	}
		section.slider{
border:px solid red;
/*margin-top:20px;*/
}
article.sliderimg{
margin:0px auto;
border: 0px solid #F00;
}
article.sliderimg img{
height: auto;
    width: 100%;
}

	.menu .rm-nav ul.rm-menu
	{
	    position:relative;
    display: block;
    z-index: 1;
	}
.menu
{
float:right;
border:px solid blue;
height:auto;
width:100%;
margin-top:0px;}
.menu ul li
{
list-style-type:none;
padding-right:24px;
display:inline;
}
.menu ul li a
{
color:#2a2a2a;
text-decoration:none;
letter-spacing:1px;
padding:5px 15px;
line-height:21px;
font-size:11px;
font-weight:bold;

}
.menu ul li
a:hover
{
color:#cc0001;
}
.slider
{
margin-left:1px;
margin-top:14px;
}
.welcome
{
margin-top:-48px;
width:100%;
height:200px;
border:px solid red;
margin-left:0;
background-color:#eeeef5;
}
.welcome h2
{
color: #3d3d3d;
    font-size: 21px;
    letter-spacing: 3px;
    line-height: 48px;
    padding-top: 50px; }
.welcome h3
{
  color: #4d4d4d;
    font-size: 13px;
    line-height: 21px;
    margin-top: -23px;
}
.circles
{
height: auto;
    margin-left: 30px;
    margin-top: 66px;
    overflow: hidden;
    width: 100%;
}
.circles .circle1
{
float:left;
width:250px;
height:auto;
margin-right:30px;
}

.circle1 .circle2
{
width:250px;
height:250px;
border:2px solid #00acbe;
border-radius:500px;
float:left;
margin-right:26px;
overflow:hidden;
 
transition: all 0.6s ease 0s;
}
.circle1 .circle2:hover 
{
border:2px solid #cc0001;
transform:rotateY(360deg)scale(1);
 
}
.circle1 .circle2 h2
{
color: #00acbe;
    font-size: 72px;
    margin: 60px 0 0;
    text-align: center;}
.circle1 .circle2 h5
{
  
    font-size:16px !important;
     margin: 0 0 0 53px;
	color:#00acbe;

	}
.circles .circle1 p
{
color: #9f9fa0;
    font-size: 14px;
    line-height: 24px;
padding-left:20px;
width:200px;   
text-align:justify;}
 .more
{
color:#00acbe;
text-decoration:none;
text-transform:uppercase;
padding-top:5px;
font-size:14px;
font-weight:bold;
padding-left:65px;
display:none;

}
 .more:hover
{
color:#cc0001;
}
.news
{
background-color: #eeeef5;
    height: auto;
    margin-left: -4px;
    margin-top: -23px;
    overflow: hidden;
    width: 100%;
}
.news h2
{
color:#3d3d3d;
font-size:30px;
padding-left:29px;
font-weight:bold;
margin-top:29px;
}

.latest
{
color:#3d3d3d;
font-size:30px;
padding-left:29px;
font-weight:bold;
margin-top:-63px;
float:left;
}

.news .news1
{
float:left;
width:450px;
border:px solid blue;
margin-right:182px;
overflow:hidden;

}
.news .news1 h2
{
color: #3d3d3d;
    font-size: 14px;
    line-height: 16px;
transition: all 0.5s ease 0s;
width:450px;
float:left;}
 
 .news .news1 p
 {
 color:#828282;
 font-size:14px;
 line-height:21px;
 text-align:justify;
 padding-left:29px;
 
 
 }
.news .news1 .moreinfo
 {

 float:right;
 margin-right:20px;
 color:#3d3d3d;
 font-size:15px;
 text-decoration:none;
 font-weight:bold;
 }
.news .news2
{
float:left;
width:450px;
}
.clients
{
 height: auto;
    margin-left: 1px;
    overflow: hidden;
    width: 100%;
}
.clients img
{
float: left;
    margin-left: 37px;
    margin-right: 38px;
    padding-top: 25px;}
.footer
{
background-color: #cecece;
    margin-left: -4px;
    margin-top: 50px;
    overflow: hidden;
    padding: 28px;
    width: 100%;
}
.social
{
float: right;
    margin-right: 87px;
    margin-top: -12px;
}
.social ul li
{
list-style-type:none;
display:inline;
}
.contact
{
width:1120px;
height:auto;
margin-left:45px;
margin-right:30px;
margin-top:3px;
border:px solid #121212;
border-radius:5px;
float:left;
margin-bottom:20px;
margin-top:33px;}

.contact1
{
width:488px;
height:auto;
float:left;
border:px solid red;}
 .address
{
width:196px;
height:auto;
border:px solid red;
margin-left:139px;
float:right;}
.address p
{
font-size:14px;
line-height:21px;
text-align:justify;
color:#635353;
}
.who, .services, .portfolio, .careers
{
 height: auto;
    margin-left: 10px;
    margin-top: 50px;
    overflow: hidden;
    width: 100%;

}
.who h2, .services h2, .portfolio h2, .careers h2
{
color:#3d3d3d;
font-size:18px;
text-align:left;
letter-spacing:3px;
}
.border
{
border:1px solid #d7d7d7;
margin-top:30px;
}
.who .who1, .portfolio .portfolio1
{
float: left;
    height: auto;
    width: 100%;
}
.portfolio .portfolio1 ul li
{
padding-left:0px;
}
.portfolio .portfolio1 ul li
{
list-style-type:none;
display:inline;
padding-right:10px;
}
.portfolio .portfolio1 ul li a
{
background-color: #00acbe;
    border-radius: 0 10px;
    color: #ffffff;
    padding: 10px;
    text-decoration: none;}
.who .who1 img
{
float:left;
}

.who .who1 h3
{
color:#232323;
font-size:16px;
line-height:21px;
padding-left:20px;
}
.services .services1 p, .careers p
{
color:#828282;
line-height:21px;
font-size:14px;
text-align:justify;
}

.who .who1 p
{
color:#828282;
line-height:21px;
font-size:14px;
text-align:justify;
padding-left:}
.services .services1
{
width:100%;
height:auto;
border:px solid red;
}
.services .services1 h4
{
color:#232323;
font-size:16px;
line-height:21px;
}
.portfolio2
{
float: left;
    height: auto;
    margin-left: 53px;
    margin-top: 50px;
    width: 1120px;
	}
.portfolio .portfolio1 img
{
border: 1px solid;
    float: left;
    margin-right: 22px;
    margin-top: 29px;}
.portfolio2 img
{
float:left;
margin-right:22px;
margin-top:10px;
border:1px solid red;
}
}

@media all and (min-width: 321px) and (max-width: 480px){
@font-face{font-family:'DroidSans.ttf';src: url('DroidSans.ttf') ;}

body{
font-family:'DroidSans.ttf';src: url('DroidSans.ttf');
padding:0px;
margin:0px;
}
.container
{
border:px solid red !important;
width:100%;
height:auto;
margin:0 auto;
overflow:hidden;
box-shadow: 0 2px 6px rgba(100, 100,100,0.3);
}
.rm-nav {
    clear: both;
    height: auto !important;
	border:px solid;
	
	}



.header
{
width:100%;
height:auto;
margin-top:20px;
border:px solid red;
overflow:hidden;
}
.header .header1
{
width:300px;
float:left;
margin-left:50px;
border:px solid blue;
}
.header .header2
{
float: right;
    height: auto;
    margin-right: 166px;
    width: 100%;}
.header2 .header3 img
{
float:left;
height:15px;
width:15px;
padding-top:4px;
}
.header2 .header3
{
border:px solid red;
margin-left:217px;
}

.header2 .header3 .telephone
{

color:#fb393f;
letter-spacing:1px;
padding-right:3px;
font-size:13px;
line-height:21px;

float:left;
margin-left: 12px;
margin-top: 1px;
font-weight:bold;

}
.header2 .header3 .num
{
color:#00acbe;
letter-spacing:1px;
padding-right:3px;
font-size:13px;
line-height:21px;
float:left;
font-weight:bold;
letter-spacing: 3px;
padding-left:3px;
}
.rm-nav {
    clear: both;
    height: auto !important;
	border:px solid;
	margin: 0 auto 0 248px !important;
    width: 100% !important;
	
	}
		section.slider{
border:px solid red;
/*margin-top:20px;*/
}
article.sliderimg{
margin:0px auto;
border: 0px solid #F00;
}
article.sliderimg img{
height: auto;
    width: 100%;
}

	.menu .rm-nav ul.rm-menu
	{
	    position:relative;
    display: block;
    z-index: 1;
	}
.menu
{
float: right;
    height: auto;
    margin-right: -172px;
    margin-top: 0;
    width: 168%;}
.menu ul li
{
list-style-type:none;
padding-right:24px;
display:inline;
}
.menu ul li a
{
color:#2a2a2a;
text-decoration:none;
letter-spacing:1px;
padding:5px 15px;
line-height:21px;
font-size:11px;
font-weight:bold;

}
.menu ul li
a:hover
{
color:#cc0001;
}
.slider
{
margin-left:1px;
margin-top:14px;
}
.welcome
{
margin-top:-48px;
width:100%;
height:200px;
border:px solid red;
margin-left:0;
background-color:#eeeef5;
}
.welcome h2
{
color: #3d3d3d;
    font-size: 21px;
    letter-spacing: 3px;
    line-height: 48px;
    padding-top: 50px; }
.welcome h3
{
  color: #4d4d4d;
    font-size: 13px;
    line-height: 21px;

    margin-top: -23px;
	width:100%;
}
.circles
{
height: auto;
    margin-left: 30px;
    margin-top: 66px;
    overflow: hidden;
    width: 100%;
}
.circles .circle1
{
float:left;
width:250px;
height:auto;
margin-right:30px;
}

.circle1 .circle2
{
width:250px;
height:250px;
border:2px solid #00acbe;
border-radius:500px;
float:left;
margin-right:26px;
overflow:hidden;
 
transition: all 0.6s ease 0s;
}
.circle1 .circle2:hover 
{
border:2px solid #cc0001;
transform:rotateY(360deg)scale(1);
 
}
.circle1 .circle2 h2
{
color: #00acbe;
    font-size: 72px;
    margin: 60px 0 0;
    text-align: center;}
.circle1 .circle2 h5
{
  
    font-size:16px !important;
     margin: 0 0 0 53px;
	color:#00acbe;

	}
.circles .circle1 p
{
color: #9f9fa0;
    font-size: 14px;
    line-height: 24px;
padding-left:20px;
width:200px;   
text-align:justify;}
 .more
{
color:#00acbe;
text-decoration:none;
text-transform:uppercase;
padding-top:5px;
font-size:14px;
font-weight:bold;
padding-left:65px;
display:none;

}
 .more:hover
{
color:#cc0001;
}
.news
{
background-color: #eeeef5;
    height: auto;
    margin-left: -4px;
    margin-top: -23px;
    overflow: hidden;
    width: 100%;
}
.news h2
{
color:#3d3d3d;
font-size:30px;
padding-left:29px;
font-weight:bold;
margin-top:29px;
}

.latest
{
color:#3d3d3d;
font-size:30px;
padding-left:29px;
font-weight:bold;
margin-top:-63px;
float:left;
}

.news .news1
{
float:left;
width:450px;
border:px solid blue;
margin-right:182px;
overflow:hidden;

}
.news .news1 h2
{
color: #3d3d3d;
    font-size: 14px;
    line-height: 16px;
transition: all 0.5s ease 0s;
width:450px;
float:left;}
 
 .news .news1 p
 {
 color:#828282;
 font-size:14px;
 line-height:21px;
 text-align:justify;
 padding-left:29px;
 
 
 }
.news .news1 .moreinfo
 {

 float:right;
 margin-right:20px;
 color:#3d3d3d;
 font-size:15px;
 text-decoration:none;
 font-weight:bold;
 }
.news .news2
{
float:left;
width:450px;
}
.clients
{
height: auto;
    margin-left: 1px;
    overflow: hidden;
    width: 100%;
}
.clients img
{
float: left;
    margin-left: 37px;
    margin-right: 38px;
    padding-top: 25px;}
.footer
{
 background-color:#00acbe;
    margin-left: -42px;
    margin-top: 0;
    overflow: hidden;
    padding: 28px;
    width: 102%;
}
.social
{
float: right;
    margin-right: 101px;
    margin-top: -12px;
}
.social ul li
{
list-style-type:none;
display:inline;
}
.contact
{
 border-radius: 5px;
    float: left;
    height: auto;
    margin: 33px 30px 20px 14px;
    width: 100%;}

.contact1
{
width:488px;
height:auto;
float:left;
border:px solid red;}
 .address
{
   float: right;
    height: auto;
 
    width: 100%;}
.address p
{
font-size:14px;
line-height:21px;
text-align:justify;
color:#635353;
}
.who, .services, .portfolio, .careers
{
 height: auto;
    margin-left: 10px;
    margin-top: 50px;
    overflow: hidden;
    width: 100%;

}
.who h2, .services h2, .portfolio h2, .careers h2
{
color:#3d3d3d;
font-size:18px;
text-align:left;
letter-spacing:3px;
}
.border
{
border:1px solid #d7d7d7;
margin-top:30px;
}
.who .who1, .portfolio .portfolio1
{
width:100%;
height:auto;
border:px solid red;
float:left;
}
.portfolio .portfolio1 ul li
{
padding-left:0px;
}
.portfolio .portfolio1 ul li
{
display: block;
    list-style-type: none;
    margin-top: 25px;
    padding-right: 10px;
}
.portfolio .portfolio1 ul li a
{
background-color: #00acbe;
    border-radius: 0 10px;
    color: #ffffff;
    padding: 10px;
    text-decoration: none;}
.who .who1 img
{
float:left;
}

.who .who1 h3
{
color:#232323;
font-size:16px;
line-height:21px;
padding-left:20px;
}
.services .services1 p, .careers p
{
color:#828282;
line-height:21px;
font-size:14px;
text-align:justify;
}

.who .who1 p
{
color:#828282;
line-height:21px;
font-size:14px;
text-align:justify;
padding-left:}
.services .services1
{

width:100%;
height:auto;
border:px solid red;
}
.services .services1 h4
{
color:#232323;
font-size:16px;
line-height:21px;
}
.portfolio2
{
float: left;
    height: auto;
    margin-left: 53px;
  margin-bottom:20px;
    width: 100%;
	}
.portfolio .portfolio1 img
{
border: 1px solid;
    float: left;
    margin-right: 22px;
    margin-top: 29px;}
.portfolio2 img
{
float:left;
margin-right:22px;
margin-top:10px;
border:1px solid red;
}
}