/*
*/
body {
width:100%;
height:100%;
padding:0;
margin:0;
font:14px KhmerUIRegular
}
@font-face {
font-family: 'KhmerUIRegular';
src: url('fonts/khmerui.eot');
src: url('fonts/khmerui.eot') format('embedded-opentype'), url('http://mutei.co.za/wp-content/themes/fonts/khmerui.html') format('woff'), url('fonts/khmerui.ttf') format('truetype'), url('fonts/khmerui.svg') format('svg');
}
#content {
padding:140px 0 20px 0;
min-height:30em;
}
.cli_fl_cust,
.cli_fr_cust{
width:50%;
float: left;
}
#arn_slider{
width:100%;
min-width:300px;
height:500px;
background-image: url('images/sliderBG.jpg');
}
.fl_cust{
width: 600px;
}
img.alignnone{
height:auto !important;
width: 100%;
}
.post, .page {
}
.sticky {
}
.post-content {
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address, ul, ol, dt, dd {
font-weight:400;
padding:0;
margin:0
}
#rev_slider_1_1_wrapper{
min-width: 300px !important;
}
h1 {
font-size:20px;
color:#3d3d3d;
}
.pageHeadingBG {
background:url(images/pagetitleBG.png) repeat-x;
width:100%;
padding:30px 0;
margin-bottom:20px;
min-width: 300px;
background-size: 100%;
}
.tech_city_para{
margin: 10px 10px 10px 45px;
float: left;
width: 532px;
}
.tech_city_img{
width: 430px;
float: left;
}
.tech_city_img img{
width:100%;
}
.pageHeadingBG h1 {
font:17px 'KhmerUIRegular';
}
.pageHeadingBG span {
color: #800000;
font: 13px 'KhmerUIRegular';
}
.pageHeadingBG a {
color:#696969;
font:22px 'KhmerUIRegular';
}
.title {
background:url(images/titleBar.jpg) left bottom no-repeat !important;
padding-bottom:25px;
margin-bottom:20px;
}
h2 {
font:18px 'KhmerUIRegular';
color:#3d3d3d;
}
h3 {
}
h4 {
}
h5, h6, h7 {
}
p {
color:#757575;
line-height:20px;
text-align:justify;
}
p strong {
color:#800000;
}
.resondiv_img{
width: 400px;
margin: auto;
}
.resondiv_img img{
float:none;
width:100%;
}
pre {
}
blockquote {
}
address {
}
ul {
}
ol { margin:5px;
}
ol li{
color:#757575;
line-height:20px;
}
dt {
}
dd {
}
.menu_fr{
float:right;
}
.menu_fl{
float:left;
}
.cli_fr{
float:right;
}
.cli_fl{
float:left;
}
.addressDiv_cont{
width: 276px;
float: left;
}
.contactFormDiv .at_bigger_scr{
float: left;
width: 650px;
}
a {
text-decoration:none;
cursor:pointer;
color:#800000;
}
a img {
border:0;
}
.gallery-caption {
}
.content img {
}
.wp-caption {
background:#ddd
}
.wp-caption img {
}
.wp-caption p.wp-caption-text {
}
.wp-caption.alignleft {
}
.wp-caption.alignright {
}
.wp-caption.aligncenter {
}
#comments {
}
.commentlist {
list-style:none;
margin:20px 0;
}
.comment {
}
.comment.even {
border:0px solid red;
margin:20px 0;
background:url(images/divider2.png) no-repeat bottom;
padding-bottom:20px;
}
.comment.odd {
}
.comment.depth-1 {
}
.children {
list-style:none;
}
.comment.bypostauthor {
border:0px solid #000;
margin:20px 0;
}
.comment-body {
}
.fl_cust{
width:600px;
margin: auto;
}
.line_img{
width: 100%;
}
.comment-author {
width:500px;
margin-top:5px;
margin-bottom:10px;
}
img.avatar {
}
.fn {
margin-left:10px;
font-weight:bold;
font-style:normal;
font-size:16px;
color:#3d3d3d;
}
.says {
display:none;
}
.comment-meta {
}
.comment-meta a {
line-height:30px;
}
.comment-edit-link {
}
.reply {
margin:10px 0;
}
.recentcomments a {
display:inline !important;
padding:0 !important;
margin:0 !important;
}
#respond {
}
#commentform {
}
#commentform input[type=text] {
border: 1px solid #e6e6e6;
padding: 7px 8px;
width: 380px;
outline: none;
}
#commentform input[type=email] {
border: 1px solid #e6e6e6;
padding: 7px 8px;
width: 380px;
outline: none;
margin:10px 0;
}
#commentform input[type=submit] {
background-color: #800000;
padding: 10px 15px;
color: #fff;
outline: none;
border: none;
border-radius: 2px;
margin-bottom: 20px;
margin-top:20px;
cursor: pointer;
font-weight: bold;
margin-left:80px;
}
h3#reply-title {
font-size:18px;
color:#3d3d3d;
margin:10px 0;
}
.comment-form-email {
margin:10px 0;
}
.logged-in-as {
}
.comment-notes {
margin-bottom:10px;
}
.comment-form-comment {
border:0px solid red;
margin:20px 0;
}
.comment-form-comment label {
margin-right:20px;
}
#comment {
border: 1px solid #e6e6e6;
padding: 7px 8px;
resize:vertical;
outline:none;
width:100%;
margin-bottom:20px;
}
.form-allowed-tags {
}
.form-submit {
}
#sidebar {
padding:0;
margin:0
}
.sidebaritem {
margin-top: 40px;
}
.sidebaritem .title {
}
.fr {
float:right;
}
.fl {
float:left;
}
.form_fr {
float:right;
}
.form_fl {
float:left;
}
.mapfr {
float:right;
}
.mapfl {
float:left;
}
.clr {
clear:both;
margin:0;
padding:0;
display:block;
}
.divider1 {
background:url(images/divider1.png) repeat-x;
width:100%;
height:5px;
}
.divider2 {
background:url(images/divider2.png) no-repeat;
width:1024px;
height:12px;
margin:20px 0;
}
.container {
width:1024px;
margin:0 auto;
border:0px solid red;
min-width: 300px !important;
}
.home-container {
padding-top:140px;
}
/*Slider Part*/
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
#access1 {
display: block;
position: relative;
z-index: 50;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
top: 108px;
}
.carousel-control.right {
right: 0;
left: auto;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
top: 108px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 36px;
height: 20px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 5px 0px;
border-radius: 100%;
}
.carousel-indicators li:hover{
display: inline-block;
width: 36px;
height: 20px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 5px -20px;
border-radius: 100%;
}
.carousel-indicators .active {
display: inline-block;
width: 36px;
height: 20px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 5px -20px;
border-radius: 100%;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.slider_left_side{
width:45%;
margin-right:2%;
float:left;
}
.slider_left_side img{
width:404px;
height:443px;
margin-left: 45%;
margin-top: 4px;
}
.slider_right_side img.old_man{
width:404px;
height:480px;
margin-top:-36px;
}
.slider_right_side img.tool{
width:417px;
height:417px;
margin-top:25px;
}
.slider_right_side{
width:34%;
margin-left:10%;
float:left;
}
.slider_left_side img.slid_heading_dif{
width:404px;
height:116px;
margin-top:15px;
}
.slider_left_side img.slid_heading,
.slider_right_side img.slid_heading{
width:404px;
height:128px;
margin-top:15px;
}
.slider_left_side img.slid_btn,
.slider_right_side img.slid_btn{
width:456px;
height:45px;
margin-top:35px;
}
.slider_left_side img.slid_para,
.slider_right_side img.slid_para{
width:452px;
height:58px;
margin-top:35px;
}
.slider_inner{
width:80%;
margin:auto;
padding-top: 50px;
}
/*Slider Part-End-here*/
/*------------------Header------------------------*/
/*---------- css for responsive --------*/
@media screen and (min-width:1100px) and (max-width:1200px){
.container{width:1040px !important;}
.fix-header #logo img {
max-width: 100%;
height: auto;
margin: -15px 10px;
}
}
@media screen and (min-width:800px) and (max-width:900px){
#access{display:none !important;}
/*.fix-header #logo{max-width: 240px !important;}*/
.sliderBG{height: 420px !important;}
.width{width: 320px !important;}
.container{width: 770px !important;}
.simply-scroll{width: 755px !important;}
.simply-scroll .simply-scroll-clip{width: 745px !important;}
.footerDiv{width: 230px !important;}
.newsDiv .news{width: 680px !important;}
.divider2{width: 765px !important;}
.cloud_img{width:100%;}
.ReasonLDiv{width: 330px !important;}
.ReasonRDiv{width: 265px !important;}
.p_width{width:365px !important;}
img.alignnone.size-full.wp-image-204{width: 350px !important; height: 350px !important;}
.clientUL{margin-top:10px !important;}
.businessDiv .businessImg{width:380px !important;}
.businessImg_width{width: 380px !important;}
div#map_canvas{width: 760px !important;}
div#map_canvas_2{width: 760px !important;}
.clientDiv .Desc{width: 495px !important;}
.serviceListDiv{width: 240px !important;}
.serviceContentDiv{width: 470px !important;}
.serviceContentDiv img{width: 100% !important; height: 150px !important;}
.icon_div{display:block !important;}
}
@media screen and (min-width:700px) and (max-width:800px){
#access{display:none !important;}
.sliderBG{height: 360px !important;}
.icon_div{display:block !important;}
.container{width: 670px !important;}
.footerDiv{width: 180px !important;}
.simply-scroll{width: 645px !important;}
.simply-scroll .simply-scroll-clip{width: 645px !important;}
/*.fix-header #logo{max-width: 165px !important;}*/
.newsDiv .news{width: 580px !important;}
img.cloud_img{width: 100% !important;}
.clientDiv .Desc{width: 390px !important;}
.contactFormDiv{width: 655px !important;}
.contactFormDiv .txtarea{width: 640px !important;}
input#txtsubject{width: 640px !important;}
.fix-header .contactNo{display: block !important; margin-left: 10px;}
img.alignnone.size-full.wp-image-683{width:100% !important;}
img.alignnone.size-full.wp-image-632{width:100% !important;}
.divider2{width:670px !important;}
div#map_canvas{width: 670px !important;}
div#map_canvas_2{width: 670px !important;}
.businessDiv .businessImg{margin: 0 60px !important;}
.serviceListDiv{width: 170px !important;}
.serviceContentDiv{width: 450px !important;}
.serviceContentDiv img{height: 150px !important; width: 430px !important;}
#arn_slider{
height: 300px !important;
}
.slider_left_side {
width: 40% !important;
float: left;
margin-left: 1px;
}
.slider_left_side img{
width: 255px;
height: 272px;
margin-left: -13px;
position: relative;
left: 14px;
}
.slider_right_side img{
width: 255px;
height: 275px;
}
.slider_right_side img.old_man{
width: 260px;
height: 285px;
margin-top: -11px;
}
.slider_right_side img.tool{
width:150px;
height:100px;
margin-top:25px;
}
.slider_right_side{
width:45% !important;
float:left;
}
.slider_left_side img.slid_heading,
.slider_right_side img.slid_heading{
width: 188px;
height: 58px;
margin-top: 47px;
}
.slider_left_side img.slid_btn,
.slider_right_side img.slid_btn{
width: 235px;
height: 28px;
margin-top: 18px;
}
.slider_left_side img.slid_para,
.slider_right_side img.slid_para{
width: 271px;
height: 63px;
margin-top: 19px;
}
.slider_inner{
width:80%;
margin:auto;
padding-top: 25px;
}
.carousel-indicators{
top:270px;
}
.carousel-indicators li {
display: inline-block;
width: 15px;
height: 15px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px 0px;
border-radius: 100%;
background-size: 16px 32px;
}
.carousel-indicators li:hover{
display: inline-block;
width: 15px;
height: 15px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -16px;
border-radius: 100%;
background-size: 16px 32px;
}
.carousel-indicators .active {
display: inline-block;
width: 15px;
height: 15px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -16px;
border-radius: 100%;
background-size: 16px 32px;
}
}
@media screen and (min-width:600px) and (max-width:700px){
#access{display:none !important;}
.primary-menu{margin-right:0px !important;}
.icon_div{display:block !important;}
.fix-header #logo{max-width: 240px !important; }
.sliderBG{height: 330px !important;}
.clientDiv .Desc{width: 300px !important;}
img.cloud_img{width:100%;}
.newsDiv .news{width: 490px !important;}
.container{width: 580px !important;}
.homeBigHeading{width: 520px !important;}
.simply-scroll{width: 557px !important;}
.simply-scroll .simply-scroll-clip{width: 557px !important;}
.footerDiv{ float:none !important;}
.fix-header .contactNo{display: block !important; margin-left: 10px;}
.divider2{width: 570px !important;}
.contactFormDiv{width: 577px !important;}
.contactFormDiv .txt{width: 260px !important;}
input#txtsubject{width: 560px !important;}
.contactFormDiv .txtarea{width: 555px !important;}
.fl.width{width: 530px !important;}
.businessDiv .businessImg{margin: 0 75px !important;}
.businessDiv .businessContent{margin-top: 15px !important;}
div#map_canvas{width: 570px !important;}
div#map_canvas_2{width: 570px !important;}
.serviceListDiv{width: 170px !important;}
.serviceContentDiv{width: 365px !important;}
.serviceContentDiv img{width: 340px !important; height: 150px !important;}
img.alignnone.size-full.wp-image-683{width: 100% !important;}
img.alignnone.size-full.wp-image-632{width: 100% !important;}
img.alignnone.size-full.wp-image-591{width: 100% !important;}
#arn_slider{
height: 300px !important;
}
.tech_city_para2{
width: 450px;
text-align: justify;
margin: auto;padding-bottom: 20px;
}
.tech_city_img {
width: 450px !important;
float: none;
margin: auto;
}
.tech_city_img img{
margin: 0px !important;
float: none;
}
.tech_city_para {
margin: auto;
float: none;
width: 450px !important;
padding-bottom: 20px;
}
.slider_left_side {
width: 40% !important;
float: left;
margin-left: 1px;
}
.slider_left_side img{
width: 250px;
height: 260px;
margin-left: -63px;
position: relative;
left: 41px;
margin-top: 12px;
}
.slider_right_side img{
width: 255px;
height: 275px;
}
.slider_right_side img.old_man{
width: 260px;
height: 285px;
margin-top: -11px;
}
.slider_right_side img.tool{
width:150px;
height:100px;
margin-top:25px;
}
.slider_right_side{
width:45% !important;
float:left;
}
.slider_left_side img.slid_heading,
.slider_right_side img.slid_heading{
width: 185px;
height: 56px;
margin-top: 60px;
}
.slider_left_side img.slid_btn,
.slider_right_side img.slid_btn{
width: 225px;
height: 29px;
margin-top: 10px;
}
.slider_left_side img.slid_para,
.slider_right_side img.slid_para{
width: 260px;
height: 52px;
margin-top: 17px;
}
.slider_inner{
width:80%;
margin:auto;
padding-top: 25px;
}
.carousel-indicators{
top:270px;
}
.carousel-indicators li {
display: inline-block;
width: 15px;
height: 15px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px 0px;
border-radius: 100%;
background-size: 16px 32px;
}
.carousel-indicators li:hover{
display: inline-block;
width: 15px;
height: 15px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -16px;
border-radius: 100%;
background-size: 16px 32px;
}
.carousel-indicators .active {
display: inline-block;
width: 15px;
height: 15px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -16px;
border-radius: 100%;
background-size: 16px 32px;
}
.fr{
position: relative;
}
.open_menu{
position: absolute;
width: 28px;
height: 26px;
z-index: 1000;
left: 11px;
top: 29px;
}
.open_submenu{
position: absolute;
width: 157px;
height: 28px;
z-index: 1000;
left: -128px;
top: 57px;
display: none;
}
.ReasonLDiv{width: 435px !important;}
.ReasonRDiv{width: 435px !important;}
h2.sr{
font: 15px 'KhmerUIRegular';
color: #3d3d3d;
}
p.sr{
color: #757575;
line-height: 17px;
text-align: justify;
}
.resondiv_img{
width: 400px;
margin: auto;
}
.resondiv_img img{
float:none;
width:100%;
}
.fl_cust{
width:435px;
}
.line_img{
width: 100%;
}
}
@media screen and (min-width:10px) and (max-width:800px){
.businessDiv .businessImg {
float: none!important;
width: 90% !important;
text-align: center!important;
}
.businessDiv .businessContent {
float: none!important;
margin: 0 57px!important;
width: 87%!important;
text-align: center!important;
}
}
@media screen and (min-width:500px) and (max-width:600px){
.businessDiv .businessContent {
margin-top: 15px !important;
width: 71%!important;
}
#access{display:none !important;}
.primary-menu{margin-right:0px !important;}
.icon_div{display:block !important;}
.fix-header #logo{max-width: 150px !important; }
.sliderBG{height: 330px !important;}
.clientDiv .Desc{width: 470px !important;}
img.cloud_img{width:100%;}
.newsDiv .news{width: 475px !important;}
.container{width: 480px !important;}
.homeBigHeading{width: 450px !important;}
.simply-scroll{width: 455px !important;}
.simply-scroll .simply-scroll-clip{width: 455px !important;}
.footerDiv{ float:none !important;}
.fix-header .contactNo{display: block !important; margin-left: 10px;}
.divider2{width: 470px !important;}
.contactFormDiv{width: 475px !important;}
.contactFormDiv .txt{width: 210px !important;}
input#txtsubject{width: 457px !important;}
.contactFormDiv .txtarea{width: 455px !important;}
.fl.width{width: 430px !important;}
.businessDiv .businessImg{margin: 0 20px !important;}
.businessDiv .businessContent{margin-top: 15px !important; width: 440px !important;}
div#map_canvas{width: 470px !important;}
div#map_canvas_2{width: 470px !important;}
.serviceListDiv{width: 170px !important;}
.serviceContentDiv{width: 260px !important;}
.serviceContentDiv img{width: 250px !important; height: 100px !important;}
img.alignnone.size-full.wp-image-683{width: 100% !important;}
img.alignnone.size-full.wp-image-632{width: 100% !important;}
img.alignnone.size-full.wp-image-591{width: 100% !important;}
.map1{width: 300px !important;}
.homeListDiv .contentDiv{width: 470px !important;}
.ReasonLDiv{width: 400px !important;}
.ReasonRDiv{width: 400px !important;}
.p_width{width: 480px !important;}
img.alignnone.size-full.wp-image-204{width: 100% !important;}
.siteBG a{ font:13px 'KhmerUIRegular';}
.fr{
position: relative;
}
.open_menu{
position: absolute;
width: 28px;
height: 19px;
z-index: 1000;
left: 10px;
top: 33px;
}
.open_submenu{
position: absolute;
width: 157px;
height: 28px;
z-index: 1014;
left: -126px;
top: 57px;
display: none;
}
}
@media screen and (min-width:400px) and (max-width:500px){
.pageHeadingBG a {
color: #696969;
font: 16px 'KhmerUIRegular';
}
#access{display:none !important;}
.primary-menu{margin-right:0px !important;}
.icon_div{display:block !important;}
.fix-header #logo{max-width: 150px !important; }
.sliderBG{height: 220px !important;}
.clientDiv .Desc{width: 470px !important;}
img.cloud_img{width:100%;}
.newsDiv .news{width: 300px !important;}
.container{width: 300px !important;}
.homeBigHeading{width: 300px !important;}
.simply-scroll{width: 90% !important;}
.simply-scroll .simply-scroll-clip{width: 90% !important;}
.footerDiv{ float:none !important;}
.fix-header .contactNo{display: block !important; margin-left: 10px;}
.divider2{width: 470px !important;}
.contactFormDiv{width: 475px !important;}
.contactFormDiv .txt{width: 210px !important;}
input#txtsubject{width: 457px !important;}
.contactFormDiv .txtarea{width: 455px !important;}
.fl.width{width: 430px !important;}
.businessDiv .businessImg{margin: 0 20px !important;}
.businessDiv .businessContent{margin-top: 15px !important; width: 440px !important;}
div#map_canvas{width: 470px !important;}
div#map_canvas_2{width: 470px !important;}
.serviceListDiv{width: 170px !important;}
.serviceContentDiv{width: 260px !important;}
.serviceContentDiv img{width: 250px !important; height: 100px !important;}
img.alignnone.size-full.wp-image-683{width: 100% !important;}
img.alignnone.size-full.wp-image-632{width: 100% !important;}
img.alignnone.size-full.wp-image-591{width: 100% !important;}
.map1{width: 300px !important;}
.homeListDiv .contentDiv{width: 300px !important;}
.ReasonLDiv{width: 400px !important;}
.ReasonRDiv{width: 400px !important;}
.p_width{width: 480px !important;}
img.alignnone.size-full.wp-image-204{width: 100% !important;}
.siteBG a{ font:13px 'KhmerUIRegular';}
.footerCateDiv{float:none !important;}
}
@media screen and (min-width:300px) and (max-width:400px){
#access{display:none !important;}
.primary-menu{margin-right:0px !important;}
.icon_div{display:block !important;}
.fix-header #logo{max-width: 150px !important; }
.sliderBG{height: 220px !important;}
.clientDiv .Desc{width: 470px !important;}
img.cloud_img{width:100%;}
.newsDiv .news{width: 475px !important;}
.container{width: 300px !important;}
.homeBigHeading{width: 450px !important;}
.simply-scroll{width: 350px !important;}
.simply-scroll .simply-scroll-clip{width: 350px !important;}
.footerDiv{ float:none !important;}
.fix-header .contactNo{display: block !important; margin-left: 10px;}
.divider2{width: 470px !important;}
.contactFormDiv{width: 475px !important;}
.contactFormDiv .txt{width: 210px !important;}
input#txtsubject{width: 457px !important;}
.contactFormDiv .txtarea{width: 455px !important;}
.fl.width{width: 430px !important;}
.businessDiv .businessImg{margin: 0 20px !important;}
.businessDiv .businessContent{margin-top: 15px !important; width: 440px !important;}
div#map_canvas{ width: 88% !important;
margin: auto;}
div#map_canvas_2{ width: 88% !important;
margin: auto;}
.serviceListDiv{width: 170px !important;}
.serviceContentDiv{width: 260px !important;}
.serviceContentDiv img{width: 250px !important; height: 100px !important;}
img.alignnone.size-full.wp-image-683{width: 100% !important;}
img.alignnone.size-full.wp-image-632{width: 100% !important;}
img.alignnone.size-full.wp-image-591{width: 100% !important;}
.map1{width: 100%!important;}
.map2{width: 100%!important;}
.homeListDiv .contentDiv{width: 470px !important;}
.ReasonLDiv{width: 400px !important;}
.ReasonRDiv{width: 400px !important;}
.p_width{width: 480px !important;}
img.alignnone.size-full.wp-image-204{width: 100% !important;}
.siteBG a{font:13px 'KhmerUIRegular';}
.footerCateDiv{float:none !important;}
}
/*----------end css for responsive --------*/
/*---------- responsive main menu demo--------*/
#access1 {
display: block;
}
#access1 .menu-header, div.menu {
list-style:none;
border-right:1px solid #e5e5e5;
left: 0;
width: 160px;
z-index: 99999;
border:1px solid #c7c7c7;
-webkit-box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
-moz-box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
padding-bottom:2px;
background:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#access1 .menu-header ul, div.menu ul {
}
#access1 .menu-header > ul, div.menu > ul {
list-style: none;
margin: 0;
z-index:999;
position: relative;
}
.menu li {
position: relative;
margin:0;
display:inline-block;
border-left:1px solid #e5e5e5;
}
#access1 ul li a:hover {
color:#800000;
}
#access1 ul a {
line-height: 1em;
padding:0px 10px 10px 10px;
width: 130px;
height: auto;
background:#fff;
z-index:9999;
border-bottom:1px dashed #c7c7c7;
}
/*.menu li:last-child{background:none;} */
#access1 a {
display: block;
color:#282727;
margin:0;
font:15px 'KhmerUIRegular';
text-transform:uppercase;
}
#access1 ul ul {
display: none;
position: absolute;
left: 0;
width: 160px;
z-index: 99999;
border:1px solid #c7c7c7;
-webkit-box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
-moz-box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
margin-top:-35px;
margin-left:-160px;
padding-bottom:2px;
background:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#access1 ul ul li {
/*min-width: 150px;*/
background:none;
padding:10px 0;
border:none;
}
#access1 ul ul li:hover {
border:none;
background:none;
}
#access1 ul ul li.current_page_item {
background:none;
border-bottom:none;
}
#access1 ul ul li a:hover {
color:#800000;
}
#access1 ul ul ul {
left:0%;
top: 2;
}
#access1 ul ul a {
line-height: 1em;
padding:0px 10px 10px 10px;
width: 130px;
height: auto;
background:#fff;
z-index:9999;
border-bottom:1px dashed #c7c7c7;
}
#access1 ul li:hover > ul {
display: block;
}
/*#access1 ul li.current_page_item a{
color:#800000;
}*/
#access1 .menu-header li, div.menu li {
padding:10px 12px;
margin-left:-4px;
}
/*-------end responsive main menu---------*/
.icon_div{ height:20px; width:20px; margin-top: 18px; margin-left: 10px; background:url(images/images.png) no-repeat; display:none;}
.menu_div{border:0px solid; width:165px; position:relative; display:none; margin-top:24px; margin-left: -140px; }
.icon_div:hover .menu_div{display:block;}
.hover-primary-menu-div{
list-style:none;
border-right:1px solid #e5e5e5;
left: 0;
width: 160px;
z-index: 99999;
border:1px solid #c7c7c7;
-webkit-box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
-moz-box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
padding-bottom:2px;
background:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 190px;
margin-top: 16px;
display:none;
}
.primary-menu-icon{
height:20px; width:20px;
margin-top: -5px;
margin-left: 10px;
background:url(images/images.png) no-repeat;
display:none;
position:absolute;
}
.primary-menu1 {
float:right;
}
.primary-menu1 ul {
margin:0;
padding:0;
}
.primary-menu1 li {
list-style:none;
padding:10px 25px 10px 10px;
border-bottom:1px dashed #c7c7c7;
}
.primary-menu1 li a {
font:15px 'KhmerUIRegular';
color:#535353;
}
.primary-menu1 li a:hover, .primary-menu .current-menu-item a, .primary-menu .current-menu-ancestor a, .primary-menu .current-page-ancestor a, .primary-menu1 .current_page_item a {
color:#800000
}
.primary-menu-icon:hover .hover-primary-menu-div{ display:block;}
.fix-header {
position: fixed;
top: 0;
left: 0;
background:#FFFFFF;
width: 100%;
z-index: 999;
height: 140px;
border-bottom:1px solid #d6d6d6;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
.fix-header #logo {
max-width:264px;
margin:26px 0;
float:left;
}
.fix-header #logo img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
.fix-header .container {
width:1090px;
min-width: 303px!important
}
.TopMenuBG {
background:url(images/TopmenuBG.jpg) repeat-x;
width:100%;
padding:12px 0;
min-width: 300px;
}
.primary-menu {
float:right;
}
.primary-menu ul {
margin:0;
padding:0;
}
.primary-menu li {
display:inline-block;
list-style:none;
}
.primary-menu li a {
font:13px 'KhmerUIRegular';
padding:0px 10px;
color:#535353;
}
.primary-menu li a:hover, .primary-menu .current-menu-item a, .primary-menu .current-menu-ancestor a, .primary-menu .current-page-ancestor a, .primary-menu .current-post-ancestor a {
color:#800000
}
/*----------demo--------*/
#access {
display: block;
}
#access .menu-header, div.menu {
list-style:none;
margin-top:20px;
border-right:1px solid #e5e5e5;
}
#access .menu-header ul, div.menu ul {
}
#access .menu-header > ul, div.menu > ul {
list-style: none;
margin: 0;
z-index:999;
position: relative;
}
.menu li {
position: relative;
margin:0;
display:inline-block;
border-left:1px solid #e5e5e5;
}
/*.menu li:last-child{background:none;} */
#access a {
display: block;
color:#282727;
margin:0;
font:15px 'KhmerUIRegular';
text-transform:uppercase;
}
#access ul ul {
display: none;
position: absolute;
left: 0;
width: 160px;
z-index: 99999;
border:1px solid #c7c7c7;
-webkit-box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
-moz-box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
box-shadow:2px 2px 12px rgba(50, 50, 50, 0.35);
margin-top:15px;
padding-bottom:2px;
background:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#access ul ul li {
min-width: 150px;
background:none;
padding:10px 0;
border:none;
}
#access ul ul li:hover {
border:none;
background:none;
}
#access ul ul li.current_page_item {
background:none;
border-bottom:none;
}
#access ul ul li a:hover {
color:#800000;
}
#access ul ul ul {
left: 95%;
top: 0;
}
#access ul ul a {
line-height: 1em;
padding:0px 10px 10px 10px;
width: 130px;
height: auto;
background:#fff;
z-index:9999;
border-bottom:1px dashed #c7c7c7;
}
#access li:hover {
background:url(images/menu-patten.jpg) repeat;
border-bottom:5px solid #800000;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item {
background:url(images/menu-patten.jpg) repeat;
border-bottom:5px solid #800000;
}
#access .menu-header li, div.menu li {
padding:10px 12px;
margin-left:-4px;
}
/*-------end---------*/
.fix-header span {
color:#737373;
}
.fix-header .contactNo {
/* background:url(images/contactImg.png) no-repeat left;
padding-left:20px;
*/ display:inline-block;
margin-top:10px;
}
.fix-header .contactNo img {
margin-left:10px;
}
.fix-header .mailDiv {
background:url(images/mailImg.png) no-repeat left;
padding-left:20px;
display:inline-block;
margin:10px 20px 0 20px;
}
.fix-header .mailDiv a {
color:#737373;
}
.fix-header .mailDiv a:hover {
color:#800000;
}
.fb {
background:url(images/fb.png) 0 0;
width:8px;
height:18px;
float:left;
margin:20px 10px 0 10px;
}
.fb:hover {
background:url(images/fb.png) 0 18px;
width:8px;
height:18px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
.tw {
background:url(images/tw.png) 0 0;
width:20px;
height:18px;
float:left;
margin:20px 10px 0 0px;
}
.tw:hover {
background:url(images/tw.png) 0 18px;
width:20px;
height:18px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
.in {
background:url(images/in.png) 0 0;
width:17px;
height:16px;
float:left;
margin:21px 0px 0 0px;
}
.in:hover {
background:url(images/in.png) 0 16px;
width:17px;
height:16px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
.sk {
background:url(images/sk.png) 0 0;
width:17px;
height:19px;
float:left;
margin:20px 10px 0 0px;
}
.sk:hover {
background:url(images/sk.png) 0 19px;
width:17px;
height:19px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
/*------------------Header End------------------------*/
/*--------------------Footer----------------------*/
#footer {
background-color:#222222;
width:100%;
padding:10px 0;
min-width: 300px !important;
}
#footer h2 {
color:#919191;
margin-bottom:20px;
text-transform:uppercase;
}
#footer span {
color:#f8f8f8;
line-height:20px;
}
.footerDiv {
float:left;
width:266px;
margin:20px 20px 0 20px;
}
.footerCateDiv {
float:left;
width:150px;
margin:20px 20px 0 20px;
}
.footerCateDiv .footermenu {
margin-left:15px;
}
.footerCateDiv .footermenu ul {
margin:0;
}
.footerCateDiv .footermenu li {
list-style-image:url(images/footerLi.png);
margin-bottom:15px;
}
.footerCateDiv .footermenu li a {
color:#f8f8f8;
}
.footerContactDiv {
float:left;
width:220px;
margin:20px 0px;
}
.footerContactDiv .cnttxt {
background:#191919;
border-top:2px solid #121212;
border-left:1px solid #121212;
border-right:1px solid #121212;
padding:7px 8px;
width:92%;
margin-bottom:10px;
outline:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-bottom:none;
color:#BCBCBC;
}
.footerContactDiv .cnttxtarea {
background:#191919;
border-top:2px solid #121212;
border-left:1px solid #121212;
border-right:1px solid #121212;
border-bottom:none;
padding:7px 8px;
resize:none;
width:92%;
height:60px;
overflow:hidden;
margin-bottom:10px;
outline:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#BCBCBC;
}
.footerContactDiv .cntBtn {
background:#191919;
border-top:none;
border-left:1px solid #121212;
border-right:1px solid #121212;
border-bottom:2px solid #121212;
padding:8px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#000000;
cursor:pointer;
}
.waiting {
display:none;
}
.msg {
margin-left:20px;
}
.addDiv {
background:url(images/addImg.png) no-repeat left top;
padding-left:30px;
margin-bottom:10px;
}
.callDiv {
background:url(images/callimg.png) no-repeat left;
padding-left:30px;
margin-bottom:10px;
}
.faxDiv {
background:url(images/faxImg.png) no-repeat left;
padding-left:30px;
margin-bottom:10px;
}
.FmailDiv {
background:url(images/FmailImg.png) no-repeat left;
padding-left:30px;
margin-bottom:20px;
}
.FmailDiv a {
color:#f8f8f8;
}
.FmailDiv a:hover {
color:#800000
}
.fb-SocialBG {
background-color:#333333;
float:left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding:15px 22px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
.fb-SocialBG:hover {
background-color:#0a357d;
}
.tw-SocialBG {
background-color:#333333;
padding:17px 16px;
margin:0 10px;
float:left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
.tw-SocialBG:hover {
background-color:#00e4ff;
}
.in-SocialBG {
background-color:#333333;
padding:19px 20px;
margin-right:10px;
float:left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
.in-SocialBG:hover {
background-color:#0266cc;
}
.sk-SocialBG {
background-color:#333333;
padding:17px 19px;
float:left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
.sk-SocialBG:hover {
background-color:#00b4ff;
}
.siteBG {
background-color:#333333;
width:100%;
border-top:1px solid #4e4e4e;
padding:15px 0;
min-width: 300px !important;
}
.siteBG span {
color:#828282;
}
.siteBG a {
color:#828282;
}
.siteBG a:hover {
color:#800000;
}
/*--------------------Footer End----------------------*/
/*------------top----------*/
.scrollup {
position:fixed;
right:5%;
bottom:47px;
display:none;
background:url(images/top.png) no-repeat;
width:53px;
height:49px;
}
/*--------------------Home Page----------------------*/
.sliderBG {
width:100%;
height:500px;
}
.homeCatDiv {
width:330px;
float:left;
margin:30px 5px;
}
.homeCatDiv p {
margin-top:20px;
margin-bottom:10px;
}
.homeCatDiv h2 {
line-height:50px;
text-transform:uppercase;
}
.homeCatDiv a {
color:#800000;
}
.homeCatHeading1 {
background:url(images/headBg1.png) no-repeat left;
padding-left:60px;
min-height:54px;
}
.homeCatHeading2 {
background:url(images/headBg2.png) no-repeat left;
padding-left:60px;
min-height:54px;
}
.homeCatHeading3 {
background:url(images/headBg3.png) no-repeat left;
padding-left:60px;
min-height:54px;
}
.homeBigHeading {
background:url(images/headbtm.jpg) no-repeat center bottom;
padding-bottom:40px;
margin:30px auto;
text-align:center;
width:620px;
}
.homeBigHeading h1 {
margin-bottom:30px;
font:25px 'KhmerUIRegular';
}
.homeBigHeading span {
color:#800000;
}
.homeEventDiv {
width:330px;
float:left;
margin:20px 5px;
}
.homeEventDiv b {
color:#3d3d3d;
font:18px 'KhmerUIRegular';
line-height:40px;
}
.homeEventDiv img {
margin-bottom:10px;
}
.homeEventDiv p {
width:95%;
}
.homeListDiv {
margin:30px 0;
}
.homeListDiv img {
float:left;
margin-right:30px;
}
.homeListDiv .contentDiv {
float:left;
width:530px;
}
.homeListDiv .contentDiv ul {
margin:25px 0 25px 20px;
}
.homeListDiv .contentDiv ul li {
color:#757575;
line-height:20px;
margin-bottom:13px;
}
.homeClientDiv {
margin:30px 0;
border:1px solid #e6e6e6;
padding:20px 20px 10px 20px;
}
.gry {
filter: none;
-webkit-filter: grayscale(0%);
}
.gry :hover {
display:block;
float:left;
margin:30px 0 0;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+, IE10 */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden;
}
.simply-scroll-container { /* Container DIV - automatically generated */
position: relative;
}
.simply-scroll-clip { /* Clip DIV - automatically generated */
position: relative;
overflow: hidden;
}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
.simply-scroll-list li img {
border: none;
display: block;
}
.simply-scroll-btn {
position: absolute;
background-image: url(http://mutei.co.za/wp-content/themes/buttons.html);
width: 42px;
height: 44px;
z-index:3;
cursor: pointer;
}
.simply-scroll-btn-left {
left: 6px;
bottom: 6px;
background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
background-position: 0 -88px;
}
.simply-scroll-btn-right {
right: 6px;
bottom: 6px;
background-position: -84px -44px;
}
.simply-scroll-btn-right.disabled {
background-position: -84px 0 !important;
}
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
background-position: -84px -88px;
}
.simply-scroll-btn-up {
right: 6px;
top: 6px;
background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
background-position: -126px -88px;
}
.simply-scroll-btn-down {
right: 6px;
bottom: 6px;
background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
background-position: -42px -88px;
}
.simply-scroll-btn-pause {
right: 6px;
bottom: 6px;
background-position: -168px -44px;
}
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
background-position: -168px -88px;
}
.simply-scroll-btn-pause.active {
background-position: -84px -44px;
}
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
background-position: -84px -88px;
}
/* Custom class modifications - override classees
.simply-scroll is default
*/
.simply-scroll { /* Customisable base class for style override DIV */
width: 980px;
height: 100px;
margin-bottom: 1em;
}
.simply-scroll .simply-scroll-clip {
width: 980px;
height: 100px;
}
.simply-scroll .simply-scroll-list {
}
.simply-scroll .simply-scroll-list li {
float: left;
width: 320px;
height: 100px;
}
.simply-scroll .simply-scroll-list li img {
margin:0 auto;
}
.simply-scroll .simply-scroll-btn {
}
.simply-scroll .simply-scroll-btn-left {
}
.simply-scroll .simply-scroll-btn-left.disabled {
}
.simply-scroll .simply-scroll-btn-left:hover {
}
.simply-scroll .simply-scroll-btn-right {
}
.simply-scroll .simply-scroll-btn-right.disabled {
}
.simply-scroll .simply-scroll-btn-right:hover {
}
.simply-scroll .simply-scroll-btn-up {
}
.simply-scroll .simply-scroll-btn-up.disabled {
}
.simply-scroll .simply-scroll-btn-up:hover {
}
.simply-scroll .simply-scroll-btn-down {
}
.simply-scroll .simply-scroll-btn-down.disabled {
}
.simply-scroll .simply-scroll-btn-down:hover {
}
/* Vertical scroller example */
.vert { /* wider than clip to position buttons to side */
width: 340px;
height: 400px;
margin-bottom: 1.5em;
}
.vert .simply-scroll-clip {
width: 290px;
height: 400px;
}
.vert .simply-scroll-list {
}
.vert .simply-scroll-list li {
width: 290px;
height: 200px;
}
.vert .simply-scroll-list li img {
}
.vert .simply-scroll-btn {
}
.vert .simply-scroll-btn-up { /* modified btn pos */
right: 0;
top: 0;
}
.vert .simply-scroll-btn-up.disabled {
}
.vert .simply-scroll-btn-up:hover {
}
.vert .simply-scroll-btn-down { /* modified btn pos */
right: 0;
top: 52px;
}
.vert .simply-scroll-btn-down.disabled {
}
.vert .simply-scroll-btn-down:hover {
}
/*.homeClientDiv #outerContainer {
width:100%;
height:auto;
margin:auto;
position:relative;
}
.homeClientDiv #imageScroller {
width:100%;
height:auto;
position:relative;
}
.homeClientDiv #viewer {
width:100%;
min-height:100px;
overflow:hidden;
margin:auto;
position:relative;
top:10px;
}
.homeClientDiv #imageScroller a:active, #imageScroller a:visited {
color:#000000;
}
.homeClientDiv #imageScroller a img {
}
.homeClientDiv #imageScroller a img:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden;
}
.homeClientDiv #controls {
width:534px;
height:47px;
position:absolute;
top:4px;
left:4px;
z-index:10;
}
.homeClientDiv #controls a {
width:37px;
height:35px;
position:absolute;
top:3px;
}
.homeClientDiv #controls a:active, #controls a:visited {
color:#0d0d0d;
}
.homeClientDiv #title {
color:#ffffff;
font-family:arial;
font-size:100%;
font-weight:bold;
width:100%;
text-align:center;
margin-top:10px;
}
.homeClientDiv #rtl {
left:100px;
}
.homeClientDiv #rtl:hover {
left:99px;
}
.homeClientDiv #ltr {
right:100px;
}
.homeClientDiv #ltr:hover {
}*/
/*.homeClientDiv #cf {
position:relative;
min-height:85px; text-align:center;
margin:0 32px;
}
.homeClientDiv #cf img {
position:absolute;
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.homeClientDiv #cf img.top:hover {
opacity:0;
}*/
/*----------Contact Page-----------*/
.map {
text-align:center;
margin:0 30px 10px 30px;
}
.map iframe {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(http://mutei.co.za/wp-content/themes/grayscale.html); /* Firefox 4+ */
filter: gray; /* IE 6-9 */
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
border-radius:50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.map1 {
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width:100%;
padding:5px;
width:500px;
height:500px;
margin-bottom:20px;
overflow:hidden;
}
.map2 {
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width:100%;
padding:5px;
width:350px;
height:350px;
margin-bottom:7em;
}
.addressDiv {
float:left;
width:324px;
}
.addressDiv h2 {
font:20px 'KhmerUIRegular';
margin-bottom:20px;
color:#3d3d3d;
}
.contactFormDiv {
float:left;
width:640px;
}
.contactFormDiv h2 {
font:20px 'KhmerUIRegular';
margin-bottom:20px;
color:#3d3d3d;
}
.cAdd {
background:url(images/cntadd.png) no-repeat left top;
padding-left:30px;
margin:10px 0;
}
.cCall {
background:url(images/cntcall.png) no-repeat left;
padding-left:30px;
margin-bottom:10px;
}
.cFax {
background:url(images/cntfax.png) no-repeat left;
padding-left:30px;
margin-bottom:10px;
}
.cMail {
background:url(images/cntmail.png) no-repeat left;
padding-left:30px;
margin-bottom:10px;
}
.cWeb {
background:url(images/cntweb.png) no-repeat left;
padding-left:30px;
margin-bottom:15px;
}
.contactFormDiv span {
color:#757575;
line-height:40px;
}
.contactFormDiv .txt {
border:1px solid #e6e6e6;
padding:7px 8px;
width:300px;
outline:none;
}
.contactFormDiv .txtarea {
border:1px solid #e6e6e6;
padding:7px 8px;
height:160px;
outline:none;
resize:vertical;
margin-bottom:10px;
width:683px;
}
.contactFormDiv .btn {
background-color:#800000;
padding:10px 15px;
color:#fff;
outline:none;
border:none;
border-radius:2px;
margin-bottom:20px;
cursor:pointer;
font-weight:bold;
}
/*---------------7 Reason-------------*/
.ReasonLDiv {
background:url(images/7-reason-cnt-Left.png) no-repeat left top;
padding-left:70px;
margin-right:24px;
width:430px;
float:left;
}
.ReasonLDiv .desc {
height:140px;
padding-top:18px;
}
.ReasonLDiv h2 {
margin-bottom:10px;
text-transform:uppercase;
}
.ReasonRDiv {
background:url(images/7-reason-cnt-right.png) no-repeat left top;
padding-left:70px;
width:430px;
float:left;
}
.ReasonRDiv .desc {
height:140px;
padding-top:18px;
}
.ReasonRDiv h2 {
margin-bottom:10px;
text-transform:uppercase;
}
.clientPage {
text-align:center;
}
.clientPage p {
text-align:center;
}
.clientPage h1 {
font:28px 'KhmerUIRegular';
}
.clientUL {
float:left;
margin:30px 0 0px 70px;
list-style-image:url(images/clientLiImg.png);
color:#4d4c4c;
text-align:left;
}
.clientUL li {
padding-left:10px;
font:15px 'KhmerUIRegular';
margin:20px 0;
}
/*---------------Client------------*/
.clientDiv {
background:url(images/divider2.png) no-repeat bottom;
padding-bottom:30px;
margin:30px 0;
width:100%;
}
.clientDiv img {
float:left;
width:240px;
margin-right:30px;
}
.clientDiv .Desc {
float:left;
width:740px;
}
.clientDiv .Desc p {
margin-bottom:20px;
}
/*---------------Business------------*/
#ob-businessDiv li:nth-child(even) .businessImg {
float:right;
}
#ob-businessDiv li:nth-child(even) .businessContent {
float:left;
}
.businessDiv {
background:url(images/divider2.png) no-repeat bottom;
padding-bottom:30px;
margin:30px 0;
width:100%;
}
.businessDiv .businessImg {
float:left;
margin:0 20px;
width:47%;
}
.businessDiv .businessContent {
float:right;
margin:0 20px;
width:44%;
}
/*---------------News------------*/
.newsDiv {
background:url(images/divider2.png) no-repeat bottom;
padding-bottom:50px;
margin:30px 0;
width:100%;
}
.newsDiv h1 {
text-transform:uppercase;
margin-bottom:20px;
}
.newsDiv .news {
float:right;
width:900px;
}
.author {
background:url(images/authr.png) no-repeat left;
padding-left:25px;
}
.newsDiv .news .ancr {
background-color:#800000;
padding:7px 10px;
color:#fff;
text-align:center;
border-radius:3px;
}
.cmnt {
background:url(images/cmnt.png) no-repeat left;
padding-left:25px;
margin-left:10px;
}
.newsDiv .datetime {
float:left;
margin-right:0px;
text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.newsDiv .datetime .mnth {
background:#222222;
padding:5px 10px;
color:#f8f8f8;
font:24px 'KhmerUIRegular';
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.newsDiv .datetime .dt {
padding:10px 15px;
background:#fb6604;
color:#fff;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
margin-bottom:8px;
}
.newsDiv .datetime .dt span {
line-height:20px;
font:16px 'KhmerUIRegular';
}
.newsDiv .datetime .dt b {
font:18px 'KhmerUIRegular';
}
.newsDiv .datetime strong {
font:18px 'KhmerUIRegular';
color:#fb6604;
line-height:20px;
}
.singleBlogHeading {
text-align:center;
}
.singleBlogHeading h1 {
margin:10px 0;
font:28px 'KhmerUIRegular';
text-transform:uppercase;
}
/*--------------Service page------------------*/
.serviceCatDiv {
float:left;
width:236px;
margin:20px 10px;
text-align:center;
}
.serviceCatDiv h1 {
margin:10px 0;
font:24px 'KhmerUIRegular';
text-transform:uppercase;
}
.serviceCatDiv p {
margin-bottom:10px;
text-align:center;
}
.serviceCatDiv img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+, IE10 */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
img.grayscale:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
.serviceContentDiv {
float:left;
width: 644px;
margin-left:24px;
margin-bottom:20px;
}
.serviceContentDiv img {
margin-bottom:20px;
border:1px solid #dedede;
padding:5px;
max-width: 100%;
}
.serviceListDiv {
float:left;
background:url(images/serviceShadow.png) no-repeat top right;
width:280px;
padding-right:20px;
}
.serviceListDiv .vat {
background:url(images/vat.png) no-repeat left top;
padding:13px 0 13px 60px;
margin-bottom:10px;
}
.serviceListDiv .bookkeeping {
background:url(http://mutei.co.za/wp-content/themes/images/bookkeeping.png) no-repeat left top;
padding:13px 0 13px 60px;
margin-bottom:10px;
}
.serviceListDiv .payroll {
background:url(http://mutei.co.za/wp-content/themes/images/payroll.png) no-repeat left top;
padding:13px 0 13px 60px;
margin-bottom:10px;
}
.serviceListDiv .acc {
background:url(images/acc.png) no-repeat left top;
padding:13px 0 13px 60px;
margin-bottom:10px;
}
.serviceListDiv .audit {
background:url(images/audit.png) no-repeat left top;
padding:13px 0 13px 60px;
margin-bottom:10px;
}
.serviceListDiv .tax {
background:url(http://mutei.co.za/wp-content/themes/images/tax.png) no-repeat left top;
padding:13px 0 13px 60px;
margin-bottom:10px;
}
.serviceListDiv .taxI {
background:url(http://mutei.co.za/wp-content/themes/images/taxI.png) no-repeat left top;
padding:13px 0 13px 60px;
}
.serviceListDiv .listHwr a h2 {
}
.serviceListDiv .listHwr:hover h2 {
color:#800000;
cursor:pointer;
}
.serviceListDiv .listHwr .slidingDiv {
margin:10px 0 0px 10px;
}
.serviceListDiv .listHwr .slidingDiv a {
color:#3d3d3d;
line-height:25px;
}
.serviceListDiv .listHwr .slidingDiv a:hover {
color:#800000;
}
.serviceListDiv .listHwr .slidingDiv a.active {
color:#800000;
}
.location {
text-align:center;
}
.location h1 {
font:28px 'KhmerUIRegular';
}
.location p {
font:18px 'KhmerUIRegular';
margin:3px auto;
text-align:center;
}
@media screen and (min-width:801px) and (max-width:1099px){
#ob-businessDiv li:nth-child(even) .businessImg {
float:right;
margin-right: 75px !important;
}
}
@media screen and (min-width:10px) and (max-width:436px){
.container h1.style_not_app{
font:16px 'khmeruiregular';
}
h2 {
font: 15px 'KhmerUIRegular';
color: #3d3d3d;
text-align: justify;
}
h2.sr{
font: 15px 'KhmerUIRegular';
color: #3d3d3d;
}
.singleBlogHeading h1{
font-size: 15px !important;
}
#commentform input[type=text],
#commentform input[type=email],
#comment{
width: 100% !important;
}
p.sr{
color: #757575;
line-height: 17px;
text-align: justify;
}
.tech_city_para2{
width: 260px;
text-align: justify;
margin: auto;
}
.serviceListDiv .vat {
background: url(images/vat.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .bookkeeping {
background: url(http://mutei.co.za/wp-content/themes/images/bookkeeping.png) no-repeat left top;
padding: 5px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .payroll {
background: url(http://mutei.co.za/wp-content/themes/images/payroll.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .acc {
background: url(images/acc.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .audit {
background: url(images/audit.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .tax {
background: url(http://mutei.co.za/wp-content/themes/images/tax.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .taxI {
background: url(http://mutei.co.za/wp-content/themes/images/taxI.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceContentDiv p{
line-height: 15px !important;
font-size: 12px !important;
}
.serviceListDiv{width: 38% !important;}
.serviceContentDiv{width: 44% !important;}
.serviceContentDiv img{width: 80% !important; height: auto !important;}
.tech_city_img {
width: 260px;
float: none;
}
.tech_city_para {
margin: auto;
float: none;
width: 260px;
padding-bottom: 20px;
}
.resondiv_img{
width: 200px;
margin: auto;
}
.resondiv_img img{
float:none;
width:100%;
}
.fl_cust{
width:200px;
}
.line_img{
width: 100%;
}
.cli_fl
{
width: 100%;
float: none;
}
.cli_fr
{
width: 100%;
float: none; margin-top: 8px;
}
.pageHeadingBG
{
padding: 20px 0;
}
.businessImg img
{
width:90% !important;
margin:auto;
}
.TopMenuBG
{
padding: 6px 0 !important;
}
body{
font-size:13px ;
}
#access{display:none !important;}
.primary-menu{margin-right:0px !important;}
.icon_div{display:block !important;}
.fix-header #logo{max-width: 150px !important; }
.sliderBG{height: 220px !important;}
.clientDiv .Desc{width: 300px !important;}
img.cloud_img{width:100%;}
.newsDiv .news{width: 300px !important;}
.container{width: 300px !important;}
.homeBigHeading{width: 300px !important;}
.simply-scroll{width: 90% !important;}
.simply-scroll .simply-scroll-clip{width: 90% !important;}
.footerDiv{ float:none !important;}
.fix-header .contactNo{display: block !important; margin-left: 10px;}
.divider2{width: 300px !important;}
.contactFormDiv{width: 100% !important;}
.contactFormDiv .txt{width: 100% !important;}
.contactFormDiv .txtarea{width: 100% !important;}
input#txtsubject{width: 100% !important;}
.fl.width{width: 430px !important;}
.businessDiv .businessImg{margin: 0 20px !important;}
.businessDiv .businessContent{
margin: 3px auto !important;
width: 80% !important;
float: none !important;
}
div#map_canvas{ width: 88% !important;
margin: auto;}
div#map_canvas_2{ width: 88% !important;
margin: auto;}
img.alignnone.size-full.wp-image-683{width: 100% !important;}
img.alignnone.size-full.wp-image-632{width: 100% !important;}
img.alignnone.size-full.wp-image-591{width: 100% !important;}
.map1{width: 100%!important;}
.map2{width: 100%!important;}
.homeListDiv .contentDiv{width: 300px !important;}
.ReasonLDiv{width: 200px !important;}
.ReasonRDiv{width: 200px !important; margin-top: 90px;}
.p_width{width: 480px !important;}
img.alignnone.size-full.wp-image-204{width: 100% !important;}
.home-container {
padding-top:0px;
}
.siteBG a{ font:13px 'KhmerUIRegular';}
.fb,
.tw,
.in,
.sk{
display: none;
}
.fix-header{
position: relative;
min-width: 300px;
}
#content{
padding-top: 0px;
}
.serviceListDiv .listHwr .slidingDiv {
margin: -9px 0 0px 50px;
}
.footerCateDiv{float:none !important;}
.fr .right{
position: relative;
right: -12px;
}
.siteBG .fl {
float: none;
margin: auto;
width: 200px;
}
.siteBG .fr {
float: none;
margin: auto;
width: 285px;
}
.fr .icon_div{
position: relative;
left: 46px;
width: 29px;
top: 40px;
}
.fix-header span {
color: #737373;
font-size: 11px;
}
.homeCatDiv {
width: 300px;
float: none;
margin: 30px 5px;
margin: auto;
}
.homeBigHeading p{
color: #757575;
line-height: 20px;
text-align: justify;
width: 300px;
margin: auto;
}
.homeEventDiv {
width: 300px;
float: none;
margin: auto;
}
.homeEventDiv img
{
width:100% !important;
}
.homeListDiv {
margin: 30px 0;
width: 300px;
margin: auto;
padding-bottom: 20px;
}
.homeListDiv .contentDiv {
float: none;
}
.homeListDiv .contentDiv p,
.homeListDiv .contentDiv li
{
text-align: justify;
}
.box_title{
width: 300px;
margin: auto;
}
.contentDiv{
width:300px;
}
.homeListDiv img.box_img{
float: none;
margin-right: 30px;
width: 100%;
}
.fix-header #logo {
width: 99px;
margin: 23px 0px;
float: left;
}
.fr {
float: right;
width: 100%;
margin-right: 17px;
margin-top: -5px;
position: relative;
}
.logoright
{
width: 173px !important;
}
.open_menu{
position: absolute;
width: 28px;
height: 19px;
z-index: 1000;
left: 182px;
top: 38px;
}
.open_submenu{
position: absolute;
width: 85px;
height: 28px;
z-index: 1014;
left: 104px;
top: 57px;
display:none;
}
.primary-menu li a {
font: 11px 'KhmerUIRegular';
padding: 0px 1px;
color: #535353;
}
.primary-menu{
float: none;
}
.homeBigHeading h1 {
margin-bottom: 30px;
font: 19px 'KhmerUIRegular';
width: 315px;
margin: auto;
}
.footerDiv {
float: none;
width: 100%;
margin: auto;
padding-left: 0;
}
.footerCateDiv {
float: none;
width: 250px;
padding-left: 66px;
margin: auto;
}
.footerContactDiv {
float: none;
width: 250px;
margin: auto;
padding-left: 31px;
}
.homeCatHeading1 {
background: url(images/headBg1.png) no-repeat left;
padding-left: 48px;
min-height: 54px;
background-size: 47px 48px;
margin-top: 20px;
background-position: 0px 0px;
}
#arn_slider{
height: 195px !important;
}
.slider_left_side {
width: 40% !important;
float: left;
margin-left: 1px;
}
.slider_left_side img {
width: 134px;
height: 147px;
margin-left: -13px;
margin-top: 21px;
}
.slider_right_side img{
width: 138px;
height: 145px;
margin-top: 23px;
}
.slider_right_side img.old_man{
width: 150px;
height: 161px;
margin-top: 6px;
}
.slider_right_side img.tool{
width:150px;
height:100px;
margin-top:25px;
}
.slider_right_side{
width:45% !important;
float:left;
}
.slider_left_side img.slid_heading,
.slider_right_side img.slid_heading{
width: 100px;
height: 35px;
margin-top: 45px;
}
.slider_left_side img.slid_btn,
.slider_right_side img.slid_btn {
width: 130px;
height: 18px;
margin-top: 1px;
}
.slider_left_side img.slid_para,
.slider_right_side img.slid_para{
width: 130px;
height: 43px;
margin-top: 6px;
}
.slider_inner{
width:80%;
margin:auto;
padding-top: 25px;
}
.carousel-indicators{
top:174px;
}
.carousel-indicators li {
display: inline-block;
width: 13px;
height: 13px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: -1px 0px;
border-radius: 100%;
background-size: 14px 28px;
}
.carousel-indicators li:hover{
display: inline-block;
width: 13px;
height: 13px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: -1px -14px;
border-radius: 100%;
}
.carousel-indicators .active {
display: inline-block;
width: 13px;
height: 13px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: -1px -14px;
border-radius: 100%;
}
#access1 .menu-header, div.menu {
top: -3px;
list-style: none;
border-right: 1px solid #e5e5e5;
left: 69px;
width: 90px;
z-index: 99999;
border: 1px solid #c7c7c7;
-webkit-box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
-moz-box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
padding-bottom: 2px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
}
#access1 ul a {
line-height: 1em;
padding: 0px 10px 10px 10px;
width: 58px;
height: auto;
background: #fff;
z-index: 9999;
border-bottom: 1px dashed #c7c7c7;
font-size: 8px;
}
#access1 ul ul {
display: none;
position: absolute;
left: 70px;
width: 90px;
z-index: 99999;
border: 1px solid #c7c7c7;
-webkit-box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
-moz-box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
margin-top: -35px;
margin-left: -160px;
padding-bottom: 2px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#access1 ul ul a {
line-height: 1em;
padding: 0px 10px 10px 10px;
width: 47px;
height: auto;
background: #fff;
z-index: 9999;
border-bottom: 1px dashed #c7c7c7;
}
#access1 ul ul ul {
left: 78%;
}
}
@media screen and (min-width:438px) and (max-width:520px){
#access1 .menu-header, div.menu {
top: -3px;
list-style: none;
border-right: 1px solid #e5e5e5;
left: 69px;
width: 120px;
z-index: 99999;
border: 1px solid #c7c7c7;
-webkit-box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
-moz-box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
padding-bottom: 2px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
}
#access1 ul a {
line-height: 1em;
padding: 0px 10px 10px 10px;
width: 58px;
height: auto;
background: #fff;
z-index: 9999;
border-bottom: 1px dashed #c7c7c7;
font-size: 10px;
}
#access1 ul ul {
display: none;
position: absolute;
left: 40px;
width: 120px;
z-index: 99999;
border: 1px solid #c7c7c7;
-webkit-box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
-moz-box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
box-shadow: 2px 2px 12px rgba(50, 50, 50, 0.35);
margin-top: -35px;
margin-left: -160px;
padding-bottom: 2px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#access1 ul ul a {
line-height: 1em;
padding: 0px 10px 10px 10px;
width: 47px;
height: auto;
background: #fff;
z-index: 9999;
border-bottom: 1px dashed #c7c7c7;
}
#access1 ul ul ul {
left: 46%;
}
.open_submenu {
position: absolute;
width: 110px;
height: 30px;
z-index: 1014;
left: 106px;
top: 62px;
display: none;
}
}
@media screen and (min-width:437px) and (max-width:500px){
.container h1.style_not_app{
font:16px 'khmeruiregular';
}
h2.sr{
font: 15px 'KhmerUIRegular';
color: #3d3d3d;
}
p.sr{
color: #757575;
line-height: 17px;
text-align: justify;
}
.serviceListDiv .listHwr .slidingDiv {
margin: -2px 0 0px 51px;
}
.singleBlogHeading h1{
font-size: 18px !important;
}
#commentform input[type=text],
#commentform input[type=email],
#comment{
width: 92% !important;
}
.post-content {
width: 99%;
margin: auto !important;
}
.resondiv_img{
width: 300px;
margin: auto;
}
.tech_city_para2{
width: 335px;
text-align: justify;
margin: auto;padding-bottom: 20px;
}
.tech_city_img {
width: 335px;
float: none;
margin: auto;
}
.tech_city_img img{
margin: 0px !important;
float: none;
}
.tech_city_para {
margin: auto;
float: none;
width: 335px;
padding-bottom: 20px;
}
.resondiv_img img{
float:none;
width:100%;
}
.fl_cust{
width:300px;
}
.line_img{
width: 100%;
}
body{
font-size:13px ;
}
#access{display:none !important;}
.primary-menu{margin-right:0px !important;}
.icon_div{display:block !important;}
.fix-header #logo{max-width: 150px !important; }
.sliderBG{height: 220px !important;}
.clientDiv .Desc{width: 410px !important;}
img.cloud_img{width:100%;}
.newsDiv .news{width: 300px !important;}
.container{width: 413px!important;}
.homeBigHeading{width: 300px !important;}
.simply-scroll{width: 380px !important;}
.simply-scroll .simply-scroll-clip{width: 360px !important;}
.footerDiv{ float:none !important;}
.fix-header .contactNo{display: block !important; margin-left: 10px;}
.divider2{width: 100% !important;}
.contactFormDiv{width: 100% !important;}
.contactFormDiv .txt{width: 92% !important;}
.contactFormDiv .txtarea{width: 92% !important;}
input#txtsubject{width: 92% !important;}
.fl.width{width: 430px !important;}
.businessDiv .businessImg{width: 375px !important;}
.businessDiv .businessImg img{width: 100% !important;}
.businessDiv .businessContent{
margin: 3px auto !important;
width: 80% !important;
float: none !important;
}
div#map_canvas{ width: 90%!important;
margin: auto;}
div#map_canvas_2{ width: 90%!important;
margin: auto;}
.serviceListDiv .vat {
background: url(images/vat.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .bookkeeping {
background: url(http://mutei.co.za/wp-content/themes/images/bookkeeping.png) no-repeat left top;
padding: 5px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .payroll {
background: url(http://mutei.co.za/wp-content/themes/images/payroll.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .acc {
background: url(images/acc.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .audit {
background: url(images/audit.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .tax {
background: url(http://mutei.co.za/wp-content/themes/images/tax.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceListDiv .taxI {
background: url(http://mutei.co.za/wp-content/themes/images/taxI.png) no-repeat left top;
padding: 7px 0 0px 45px;
margin-bottom: 10px;
background-size: 28px 28px;
}
.serviceContentDiv p{
line-height: 15px !important;
font-size: 12px !important;
}
.serviceListDiv{width: 38% !important;}
.serviceContentDiv{width: 44% !important;}
.serviceContentDiv img{width: 80% !important; height: auto !important;}
img.alignnone.size-full.wp-image-683{width: 100% !important;}
img.alignnone.size-full.wp-image-632{width: 100% !important;}
img.alignnone.size-full.wp-image-591{width: 100% !important;}
.map1{width: 380px !important;}
.homeListDiv .contentDiv{width: 300px !important;}
.ReasonLDiv{width: 300px !important;}
.ReasonRDiv{width: 300px !important;}
.p_width{width: 480px !important;}
img.alignnone.size-full.wp-image-204{width: 100% !important;}
.home-container {
padding-top:0px;
}
.siteBG a{ font:13px 'KhmerUIRegular';}
.fb,
.tw,
.in,
.sk{
display: none;
}
.fix-header{
position: relative;
min-width: 420px;
}
#content{
padding-top: 0px;
}
.footerCateDiv{float:none !important;}
.fr .right{
position: relative;
right: -12px;
}
.siteBG .fl {
float: none;
margin: auto;
width: 200px;
}
.siteBG .fr {
float: none;
margin: auto;
width: 285px;
}
.open_menu{
position: absolute;
width: 28px;
height: 19px;
z-index: 1000;
left: 182px;
top: 38px;
}
.open_submenu{
position: absolute;
width: 157px;
height: 28px;
z-index: 1014;
left: 41px;
top: 64px;
display: none;
}
.fr .icon_div{
position: relative;
left: 13px;
width: 29px;
top: 45px;
}
.homeCatDiv {
width: 300px;
float: none;
margin: 30px 5px;
margin: auto;
}
.homeBigHeading p{
color: #757575;
line-height: 20px;
text-align: justify;
width: 300px;
margin: auto;
}
.homeEventDiv {
width: 330px;
float: none;
margin: auto;
}
.homeListDiv {
margin: 30px 0;
width: 300px;
margin: auto;
padding-bottom: 20px;
}
.homeListDiv .contentDiv {
float: none;
}
.homeListDiv .contentDiv p,
.homeListDiv .contentDiv li
{
text-align: justify;
}
.box_title{
width: 300px;
margin: auto;
}
.contentDiv{
width:300px;
}
.homeListDiv img.box_img{
float: none;
margin-right: 30px;
width: 100%;
}
.fix-header #logo {
width: 150px;
margin: 26px 18px;
float: left;
}
.fr {
float: right;
width: 207px;
margin-right: 17px;
margin-top: -5px;
position: relative;
}
.primary-menu li a {
font: 13px 'KhmerUIRegular';
padding: 0px 3px;
color: #535353;
}
.primary-menu{
float: none;
}
.homeBigHeading h1 {
margin-bottom: 30px;
font: 19px 'KhmerUIRegular';
width: 315px;
margin: auto;
}
.footerDiv {
float: none;
width: 97%;
margin: auto;
padding-left: 0px;
}
.footerCateDiv {
float: none;
width: 250px;
padding-left: 66px;
margin: auto;
}
.footerContactDiv {
float: none;
width: 250px;
margin: auto;
padding-left: 31px;
}
.homeCatHeading1 {
background: url(images/headBg1.png) no-repeat left;
padding-left: 48px;
min-height: 54px;
background-size: 47px 48px;
margin-top: 20px;
background-position: 0px 0px;
}
#arn_slider{
height: 195px !important;
}
.slider_left_side {
width: 40% !important;
float: left;
margin-left: 1px;
}
.slider_left_side img{
width: 181px;
height: 162px;
margin-left: -13px;
}
.slider_right_side img{
width: 181px;
height: 158px;
}
.slider_right_side img.old_man{
width: 150px;
height: 161px;
margin-top: 6px;
}
.slider_right_side img.tool{
width:150px;
height:100px;
margin-top:25px;
}
.slider_right_side{
width:45% !important;
float:left;
}
.slider_left_side img.slid_heading,
.slider_right_side img.slid_heading{
width: 100px;
height: 35px;
margin-top: 15px;
}
.slider_left_side img.slid_btn,
.slider_right_side img.slid_btn{
width: 150px;
height: 20px;
margin-top: 10px;
}
.slider_left_side img.slid_para,
.slider_right_side img.slid_para{
width: 151px;
height: 50px;
margin-top: 10px;
}
.slider_inner{
width:80%;
margin:auto;
padding-top: 25px;
}
.carousel-indicators{
top:174px;
}
.carousel-indicators li {
display: inline-block;
width: 13px;
height: 13px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: -1px 0px;
border-radius: 100%;
background-size: 14px 28px;
}
.carousel-indicators li:hover{
display: inline-block;
width: 13px;
height: 13px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: -1px -14px;
border-radius: 100%;
}
.carousel-indicators .active {
display: inline-block;
width: 13px;
height: 13px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: -1px -14px;
border-radius: 100%;
}
}
@media screen and (min-width:501px) and (max-width:550px){
.contactFormDiv{width: 100% !important;}
.contactFormDiv .txt{width: 92% !important;}
.contactFormDiv .txtarea{width: 92% !important;}
input#txtsubject{width: 92% !important;}
.serviceListDiv .listHwr .slidingDiv {
margin: -2px 0 0px 51px;
}
}
@media screen and (min-width:501px) and (max-width:599px){
.homeCatDiv {
width: 330px;
float: none;
margin: auto;
margin-top: 25px;
}
.homeEventDiv {
width: 330px;
float: none;
margin: auto;
}
.fb,
.tw,
.in,
.sk{
display: none;
}
.fix-header #logo {
max-width: 217px !important;
padding: 3px 0;
float: left;
}
.fr {
float: right;
padding: 5px 0px;
}
.icon_div {
height: 20px;
width: 40px;
margin-top: 21px;
margin-left: 10px;
background: url(images/images.png) no-repeat;
}
#arn_slider{
height: 220px !important;
}
.slider_left_side {
width: 40% !important;
float: left;
margin-left: 12px;
position: relative;
left: 50px;
}
.slider_left_side img{
width: 183px;
height: 193px;
margin-left: -35px;
}
.slider_right_side img{
width: 195px;
height: 195px;
}
.slider_right_side img.old_man{
width: 171px;
height: 204px;
margin-top: -11px;
}
.slider_right_side img.tool{
width:150px;
height:100px;
margin-top:25px;
}
.slider_right_side{
width:40% !important;
float:left;
}
.slider_left_side img.slid_heading,
.slider_right_side img.slid_heading{
width: 128px;
height: 40px;
margin-top: 15px;
}
.slider_left_side img.slid_btn,
.slider_right_side img.slid_btn{
width: 158px;
height: 23px;
margin-top: 10px;
}
.slider_left_side img.slid_para,
.slider_right_side img.slid_para{
width: 168px;
height: 50px;
margin-top: 10px;
}
.slider_inner{
width:80%;
margin:auto;
padding-top: 25px;
}
.carousel-indicators{
top:190px;
}
.carousel-indicators li {
display: inline-block;
width: 13px;
height: 13px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: -1px 0px;
border-radius: 100%;
background-size: 14px 28px;
}
.carousel-indicators li:hover{
display: inline-block;
width: 13px;
height: 13px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: -1px -14px;
border-radius: 100%;
}
.tech_city_para2{
width: 400px;
text-align: justify;
margin: auto;padding-bottom: 20px;
}
.tech_city_img {
width: 400px;
float: none;
margin: auto;
}
.tech_city_img img{
margin: 0px !important;
float: none;
}
.tech_city_para {
margin: auto;
float: none;
width: 400px;
padding-bottom: 20px;
}
.carousel-indicators .active {
display: inline-block;
width: 13px;
height: 13px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: -1px -14px;
border-radius: 100%;
}
.ReasonLDiv{width: 365px !important;}
.ReasonRDiv{width: 365px !important;}
h2.sr{
font: 15px 'KhmerUIRegular';
color: #3d3d3d;
}
p.sr{
color: #757575;
line-height: 17px;
text-align: justify;
}
.resondiv_img{
width: 345px;
margin: auto;
}
.resondiv_img img{
float:none;
width:100%;
}
.fl_cust{
width:365px;
}
.line_img{
width: 100%;
}
.businessDiv .businessContent{
margin: 3px auto !important;
width: 90% !important;
float: none !important;
}
}
@media screen and (min-width:501) and (max-width:600px){
.fr{
position: relative;
}
.open_menu{
position: absolute;
width: 28px;
height: 23px;
z-index: 1000;
left: 10px;
top: 28px;
}
.open_submenu{
position: absolute;
width: 157px;
height: 28px;
z-index: 1014;
left: -128px;
top: 57px;
display: none;
}
}
@media screen and (min-width:701px) and (max-width:768px){
.fr{
position: relative;
}
.open_menu{
position: absolute;
width: 28px;
height: 23px;
z-index: 1000;
left: 10px;
top: 28px;
}
.open_submenu{
position: absolute;
width: 157px;
height: 28px;
z-index: 1014;
left: -128px;
top: 57px;
display: none;
}
}
@media screen and (min-width:769px) and (max-width:800px){
.fr{
position: relative;
}
.open_menu{
position: absolute;
width: 28px;
height: 23px;
z-index: 1000;
left: 113px;
top: 21px;
}
.open_submenu{
position: absolute;
width: 157px;
height: 28px;
z-index: 1014;
left: -28px;
top: 53px;
display: none;
}
}
@media screen and (min-width:601px) and (max-width:800px){
.businessDiv .businessImg{
width: 468px !important;
margin: auto !important;
}
.businessDiv .businessImg img{
width: 100% !important;
}
.businessDiv .businessContent{
margin-top: 15px !important; width: 468px !important;
margin: auto !important;
}
img.alignnone{
float: none !important;
}
}
@media screen and (min-width:701px) and (max-width:903px){
.tech_city_para2{
width: 650px;
text-align: justify;
margin: auto;padding-bottom: 20px;
}
.tech_city_img {
width: 650px !important;
float: none !important;
margin: auto;
}
.tech_city_img img{
margin: 0px !important;
float: none !important;
}
.tech_city_para {
margin: auto;
float: none !important;
width: 650px !important;
padding-bottom: 20px;
}
}
@media screen and (min-width:600px) and (max-width:902px){
.listHwr a h2
{
font:13px 'KhmerUIRegular';
color: #3d3d3d;
min-height: 18px;
}
.serviceListDiv .audit
{
width: 100px;
}
.homeCatDiv{
width: 330px;
float:none;
margin: auto;
margin-top: 40px;
}
.img_class_1 img{
width:100%;
}
.homeBigHeading {
background: url(images/headbtm.jpg) no-repeat center bottom;
padding-bottom: 40px;
margin: 30px auto;
text-align: center;
width: 336px;
}
.homeBigHeading p{
text-align: justify;
width: 330px;
margin:auto;
}
.homeEventDiv{
width: 330px;
float: none;
margin:auto;
margin-top: 30px;
overflow:hidden;
}
.homeListDiv{
margin:auto;
margin-top:30px;
width:336px;
padding-bottom:30px;
}
.homeListDiv img.box_img {
float: none;
width: 100%;
}
.homeListDiv .contentDiv{
float:none;
width:336px;
margin:auto;
}
.box_title{
width:330px;
}
.client_title{
width:330px;
margin:auto;
}
.homeListDiv .contentDiv ul li{
color: #757575;
line-height: 20px;
margin-bottom: 13px;
width: 330px;
text-align: justify;
}
.contentDiv p{
color: #757575;
line-height: 20px;
text-align: justify;
width: 330px;
}
.footerDiv{
float: none;
width: 330px !important;
margin: auto;
padding: 20px 0px 20px 0px;
}
.footerCateDiv{
float: none;
width: 250px;
margin: auto;
padding: 20px 0px 20px 0px;
}
.footerContactDiv{
float: none;
width: 250px;
margin: auto;
padding: 20px 0px 20px 0px;
}
}
@media screen and (min-width:901px) and (max-width:1020px){
.container_outer{
width:100%;
}
.container{
width:880px;
margin:auto;
}
.homeCatDiv{
width: 280px;
float:left;
margin-top: 30px;
padding:2px;
}
.img_class_1 img{
width:100%;
}
.homeBigHeading {
background: url(images/headbtm.jpg) no-repeat center bottom;
padding-bottom: 40px;
margin: 30px auto;
text-align: center;
}
.homeBigHeading p{
text-align: justify;
margin:auto;
}
.homeBigHeading h1{
margin-botttom:20px;
}
.homeEventDiv{
width: 250px;
float: left;
margin: auto;
margin-top: 30px;
overflow: hidden;
padding: 20px;
}
.homeListDiv{
margin:auto;
margin-top:30px;
/*idth:900px;*/
padding-bottom:30px;
}
.homeListDiv img.box_img {
float: left;
width: 400px;
}
.homeListDiv .contentDiv{
float:left;
width:300px;
}
.box_title{
width:300px;
}
.homeListDiv .contentDiv ul li{
color: #757575;
line-height: 20px;
width: 400px;
text-align: justify;
}
.contentDiv p{
color: #757575;
line-height: 20px;
text-align: justify;
width: 400px;
}
.footerDiv{
float: left;
width: 270px;
margin: 0px 10px 0px 0px;
}
.footerCateDiv{
float: left;
width: 200px;
margin: 0px 10px 0px 0px;
}
.footerContactDiv{
float: left;
width: 214px;
margin: 0px;
}
#arn_slider{
height: 400px !important;
}
.slider_left_side {
width: 40% !important;
float: left;
margin-left: 1px;
}
.slider_left_side img{
width: 372px;
height: 372px;
margin-left: -55px;
}
.slider_right_side img{
width: 360px;
height: 374px;
}
.slider_right_side img.old_man{
width: 352px;
height: 384px;
margin-top: -11px;
}
.slider_right_side img.tool{
width:150px;
height:100px;
margin-top:25px;
}
.slider_right_side{
width:45% !important;
float:left;
}
.slider_left_side img.slid_heading,
.slider_right_side img.slid_heading{
width: 300px;
height: 85px;
margin-top: 102px;
}
.slider_left_side img.slid_btn,
.slider_right_side img.slid_btn{
width: 335px;
height: 45px;
margin-top: 20px;
}
.slider_left_side img.slid_para,
.slider_right_side img.slid_para{
width: 350px;
height: 61px;
margin-top: 27px;
}
.slider_inner{
width:80%;
margin:auto;
padding-top: 25px;
}
.carousel-indicators{
top:370px;
}
.carousel-indicators li {
display: inline-block;
width: 18px;
height: 18px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px 0px;
border-radius: 100%;
background-size: 18px 36px;
}
.carousel-indicators li:hover{
display: inline-block;
width: 18px;
height: 18px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -17px;
border-radius: 100%;
background-size: 18px 36px;
}
.carousel-indicators .active {
display: inline-block;
width: 18px;
height: 18px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -17px;
border-radius: 100%;
background-size: 18px 36px;
}
.serviceContentDiv{
width:533px !important;
}
}
@media screen and (min-width:1021px) and (max-width:1200px){
.container_outer{
width:100%;
}
.container{
width:1000px;
margin:auto;
}
.homeCatDiv{
width: 318px;
float:left;
margin-top: 30px;
padding:2px;
}
.img_class_1 img{
width:100%;
}
.homeBigHeading {
background: url(images/headbtm.jpg) no-repeat center bottom;
padding-bottom: 40px;
margin: 30px auto;
text-align: center;
}
.homeBigHeading p{
text-align: justify;
margin:auto;
}
.homeBigHeading h1{
margin-botttom:20px;
}
.homeEventDiv{
width: 292px;
float: left;
margin: auto;
margin-top: 30px;
overflow: hidden;
padding: 20px;
}
.homeListDiv{
margin:auto;
margin-top:30px;
width:1000px;
padding-bottom:30px;
}
.homeListDiv img.box_img {
float: left;
width: 465px;
}
.homeListDiv .contentDiv{
float:left;
width:300px;
}
.box_title{
width:300px;
}
.homeListDiv .contentDiv ul li{
color: #757575;
line-height: 20px;
width: 400px;
text-align: justify;
}
.contentDiv p{
color: #757575;
line-height: 20px;
text-align: justify;
width: 400px;
}
.footerDiv{
float: left;
width: 270px;
margin: 0px 10px 0px 0px;
}
.footerCateDiv{
float: left;
width: 200px;
margin: 0px 10px 0px 0px;
}
.footerContactDiv{
float: left;
width: 214px;
margin: 0px;
}
#arn_slider{
height: 450px !important;
}
.slider_left_side {
width: 40% !important;
float: left;
margin-left: 1px;
}
.slider_left_side img{
width: 400px;
height: 423px;
margin-left: -50px;
}
.slider_right_side img{
width: 380px;
height: 423px;
}
.slider_right_side img.old_man{
width: 352px;
height: 434px;
margin-top: -11px;
}
.slider_right_side img.tool{
width:380px;
height:434px;
margin-top:25px;
}
.slider_right_side{
width:45% !important;
float:left;
}
.slider_left_side img.slid_heading,
.slider_right_side img.slid_heading{
width: 350px;
height: 111px;
margin-top: 70px;
}
.slider_left_side img.slid_btn,
.slider_right_side img.slid_btn{
width: 375px;
height: 49px;
margin-top: 20px;
}
.slider_left_side img.slid_para,
.slider_right_side img.slid_para{
width: 375px;
height: 49px;
margin-top: 20px;
}
.slider_inner{
width:80%;
margin:auto;
padding-top: 25px;
}
.carousel-indicators{
top:400px;
}
.carousel-indicators li {
display: inline-block;
width: 24px;
height: 24px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px 0px;
border-radius: 100%;
background-size: 24px 48px;
}
.carousel-indicators li:hover{
display: inline-block;
width: 24px;
height: 24px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -23px;
border-radius: 100%;
background-size: 24px 48px;
}
.carousel-indicators .active {
display: inline-block;
width: 24px;
height: 24px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -23px;
border-radius: 100%;
background-size: 24px 48px;
}
}
@media screen and (min-width:901px) and (max-width:1099px){
.businessDiv .businessContent {
width: 40%;
}
#access{display:none !important;}
/*.fix-header #logo{max-width: 240px !important;}*/
.sliderBG{height: 420px !important;}
.width{width: 320px !important;}
.fix-header .container{width:770px;}
.simply-scroll{width: 755px !important;}
.simply-scroll .simply-scroll-clip{width: 745px !important;}
.newsDiv .news{width: 680px !important;}
.divider2{width: 765px !important;}
.cloud_img{width:100%;}
.ReasonLDiv{width: 330px !important;}
.ReasonRDiv{width: 265px !important;}
.p_width{width:365px !important;}
img.alignnone.size-full.wp-image-204{width: 350px !important; height: 350px !important;}
.clientUL{margin-top:10px !important;}
.businessDiv .businessImg{width:380px !important;}
.businessImg_width{width: 380px !important;}
div#map_canvas{width: 760px !important; margin: auto;}
div#map_canvas_2{width: 760px !important; margin: auto;}
.clientDiv .Desc{width: 67% !important;}
.icon_div{display:block !important;}
.home_cont{ margin-top:60px;}
.clientDiv .Desc{
float: left;
width: 615px;
}
.primary-menu{
float:right;
}
.fr{
margin-top:18px;
}
.serviceCatDiv{
float: left;
width: 236px;
margin: 45px;
text-align: center;
}
.tech_city_img{
float:left;
width:350px;
}
.tech_city_para{
float:left;
width:450px;
}
.businessDiv .businessContent {
}
.icon_div{
position: relative;
width: 40px;
height: 28px;
top: -6px;
left: -2px;
}
.fr .right{
position: relative;
left: 120px;
top: -24px;
}
.addressDiv_cont{
width:800px;
margin: auto;
}
.add_2{
float: left;
}
.add_1{
float: right;
}
.addressDiv{
width: 600px !important;
margin: 10px 72px;
}
.contactFormDiv{
float: none;
}
.open_menu{
position: absolute;
width: 28px;
height: 26px;
z-index: 1000;
left: 110px;
top: 15px;
}
.open_submenu{
position: absolute;
width: 157px;
height: 28px;
z-index: 1000;
left: -26px;
top: 39px;
display: none;
}
}
@media screen and (min-width:400px) and (max-width:599px){
.serviceCatDiv{
float: none;
width: 236px;
margin: 20px auto;
text-align: center;
}
}
@media screen and (min-width:600px) and (max-width:799px){
.serviceCatDiv{
float: left;
width: 236px;
margin: 35px;
text-align: center;
}
.ReasonLDiv,
.ReasonRDiv{
background: url(images/7-reason-cnt-Left.png) no-repeat left top;
padding-left: 70px;
margin-right: 24px;
width: 330px;
float: none;
margin: auto;
}
}
@media screen and (min-width:724px) and (max-width:1200px){
.give_margin{
margin: auto;
width: 628px;
}
.resondiv_img img{
float:none;
width:100%;
}
.resondiv_img{
width:350px;
margin:auto;
}
}
@media screen and (min-width:800px) and (max-width:900px){
.businessDiv .businessContent{
width: 222px !important;
}
.fr {
float: right;
margin-top: 18px;
}
}
@media screen and (min-width:480px) and (max-width:799px){
.businessDiv .businessContent{
float: none;
margin: 0 57px;
width: 461px;
}
#ob-businessDiv li:nth-child(even) .businessImg {
float: none;
}
}
@media screen and (min-width:903px) and (max-width:1200px){
.fix-header #logo {
max-width: 258px;
margin: 35px -12px;
float: left;
}
}
@media screen and (min-width:1023px) and (max-width:1100px){
.homeCatHeading1 {
background: url(images/headBg1.png) no-repeat left;
padding-left: 54px;
min-height: 54px;
background-size: 48px 49px;
}
.homeCatHeading2 {
background: url(images/headBg2.png) no-repeat left;
padding-left: 54px;
min-height: 54px;
background-size: 48px 49px;
}
.homeCatHeading3 {
background: url(images/headBg3.png) no-repeat left;
padding-left: 54px;
min-height: 54px;
background-size: 48px 49px;
}
}
@media screen and (min-width:901px) and (max-width:1028px){
.homeCatDiv {
width: 278px;
float: left;
margin-top: 30px;
padding: 2px;
}
.homeCatHeading1 {
background: url(images/headBg1.png) no-repeat left;
padding-left: 54px;
min-height: 54px;
background-size: 48px 49px;
}
.homeCatHeading2 {
background: url(images/headBg2.png) no-repeat left;
padding-left: 54px;
min-height: 54px;
background-size: 48px 49px;
}
.homeCatHeading3 {
background: url(images/headBg3.png) no-repeat left;
padding-left: 54px;
min-height: 54px;
background-size: 48px 49px;
}
.fr {
margin-top: -39px;
margin-right: 60px;
}
.homeCatDiv p {
margin-top: 20px;
margin-bottom: 10px;
font:12px 'KhmerUIRegular';
}
.homeCatDiv h2 {
font:15px 'KhmerUIRegular';
padding-top: 19px;
}
.fr .right {
position: relative;
top: -19px;
left: 235px;
}
.icon_div{
position: relative;
top: 52px;
}
}
@media screen and (min-width:801px) and (max-width:900px){
.footerDiv {
float: none;
width: 414px !important;
margin: auto;
padding: 21px 0px 20px 80px;
}
.fr {
float: right;
padding: 5px 0px;
margin-left: 5px;
margin-top: 10px;
position: relative;
}
.icon_div {
height: 20px;
width: 42px;
margin-top: -4px;
margin-left: 10px;
background: url(images/images.png) no-repeat;
display: none;
}
.fb,
.tw,
.in,
.sk{
margin-top:2px;
}
.fix-header #logo {
max-width: 258px;
margin: 30px -21px;
float: left;
}
#arn_slider{
height: 400px !important;
}
.slider_left_side {
width: 40% !important;
float: left;
margin-left: 1px;
}
.slider_left_side img{
width: 372px;
height: 372px;
margin-left: -55px;
}
.slider_right_side img{
width: 360px;
height: 374px;
}
.slider_right_side img.old_man{
width: 352px;
height: 384px;
margin-top: -11px;
}
.slider_right_side img.tool{
width:150px;
height:100px;
margin-top:25px;
}
.slider_right_side{
width:45% !important;
float:left;
}
.slider_left_side img.slid_heading,
.slider_right_side img.slid_heading{
width: 300px;
height: 85px;
margin-top: 102px;
}
.slider_left_side img.slid_btn,
.slider_right_side img.slid_btn{
width: 335px;
height: 45px;
margin-top: 20px;
}
.slider_left_side img.slid_para,
.slider_right_side img.slid_para{
width: 350px;
height: 61px;
margin-top: 27px;
}
.slider_inner{
width:80%;
margin:auto;
padding-top: 25px;
}
.carousel-indicators{
top:370px;
}
.carousel-indicators li {
display: inline-block;
width: 18px;
height: 18px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px 0px;
border-radius: 100%;
background-size: 18px 36px;
}
.carousel-indicators li:hover{
display: inline-block;
width: 18px;
height: 18px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -17px;
border-radius: 100%;
background-size: 18px 36px;
}
.carousel-indicators .active {
display: inline-block;
width: 18px;
height: 18px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -17px;
border-radius: 100%;
background-size: 18px 36px;
}
.open_menu {
position: absolute;
width: 28px;
height: 26px;
z-index: 1000;
left: 112px;
top: -1px;
}
.open_submenu{
position: absolute;
width: 157px;
height: 28px;
z-index: 1000;
left: -26px;
top: 32px;
display: none;
}
}
@media screen and (min-width:600px) and (max-width:768px){
.fb,
.tw,
.in,
.sk{
display: none;
}
.fr {
float: right;
padding: 5px 0px;
margin-left: 25px;
}
.icon_div {
height: 20px;
width: 40px;
margin-top: 22px;
margin-left: 10px;
background: url(images/images.png) no-repeat;
display: none;
}
}
@media screen and (min-width:768px) and (max-width:800px){
.fr {
float: right;
padding: 5px 0px;
margin-left: 18px;
margin-top: 2px;
}
.icon_div {
height: 20px;
width: 42px;
margin-top: 15px;
margin-left: 10px;
background: url(images/images.png) no-repeat;
display: none;
}
}
@media screen and (max-width:1020px) and (min-width:900px){
.mapfl,
.mapfr{
float:none !important;
}
.cli_fl a,
.cli_fr a,
.menu_fl span,
.menu_fr span{
font: 14px 'khmeruiregular';
}
h1.cli_fl,
h1.cli_fr,
h1.title,
.menu_fl a,
.menu_fr a{
font: 16px 'khmeruiregular';
}
.map{
margin: auto;
}
.map1,
.map2{
/* -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); */
-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
/* box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); */
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
/* width: 100%; */
padding: 5px;
/* width: 500px; */
margin-bottom: 20px;
overflow: hidden;
margin: auto;
}
}
@media screen and (max-width:900px){
.cli_fl a,
.cli_fr a,
.menu_fl span,
.menu_fr span{
font: 14px 'khmeruiregular';
}
h1.title,
h1.cli_fl,
h1.cli_fr,
.menu_fl a,
.menu_fr a{
font: 16px 'khmeruiregular';
}
.mapfl,
.mapfr{
float:none !important;
}
.map{
margin: auto;
}
.map1,
.map2{
/* -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); */
-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
/* box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); */
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
/* width: 100%; */
padding: 5px;
/* width: 500px; */
margin-bottom: 20px;
overflow: hidden;
margin: auto;
}
.addressDiv {
float: none;
width: 324px;
margin: auto;
}
}
@media screen and (max-width:550px){
.form_fl,
.form_fr{
float: none;
}
.serviceListDiv .listHwr a h2
{
font: 12px 'KhmerUIRegular' !important;
min-height: 40px;
position: relative;
left: -10px;
width: 90%;
}
.slidingDiv
{
position: relative!important;
left: -64px!important;
}
}
@media screen and (min-width:1201px) and (max-width:1400px){
#arn_slider{
height: 455px !important;
}
.slider_left_side {
width: 40% !important;
float: left;
margin-left: 1px;
}
.slider_left_side img{
width: 400px;
height: 423px;
margin-left: -50px;
}
.slider_right_side img{
width: 380px;
height: 430px;
}
.slider_right_side img.old_man{
width: 352px;
height: 434px;
margin-top: -11px;
}
.slider_right_side img.tool{
width:380px;
height:434px;
margin-top:25px;
}
.slider_right_side{
width:45% !important;
float:left;
}
.slider_left_side img.slid_heading,
.slider_right_side img.slid_heading{
width: 350px;
height: 111px;
margin-top: 70px;
}
.slider_left_side img.slid_btn,
.slider_right_side img.slid_btn{
width: 375px;
height: 49px;
margin-top: 20px;
}
.slider_left_side img.slid_para,
.slider_right_side img.slid_para{
width: 375px;
height: 49px;
margin-top: 20px;
}
.slider_inner{
width:80%;
margin:auto;
padding-top: 25px;
}
.carousel-indicators{
top:400px;
}
.carousel-indicators li {
display: inline-block;
width: 24px;
height: 24px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px 0px;
border-radius: 100%;
background-size: 24px 48px;
}
.carousel-indicators li:hover{
display: inline-block;
width: 24px;
height: 24px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -23px;
border-radius: 100%;
background-size: 24px 48px;
}
.carousel-indicators .active {
display: inline-block;
width: 24px;
height: 24px;
margin: 1px;
text-indent: -1040px;
cursor: pointer;
background-image: url('images/slider_cont.png');
background-repeat: no-repeat;
background-position: 0px -23px;
border-radius: 100%;
background-size: 24px 48px;
}
}
/* ===================================
05. Custom
====================================== */
section {padding: 120px 0; overflow: hidden;}
section.big-section {padding:160px 0;}
section.extra-big-section {padding:200px 0;}
section.half-section {padding:80px 0;}
label {margin-bottom: 5px; font-weight: 700;}
.overlap-section {margin-top:-14%; position: relative}
.d-inherit {display: inherit !important;}
/* input */
.input-border-bottom {background: transparent; border: 0; border-bottom: 1px solid #484848; padding: 10px 0; margin-bottom: 30px; font-size: 14px; border-radius: 0;}
.input-border-bottom:focus{background: transparent; border: 0; border-bottom: 1px solid #929292;}
.input-border-bottom::-webkit-input-placeholder {font-weight: 300; font-size: 14px;}
.input-border-bottom::-moz-placeholder {font-weight: 300; font-size: 14px;}
.input-border-bottom:-ms-input-placeholder {font-weight: 300; font-size: 14px;}
.extra-big-input, .extra-big-textarea, .extra-big-select select {padding: 18px 25px; font-size: 14px; line-height: 24px; height: 62px;}
.big-input, .big-textarea, .big-select select {padding: 10px 25px; font-size: 14px; border-radius: 0;width: 100%; margin-bottom:20px;
}
.medium-input, .medium-textarea, .medium-select select {padding: 12px 20px; font-size: 14px; line-height: normal; border-radius: 0;}
.small-input, .small-textarea {padding: 12px 15px; font-size: 11px; line-height: normal}
.small-select select {padding: 15px 15px; line-height: normal}
.medium-input-light, .medium-textarea-light, .medium-select-light select {padding: 12px 25px; font-size: 12px; line-height: normal}
.extra-small-input, .extra-small-textarea, .extra-small-select select {padding: 9px 17px; font-size: 12px; line-height: normal}
.select-style {width: 100%; overflow: hidden; background: url("../images/select-arrow.png") no-repeat 97% 50%; border: 1px solid #d1d1d1; margin-bottom: 20px}
.select-style select {width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.select-style select:focus {outline: none; border: none; box-shadow: none}
.input-group input, .input-group textarea, .input-group select {margin:0; border-radius:4px 0 0 4px; border-color: #fff; padding: 19px 25px;}
.input-group-append .btn {border-radius:0 4px 4px 0}
.input-group-append .btn.btn-large {line-height:2px; height:62px; padding:15px 25px!important}
.input-group-404 input {height: 62px;}
.input-group .required-error {border: 1px solid #ee2323 !important}
.input-group .required-error,.input-group .required-error + .input-group-btn button , .input-group .required-error + .input-group-btn a.btn, .input-group .required-error+.input-group-append > .btn {border: 1px solid #ee2323 !important}
.input-border-white .input-border-bottom {border-bottom: 1px solid #ffffff; color: #fff; border-top: transparent !important; border-left: transparent !important; border-right: transparent !important}
.input-border-white .input-border-bottom:focus{background: transparent; border-bottom: 1px solid #ffffff; color: #fff}
.input-border-white .input-border-bottom::-webkit-input-placeholder {color: #fff;}
.input-border-white .input-border-bottom::-moz-placeholder {color: #fff;}
.input-border-white .input-border-bottom:-ms-input-placeholder {color: #fff;}
.btn .caret{border-top:4px solid}
input.input-bg {background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0,0,0,.1);padding: 10px 20px; margin-bottom: 15px;}
input.input-bg:focus, textarea.input-bg:focus{border: 0; border: 1px solid rgba(0,0,0,.3);}
textarea.input-bg {background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0,0,0,.1);padding: 10px 20px; margin-bottom: 15px; min-height: 130px;}
.input-bg::-webkit-input-placeholder {font-weight: 400; font-size: 14px;}
.input-bg::-moz-placeholder {font-weight:400; font-size: 14px;}
.input-bg:-ms-input-placeholder {font-weight: 400; font-size: 14px;}
#success-subscribe-newsletter {clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a; padding: 7px 0; display: none; font-size: 14px}
#success-subscribe-newsletter2 {clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a; padding: 7px 0; display: none; font-size: 14px}
.form-results {clear: both; margin: 0 0 15px; text-align: center; padding: 10px 0; display: none; font-size: 14px}
.with-errors {
font-size:12px;
color:red;
list-style:none;
}