#slider_wrapper{ width:100%; float:left; background:url(../images/bckg.jpg) no-repeat center top; min-height:519px; margin-top:93px;}
#slider { width:100%; float:left; min-height:462px; margin:10px 0; line-height:462px; text-align:center; }

#boxes{ width:100%; float:left; margin-top:150px;}
#boxes .box_one{ width:269px; height:auto; float:left; margin-left:14px;}
#boxes .box_one img { width:100%; height:auto; float:left;}

#boxes .box_one .heading { width:100%; float:left; 	background:#f5f5f5;	border-bottom:1px solid #dcdbdb; text-align:center;}
#boxes .box_one .heading h2{ color:#4C4C4C; font-size:15px; padding:9px 0;}

.middal_cnt{ width:100%; float:left; margin-top:14px;}
.welcome_hedding h1{ width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#8ec33d; font-weight:normal; margin:0px; padding:20px 0;}
.welcome_hedding h1 span{font-family: Arial, Helvetica, sans-serif; font-size:30px; color:#f9ac00; font-weight:normal; margin:0px; padding:0px;}
.wrapper_pettern{ width:100%; float:left; background:url(../images/pettarn_bg.jpg) repeat-x left top; height:36px; margin-top:10px;}
.websitedesing_hedding{ width:100%; float:left;  font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#5b5959; text-transform:uppercase; line-height:36px;}
.wrapper_gred{ width:100%; float:left; background:url(../images/bot_gradiant.jpg) repeat-x bottom left; padding-bottom:50px;}
.home_fl{ width:752px; float:left;}
.description p{ width:100%; float:left; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#4c4c4c; line-height:21px; font-weight:normal; margin-bottom:0px;}
/* testimonials: */

.home_fr{ width:346px; float:right;}
#testimonials1 { width:340px; float:left; margin:10px 0; }
#testimonials1 .test_main { padding:10px; width:340px !important; font-family: Arial, Helvetica, sans-serif; line-height:21px; color:#222222; font-size:12px; display:block; }
#testimonials1 .test_main .testi { margin: 0 !important; padding: 0px!important; }
#testimonials1 .test_main .testi .testcon { border:1px solid #e2e2e2; padding:15px; position:relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#testimonials1 .test_main .testi .testcon .test_arrow { width:43px; height:21px; position:absolute; left:32px; bottom:-21px; background:url(../images/testi_arrow.jpg) left top no-repeat; }
#testimonials1 .test_main .test_name { width:60%; margin-top:20px; display: block; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#f9ae06; margin-left:23px; }
.home_fr #nav { display:none;}
.more_btn{ width:64px; float:right; margin-top:21px; background:#dcdcdc; border-radius:10px; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.more_btn a {font-family: 'ProximaNovaRgRegular'; font-size:14px; color:#474747; text-decoration:none; display:block;}
.more_btn a:hover{ font-family: 'ProximaNovaRgRegular'; font-size:14px; color:#fff; text-decoration:none;}
.more_btn:hover{ background:#f9933e;}
.client_hedding{ width:90%; padding-left:10px; float:left; font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#8ec33d; margin-top:15px;}
.client_box{ width:346px; float:left; margin-top:14px;}

.more_btn_tech{ width:64px; float:right; background:#dcdcdc; border-radius:10px; text-align:center; margin:-6px 10px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.more_btn_tech a {font-family: 'ProximaNovaRgRegular'; font-size:14px; color:#474747; text-decoration:none; display:block;}
.more_btn_tech a:hover{ font-family: 'ProximaNovaRgRegular'; font-size:14px; color:#fff; text-decoration:none;}
.more_btn_tech:hover{ background:#f9933e;}


.more_btn_slide{ width:64px; float:right; background:#dcdcdc; border-radius:10px; text-align:center; margin:220px 10px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.more_btn_slide a {font-family: 'ProximaNovaRgRegular'; font-size:14px; color:#474747; text-decoration:none; display:block;}
.more_btn_slide a:hover{ font-family: 'ProximaNovaRgRegular'; font-size:14px; color:#fff; text-decoration:none;}
.more_btn_slide:hover{ background:#f9933e;}

.wrapper_usingbg{ width:100%; float:left; background:url(../images/using_bg.jpg) repeat-x left top;}
.using_hedding{ width:150px; float:left; font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#4c4c4c; line-height:53px;}
.using_icon{ width:950px; float:left; margin:8px 0 0px 0;}
.using_icon > div{float:left;}
.using_icon img{ margin-right:76px;}
.wrapper_bg2{ width:100%; float:left; background:url(../images/wrapper_bg2.jpg) repeat-x left top;}

.left_sec{ width:416px; float:left; background:url(../images/right_bdr.png) repeat-y right top; min-height:302px;}
.relestion_part{ width:390px; float:left; margin-top:16px;}
.sub_title{ width:100%; float:left; font-family: 'ProximaNovaRgRegular'; font-size:24px; color:#e55a01;}
.size_13 p{ width:100%; float:left; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#4c4c4c; line-height:21px;}
.site_graphic{ width:390px; float:left; margin-top:24px;}
.site_graphic .tech_img{ width:89px; float:left; margin-right:8px}
.site_graphic .tech_img a { line-height:0px; margin:0px; padding:0px; }
.site_graphic .tech_img > img.cicle1{ width:auto; position:absolute;}
.site_graphic .tech_img > img.cicle2{ width:auto; position:absolute; margin-left:0px;}
.site_graphic .tech_img > img.cicle3{ width:auto; position:absolute; margin-left:0px;}
.site_graphic .tech_img > img.cicle4{ width:auto; position:absolute;margin-left:0px;}
.cicle1_web1{float:left; font-family: 'ProximaNovaRgRegular'; font-size:15px; color:#000; text-align:center; margin:94px 0 0 -70px;}
.cicle1_web2{float:left; font-family: 'ProximaNovaRgRegular'; font-size:15px; color:#000; text-align:center; margin:94px 0 0 -76px;}
.cicle1_web3{float:left; font-family: 'ProximaNovaRgRegular'; font-size:15px; color:#000; text-align:center; margin:94px 0 0 -66px;}
.cicle1_web4{float:left; font-family: 'ProximaNovaRgRegular'; font-size:15px; color:#000; text-align:center; margin:94px 0 0 -82px;}

.center_sec{ width:290px; float:left; background:url(../images/right_bdr.png) repeat-y right top; margin-left:24px; min-height:302px;}
.our_part{ width:290px; float:left; margin-top:16px;}
.mac_box{ width:100%; float:left; margin-top:18px;}
.pro_box{ 
	width:auto; float:left; background:#FFFFFF; height:80px; padding:4px 4px 0px 4px; margin:0 15px 24px 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.pro_box:hover{   
	background:#F60;
}
.right_sec{ width:361px; float:right; }
.recent_part{ width:361px; float:left; margin-top:16px;}
.recent_slid{ width:361px; float:left; margin-top:8px;}
.slider_title { width:100%; text-align:center; position:absolute; left:0%; margin-left:0%; bottom:-2px; font-family: 'ProximaNovaRgRegular'; font-size:16px; color:#000; text-transform:uppercase;  z-index:999999; }

.rotate{
	 -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
	}
	
.rotate:hover
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);	
}


@media only screen and (max-width:1024px) {
	
#boxes .box_one {Width:227px}
.view {width: 231px; height: 130px }
#boxes .box_one .heading h2{ font-size:13px;}

.view .mask, .view .content{ width:232px; height:151px; }
.home_fl { width:590px; }

.left_sec { width:400px;}
.center_sec { width:264px; margin-left:12px; }
.our_part { width:262px;}
.pro_box { margin-right:10px; margin-bottom:15px;}

#boxes .box_one{ width:231px;}

.right_sec { width:282px;}


.view p{ height:41px; overflow:hidden;}

.using_icon{ width:800px;}
.using_icon img{ margin-right:59px;}


.slides_container { width:280px;}

.ei-title { width:700px;}

#frame {
	width:322px;
	height:198px;
}
#container{ width:250px;}
#slides .next{ left:241px;}
.slider_title{ left:100px;}
.recent_slid{ width:250px;}
.recent_part{ width:300px;}
#frame{ width:281px;}

.more_btn_slide { margin-right:-40px;}

.ei-slider-thumbs{ max-width:1012px !important; margin-left:3px;}
.ei-slider-thumbs li{ width:252px !important;}
.ei-slider-thumbs li a{ width:249px;}
.ei-slider-thumbs li.ei-slider-element{ width:249px !important;}

	}
	








/*  12 Feb Icon Script Start */

.clients {width:940px; float:right; height:40px; padding:0px; margin-left:14px; }
.img_2 {width:100%; float:left;}
.open_icon{ width:1000px; float:right; vertical-align:bottom; }
.open_icon ul{ width:1000px; height:40px; float:left; list-style:none; margin:0px; padding:0px;}
.open_icon ul li{ float:left; height:40px; margin:0 30px; padding:0px;}
.open_icon ul li img { height:40px; width:40px; display:block; }

.marquee0 div div { top:-13px !important;}
.marquee0 div div { top:7px\0/ !important;}
.marquee0 div div { (-bracket-:hack; top:7px !important; ) }





.open_icon ul li img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    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 */
}

.open_icon ul li img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.open_icon ul li img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    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 */
}

.open_icon ul li img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.open_icon ul li svg {
    background:url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg);
}

.open_icon ul li svg image {
    transition: all .6s ease;
}

.open_icon ul li svg image:hover {
    opacity: 0;
}

.open_icon ul li div.half-grayscale-container {
    background: url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s1600/a2cf7051-5952-4b39-aca3-4481976cb242.jpg) no-repeat; /* IE6-9 */
}

.open_icon ul li img.half-grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.5\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter:gray alpha(opacity=50); /* IE6-9 */
    -webkit-filter: grayscale(50%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.open_icon ul li img.half-grayscale:hover {
    filter:none;
    -webkit-filter: grayscale(0%);
}	
	
	
	@media only screen and (max-width:1024px) {
		
		.clients { width:800px; }
		.slider_title { left:-45px;}
		.more_btn_slide { margin-right:-30px;}
	}