/* CSS Document */
@import url('socialmedia/style.css');

a:hover{/* -moz-transition:all 1s ease-in 0s; -webkit-transition:all 1s; -o-transition:all 1s;*/}
p{margin:0px; padding:0px;}
body{margin:0px; padding:0px; -webkit-font-smoothing:antialiased; background-color:#FFFFFF; word-wrap:break-word; color:#333333; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:22px;  overflow-x:hidden;}
.clear{clear:both; margin:0px; padding:0px; border:0px; height:0px; font-size:0px;}
section{width:100%; margin:0px;}
section .area{width:1170px; margin:0px auto; padding:0px;}


header{margin:0px; width:100%; padding:0; position:relative;}
#header{margin:0px auto; width:100%; background-color:#FFFFFF; /* position:fixed; top:0px; z-index:999; opacity:0.90; */}
.headerarea{min-height:68px;}
.headerarea-new{
	min-height: 20px; 
	float:right; 
	padding: 0px 10px; 
	color:#fff;
	display: none !important;
}
.sicon{float:right; padding-top:0px;}
.menuarea{text-align:center; float:right; padding-top:0px;}
header nav {text-align: center; float:right;}
header nav ul {margin: 0; padding:0; list-style-type: none;}
header nav ul li {
    display: inline;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    float: left;
    font-weight: bold;
    border-right: 1px solid #7A7A7A;
}
header nav ul li a{display:block; color:#000; text-decoration:none; line-height:68px; padding:0px 15px;}
header nav ul li a:hover{color:#FFF;}
header nav ul li .active{color:#FFFFFF; text-decoration:none;
	background-color:#973F9C;
	background-image: -moz-linear-gradient(#FF0000, #FF0000);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF0000));    
	background-image: -webkit-linear-gradient(#FF0000, #FF0000);
	background-image: -o-linear-gradient(#FF0000, #FF0000);
	background-image: -ms-linear-gradient(#FF0000, #FF0000);
	background-image: linear-gradient(#973F9C, #973F9C);
	}
header nav ul li:first-child {margin-left: 0;}
header nav ul li:hover{
	background-color: #FF0000;
	background-image: -moz-linear-gradient(#FF0000, #FF0000);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF0000));    
	background-image: -webkit-linear-gradient(#FF0000, #FF0000);
	background-image: -o-linear-gradient(#FF0000, #FF0000);
	background-image: -ms-linear-gradient(#FF0000, #FF0000);
	background-image: linear-gradient(#973F9C, #973F9C);
	}

header nav ul li ul{background-color:#F1624D; display:none;  padding:0px; margin:0px; position:absolute; width:170px; z-index:99999;}
header nav li:hover ul{display:block;}
header nav li li{display:block; float:none; margin:0px; padding:0px; width:170px; background:none; border-bottom:1px solid #660033; border-right:none;}
header nav li:hover li a{background:none;}
header nav li ul a{display:block; height:30px; font-size:13px; font-style:normal; margin:0px; padding:0px 0px 0px 15px; text-align:left; color:#fff; line-height:30px; text-transform:none;}
header nav li ul a:hover{background-color:#B24100; border:0px; color:#fff; text-decoration:none;} 
header nav li ul li:hover a{background-color:#973F9C; width:170px; border:0px; color:#fff; text-decoration:none; padding:0px 0px 0px 15px;}
header nav p{clear:left;}

.logo{width:178px; margin:0px; padding-top:0px; float:left;}
.logo img{ border:none;}

.banner_area{width:100%; padding:0px; margin:0px;}

h1{margin:0px; padding:10px 0px 8px 0px; font-family:OpenSans; color:#333333; font-size:25px; line-height:25px; font-weight:lighter;}
h2{margin:0px; padding:0px 0px 0px 0px; font-weight:normal; font-family:OpenSans; color:#FFF; font-size:11px; line-height:18px; word-wrap:break-word; text-align:left;}
h3{margin:0px; padding:0px 0px 10px 0px; font-family:OpenSans; color:#333333; font-size:25px; line-height:25px; font-weight:lighter;}
h4{margin:0px; padding:0px 0px 3px 0px; font-weight:normal; font-family:OpenSans; color:#333333; font-size:18px; line-height:25px; word-wrap:break-word; text-align:left;}
h4 a{color:#333333; text-decoration:none;}
h4 span{background-color:#FFF; padding:0px 5px;}

.area1{margin:0px;}
.area111{margin:0px; padding:0px 0px !important;}
.area222{margin:120px 0px 0px 0px !important; padding:0px 0px;}
.area1 h1{font-size:30px; line-height:40px; font-family:'Century Gothic';}
.area1_left{width:100%; height:257px;  padding:3px;}
.area1_right{
     width:65%; margin:0px; padding:0px; float:right;
	} 


.area2{margin:0px; padding:25px 0px !important;}
.area2_left{width:57%; margin:0px; padding:0px; float:left;}
.area2_left ul{margin:0px; padding:10px 0px; list-style:none;}
.area2_left ul li{background:url(images/arrow1.png) no-repeat left top 7px; padding:0px 0px 0px 20px;}
.area2_right{width:40%; margin:0px; padding:0px; float:right;}
.area2_right img{width:100%;}

.area3{margin:0px; padding:25px 0px !important; font-family:Century Gothic; font-size:14px; font-style:normal; color:#f11d1d; background:url(images/testimonial_left.png) no-repeat left top, url(images/testimonial_right.png) no-repeat right bottom}

.five_column{width:100%; margin:0px; padding:25px 0px !important;}
.five_column_block{width:20%; margin:0px; float:left; padding:0px; position:relative; display:block; color:#FFF; line-height:18px; font-size:12px;}
.five_column_block{display:block; text-decoration:none; color:#FFF;}
.five_column_block span{width:100%; height:70%; margin:0px; background:rgba(0, 0, 0, 0.4); position:absolute; bottom:0px; left:0px; opacity:0; display:block; cursor:pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;
	}
.five_column_block:hover span{height:100%; overflow:hidden; opacity:1;}

footer{width:100%; margin:0px; padding:34px 0px 0px 0px; position:relative; clear:both;}
#footer_smedia{margin:0px auto; padding:0px; width:100%; position:absolute; top:0;}
.footer_smedia{width:300px; padding:0px; margin:0px auto;}
.footer_smedia img{width:100%;}
#footertop{margin:0px auto; padding:54px 0px 60px 0px; background-color:#333333; font-size:13px;}
.footertop_area{width:1170px; padding:0px 0px 0px 0px; margin:0px auto; color:#fff;}
.footertop_area a{text-decoration:none !important; color:#5d5d5d;}
.footertop_area h1{font-size:18px; color:#FFF; padding:0px 0px 10px 0px;}
.footertop_area p{padding:0px; margin:0px; line-height:18px; font-size:12px;}

.footertop_block{float:left; width: 25%;}
.footertop_block .areaheight{min-height:170px !important;}
.footertop_block .areaheight h3 { font-size:15px; font-variant: small-caps; color:#9b9b9b; letter-spacing: 1px; font-weight: 700; clear: both;}
.footertop_block .areaheight a:hover{ color:#fff !important;}
.footertop_block:last-child{float:left;}
.text1{color:#fff;}
#footerb {position:fixed; left:0px; bottom:0px; height:auto; width:100%; background:#1F1A1F; z-index: 5; min-height: 33px;}
.text1 a{color:#f11d1d; text-decoration:none !important;}
.lb{margin-left:0px; padding: 10px 0px 10px 20px; text-align: left; color:#b7b6b6;}
/*.rb{ float:right; margin-right:5%; width:45% !important; padding: 10px 0 10px 0; text-align: center; color:#b7b6b6;}*/
.lb a{color:#b7b6b6;}
.lb a:hover{ color:#fff;}

.input1{width:98%; padding:0 0 0 2%; height:30px; margin:0px 0px 5px 0px; border:1px solid #CCC; color:#5c6368;}
.input1:focus{border-color:#f11d1d; color:#f11d1d;}
.input2{width:100%; padding:0 0 0 0%; height:30px; margin:0px 0px 5px 0px; border:1px solid #CCC; color:#5c6368; float:right;}
.input2:focus{border-color:#f11d1d; color:#f11d1d;}
.input3{width:100%; padding:0 0 0 0%; height:30px; margin:0px 0px 5px 0px; border:1px solid #CCC; color:#5c6368; float:right;}
.input3:focus{border-color:#f11d1d; color:#f11d1d;}

.submit{
	width:97px;
	float:right; 
	height:30px; 
	margin:0px; 
	padding:0px; 
	border:none; 
	cursor:pointer; 
	color:#FFF; 
	font-size:15px;
	background-color: #f11d1d;
	background-image: -moz-linear-gradient(#f11d1d, #940002);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f11d1d), to(#940002));    
	background-image: -webkit-linear-gradient(#f11d1d, #940002);
	background-image: -o-linear-gradient(#f11d1d, #940002);
	background-image: -ms-linear-gradient(#f11d1d, #940002);
	background-image: linear-gradient(#f11d1d, #940002);
	}
.submit:hover{background-color: #940002;
	background-image: -moz-linear-gradient(#940002, #f11d1d);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#940002), to(#f11d1d));      
	background-image: -webkit-linear-gradient(#940002, #f11d1d);
	background-image: -o-linear-gradient(#940002, #f11d1d);
	background-image: -ms-linear-gradient(#940002, #f11d1d);
	background-image: linear-gradient(#940002, #f11d1d); 
	}

.style1{padding-top:20px !important;}
.style2{font-size:20px; padding-bottom:10px;}
.style3{margin:0px; padding:0px;}
.style3 span{float:left;}
.style3 .input1{width:45%; float:right;}
.style4{color:#00F;}
.style5{background:url(images/h4-bg.jpg) repeat-x left center;}
.style6{font-size:16px;}
.style7{color:#f11d1d;}
.style8{margin:0px; padding:0px; width:100%; float:right;}
.style8 span{float:left;}
.style8 .input1{width:58%; float:right;}

.padding1{padding-bottom:15px;}
.padding2{padding-top:20px;}

.services{position:relative;margin:0px 0}
.services img{width:100%;display:block}
/**.services .hexagon{position:absolute;top:37px;left:30px}
.services .hexagon:hover{cursor:pointer}
.ie7 .services .hexagon{position:absolute;top:37px;left:30px}
.services .hexagon .hexagon-top{border-left:80px solid transparent; border-right:80px solid transparent; border-bottom:45px solid rgba(255,255,255,0.8);width:0}
.services .hexagon .hexagon-middle{width:160px; background-color:rgba(255,255,255,0.8); padding:22px 0px;}
.services .hexagon .hexagon-middle p{text-align:center;margin-bottom:0; font-weight:bold;}
.services .hexagon .hexagon-middle p a{color:#666666; text-decoration:none;}
.services .hexagon .hexagon-bottom{border-left:80px solid transparent;border-right:80px solid transparent;border-top:45px solid rgba(255,255,255,0.8);width:0}
.services .hexagon:hover .hexagon-top{border-bottom-color:rgba(0,0,0,0.7)}
.services .hexagon:hover .hexagon-bottom{border-top-color:rgba(0,0,0,0.7)}
.services .hexagon:hover .hexagon-middle{background-color:rgba(0,0,0,0.7)}
.services .hexagon:hover .hexagon-middle p a{color:#fff;text-decoration:none}**/
.span3{float:left}
.span3:first-child{margin-left:0}

/*about*/
.about_banner_area{box-shadow: 0px 3px 3px #ccc; width:100%; height:250px; padding:0px; margin:0px; background:url(images/about/about-banner.jpg) no-repeat top center;}
.about_area1{margin:0px; padding:0px 0px 25px 0px !important;}
.about_area111{margin:0px; padding:0px 0px 0px 0px !important;}
.about_area1 h3{font-size:20px; line-height:25px; letter-spacing:-1px;}
.about_area1 img{float:left; padding-right:15px; padding-bottom:25px;}

.three_column, .five_column_in{margin:0px; padding:25px 0px !important;}
.three_column1 {margin:0px; padding:0px 0px !important;}
.three_column_block{width:30%; margin:0px; padding:0px; float:left; display:block;}
.three_column_block:first-child{margin-right:5%;}
.three_column_block:last-child{float:right;}
.three_column_block ul{margin:0px; padding:10px 0px; list-style:none;}
.three_column_block ul li{background:url(images/arrow1.png) no-repeat left top 7px; padding:0px 0px 0px 15px; text-align:left;}

.five_column_in_block{width:20%; margin:0px; padding:0px; float:left; display:block;}
.five_column_in_block ul{margin:0px; padding:10px 0px; list-style:none;}
.five_column_in_block ul li{background:url(images/arrow1.png) no-repeat left top 7px; padding:0px 0px 0px 15px; text-align:left;}

/*service*/
.service_banner_area{box-shadow: 0px 3px 3px #ccc; width:100%; min-height:485px; padding:0px; margin:0px; background:url(images/otherpages/service-banner1.jpg) no-repeat top center;}
.workprocess_banner_area{box-shadow: 0px 3px 3px #ccc; width:100%; min-height:485px; padding:0px; margin:0px; background:url(images/service/serviceprocess.jpg) no-repeat top center;}
.service_blockarea{margin:0px; padding:0px 0px 0px 0px !important; color:#333333; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:18px;}
.service_blockarea span.bold{ font-weight:bold; color:#323333; font-size:12px; padding:0; margin:0; line-height:normal;}
.service_blockarea:nth-child(1) p:nth-child(3){padding-top:10px;}
.service_blockarea:nth-child(2) p:nth-child(3){padding-top:2px;}
.service_blockarea:nth-child(3) p:nth-child(3){padding-top:2px;}
.service_blockarea:nth-child(4) p:nth-child(3){padding-top:2px;}
.service_blockarea:nth-child(5) p:nth-child(3){padding-top:2px;}
.service_blockarea img{float:left; padding-right:0px;}
.service_blockarea span{float:left; padding:40px 20px; margin:0px; font-size:60px; line-height:50px; color:#333;}
.service_blockarea ul{ margin:0px; padding:0px; list-style:none;}
.service_blockarea ul li{ margin:0 50px 0 0px; padding:0 0 0 15px; background:url(images/arrow2.png) no-repeat left center; float:left; font-weight:bold;}
/*gallery*/
/*.gallery_banner_area{width:100%; min-height:485px; padding:0px; margin:0px; background:url(images/gallery/gallery-banner.png) no-repeat top center;}*/
.gallery_banner_area{width:100%; min-height:15px; height:100px; padding:0px; margin:0px; background:url(images/gallery/gallery-banner.jpg) no-repeat top center;}
/*portfolio*/
/*.portfolio_banner_area{width:100%; min-height:485px; padding:0px; margin:0px; background:url(images/project/project_banner.png) no-repeat top center;}*/
.portfolio_banner_area{width:100%; min-height:15px; height:100px; padding:0px; margin:0px; background:url(images/project/project_banner.png) no-repeat top center;}
.portfolio_three_column{margin:0px; padding:0px 0px 25px 0px !important;}
.portfolio_three_column_block{width:33.3%; margin:0px; float:left; padding:0px; position:relative; display:block; color:#FFF; line-height:18px; font-size:12px;}
.portfolio_three_column_block span{width:100%; height:70%; margin:0px; background:rgba(0, 0, 0, 0.4); position:absolute; bottom:0px; left:0px; opacity:0; display:block; cursor:pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;
	}
.portfolio_three_column_block:hover span{height:100%; overflow:hidden; opacity:1;}
/*contact*/
.contact_banner_area{box-shadow: 0px 3px 3px #ccc; width:100%; min-height:485px; padding:0px; margin:0px; background:url(images/otherpages/contact-banner.jpg) no-repeat top center; position:relative;}
.vendor_banner_area{box-shadow: 0px 3px 3px #ccc; background:url(images/otherpages/vendors.jpg) no-repeat top center;}
.career_banner_area{box-shadow: 0px 3px 3px #ccc; background:url(images/otherpages/career-banner.jpg) no-repeat top center;}
.newproject_banner_area{box-shadow: 0px 3px 3px #ccc; background:url(images/otherpages/project-banner.png) no-repeat top center;}
.testimonial_banner_area{background:url(images/otherpages/testimonial.png) no-repeat top center;}
.client_banner_area{box-shadow: 0px 3px 3px #ccc; background:url(images/otherpages/client-banner.jpg) no-repeat top center;}
.contact_banner_area span{position:absolute; z-index:99; width:100%; bottom:126px; background:rgba(0, 0, 0, 0.7);}
.contact_banner_area span .area{width:395px; margin:0px auto; padding:10px 0px; text-align:center; color:#FFF; font-size:13px;}
.contact_banner_area span .area a{text-decoration:none; color:#f11d1d;}
.contact_area{position:relative;}
.contact_area_base{width:100%; position:absolute; top:0px; color:#FFF; font-size:13px; line-height:20px;}
.contact_area_right{width:500px; float:right;}
.contact_area_right .hexagon{padding:0px; margin-top:8px;}
.contact_area_right .hexagon .hexagon-top{border-left:250px solid transparent; border-right:250px solid transparent; border-bottom:120px solid; width:0; border-bottom-color:/*rgba(0,0,0,0.7)*/#333333;}
.contact_area_right .hexagon .hexagon-middle{width:499px; height:auto !important; background-color:/*rgba(0,0,0,0.7)*/#333333; padding:10px 20px;}
.contact_area_right .hexagon .hexagon-middle_left{width:225px; padding-right:0px; margin:0px; float:left; border-right:1px solid #414141; text-align:left;}
.contact_area_right .hexagon .hexagon-middle_left img{float:left; padding-right:10px; padding-top:3px;}
.contact_area_right .hexagon .hexagon-middle_right{width:215px; padding:0px; margin:0px; float:right; text-align:left;}
.contact_area_right .hexagon .hexagon-middle_right .input1{width:98%; padding:0 0 0 2%; height:30px; margin:0px 0px 5px 0px; color:#fff; background-color:#414141; border:none;}
.contact_area_right .hexagon .hexagon-middle_right .submit{width:122px; height:26px; float:inherit; margin-left:45px;}
.contact_area_right .hexagon .hexagon-bottom{border-left:250px solid transparent; border-right:250px solid transparent; border-top:120px solid; width:0; border-top-color:/*rgba(0,0,0,0.7)*/#333333;}

.five_column_in_block p{ width:117px !important; margin:0 auto !important;} 

/*vendors*/
.vendors_area{ width:45%; padding:0px 0px 35px 0px; /*margin:0px auto;*/ float:left;}
.vendor_right{ float:right;width:45%; padding:0px 0px 35px 0px;}
.vendors_area .submit{float:right;}
.client_left{width:23%; margin:0 2.6% 0 0 !important; padding:0px; float:left; background:#e9eaea; text-align:center;}
.client_right{width:23%; margin:0px; padding:0px; float:right; background:#e9eaea; text-align:center;}
.client_left p,.client_right p{ padding:0px 0 15px 0;}
.client_left:hover,.client_right:hover{ color:#fff; background:#fc4646; -moz-transition:all .5s ease-in 0s; -webkit-transition:all .5s; -o-transition:all .5s;
 -moz-transition:all .5s ease-in 0s; -webkit-transition:all .5s; -o-transition:all .5s;} 
.inner_menu{margin:0px; padding:0px;}
.ban_hexagon{margin:0px auto; padding:130px 0px 0px 0px; width:104px; opacity:.7}
.ban_hexagon .hexagon-top{border-left:54px solid transparent; border-right:54px solid transparent; border-bottom:32px solid; width:0; border-bottom-color:#904093;}
.ban_hexagon .hexagon-middle{width:108px; height:auto !important; background-color:#904093; padding:18px 0px; text-align:center; text-transform:uppercase; color:#FFF; font-weight:bold; font-size:16px;}
.ban_hexagon .hexagon-bottom{border-left:54px solid transparent; border-right:54px solid transparent; border-top:32px solid; width:0; border-top-color: #904093;}

tr td a { position:absolute; top:150px;}

/* new added */


.plex {
background: url('images/home/99.png') center 100%;
}

.width25 {
width:22% !important;
padding-left: 20px !important;
}
.box-padding {
padding-left: 20px !important;
}

.box-left{
    background-color:rgba(255,255,255,0.9);
    padding: 15px;
	border: 5px solid rgba(255,255,255,0.7);
    box-shadow: 0px 0px 0px 2px #ff1a1a inset;
    box-sizing: border-box;
	float:left;
	height:250px;
}

.main-left{
    width: 95%;
	float:left;
	padding-left:15px;
}


.box-right{
    background-color:rgba(255,255,255,0.9);
    padding: 15px;
	border: 5px solid rgba(255,255,255,0.7);
    box-shadow: 0px 0px 0px 2px #ff1a1a inset;
    box-sizing: border-box;
	float:right;
	height:250px;
}

.main-right{
    width: 95%;
	float: right;
	margin-right: 15px;
}

.heading-box {
background-color:#ff1a1a;
color:#fff;
padding:12px 0 12px 0;
width:135px
}
.mnbox {
width:50%;
float:left;
font-size:14px;
}

#parallex-top {
width:100% !important; 
background:url(images/home/55b.jpg) fixed 50% 50%;
height: auto;
box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.7);
float:left;
}


#parallex-top2 {
width:100% !important; 
background:url(images/home/55b.jpg) fixed 50% 50%;
height: auto;
box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.7);
float:left;
}



.span3height{
   height:260px;
}

.mbox1 {
    background-color:#974698;
    width: 84%;
	position:absolute;
	padding:10px 0 10px 0;
	cursor:pointer;
	transition: all .6s ease-in-out;
	box-shadow: 1px 1px #CCCCCC;
	right:0;
	top: 140px;
}

.mbox1:hover{
    background-color:#000;
    width: 100%;
	position:absolute;
	padding:10px 0 10px 0;
	cursor:pointer;
	transform: scale(1);
	top: 160px;
}

.video{
    width:100%;
	margin:0 auto;
}

.area21{margin:0px; padding:25px 0px !important;}
.area21_left{width:40%; margin:0px; padding:3px; float:left; border: 1px solid #c8c8c8;}
.area21_left img{width:100%;}
.area21_right{width:57%; margin:20px 0px 0px 0px; padding:0px; float:right;}
.area21_right ul{margin:0px; padding:10px 0px; list-style:none;}
.area21_right ul li{background:url(images/arrow1.png) no-repeat left top 7px; padding:0px 0px 0px 20px;}

#testimonial {
margin-bottom: -35px;  
background:url(images/home/55a.jpg) fixed 50% 50%;
height:auto;
width:100%;
box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.7);
}


#work-start {
margin-bottom: -35px;  
background:url(images/work/work1.jpg) fixed 50% 50%;
height:auto;
width:100%;
box-shadow: inset 0px 0px 0 2000px rgba(0, 255, 255, 0.8);
}


#our-team {
background:url(images/about/aboutbk1.jpg) fixed 50% 50%;
height:auto;
width:100%;
box-shadow: inset 0px 0px 0 2000px rgba(0, 0, 0, 0.7);
color: #000;
}


#vision {
background:url(images/about/t01.jpg) fixed 50% 50%;
height:auto;
width:100%;
box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.8);
}





#isometric {
height:auto;
width:100%;
}

.isomatic {margin-bottom: -35px; padding: 20px 0 40px 0; background:url(images/about/back2.png) no-repeat center;
height:auto;
width:95%;
padding-top:30px;
padding-bottom:340px;
margin: 0 auto;
}

.testi{
  padding:0px 0px 25px 0px !important;
  margin-bottom: -60px;
}

.space{
  width:100%;
  height:350px;
}

.area1_leftborder{
     width:33%;
	 height:auto;
	 float:left;
	 }
	 

.twitter-timeline{
border: 1px solid #fff;
padding: 2px;
background-color: #8a8787
}

.three_column_block1{width:18%; margin:0px; padding:0px; float:left; display:block;}
.three_column_block1:first-child{margin-right:5%;}
.three_column_block1:last-child{float:right;}
.three_column_block1 ul{margin:0px; padding:10px 0px;}

.three_column_border{width:60%; border: 1px solid #c8c8c8; float:right;}
.three_column_img{background:url(images/otherpages/abt2.png) no-repeat; background-size:100%; padding:3px !important;}

.width26 {
width:58% !important;
}

.width27 {
width:35% !important;
height:253px;
margin:15px 0px 0px 0px;
background:url(images/otherpages/animate.png) no-repeat; background-size:100%;

}

.width24 {
width:18% !important;
padding-left: 20px !important;
}
.box-padding {
padding-left: 20px !important;
padding-right: 20px !important;
}

.creative{
   position:absolute;
   width: 100%;
   height:380px;
   margin:80px 0px 0px 260px;
   background:url(images/otherpages/55c.jpg) no-repeat;
}

.arrow{
width:200px;
height:200px;
background:url(images/otherpages/arrow55.png) no-repeat;

}


.dream_block{
     width:85%;
	 margin:0 auto; 
	 padding:0px;
	 display:block;
}

.dream_img{
width:1050px;
height:280px;
padding:20px;
}

.tech-slideshow {
    height: 200px;
    position: relative;
    overflow: hidden;
}

.tech_slideblock{
    height: 220px;
    width: 50%;
}


.tech-slideshow > div {
    height: 200px;
    width: 2000px;
    background:url(images/otherpages/slideimg.png);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    
    -moz-transition:  opacity 0.5s ease-out; 
       -o-transition: opacity 0.5s ease-out; 
  -webkit-transition: opacity 0.5s ease-out; 
      -ms-transition: opacity 0.5s ease-out; 

    -webkit-animation: moveSlideshow 60s linear infinite;
    -moz-animation:    moveSlideshow 60s linear infinite;
	-webkit-animation-iteration-count: 10; /* Chrome, Safari, Opera */
    animation-iteration-count: 10;
    
}

@-webkit-keyframes moveSlideshow {
    0% { left: 0; }
    100% { left: -1684px; }
}
@-moz-keyframes moveSlideshow {
    0% { left: 0; }
    100% { left: -1684px; }
}

.service_block{
     width:100%;
	 margin:0px 0px 0px 0px; 
	 padding:0px; 
	 float:left; 
	 display:block;
}

.service_blockimg{
 width:20%;
 height:305px !important;
 float:left;
 padding: 0px 0px 25px 40px;
 clear:both;
 }

 .service_content{
    width:70%;
	 margin:0px 0px 0px 0px; 
	 padding:0px; 
	 float:left; 
	 display:block;
 }


 .serbox1 {
    color:#333;
    width: 60%;
    height:auto;
	position:absolute;
	padding:5px;
	margin: 120px 5px 0px 15px;
	cursor:pointer;
}

.service-tile {
width:22%;
float:left;
padding:20px;
box-sizing: border-box;
}

.area22_leftborder{
     width:30%;
	 height:265px;
	 border: 1px solid #c8c8c8;
	 padding:3px;
	 float:left;
	 }
	 
.area22_left{width:100%; height:257px;  padding:3px;
	 background:url(images/otherpages/abt1.png) no-repeat; background-size:100%;}	 
	 
.area22_right{
     width:68%; margin:0px; padding:0px; float:right;
	} 	 
.verdana a {
font-family:verdana !important;
}

/* animation */

.feature_section10 .left .flist {
float: right;
padding-right: 147px;
background: url(images/site-img11.png) no-repeat right 10px;
}

.feature_section10 .right .flist {
float: left;
padding-left: 147px;
background: url(images/site-img10.png) no-repeat left 10px;
}


.feature_section10 .right {
float: left;
width: 42.5%;
margin-left: 7.5%;
text-align: left;
margin-top: 55px;
}

.feature_section10 .left {
float: left;
width: 42.5%;
margin-right: 6.0%;
margin-top: 85px;
text-align: right;
}

.margin_top7 {
float: left;
width: 100%;
margin-top: 5px;
}


 
 .feature_section10 .left .flist:hover h4, .feature_section10 .left .flist.active h4 {
color: #f73d44;
}
.feature_section10 .right .flist:hover h4, .feature_section10 .right .flist.active h4 {
color: #f73d44;
}
.feature_section10 .left .flist:hover h4{
font-size: 22px;
line-height: 25px;
margin-bottom: 18px;
font-style: normal;
}

.feature_section10 .right .flist:hover h4{
font-size: 22px;
line-height: 25px;
margin-bottom: 18px;
font-style: normal;
}
.feature_section10 .left .flist h4{
background:none !important;
float:right;
}

.feature_section10 .right .flist h4{
background:none !important;
}

.feature_section10 {
float: left;
width: 100%;
text-align: center;
background: url(images/servicebck.png) no-repeat center;
}

.margin_top5 {
float: left;
width: 100%;
margin-top: 5px;
}

/* contact form popup */



            .wrap {
                padding: 40px;
                text-align: center;
            }
            
            .mybutton {
                background: #f11d1d;
                border: #f11d1d solid 1px;
                border-radius: 3px;
                color: #fff;
                display: inline-block;
                font-size: 14px;
                padding: 8px 15px;
                text-decoration: none;
                text-align: center;
                min-width: 60px;
                position: relative;
                transition: color .1s ease;
            }
            .mybutton:hover {
                background: #666;
				border: #666 solid 1px;
				opacity: opacity: 0.5;
            }
            .mybutton.mybutton-big {
                font-size: 18px;
                padding: 15px 20px;
                min-width: 100px;
            }
            .mybutton-close {
                color: #aaaaaa;
                font-size: 15px;
                text-decoration: none;
                position: absolute;
                right: 10px;
                top: 10px;
                background-color:#f11d1d; padding:5px; font-weight:bold; color:white;
            }
            .mybutton-close:hover {
                color: #000000;
            }
            .popup_div:before {
                content: "";
                display: none;
                background: rgba(0, 0, 0, 0.6);
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 10;
            }
            .popup_div:target:before, .popup_div.loaded:before {
                display: block;
            }
            
            .popup_div-dialog {
                background: #fff;
                border: #333333 solid 1px;
                border-radius: 5px;
                margin-left: -200px;
                position: fixed;
                left: 50%;
                top: -100%;
                z-index: 11;
                width: 360px;
                -webkit-transform: translate(0, -500%);
                -ms-transform: translate(0, -500%);
                transform: translate(0, -500%);
                -webkit-transition: -webkit-transform 0.3s ease-out;
                -moz-transition: -moz-transform 0.3s ease-out;
                -o-transition: -o-transform 0.3s ease-out;
                transition: transform 0.3s ease-out;
            }
            .popup_div-body {
                padding: 0px;
            }
            .popup_div-top {
                padding: 10px 20px;
            }
             
            .popup_div-bottom{
                 padding: 5px 20px 10px 20px;
                }
             
            .popup_div-top {
                border-bottom: #eeeeee solid 1px;
            }
            .popup_div-top h2 {
                color:#666; 
                nt-size:13px;
            }
             
             .popup_div:target .popup_div-dialog, .popup_div.loaded .popup_div-dialog {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0);
                top: 11%;
            }
             
            .popup_div-bottom {
                border-top: #eeeeee solid 1px;
                text-align: center;
            }
 
            .popup_div-body input{width:100%;padding:1px;border:1px solid #DDD;color:#000;}
			.popup_div-body textarea{width:100%;padding:5px;}
            .bottomcontent{font-size:12px;}

/* testimonial */


** Glidejs styles **/
.slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
	
.slides {
  height: 100%;
  overflow: hidden;
  margin: 0px !important;
  padding: 0px !important;
  /**	
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;

   -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
	
.slide {
  height: 100%;
  float: left;
  clear: none;
}
.slide figure {
  display: block;
  position: relative;
  text-align: center;
}
.slide figure figcaption {
  position: absolute;
  right: 20%;
  font-size: 1.1em;
  font-weight: bold;
  padding: 8px 14px;
  color: #973F9C;
  background: rgba(255,255,255,0.8); 
}
.slide figure figcaption a {
  color: #5a7fbc;
  text-decoration: none;
}
.slide figure figcaption a:hover { text-decoration: underline; }

.slide figure img {
  max-height: 480px;
}



.slider-arrows {}

.slider-arrow {
  position: absolute;
  display: block;
  font-family: 'Alegreya Sans', 'Trebuchet MS', sans-serif;
  text-decoration: none;
  font-weight: 900;
  font-size: 2em;
  color:#973F9C;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
/*  margin-top:-200px;	*/
  margin-top:-40px;

}

.slider-arrow:hover {
  color: #CCC;
  text-decoration: none;
}
.slider-arrow--right { 
right: 30px;
 }
.slider-arrow--left {  
left: 30px;
 }

.service_content p {
padding: 10px;
}

.service_content h3 {
padding:10px;
}




.feature_section11 .contbox {
    padding: 52px 32px 32px;
    text-align: center;
    background-color: #FFF;
    outline: 10px solid #FFF;
    outline-offset: 3px;
    margin-top: -8px;
    position: relative;
    z-index: 3;
}

.feature_section11 strong {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 30px;
    background-color: #973F9C;
    text-transform: uppercase;
    position: relative;
    z-index: 4;
}

.ser-font {
padding:8px 0; 
text-align: center; 
background-color:#f73d44; 
color:#fff;
}


/* Thumbnail Box */
.caption h4 {
    font-size: 1rem;
    color: #444;
    }
    .caption p {
        font-size: 0.75rem;
        color: #999;
        }
        .btn.btn-mini {
            font-size: 0.63rem;
            }


/* Carousel Control */
.control-box {
    text-align: right;
    width: 100%;
    }
    .carousel-control{
        background: #666;
        border: 0px;
        border-radius: 0px;
        display: inline-block;
        font-size: 34px;
        font-weight: 200;
        line-height: 18px;
        opacity: 0.5;
        padding: 4px 10px 0px;
        position: static;
        height: 30px;
        width: 15px;
        }
		
/* Mobile Only */
@media (max-width: 767px) {
    .control-box {
    text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
    word-break: break-all;
    }
}






/* ============================================================
  TIME LINE 
============================================================ */

/* Timeline */

  ul.timeline{
    margin:10px auto 0;
    width:100%;
    background:url(../images/theme/timeline-bg.jpg) center center repeat-y;
    height:690px;
    position:relative;
    padding:0 0 80px;
    font-family: 'Roboto Condensed', sans-serif !important;
  }
  
 

/* Year icon */

  .timeline .year{
    width:160px;
    height:57px;
    border:1px solid #2a2d38;
    border-radius:0;
    clear:both;
    padding: 10px 0 0 0;
    text-align:center;
    font-weight:600;
    font-size:20px;
    margin:21px auto;
  }
  .timeline .actual,
  .timeline .actual span{
    border:0 !important;
  }
  .timeline .actual span{
    background: #ee3448;
    color: #ffffff !important;
  }
  .timeline .year span{
    border-top:1px solid #2a2d38;
    display: block;
    color: #2a2d38;
    height: 100%;
    padding: 10px;
  }
/* Notes */

  .timeline .note{
    float:left;
    width: 45.3%;
    background: rgba(242,242,242,0.1);
    border-radius:0;
    border:1px solid #2a2d38;
    margin:30px 0;
    cursor:pointer;
    position:relative;
    z-index:550;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }

  .timeline .note div{
    border-right: 1px solid #2a2d38;
    margin-right: 100px;
    padding:5px 10px;
    position: relative;
  }
  .timeline .note:nth-of-type(2n) div{
    border-left: 1px solid #2a2d38;
    border-right: 0;
    margin-left: 100px;
    margin-right: 0;
  }

  .timeline .note strong{
  text-transform: uppercase;
  }
  
  .timeline .year + .note{
    margin-top:-20px;
  }

/* Start Icon */

  .timeline .start{
    width:60px;
    height:60px;
    border:1px solid #2a2d38;
    border-radius:0;
    background:#2a2d38;
    position:absolute;
    clear:both;
    padding:15px 0;
    text-align:center;
    color:#ffffff;
    font-size:24px;
    bottom:0px;
    left:50%;
    margin-left:-32px;
  }

/* Note inners */

  .timeline .note h4{
    font-size:19px;
    text-transform:uppercase;
    margin:5px 0;
  }

  .timeline .note p{
    font-size:14px;
    margin:8px 0;
  }

  .timeline .note span.date{
    display: block;
    position: absolute;
    right: -23px;
    width: 45px;
    height: 45px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    text-align: center;
    background: #2a2d38;
    color: #ffffff;
    padding: 7px;
	padding-top: 16px;

  }
  
  
  .timeline .note:nth-of-type(2n) span.date {
    left:-23px; 
  }

  .timeline .note .arrow{
    /*color:rgba(242,242,242,0.1);*/
    position:absolute;
    right:-2.3%;
    left:auto;
    top:20px;
    font-size:16px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }

  .timeline .note:after{
    content:'';
    position:absolute;
    right:-11.9%;
    display:block;
    width:14px;
    height:14px;
    background:#F2F2F2;
    border:1px solid #2a2d38;
    border-radius:100px;
    top:43px;
    z-index:20;
  }
  .timeline .note:nth-of-type(2n){
    float:right;
    clear:right;
  }
  .timeline .note:nth-of-type(2n):after{
    left:-11.9%;
  }
  .timeline .note:nth-of-type(2n) .arrow{
    left:-2.3%;
    right:auto;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }

/* Notes Rollover */

  .timeline .note:hover{
    background:#ffffff;
  }
  .timeline .note:hover h6{
    color:#ee3449;
  }
  .timeline .note:hover p{
    color:#767676;
  }
  .timeline .note:hover:after{
    background:#ee3449;
    border:1px solid #ee3448;
    
  }
  .timeline .note:hover .arrow{
    color:#ee3449;
  }
  .timeline .note:hover span.date{
    background:#ee3448;
    color:#ffffff;
  }  

/* ============================================================
  END TIME LINE 
============================================================ */

.bottom-line {
border-bottom: 1px solid #CCCCCC;
}
	
.sec-padding {
padding-left: 15px;
padding-right:15px;
}	


/* 15-07-2015 */

.padding01 {
padding-bottom:50px;
padding-top:50px
}

.padding02 {
padding-bottom:120px;
padding-top:120px
}

.padding03 {
padding-bottom:80px;
padding-top:80px
}

.section-title01 {
color:#333; 
text-align:center; 
font-size:40px; 
padding-bottom:20px;
}

.section-title01-color {
color:#fff !important; 
}

.section-title02 {
color:#333; 
text-align:center; 
font-size:40px;
}


.pictureContainer {
    height: 320px;
    overflow: hidden;
	float:left;
    border: 1px solid #CCCCCC;
}

.pictureContainer1 {
    position: relative;
    top: 0px;
}

.pictureContainer1 p {
padding: 5px 0 0 10px !important;
}


.pictureContainer1:hover {
    top: -280px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;
	 cursor: pointer;
}

.pictureContainer1 {
    position: relative;
    top: 0px;
     
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	 transition: all 0.5s ease-in-out;
}


.pictureContainer1 h3 {
padding: 0px !important;
margin-bottom:0px !important;
}

.testimonial-text {
	text-align: center;
	color:#fff;
}

.testimonial-slide .testimonial-text:before {
    content: "";
    font-family: FontAwesome;
    padding-right: 10px;
    font-size: 25px;
	color: #ff1a1a;
}
.testimonial-slide .testimonial-text:after {
    content: "ï„Ž";
    font-family: FontAwesome;
    font-size: 25px;
	color: #ff1a1a;
}

.testimonial-content {
width: 70%;
margin: 0 auto;
}

.testimonial-content p {
font-size: 18px;
word-spacing: 1px;
}

.testimonial-content h5 {
font-size: 15px;
word-spacing: 1px;
text-align:center; 
color:#fff;
}

.testimonial-content h3 {
text-align:center;
font-size:15px; 
padding:10px;color:#fff;
}


.ab-strong {
font-size:19px; 
padding-top:5px; 
color:#fff; 

}

.span-font span {
font-size: 18px;
}


.map-height {
height: 750px;
}


/* location scroll */


.clear{clear:both;}
.main-container{float:left;margin:0;padding:0;width:100%; position: fixed; bottom: 33px;box-shadow: 0px -1px 1px 0px rgba(50, 50, 50, 0.15);}
.marquee-st { padding:6px; font:700 13px 'Open Sans',sans-serif;background-color: rgba(255,255,255,0.8)!important;}







/* ---------------- 28-4-2015----------------- cashback load popup */


.ld-pop-ovrly {background:rgba(0,0,0,0.80); width:100%; height:100%; z-index:-1; position:fixed; z-index:99999;}
.hm-pgld-pop {background:url(images/pop_bck.jpg) left top no-repeat; width:731px; height:356px; position:fixed; z-index:999999; left:50%; top:40%; margin:-178px 0 0 -365px;}
.cls-btn {width:35px; height:35px; position:absolute; z-index:999999; right:-15px; top:-15px;}
.pop-cntnr-bx {margin:50px 0 0 37px; width:405px; color:#fff; text-align:center;}
.pop-cntnr-bx .pophdsec {font-size:30px; font-weight:700; text-transform:uppercase; margin:0 0 10px 0; text-shadow: 2px 2px 1px #000000;}
.pop-cntnr-bx .csbpoptxt {font-size:28px; font-weight:700; margin:0 0 20px 0; text-transform:uppercase; color:#ffea01; text-shadow: 2px 2px 1px #000000;}
.pop-cntnr-bx .frmbx {position:relative;}
.pop-cntnr-bx input {border:0px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; padding:17px 145px 18px 15px; background:#fff; font-size:18px; color:#737373; width:100%; box-sizing:border-box; font-weight:300;}
.pop-cntnr-bx input[type="submit"] { background:#000; position:absolute; right:0; top:0; color:#fff; text-transform:uppercase; font-size:18px; text-align:center; padding:18px 0; width:135px; box-sizing:border-box; cursor:pointer;

border-radius: 0px 7px 7px 0px;
-moz-border-radius: 0px 7px 7px 0px;
-webkit-border-radius: 0px 7px 7px 0px;
border: 0px solid #000000;}

.csbpop-btmlnks { width:690px; margin-top:45px;}
.csbpop-btmlnks ul { text-align:center; list-style-type:none; margin:0;padding:0;}
.csbpop-btmlnks ul li { display:inline-block; padding:0 7px 3px; border-right:1px solid #fff; font-size:17px; font-weight:600; line-height:15px;}
.csbpop-btmlnks ul li:last-child {border-right:0;}
.csbpop-btmlnks ul li a {color:#fff; text-decoration:none;}

/* ---------------- 28-4-2015----------------- cashback load popup */


.copyright a {
    text-decoration: none !important;
    color: #f11d1d;
}

.copyright a:hover{
    text-decoration: none !important;
    color: #fff;
}

.copyright {
text-align:center;
margin-top:15px !important;
}

.copyright-left {
float:left;
margin-left: 15px !important;
}

.copyright-right {
float:right;
}







/* After Validation */


.location-fa {
font-size:15px;
color: #F11D1D;
}

.why-us-col {
font-size:13px; 
line-height:28px;
}

.why-us-col h4 {
margin-top: 20px;
margin-bottom:0px;
}


.footer-email a {
color:#fff;
}

.text-align-justify{
	text-align:justify;
} 

.why-us-p{
	color:#727272; 
	text-align:center;
} 


.why-us-bc{
	background-color:#F5F3F3;
}

.about-img {
	padding: 0px 10px; 
	padding-top:15px; 
	float:left;
}

.about-img2 {
	padding: 0px 10px; 
	padding-top:15px; 
	float:left;
}

.content-hidden {
	font-size: 6px;
	color: white;
	margin:0px;
	padding:0px;
} 

.about-h1 {
	margin:0px 0px; 
	padding: 13px 0px;
}

.about-h2 {
	padding:0px 0px; 
	text-align:left;
}
.solutions-padding {
  padding-left:63px !important; 
  padding-right:63px !important;
}

.color-333 {
	color:#fff !important;
}

.color-A7A7A7 {
	color:#A7A7A7 !important;
}

.span3height h5,span {
 margin-left:25px;
}

.fb-like-new {
	vertical-align: bottom; 
	width: 79px; 
	height: 25px;
} 

.qr-pop-up {
	display: none;  
	margin-left:280px; 
	margin-top:80px; 
	z-index:999999; 
	position:fixed;
}


.text-align-center{
	text-align:center;
}

.tes-bu {
padding-left:38% !important;	
width: 90%;
margin: 0 auto;
}

.tes-name-bg {
	background-color:#F11D1D;
}

.our-team-h2 {
	margin:0px 0px; 
	padding: 5px 0px;  
	text-align:left;color:#A7A7A7;
}


.our-team-h4 {
	margin-top: 10px; 
	font-weight:700; 
	margin-bottom:0px;
	color:#A7A7A7;
}

.our-team-col6 {
	font-size:13px; 
	line-height:28px;
	color:#A7A7A7;
	padding-left:0px !important;
}

.our-team-col8 {
   padding-left:30px;
}

.our-team-img {
   padding: 0px 10px; 
   padding-top:15px; 
   float:left;
   width: 100%;
}

.mr-bottom {
   margin-bottom: -35px !important;
}

.color-F11D1D {
	color:#F9F7F7 !important;
}

.img-width-100 {
	width: 100% !important;
}

.tes-strong {
	background-color:#973F9C !important; 
	font-size:15px !important;
	padding:10px !important; 
	color:#fff !important;
}



.portfolio-title {
color:#333; 
text-align:center; 
font-size:22px;
}


.portfolio-bg {
background-color:#F5F3F3;
padding-top:25px;
padding-bottom: 10px;
}

.img-mrleft {
	margin-right:10px;
}


.padding05 {
    padding-bottom: 120px;
    padding-top: 80px;
}





.sub-menu li:hover > ul {

	visibility: visible;

}

.sub-menu li > ul {

	visibility:hidden;
	top:0px !important;
}


.bblack li a:hover {
    background-color:#333;
	color: :#fff;
}




.locationc a {
   color:#333 !important;
}


.locationc a:hover {
   color:#F11D1D !important;
}