@charset "utf-8";
/* CSS Document */


/*
Stylesheet: index.css
Version: 1.0
Company URI: http://www.colourcube.org
Author Name: Mukesh Choudhary
Description: This stylesheet is developed for webdevelopment company
*/
body{margin:0px; padding:0px; overflow-x:hidden;}
img {border:0 none;}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#f47d2d; margin-bottom:5px; font-weight:normal;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#d7d7d7; margin-bottom:5px; font-weight:normal;} 


h3 {font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#f47d2d; margin-bottom:5px; font-weight:normal;}

p {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; margin-bottom:5px; margin-top:5px; line-height:18px; text-align:justify;}

.fl_l{float:left;}
.fl_r{float:right;}

.color_line{width:100%; height:2px; float:left; background:url(../images/color_line.png) repeat-x; position:relative; z-index:999;}
.nav_bg{width:100%; height:55px; float:left; /*background:url(../images/hd_bg.png) repeat-x;*/ z-index:10; position:relative; box-shadow: 0px 2px 6px #cdcdcd; border-bottom:1px solid#9facb4; z-index:999;}

.in_color_line{width:100%; height:2px; float:left; background:url(../images/color_line.png) repeat-x; position: fixed; z-index:99999;}
.in_nav_bg{width:100%; height:55px; float:left;/* background:url(../images/hd_bg.png) repeat-x;*/ position: fixed; box-shadow: 0px 2px 6px #cdcdcd; border-bottom:1px solid#9facb4; z-index:99999; margin-top:2px;}


.slider_bg{width:100%; height:690px; float:left; background: url(../images/header_bg.jpg) center top no-repeat; margin-top:-7px;}
.section{width:1000px; margin:auto;}

.col_logo{width:253px; height:41px; float:left; margin-top:10px;}


.work_pannel{width:100%; height:60px; float:left;  /*background:url(../images/hd_bg.png) repeat-x;*/ z-index:10; position:relative; box-shadow: 0px 2px 6px #cdcdcd; border-bottom:1px solid#9facb4;}

.col_sprite{width:100%; height:auto; float:left; margin-top:10px;}
.m_net{width:90px; height:50px; float:left; background:url(../images/colourcubeSprite.png) no-repeat; background-position:0 0px; margin-left:30px;}
.m_net:hover{background-position:0 -57px;}
.php{background-position:0 -113px; margin-left:25px;}
.php:hover{background-position:0 -170px;}
.sept3{background-position:0 -226px; margin-left:35px;}
.sept3:hover{background-position:0 -283px;}
.sept4{background-position:0 -340px; margin-left:25px;}
.sept4:hover{background-position:0 -397px;}
.sept5{background-position:0 -452px; margin-left:25px;}
.sept5:hover{background-position:0 -509px;}
.sept6{background-position:0 -564px; margin-left:25px;}
.sept6:hover{background-position:0 -621px;}
.sept7{background-position:0 -678px; margin-left:25px;}
.sept7:hover{background-position:0 -735px;}
.sept8{background-position:0 -789px; margin-left:35px; margin-top:-5px;}
.sept8:hover{background-position:0 -846px;}


.mid_con_bg{width:100%; height:auto; min-height:300px; float:left; background: url(../images/middle_bg.jpg) center top;}



.click_down{width:152px; height:147px; float:left; background:url(../images/button_click.png) no-repeat; position:relative; z-index:999; opacity:0.3;}
.click_down:hover{width:152px; height:147px; float:left; background:url(../images/button_click.png) no-repeat; opacity:1;}
.click_down:focus{width:152px; height:147px; float:left; background: url(../images/button_click_hover.png) no-repeat; opacity:0.5;}
/*
.write_us{width:207px; height:74px; float:right; background:url(../images/write_us.png) right no-repeat; position:relative; z-index:999; margin-top:-74px;}
*/

.top_nav{width:650px; height: auto; float:left; font-family:Arial, Helvetica, sans-serif; margin-left:50px;}
.top_nav ul{margin:0px; padding:0px; list-style: none;}
.top_nav ul li { float:left; line-height:54px; margin: 0;}
.top_nav ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#7c7d7e;  padding: 18px 15px 14px; text-decoration:none; border-left:1px solid#bb9f85; border-right:1px solid#fffcf8; }
.top_nav ul li a:hover{ background-color:#fff6ea; border-top:5px solid#d69042; color:#346c8e; text-decoration:none;}



/*..EXPERTISE IN*/
.contianer{width:1000px; margin:auto;}
.ind_mid_bg{width:100%; float:left; background:url(../images/para_shapes.png) center top no-repeat;}

.exp_m_div{width:100%; float:left; }

.expertise_n{width:100%; float:left; height:52px; margin-top:50px; background:url(../images/we_expertise_hd.png) center top no-repeat;}
.exp_l_img{width:425px; height:521px; float:left; background:url(../images/icon_iphones.jpg) no-repeat; margin-top:50px;}
.exp_r_pannel{width:500px; float: right;margin-top:50px;}
.web_ui_design{width:100%; float:left; background:url(../images/web_icon.png) left top no-repeat;}
.mob_design{width:100%; float:left;margin-bottom:30px; background: url(../images/development_icon.png) left top no-repeat;}
.expertise_design{width:100%; float:left; background: url(../images/development_icon.png) left top no-repeat;}
.animation{width:100%; float:left;margin-bottom:30px; background: url(../images/3d_design.png) left top no-repeat;}




.web_ui_con{width:80%; min-height:50px; float:left;margin-left:20%; font-family:Arial, Helvetica, sans-serif;}
.wat_we_of_hd{width:100%; height:52px; float:left; margin-top:50px; background:url(../images/wat_offer_img.png) center top no-repeat; margin-bottom:50px;} 

/*..WAT WE OFFER */

.web_d_p{width:470px; float:left;}
.web_d_p_rg{width:450px; float: right;}

.left_nav_heading{width:94%; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#5e5e5e; margin-left:3%; margin-top:6px; border-bottom:1px solid#e8e8e8; line-height:42px;}

.left_nav { width:50%;color: #333333; float: left; font-size:13px; margin-bottom: 1em; padding: 0; font-family:Arial, Helvetica, sans-serif; margin-top:10px; margin-bottom:10px;}
.left_nav ol { border: medium none; list-style: none outside none; margin: 0; padding: 0;}
.left_nav li { height: auto; width: auto; background:url(../images/list-bullet.png) left top no-repeat;  padding: 4px 0 4px 30px; color:#4f4e4e; line-height:18px;}

/*.FOOTOR START */
.footor_bg{width:100%; min-height:200px; float:left; background:url(../images/footor_bg.jpg) center top;}
.bottom_p_heading{width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#a7a7a7; text-align:center; line-height:23px; margin-top:15px; /*background:url(../images/portfolio_h.png) center top no-repeat;*/}

.ft_prt_thumb{ width:312px; height: auto; float:left; margin-left:1.3em; margin-top:0.5em; border-bottom:1px solid#303133; padding-bottom:8px;}
.ft_prt_t_m_div{ width:100%; height:185px; float:left; background:url(../images/f_t_shadow.png) center bottom no-repeat;}
.ft_prt_t_div{ width:90%; float:left; padding:5px; background-color:#2b2b30; border:1px solid#76767f; transition:all 0.3s ease 0s;}
.ft_prt_t_div:hover{ width:90%; float:left; padding:5px; background-color:#2b2b30; border:1px solid#05bbe3; transition:all 0.3s ease 0s;}

.ft_prt_t_img{ width:278px; height:150px; float:left; border:1px solid#000;}
.ft_prt_s_h{ width:100%; height: auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#888888; line-height:18px; text-align:center; margin-top:-5px;}


.bt_nav_p_m_div{width:1000px; float:left;}
.bt_nav_m_div{width:695px; float:left; border-right:1px solid#42434a; margin-top:5px; margin-bottom:5px;}
.bt_con_pannel{width:280px; min-height:100px; float:left; border-left:1px solid#000; margin-top:5px; padding-top:10px; margin-bottom:5px; background:url(../images/contact_bg.png) right center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9e9e9e; padding-left:10px; line-height:18px; }


.left_nav_heading{width:94%; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#5e5e5e; margin-left:3%; margin-top:6px; border-bottom:1px solid#e8e8e8; line-height:42px;}

.bottom { width:205px;color: #333333; float: left; font-size:14px; margin-bottom: 1em; padding: 0; font-family:Arial, Helvetica, sans-serif; margin-left:1.5em;}
.bottom ul { border: medium none; list-style: none outside none; margin: 0; padding: 0;}
.bottom li { height: auto; width: auto;}
.bottom li a { background:url(../images/dot.png) center left no-repeat; color:#9e9e9e; display: block; padding: 4px 0 4px 17px; text-decoration: none;  width: auto; margin-top:1px; transition:0.5s ease 0s;}
.bottom li a:hover { color: #05bbe3; transition:0.5s ease 0s; }

.footor_b_div{width:100%; float:left; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-top:1px solid#333436;}
.footor_text{ width:auto; float:left; font-family:Arial, Helvetica, sans-serif; color:#7b7c7d; font-size:12px; line-height:42px; padding-left:9%; margin-top:8px;}
.footor_appspool_logo{width:80px; height: auto; float:left;}

.flw_ic_m_div{width:280px; float:right; margin-top:10px;}



/*.PORTFOLIO CSS START*/
.portfolio_m_div{width:100%; float:left;}


/*.....BUTTONS....*/
.registration_b{width:auto; min-width:53px; height: auto; float:left;
 font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; margin-left:1%; border:1px solid#c29605; border-radius:3px; cursor:pointer; text-decoration:none; line-height:29px; padding:2px 25px 2px 25px; margin-right:10px; text-shadow:0 -1px 0px #6f010c;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.05); text-align: center;
}

.red{ background-color: #ba201f; border: 1px solid #9b1010; transition: all 0.5s ease 0s; background-image: linear-gradient(to bottom, #ce2725, #9f0219);}
.red:hover{ background-color: #de2f2e; transition: all 0.5s ease 0s; background-image: linear-gradient(to bottom, #da0e0d, #aa001b);}

.blue{ background-color: #2ba6cb; border: 1px solid #2ba6cb; transition: all 0.5s ease 0s;}
.blue:hover{ background-color: #1782a2; transition: all 0.5s ease 0s;}




.header_bg{ width:100%; height:55px; float:left; /* background:url(../images/hd_bg.png) repeat-x;*/ position:fixed; box-shadow: 0px 2px 6px #cdcdcd; border-bottom:1px solid#9facb4; z-index:99999; margin-top:2px; }


/*....RATING START..*/
.navigation_div{width:300px; height: auto; float: right; margin-top:13px; margin-top:-650px; position:relative; z-index:999;}

.in_navigation_div{width:300px; height: auto; float: right; margin-top:13px;}



.star_icon{width:42px; height: auto; float:left; margin-left:21px;}
.home{ width:44px; height:42px; float:left; background: url(../images/navigation.png) top no-repeat scroll transparent;
    background-position:0px 0px; margin-top:0px; margin-left:-12px;}
.home:hover{  background-position:0px -41px;}

.about_us{width:44px;  background-position:-44px -0px; margin-left:-11px;}
.about_us:hover{  background-position:-44px -41px;}

.services{width:38px;  background-position:-88px -0px; margin-left:-8px;}
.services:hover{  background-position:-88px -41px;}

.gallery{width:36px;  background-position:-132px -0px; margin-left:-5px;}
.gallery:hover{  background-position:-132px -41px;}

.contact{width:36px;  background-position:-173px -0px; margin-left:-5px;}
.contact:hover{  background-position:-173px -41px;}





.office_bg{width:100%; float:left; background:url(../images/office5.jpg) center top repeat-y;}
.color{color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.work_s_us{width:300px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#e20061; margin-top:50px; margin-left:100px; }
.sc_b{width:94px; height:95px; float: right; background:url(../images/scroll_b.png) center top no-repeat; margin-top:-34px; margin-right:-83px;}


.ser_bg{width:100%; height:auto; min-height:719px; float:left; background:url(../images/service_bg.jpg) center top no-repeat; position:relative; z-index:30;}
.scroll_bg_b_div{width:100%; height:78px; float:left; background: url(../images/scrollDown.png) center top no-repeat; margin-top:-70px;}
.scroll_bg{width:100%; height:47px; float:left; background:url(../images/landing-mouse.gif) center top no-repeat; margin-top:10px;}

.font_style{ text-transform:uppercase;}

.the_best{width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#C12A7D; text-align:center; margin-top:50px; text-transform:uppercase;} 
.br_lf_t{width:30%; height:1px; float:left; border-top:1px solid#65778C; margin-top:18px;}
.br_rg_t{width:30%; height:1px; float:right; border-top:1px solid#65778C;  margin-top:18px;}

.p_p_mid_con_bg{width:100%; height:auto; min-height:900px; float:left; background: url(../images/portfolio_bg.jpg) center top no-repeat; background-color:#fff;}


/*CHANGES SERVICES*/
.ser_m_div{width:100%; float:left;}
.ser_p_lf{width:240px; float:left;}


.con_tab{width:600px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.0625rem; color:#fff; position:relative; z-index:99999;}

.label {color: #fff; display: block; font-size: 15px; padding-bottom: 3px;}
.input_fild{ width:100%; padding: 5px 0; height: 18px; line-height: 18px; border: 1px solid #e2e2e2; text-indent: 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#c02357;
	border-radius: 2px; outline:none; color: #000;	 transition: all 0.8s ease 0s;}
.input_fild:focus{ border: 1px solid #e2e2e2; border-radius: 2px; outline:none; color: #4A4A4A; transition: all 0.3s ease 0s; /*box-shadow:0 0 10px#0590ca;*/ background-color:#fffff7; }

.contact_h_div{width:90%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; text-transform:uppercase; line-height:30px;}
.con_h{ width:33px; height:33px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; text-align:center; line-height:30px;}

.cont_p_r_pannel{width:282px; height:567px; float:right; margin-top:50px;}
.con_p_lo_table{width:250px; min-height:100px; padding-top:10px;background:url(../images/contact_bg.png) right center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#616161; line-height:18px; }


.contact_mid_con_bg{width:100%; float:left; background: url(../images/contact_us_bg.jpg) center top repeat-y;}

.send_b{width:142px; height:44px; float:left; background:url(../images/send_b.png) center top no-repeat; border:0 none; padding:0px; cursor:pointer;}
.join_us{width:200px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#000; line-height:18px; margin-top:30px;}
.f_icon_div{width:100%; float:left; margin-top:13px;}
.f_icon{width:26px; height:34px; float:left; background:url(../images/f_icon.png) no-repeat; background-position:0 0px;}
.f_two{background-position:-26px 0px;}
.f_th{background-position:-52px 0px; width:65px;}
.f_fh{background-position:-118px 0px; width:65px;}



.bottom_h_div{width:100%; float:left;}
.b_icon{width:35px; height:50px; float:left; background:url(../images/colourcube_s_logo.png) center top;}
.b_text_h{width:77%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#D7D7D7; margin-top:20px; padding-left:3%; }

.join_us {
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    line-height: 18px;
    margin-top: 30px;
    width: 200px;
}


#back_to_top{width:75px; height:71px; float:right; background: url(../images/top_sticker.png) center top no-repeat; border-radius:50px; position:fixed; bottom:0px; right:0px; font-size:0px; z-index:99;}

.ser{ color:#F47D2D; text-decoration:none; transition: all 0.5s ease 0s;}}
.ser:hover{ color:#346c8e; text-decoration:none; transition: all 0.5s ease 0s;}

.site_l{ color:#346C8E; text-decoration:none; transition: all 0.5s ease 0s;}
.site_l:hover{ color:#346c8e; text-decoration:none; transition: all 0.5s ease 0s;}